美化ai chat里面tool calls样式

This commit is contained in:
jingrow 2026-06-29 22:59:45 +08:00
parent 342a00f606
commit dce8165834
2 changed files with 9 additions and 21 deletions

View File

@ -610,23 +610,9 @@ onMounted(() => {
.tool-call-details {
font-size: 13px;
border-left: 2px solid #d4d4d4;
padding-left: 12px;
transition: border-color 0.2s ease;
}
.tool-call-details.running {
border-left-color: #3b82f6;
}
.tool-call-details.completed {
border-left-color: #22c55e;
}
.tool-call-details.failed {
border-left-color: #ef4444;
}
/* tool-call-details 不再有容器左边框,状态色条已移除以对齐 thinking 样式 */
.tool-call-summary {
display: flex;
align-items: center;
@ -645,8 +631,7 @@ onMounted(() => {
.tool-call-icon {
flex-shrink: 0;
width: 16px;
height: 16px;
font-size: 14px;
color: #a8a29e;
transition: color 0.2s ease;
}
@ -664,7 +649,7 @@ onMounted(() => {
}
.tool-call-label {
font-size: 12px;
font-size: 11px;
color: #374151;
font-weight: 500;
}
@ -708,13 +693,16 @@ onMounted(() => {
}
.tool-call-content {
padding: 6px 0 2px 0;
border-left: 1px solid #d4d4d4;
padding: 8px 0 4px 16px;
color: #6b7280;
font-size: 12px;
line-height: 1.5;
word-break: break-all;
word-break: break-word;
}
/* margin-left 已移除tool call 与 thinking 平级,引用线从左边缘开始 */
.message-bubble.system {
padding: 8px 16px;
background: #fffbeb;

View File

@ -56,7 +56,7 @@ def _get_tool_label(tool_name: str) -> str:
def _get_tool_icon(tool_name: str) -> str:
"""根据工具名称返回 Tabler icon 名称,用于前端展示"""
ICON_MAP = {
"search_memory": "brain",
"search_memory": "search",
"store_memory": "plus",
"create_record": "file-plus",
"get_record": "file-search",