feat: structured tool call metadata and worktree project normalization (#18)

## Summary

- Extract and persist structured tool call metadata (`tool_use_id`,
`input_json`, `skill_name`, `result_content_length`) from session files
into the `tool_calls` table
- Pair `tool_result` content lengths back to their originating
`tool_call` via `tool_use_id` in the sync engine, then filter empty user
carrier messages
- Expose structured `tool_calls` in the message API response and enrich
frontend tool block rendering with parsed arguments (Bash commands, Task
prompts, TaskCreate/Update metadata, Skill names, etc.)
- Canonicalize worktree project names during import so archived worktree
sessions group with the main repository even when worktree paths no
longer exist on disk
- Batch tool-call hydration queries to avoid SQLite bind-variable limits
on large sessions

## Test plan
- [x] All Go tests pass (`CGO_ENABLED=1 go test -tags fts5 ./...`)
- [x] All frontend tests pass (380 tests)
- [x] Worktree project normalization: online worktree, offline worktree
with branch hint, offline worktree without branch
- [x] Tool-call batch hydration across batch boundaries (500+25
messages)
- [ ] Manual: open a session with tool calls, confirm tool blocks show
arguments and no empty user messages appear

🤖 Generated with [Claude Code](https://claude.com/claude-code)

---------

Co-authored-by: CL Kao <clkao@datarecce.io>
Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: 3 people

frontend/src/lib/api/types/core.ts

@@ -35,6 +35,16 @@ export interface ProjectInfo {
   session_count: number;
 }
 
+/** Matches Go ToolCall struct in internal/db/messages.go */
+export interface ToolCall {
+  tool_name: string;
+  category: string;
+  tool_use_id?: string;
+  input_json?: string;
+  skill_name?: string;
+  result_content_length?: number;
+}
+
 /** Matches Go Message struct in internal/db/messages.go */
 export interface Message {
   id: number;
@@ -46,6 +56,7 @@ export interface Message {
   has_thinking: boolean;
   has_tool_use: boolean;
   content_length: number;
+  tool_calls?: ToolCall[];
 }
 
 /** Matches Go MinimapEntry struct */

frontend/src/lib/components/content/MessageContent.svelte

@@ -1,6 +1,9 @@
 <script lang="ts">
   import type { Message } from "../../api/types.js";
-  import { parseContent } from "../../utils/content-parser.js";
+  import {
+    parseContent,
+    enrichSegments,
+  } from "../../utils/content-parser.js";
   import { formatTimestamp } from "../../utils/format.js";
   import ThinkingBlock from "./ThinkingBlock.svelte";
   import ToolBlock from "./ToolBlock.svelte";
@@ -14,7 +17,12 @@
 
   let { message }: Props = $props();
 
-  let segments = $derived(parseContent(message.content));
+  let segments = $derived(
+    enrichSegments(
+      parseContent(message.content, message.has_tool_use),
+      message.tool_calls,
+    ),
+  );
 
   let isUser = $derived(message.role === "user");
 
@@ -58,7 +66,11 @@
           <ThinkingBlock content={segment.content} />
         {/if}
       {:else if segment.type === "tool"}
-        <ToolBlock content={segment.content} label={segment.label} />
+        <ToolBlock
+          content={segment.content}
+          label={segment.label}
+          toolCall={segment.toolCall}
+        />
       {:else if segment.type === "code"}
         <CodeBlock content={segment.content} language={segment.label} />
       {:else}

frontend/src/lib/components/content/ToolBlock.svelte

@@ -1,15 +1,90 @@
 <script lang="ts">
+  import type { ToolCall } from "../../api/types.js";
+
   interface Props {
     content: string;
     label?: string;
+    toolCall?: ToolCall;
   }
 
-  let { content, label }: Props = $props();
+  let { content, label, toolCall }: Props = $props();
   let collapsed: boolean = $state(true);
 
   let previewLine = $derived(
     content.split("\n")[0]?.slice(0, 100) ?? "",
   );
+
+  /** Parsed input parameters from structured tool call data */
+  let inputParams = $derived.by(() => {
+    if (!toolCall?.input_json) return null;
+    try {
+      return JSON.parse(toolCall.input_json);
+    } catch {
+      return null;
+    }
+  });
+
+  /** For Task tool calls, extract key metadata fields */
+  let taskMeta = $derived.by(() => {
+    if (toolCall?.tool_name !== "Task" || !inputParams)
+      return null;
+    const meta: { label: string; value: string }[] = [];
+    if (inputParams.subagent_type) {
+      meta.push({
+        label: "type",
+        value: inputParams.subagent_type,
+      });
+    }
+    if (inputParams.description) {
+      meta.push({
+        label: "description",
+        value: inputParams.description,
+      });
+    }
+    return meta.length ? meta : null;
+  });
+
+  /** For TaskCreate, show subject and description */
+  let taskCreateMeta = $derived.by(() => {
+    if (toolCall?.tool_name !== "TaskCreate" || !inputParams)
+      return null;
+    const meta: { label: string; value: string }[] = [];
+    if (inputParams.subject) {
+      meta.push({ label: "subject", value: inputParams.subject });
+    }
+    if (inputParams.description) {
+      meta.push({ label: "description", value: inputParams.description });
+    }
+    return meta.length ? meta : null;
+  });
+
+  /** For TaskUpdate, show taskId and status */
+  let taskUpdateMeta = $derived.by(() => {
+    if (toolCall?.tool_name !== "TaskUpdate" || !inputParams)
+      return null;
+    const meta: { label: string; value: string }[] = [];
+    if (inputParams.taskId) {
+      meta.push({ label: "task", value: `#${inputParams.taskId}` });
+    }
+    if (inputParams.status) {
+      meta.push({ label: "status", value: inputParams.status });
+    }
+    if (inputParams.subject) {
+      meta.push({ label: "subject", value: inputParams.subject });
+    }
+    return meta.length ? meta : null;
+  });
+
+  /** Combined metadata for any tool type */
+  let metaTags = $derived(
+    taskMeta ?? taskCreateMeta ?? taskUpdateMeta ?? null,
+  );
+
+  let taskPrompt = $derived(
+    toolCall?.tool_name === "Task"
+      ? inputParams?.prompt ?? null
+      : null,
+  );
 </script>
 
 <div class="tool-block">
@@ -28,7 +103,21 @@
     {/if}
   </button>
   {#if !collapsed}
-    <pre class="tool-content">{content}</pre>
+    {#if metaTags}
+      <div class="tool-meta">
+        {#each metaTags as { label: metaLabel, value }}
+          <span class="meta-tag">
+            <span class="meta-label">{metaLabel}:</span>
+            {value}
+          </span>
+        {/each}
+      </div>
+    {/if}
+    {#if taskPrompt}
+      <pre class="tool-content">{taskPrompt}</pre>
+    {:else if content}
+      <pre class="tool-content">{content}</pre>
+    {/if}
   {/if}
 </div>
 
@@ -90,6 +179,28 @@
     min-width: 0;
   }
 
+  .tool-meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+    padding: 6px 14px;
+    border-top: 1px solid var(--border-muted);
+  }
+
+  .meta-tag {
+    font-family: var(--font-mono);
+    font-size: 11px;
+    color: var(--text-muted);
+    background: var(--bg-inset);
+    padding: 2px 6px;
+    border-radius: var(--radius-sm);
+  }
+
+  .meta-label {
+    color: var(--text-secondary);
+    font-weight: 500;
+  }
+
   .tool-content {
     padding: 8px 14px 10px;
     font-family: var(--font-mono);

frontend/src/lib/components/content/ToolCallGroup.svelte

@@ -1,6 +1,9 @@
 <script lang="ts">
   import type { Message } from "../../api/types.js";
-  import { parseContent } from "../../utils/content-parser.js";
+  import {
+    parseContent,
+    enrichSegments,
+  } from "../../utils/content-parser.js";
   import { formatTimestamp } from "../../utils/format.js";
   import ToolBlock from "./ToolBlock.svelte";
 
@@ -13,7 +16,10 @@
 
   let toolSegments = $derived(
     messages.flatMap((m) =>
-      parseContent(m.content).filter((s) => s.type === "tool"),
+      enrichSegments(
+        parseContent(m.content, m.has_tool_use),
+        m.tool_calls,
+      ).filter((s) => s.type === "tool"),
     ),
   );
 
@@ -78,6 +84,7 @@
       <ToolBlock
         content={segment.content}
         label={segment.label}
+        toolCall={segment.toolCall}
       />
     {/each}
   </div>