Streamline tool-call header DOM

2025-12-01 22:48:22 +00:00
parent 757c587b17
commit 983c8cc4a3
2 changed files with 42 additions and 12 deletions
--- a/packages/ui/src/components/tool-call.tsx
+++ b/packages/ui/src/components/tool-call.tsx
@@ -1192,11 +1192,15 @@ export default function ToolCall(props: ToolCallProps) {
      }}
      class={`tool-call ${combinedStatusClass()}`}
    >
-      <button class="tool-call-header" onClick={toggle} aria-expanded={expanded()}>
-        <span class="tool-call-icon">{expanded() ? "▼" : "▶"}</span>
-        <span class="tool-call-emoji">{getToolIcon(toolName())}</span>
-        <span class="tool-call-summary">{renderToolTitle()}</span>
-        <span class="tool-call-status">{statusIcon()}</span>
+      <button
+        class="tool-call-header"
+        onClick={toggle}
+        aria-expanded={expanded()}
+        data-status-icon={statusIcon()}
+      >
+        <span class="tool-call-summary" data-tool-icon={getToolIcon(toolName())}>
+          {renderToolTitle()}
+        </span>
      </button>

      <Show when={expanded()}>