@flanksource/clicky-ui 0.3.27 → 0.3.29

package/dist/data/ai/ThreadPicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadPicker.cjs","sources":["../../../src/data/ai/ThreadPicker.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon } from \"../Icon\";\nimport {\n  UiComment,\n  UiAdd,\n  UiTrash,\n  UiChevronDown,\n  UiPencilSimpleLine,\n} from \"../../icons\";\n\n/** One conversation as returned by the sessions endpoint. Only `id` is required;\n *  `title`/cost are rendered when present so the picker works against minimal\n *  backends (e.g. clicky's in-memory ThreadStore, which has no cost). */\nexport interface ThreadSummary {\n  id: string;\n  title?: string | null;\n  totalCostUsd?: number | null;\n  updatedAt?: string;\n}\n\n/** An injectable thread data source, for apps that load conversations through\n *  their own client (e.g. react-query) rather than a plain `${api}` fetch — and\n *  for backend-free stories/demos. When supplied it replaces the `api` calls. */\nexport interface ThreadSource {\n  /** Returns the conversation list (re-invoked whenever the menu opens). */\n  load: () => Promise<ThreadSummary[]>;\n  /** Creates a durable conversation before its first message is sent. */\n  create?: () => Promise<ThreadSummary>;\n  /** Deletes a conversation. Omit to hide the delete affordance's effect. */\n  remove?: (id: string) => Promise<void>;\n  /** Renames a conversation. Omit to hide the rename affordance. */\n  rename?: (id: string, title: string) => Promise<void>;\n}\n\nexport type ThreadPickerProps = {\n  /** Currently selected thread, or null for an unsaved/new conversation. */\n  threadId: string | null;\n  onSelect: (threadId: string) => void;\n  onNew: () => void;\n  /** Base endpoint for session CRUD. GET lists, `${api}/${id}` DELETE removes\n   *  and PATCH renames. Defaults to Captain's \"/api/chat/sessions\". Ignored when\n   *  `source` is set. */\n  api?: string;\n  /** Inject the thread list/delete/rename directly instead of fetching `api`. */\n  source?: ThreadSource;\n  /** Optional query string appended to the list request (e.g. a scope id). */\n  query?: string;\n  /** Changing this refetches the list, so a title the backend derived during a\n   *  turn appears without reopening the menu. */\n  refreshToken?: number;\n  className?: string;\n};\n\n/** A dropdown to switch between, create, and delete conversation threads. The\n *  list is (re)fetched whenever the menu opens, so newly-persisted threads\n *  appear without a manual refresh. */\nexport function ThreadPicker({\n  threadId,\n  onSelect,\n  onNew,\n  api = \"/api/chat/sessions\",\n  source,\n  query,\n  refreshToken,\n  className = \"\",\n}: ThreadPickerProps) {\n  const [threads, setThreads] = useState<ThreadSummary[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [renaming, setRenaming] = useState<{ id: string; title: string }>();\n  const canRename = source ? Boolean(source.rename) : Boolean(api);\n\n  const listUrl = query ? `${api}?${query}` : api;\n\n  const fetchThreads = useCallback(async () => {\n    setLoading(true);\n    try {\n      if (source) {\n        setThreads(await source.load());\n      } else {\n        const res = await fetch(listUrl);\n        if (res.ok) setThreads(await res.json());\n      }\n    } catch (err) {\n      console.warn(\"clicky-ui: failed to load threads\", err);\n    } finally {\n      setLoading(false);\n    }\n  }, [source, listUrl]);\n\n  useEffect(() => {\n    void fetchThreads();\n  }, [fetchThreads, refreshToken]);\n\n  const commitRename = useCallback(async () => {\n    if (!renaming) return;\n    const { id, title } = renaming;\n    setRenaming(undefined);\n    const trimmed = title.trim();\n    const previous = threads.find((t) => t.id === id)?.title ?? null;\n    if (!trimmed || trimmed === previous) return;\n    setThreads((prev) =>\n      prev.map((t) => (t.id === id ? { ...t, title: trimmed } : t)),\n    );\n    try {\n      if (source) {\n        await source.rename?.(id, trimmed);\n      } else {\n        const res = await fetch(`${api}/${id}`, {\n          method: \"PATCH\",\n          headers: { \"Content-Type\": \"application/json\" },\n          body: JSON.stringify({ title: trimmed }),\n        });\n        if (!res.ok) throw new Error(`rename failed with status ${res.status}`);\n      }\n    } catch (err) {\n      console.warn(\"clicky-ui: failed to rename thread\", err);\n      setThreads((prev) =>\n        prev.map((t) => (t.id === id ? { ...t, title: previous } : t)),\n      );\n    }\n  }, [api, renaming, source, threads]);\n\n  const handleDelete = useCallback(\n    async (id: string, e: React.MouseEvent) => {\n      e.stopPropagation();\n      try {\n        if (source) {\n          await source.remove?.(id);\n        } else {\n          await fetch(`${api}/${id}`, { method: \"DELETE\" });\n        }\n        setThreads((prev) => prev.filter((t) => t.id !== id));\n        if (id === threadId) onNew();\n      } catch (err) {\n        console.warn(\"clicky-ui: failed to delete thread\", err);\n      }\n    },\n    [source, api, threadId, onNew],\n  );\n\n  const current = threads.find((t) => t.id === threadId);\n  const label = current?.title || \"New Chat\";\n\n  return (\n    <DropdownMenu\n      align=\"left\"\n      className={className}\n      onOpenChange={(open) => {\n        if (open) void fetchThreads();\n      }}\n      menuClassName=\"min-w-[220px] max-w-[320px] max-h-72 overflow-y-auto\"\n      trigger={\n        <button\n          type=\"button\"\n          className=\"flex max-w-[200px] items-center gap-1 truncate rounded px-2 py-1 text-sm font-medium hover:bg-muted\"\n        >\n          <Icon icon={UiComment} className=\"size-3.5 shrink-0\" />\n          <span className=\"truncate\">{label}</span>\n          <Icon icon={UiChevronDown} className=\"size-3 shrink-0 opacity-50\" />\n        </button>\n      }\n    >\n      {(closeMenu) => (\n        <div className=\"py-1\">\n          <button\n            type=\"button\"\n            className=\"flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-popover-foreground hover:bg-accent\"\n            onClick={() => {\n              onNew();\n              closeMenu();\n            }}\n          >\n            <Icon icon={UiAdd} className=\"size-3\" /> New Chat\n          </button>\n          <div className=\"my-1 border-t border-border\" />\n          {loading && threads.length === 0 && (\n            <div className=\"px-3 py-1.5 text-xs text-muted-foreground\">\n              Loading…\n            </div>\n          )}\n          {threads.length === 0 && !loading && (\n            <div className=\"px-3 py-1.5 text-xs text-muted-foreground\">\n              No previous conversations\n            </div>\n          )}\n          {threads.map((t) => (\n            <div\n              key={t.id}\n              role=\"button\"\n              tabIndex={0}\n              className={cn(\n                \"group/thread flex w-full cursor-pointer items-center gap-2 px-3 py-1.5 text-left text-xs hover:bg-accent\",\n                t.id === threadId && \"font-semibold\",\n              )}\n              onClick={() => {\n                onSelect(t.id);\n                closeMenu();\n              }}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\" || e.key === \" \") {\n                  e.preventDefault();\n                  onSelect(t.id);\n                  closeMenu();\n                }\n              }}\n            >\n              <Icon icon={UiComment} className=\"size-3 shrink-0\" />\n              {renaming?.id === t.id ? (\n                <input\n                  autoFocus\n                  aria-label=\"Conversation title\"\n                  className=\"flex-1 rounded border border-border bg-background px-1 py-0.5 text-xs\"\n                  value={renaming.title}\n                  onClick={(e) => e.stopPropagation()}\n                  onChange={(e) =>\n                    setRenaming({ id: t.id, title: e.target.value })\n                  }\n                  onBlur={() => setRenaming(undefined)}\n                  onKeyDown={(e) => {\n                    e.stopPropagation();\n                    if (e.key === \"Enter\") void commitRename();\n                    if (e.key === \"Escape\") setRenaming(undefined);\n                  }}\n                />\n              ) : (\n                <span className=\"flex-1 truncate\">{t.title || \"Untitled\"}</span>\n              )}\n              {t.totalCostUsd != null && t.totalCostUsd > 0 && (\n                <span className=\"shrink-0 text-[10px] text-muted-foreground\">\n                  ${t.totalCostUsd.toFixed(2)}\n                </span>\n              )}\n              {canRename && renaming?.id !== t.id && (\n                <button\n                  type=\"button\"\n                  aria-label=\"Rename conversation\"\n                  className=\"shrink-0 rounded p-0.5 text-muted-foreground opacity-0 hover:text-foreground group-hover/thread:opacity-100\"\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    setRenaming({ id: t.id, title: t.title ?? \"\" });\n                  }}\n                >\n                  <Icon icon={UiPencilSimpleLine} className=\"size-3\" />\n                </button>\n              )}\n              <button\n                type=\"button\"\n                aria-label=\"Delete conversation\"\n                className=\"shrink-0 rounded p-0.5 text-muted-foreground opacity-0 hover:text-destructive group-hover/thread:opacity-100\"\n                onClick={(e) => void handleDelete(t.id, e)}\n              >\n                <Icon icon={UiTrash} className=\"size-3\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n"],"names":["useState","useCallback","useEffect","jsx","DropdownMenu","jsxs","Icon","UiComment","UiChevronDown","UiAdd","cn","UiPencilSimpleLine","UiTrash"],"mappings":"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"}
+{"version":3,"file":"ThreadPicker.cjs","sources":["../../../src/data/ai/ThreadPicker.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon } from \"../Icon\";\nimport {\n  UiComment,\n  UiAdd,\n  UiTrash,\n  UiChevronDown,\n  UiPencilSimpleLine,\n} from \"../../icons\";\n\n/** One conversation as returned by the sessions endpoint. Only `id` is required;\n *  `title`/cost are rendered when present so the picker works against minimal\n *  backends (e.g. clicky's in-memory ThreadStore, which has no cost). */\nexport interface ThreadSummary {\n  id: string;\n  title?: string | null;\n  totalCostUsd?: number | null;\n  updatedAt?: string;\n}\n\n/** An injectable thread data source, for apps that load conversations through\n *  their own client (e.g. react-query) rather than a plain `${api}` fetch — and\n *  for backend-free stories/demos. When supplied it replaces the `api` calls. */\nexport interface ThreadSource {\n  /** Returns the conversation list (re-invoked whenever the menu opens). */\n  load: () => Promise<ThreadSummary[]>;\n  /** Creates a durable conversation before its first message is sent. */\n  create?: () => Promise<ThreadSummary>;\n  /** Deletes a conversation. Omit to hide the delete affordance's effect. */\n  remove?: (id: string) => Promise<void>;\n  /** Renames a conversation. Omit to hide the rename affordance. */\n  rename?: (id: string, title: string) => Promise<void>;\n}\n\nexport type ThreadPickerProps = {\n  /** Currently selected thread, or null for an unsaved/new conversation. */\n  threadId: string | null;\n  onSelect: (threadId: string) => void;\n  onNew: () => void;\n  /** Base endpoint for session CRUD. GET lists, `${api}/${id}` DELETE removes\n   *  and PATCH renames. Defaults to Captain's \"/api/chat/sessions\". Ignored when\n   *  `source` is set. */\n  api?: string;\n  /** Inject the thread list/delete/rename directly instead of fetching `api`. */\n  source?: ThreadSource;\n  /** Optional query string appended to the list request (e.g. a scope id). */\n  query?: string;\n  /** Changing this refetches the list, so a title the backend derived during a\n   *  turn appears without reopening the menu. */\n  refreshToken?: number;\n  className?: string;\n};\n\n/** A dropdown to switch between, create, and delete conversation threads. The\n *  list is (re)fetched whenever the menu opens, so newly-persisted threads\n *  appear without a manual refresh. */\nexport function ThreadPicker({\n  threadId,\n  onSelect,\n  onNew,\n  api = \"/api/chat/sessions\",\n  source,\n  query,\n  refreshToken,\n  className = \"\",\n}: ThreadPickerProps) {\n  const [threads, setThreads] = useState<ThreadSummary[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [renaming, setRenaming] = useState<{ id: string; title: string }>();\n  const loadRequest = useRef(0);\n  const canRename = source ? Boolean(source.rename) : Boolean(api);\n\n  const listUrl = query ? `${api}?${query}` : api;\n\n  const fetchThreads = useCallback(async () => {\n    const request = ++loadRequest.current;\n    setLoading(true);\n    try {\n      let loaded: ThreadSummary[];\n      if (source) {\n        loaded = await source.load();\n      } else {\n        const res = await fetch(listUrl);\n        if (!res.ok) throw new Error(`load failed with status ${res.status}`);\n        loaded = await res.json();\n      }\n      if (request === loadRequest.current) setThreads(loaded);\n    } catch (err) {\n      console.warn(\"clicky-ui: failed to load threads\", err);\n    } finally {\n      if (request === loadRequest.current) setLoading(false);\n    }\n  }, [source, listUrl]);\n\n  useEffect(() => {\n    void fetchThreads();\n    return () => {\n      loadRequest.current += 1;\n    };\n  }, [fetchThreads, refreshToken]);\n\n  const commitRename = useCallback(async () => {\n    if (!renaming) return;\n    const { id, title } = renaming;\n    setRenaming(undefined);\n    const trimmed = title.trim();\n    const previous = threads.find((t) => t.id === id)?.title ?? null;\n    if (!trimmed || trimmed === previous) return;\n    setThreads((prev) =>\n      prev.map((t) => (t.id === id ? { ...t, title: trimmed } : t)),\n    );\n    try {\n      if (source) {\n        await source.rename?.(id, trimmed);\n      } else {\n        const res = await fetch(`${api}/${id}`, {\n          method: \"PATCH\",\n          headers: { \"Content-Type\": \"application/json\" },\n          body: JSON.stringify({ title: trimmed }),\n        });\n        if (!res.ok) throw new Error(`rename failed with status ${res.status}`);\n      }\n    } catch (err) {\n      console.warn(\"clicky-ui: failed to rename thread\", err);\n      setThreads((prev) =>\n        prev.map((t) => (t.id === id ? { ...t, title: previous } : t)),\n      );\n    }\n  }, [api, renaming, source, threads]);\n\n  const handleDelete = useCallback(\n    async (id: string) => {\n      try {\n        if (source) {\n          await source.remove?.(id);\n        } else {\n          await fetch(`${api}/${id}`, { method: \"DELETE\" });\n        }\n        setThreads((prev) => prev.filter((t) => t.id !== id));\n        if (id === threadId) onNew();\n      } catch (err) {\n        console.warn(\"clicky-ui: failed to delete thread\", err);\n      }\n    },\n    [source, api, threadId, onNew],\n  );\n\n  const current = threads.find((t) => t.id === threadId);\n  const label = current?.title || \"New Chat\";\n\n  return (\n    <DropdownMenu\n      align=\"left\"\n      className={className}\n      onOpenChange={(open) => {\n        if (open) void fetchThreads();\n      }}\n      menuClassName=\"min-w-[220px] max-w-[320px] max-h-72 overflow-y-auto\"\n      trigger={\n        <button\n          type=\"button\"\n          className=\"flex max-w-[200px] items-center gap-1 truncate rounded px-2 py-1 text-sm font-medium hover:bg-muted\"\n        >\n          <Icon icon={UiComment} className=\"size-3.5 shrink-0\" />\n          <span className=\"truncate\">{label}</span>\n          <Icon icon={UiChevronDown} className=\"size-3 shrink-0 opacity-50\" />\n        </button>\n      }\n    >\n      {(closeMenu) => (\n        <div className=\"py-1\">\n          <button\n            type=\"button\"\n            className=\"flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-popover-foreground hover:bg-accent\"\n            onClick={() => {\n              onNew();\n              closeMenu();\n            }}\n          >\n            <Icon icon={UiAdd} className=\"size-3\" /> New Chat\n          </button>\n          <div className=\"my-1 border-t border-border\" />\n          {loading && threads.length === 0 && (\n            <div className=\"px-3 py-1.5 text-xs text-muted-foreground\">\n              Loading…\n            </div>\n          )}\n          {threads.length === 0 && !loading && (\n            <div className=\"px-3 py-1.5 text-xs text-muted-foreground\">\n              No previous conversations\n            </div>\n          )}\n          {threads.map((t) => (\n            <div\n              key={t.id}\n              className={cn(\n                \"group/thread flex w-full items-center gap-1 px-1 py-0.5 text-left text-xs hover:bg-accent\",\n                t.id === threadId && \"font-semibold\",\n              )}\n            >\n              {renaming?.id === t.id ? (\n                <div className=\"flex min-w-0 flex-1 items-center gap-2 px-2 py-1\">\n                  <Icon icon={UiComment} className=\"size-3 shrink-0\" />\n                  <input\n                    autoFocus\n                    aria-label=\"Conversation title\"\n                    className=\"min-w-0 flex-1 rounded border border-border bg-background px-1 py-0.5 text-xs\"\n                    value={renaming.title}\n                    onClick={(e) => e.stopPropagation()}\n                    onChange={(e) =>\n                      setRenaming({ id: t.id, title: e.target.value })\n                    }\n                    onBlur={() => setRenaming(undefined)}\n                    onKeyDown={(e) => {\n                      e.stopPropagation();\n                      if (e.key === \"Enter\") void commitRename();\n                      if (e.key === \"Escape\") setRenaming(undefined);\n                    }}\n                  />\n                  {t.totalCostUsd != null && t.totalCostUsd > 0 && (\n                    <span className=\"shrink-0 text-[10px] text-muted-foreground\">\n                      ${t.totalCostUsd.toFixed(2)}\n                    </span>\n                  )}\n                </div>\n              ) : (\n                <button\n                  type=\"button\"\n                  className=\"flex min-w-0 flex-1 items-center gap-2 px-2 py-1 text-left\"\n                  onClick={() => {\n                    onSelect(t.id);\n                    closeMenu();\n                  }}\n                >\n                  <Icon icon={UiComment} className=\"size-3 shrink-0\" />\n                  <span className=\"min-w-0 flex-1 truncate\">{t.title || \"Untitled\"}</span>\n                  {t.totalCostUsd != null && t.totalCostUsd > 0 && (\n                    <span className=\"shrink-0 text-[10px] text-muted-foreground\">\n                      ${t.totalCostUsd.toFixed(2)}\n                    </span>\n                  )}\n                </button>\n              )}\n              {canRename && renaming?.id !== t.id && (\n                <button\n                  type=\"button\"\n                  aria-label=\"Rename conversation\"\n                  className=\"shrink-0 rounded p-0.5 text-muted-foreground opacity-0 hover:text-foreground group-hover/thread:opacity-100\"\n                  onClick={() => {\n                    setRenaming({ id: t.id, title: t.title ?? \"\" });\n                  }}\n                >\n                  <Icon icon={UiPencilSimpleLine} className=\"size-3\" />\n                </button>\n              )}\n              <button\n                type=\"button\"\n                aria-label=\"Delete conversation\"\n                className=\"shrink-0 rounded p-0.5 text-muted-foreground opacity-0 hover:text-destructive group-hover/thread:opacity-100\"\n                onClick={() => void handleDelete(t.id)}\n              >\n                <Icon icon={UiTrash} className=\"size-3\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n"],"names":["useState","useRef","useCallback","useEffect","jsx","DropdownMenu","jsxs","Icon","UiComment","UiChevronDown","UiAdd","cn","UiPencilSimpleLine","UiTrash"],"mappings":"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"}

package/dist/data/ai/ThreadPicker.d.ts

@@ -41,5 +41,5 @@ export type ThreadPickerProps = {
 /** A dropdown to switch between, create, and delete conversation threads. The
  *  list is (re)fetched whenever the menu opens, so newly-persisted threads
  *  appear without a manual refresh. */
-export declare function ThreadPicker({ threadId, onSelect, onNew, api, source, query, refreshToken, className, }: ThreadPickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThreadPicker({ threadId, onSelect, onNew, api, source, query, refreshToken, className, }: ThreadPickerProps): import("react").JSX.Element;
 //# sourceMappingURL=ThreadPicker.d.ts.map

package/dist/data/ai/ThreadPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadPicker.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ThreadPicker.tsx"],"names":[],"mappings":"AAYA;;yEAEyE;AACzE,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;iFAEiF;AACjF,MAAM,WAAW,YAAY;IAC3B,0EAA0E;IAC1E,IAAI,EAAE,MAAM,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC;IACrC,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,OAAO,CAAC,aAAa,CAAC,CAAC;IACtC,2EAA2E;IAC3E,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,kEAAkE;IAClE,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACvD;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,0EAA0E;IAC1E,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB;;2BAEuB;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;mDAC+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;uCAEuC;AACvC,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAA0B,EAC1B,MAAM,EACN,KAAK,EACL,YAAY,EACZ,SAAc,GACf,EAAE,iBAAiB,2CAkMnB"}
+{"version":3,"file":"ThreadPicker.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ThreadPicker.tsx"],"names":[],"mappings":"AAYA;;yEAEyE;AACzE,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;iFAEiF;AACjF,MAAM,WAAW,YAAY;IAC3B,0EAA0E;IAC1E,IAAI,EAAE,MAAM,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC;IACrC,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,OAAO,CAAC,aAAa,CAAC,CAAC;IACtC,2EAA2E;IAC3E,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,kEAAkE;IAClE,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACvD;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,0EAA0E;IAC1E,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB;;2BAEuB;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;mDAC+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;uCAEuC;AACvC,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAA0B,EAC1B,MAAM,EACN,KAAK,EACL,YAAY,EACZ,SAAc,GACf,EAAE,iBAAiB,+BA4MnB"}

package/dist/data/ai/ThreadPicker.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useCallback, useEffect } from "react";
+import { useState, useRef, useCallback, useEffect } from "react";
 import { cn } from "../../lib/utils.js";
 import { DropdownMenu } from "../../overlay/DropdownMenu.js";
 import { Icon } from "../Icon.js";
@@ -21,25 +21,33 @@ function ThreadPicker({
   const [threads, setThreads] = useState([]);
   const [loading, setLoading] = useState(false);
   const [renaming, setRenaming] = useState();
+  const loadRequest = useRef(0);
   const canRename = source ? Boolean(source.rename) : Boolean(api);
   const listUrl = query ? `${api}?${query}` : api;
   const fetchThreads = useCallback(async () => {
+    const request = ++loadRequest.current;
     setLoading(true);
     try {
+      let loaded;
       if (source) {
-        setThreads(await source.load());
+        loaded = await source.load();
       } else {
         const res = await fetch(listUrl);
-        if (res.ok) setThreads(await res.json());
+        if (!res.ok) throw new Error(`load failed with status ${res.status}`);
+        loaded = await res.json();
       }
+      if (request === loadRequest.current) setThreads(loaded);
     } catch (err) {
       console.warn("clicky-ui: failed to load threads", err);
     } finally {
-      setLoading(false);
+      if (request === loadRequest.current) setLoading(false);
     }
   }, [source, listUrl]);
   useEffect(() => {
     void fetchThreads();
+    return () => {
+      loadRequest.current += 1;
+    };
   }, [fetchThreads, refreshToken]);
   const commitRename = useCallback(async () => {
     var _a, _b;
@@ -71,9 +79,8 @@ function ThreadPicker({
     }
   }, [api, renaming, source, threads]);
   const handleDelete = useCallback(
-    async (id, e) => {
+    async (id) => {
       var _a;
-      e.stopPropagation();
       try {
         if (source) {
           await ((_a = source.remove) == null ? void 0 : _a.call(source, id));
@@ -133,54 +140,60 @@ function ThreadPicker({
         threads.map((t) => /* @__PURE__ */ jsxs(
           "div",
           {
-            role: "button",
-            tabIndex: 0,
             className: cn(
-              "group/thread flex w-full cursor-pointer items-center gap-2 px-3 py-1.5 text-left text-xs hover:bg-accent",
+              "group/thread flex w-full items-center gap-1 px-1 py-0.5 text-left text-xs hover:bg-accent",
               t.id === threadId && "font-semibold"
             ),
-            onClick: () => {
-              onSelect(t.id);
-              closeMenu();
-            },
-            onKeyDown: (e) => {
-              if (e.key === "Enter" || e.key === " ") {
-                e.preventDefault();
-                onSelect(t.id);
-                closeMenu();
-              }
-            },
             children: [
-              /* @__PURE__ */ jsx(Icon, { icon: UiComment, className: "size-3 shrink-0" }),
-              (renaming == null ? void 0 : renaming.id) === t.id ? /* @__PURE__ */ jsx(
-                "input",
-                {
-                  autoFocus: true,
-                  "aria-label": "Conversation title",
-                  className: "flex-1 rounded border border-border bg-background px-1 py-0.5 text-xs",
-                  value: renaming.title,
-                  onClick: (e) => e.stopPropagation(),
-                  onChange: (e) => setRenaming({ id: t.id, title: e.target.value }),
-                  onBlur: () => setRenaming(void 0),
-                  onKeyDown: (e) => {
-                    e.stopPropagation();
-                    if (e.key === "Enter") void commitRename();
-                    if (e.key === "Escape") setRenaming(void 0);
+              (renaming == null ? void 0 : renaming.id) === t.id ? /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2 px-2 py-1", children: [
+                /* @__PURE__ */ jsx(Icon, { icon: UiComment, className: "size-3 shrink-0" }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    autoFocus: true,
+                    "aria-label": "Conversation title",
+                    className: "min-w-0 flex-1 rounded border border-border bg-background px-1 py-0.5 text-xs",
+                    value: renaming.title,
+                    onClick: (e) => e.stopPropagation(),
+                    onChange: (e) => setRenaming({ id: t.id, title: e.target.value }),
+                    onBlur: () => setRenaming(void 0),
+                    onKeyDown: (e) => {
+                      e.stopPropagation();
+                      if (e.key === "Enter") void commitRename();
+                      if (e.key === "Escape") setRenaming(void 0);
+                    }
                   }
+                ),
+                t.totalCostUsd != null && t.totalCostUsd > 0 && /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: [
+                  "$",
+                  t.totalCostUsd.toFixed(2)
+                ] })
+              ] }) : /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: "flex min-w-0 flex-1 items-center gap-2 px-2 py-1 text-left",
+                  onClick: () => {
+                    onSelect(t.id);
+                    closeMenu();
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(Icon, { icon: UiComment, className: "size-3 shrink-0" }),
+                    /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: t.title || "Untitled" }),
+                    t.totalCostUsd != null && t.totalCostUsd > 0 && /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: [
+                      "$",
+                      t.totalCostUsd.toFixed(2)
+                    ] })
+                  ]
                 }
-              ) : /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: t.title || "Untitled" }),
-              t.totalCostUsd != null && t.totalCostUsd > 0 && /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: [
-                "$",
-                t.totalCostUsd.toFixed(2)
-              ] }),
+              ),
               canRename && (renaming == null ? void 0 : renaming.id) !== t.id && /* @__PURE__ */ jsx(
                 "button",
                 {
                   type: "button",
                   "aria-label": "Rename conversation",
                   className: "shrink-0 rounded p-0.5 text-muted-foreground opacity-0 hover:text-foreground group-hover/thread:opacity-100",
-                  onClick: (e) => {
-                    e.stopPropagation();
+                  onClick: () => {
                     setRenaming({ id: t.id, title: t.title ?? "" });
                   },
                   children: /* @__PURE__ */ jsx(Icon, { icon: UiPencilSimpleLine, className: "size-3" })
@@ -192,7 +205,7 @@ function ThreadPicker({
                   type: "button",
                   "aria-label": "Delete conversation",
                   className: "shrink-0 rounded p-0.5 text-muted-foreground opacity-0 hover:text-destructive group-hover/thread:opacity-100",
-                  onClick: (e) => void handleDelete(t.id, e),
+                  onClick: () => void handleDelete(t.id),
                   children: /* @__PURE__ */ jsx(Icon, { icon: UiTrash, className: "size-3" })
                 }
               )

package/dist/data/ai/ThreadPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadPicker.js","sources":["../../../src/data/ai/ThreadPicker.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon } from \"../Icon\";\nimport {\n  UiComment,\n  UiAdd,\n  UiTrash,\n  UiChevronDown,\n  UiPencilSimpleLine,\n} from \"../../icons\";\n\n/** One conversation as returned by the sessions endpoint. Only `id` is required;\n *  `title`/cost are rendered when present so the picker works against minimal\n *  backends (e.g. clicky's in-memory ThreadStore, which has no cost). */\nexport interface ThreadSummary {\n  id: string;\n  title?: string | null;\n  totalCostUsd?: number | null;\n  updatedAt?: string;\n}\n\n/** An injectable thread data source, for apps that load conversations through\n *  their own client (e.g. react-query) rather than a plain `${api}` fetch — and\n *  for backend-free stories/demos. When supplied it replaces the `api` calls. */\nexport interface ThreadSource {\n  /** Returns the conversation list (re-invoked whenever the menu opens). */\n  load: () => Promise<ThreadSummary[]>;\n  /** Creates a durable conversation before its first message is sent. */\n  create?: () => Promise<ThreadSummary>;\n  /** Deletes a conversation. Omit to hide the delete affordance's effect. */\n  remove?: (id: string) => Promise<void>;\n  /** Renames a conversation. Omit to hide the rename affordance. */\n  rename?: (id: string, title: string) => Promise<void>;\n}\n\nexport type ThreadPickerProps = {\n  /** Currently selected thread, or null for an unsaved/new conversation. */\n  threadId: string | null;\n  onSelect: (threadId: string) => void;\n  onNew: () => void;\n  /** Base endpoint for session CRUD. GET lists, `${api}/${id}` DELETE removes\n   *  and PATCH renames. Defaults to Captain's \"/api/chat/sessions\". Ignored when\n   *  `source` is set. */\n  api?: string;\n  /** Inject the thread list/delete/rename directly instead of fetching `api`. */\n  source?: ThreadSource;\n  /** Optional query string appended to the list request (e.g. a scope id). */\n  query?: string;\n  /** Changing this refetches the list, so a title the backend derived during a\n   *  turn appears without reopening the menu. */\n  refreshToken?: number;\n  className?: string;\n};\n\n/** A dropdown to switch between, create, and delete conversation threads. The\n *  list is (re)fetched whenever the menu opens, so newly-persisted threads\n *  appear without a manual refresh. */\nexport function ThreadPicker({\n  threadId,\n  onSelect,\n  onNew,\n  api = \"/api/chat/sessions\",\n  source,\n  query,\n  refreshToken,\n  className = \"\",\n}: ThreadPickerProps) {\n  const [threads, setThreads] = useState<ThreadSummary[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [renaming, setRenaming] = useState<{ id: string; title: string }>();\n  const canRename = source ? Boolean(source.rename) : Boolean(api);\n\n  const listUrl = query ? `${api}?${query}` : api;\n\n  const fetchThreads = useCallback(async () => {\n    setLoading(true);\n    try {\n      if (source) {\n        setThreads(await source.load());\n      } else {\n        const res = await fetch(listUrl);\n        if (res.ok) setThreads(await res.json());\n      }\n    } catch (err) {\n      console.warn(\"clicky-ui: failed to load threads\", err);\n    } finally {\n      setLoading(false);\n    }\n  }, [source, listUrl]);\n\n  useEffect(() => {\n    void fetchThreads();\n  }, [fetchThreads, refreshToken]);\n\n  const commitRename = useCallback(async () => {\n    if (!renaming) return;\n    const { id, title } = renaming;\n    setRenaming(undefined);\n    const trimmed = title.trim();\n    const previous = threads.find((t) => t.id === id)?.title ?? null;\n    if (!trimmed || trimmed === previous) return;\n    setThreads((prev) =>\n      prev.map((t) => (t.id === id ? { ...t, title: trimmed } : t)),\n    );\n    try {\n      if (source) {\n        await source.rename?.(id, trimmed);\n      } else {\n        const res = await fetch(`${api}/${id}`, {\n          method: \"PATCH\",\n          headers: { \"Content-Type\": \"application/json\" },\n          body: JSON.stringify({ title: trimmed }),\n        });\n        if (!res.ok) throw new Error(`rename failed with status ${res.status}`);\n      }\n    } catch (err) {\n      console.warn(\"clicky-ui: failed to rename thread\", err);\n      setThreads((prev) =>\n        prev.map((t) => (t.id === id ? { ...t, title: previous } : t)),\n      );\n    }\n  }, [api, renaming, source, threads]);\n\n  const handleDelete = useCallback(\n    async (id: string, e: React.MouseEvent) => {\n      e.stopPropagation();\n      try {\n        if (source) {\n          await source.remove?.(id);\n        } else {\n          await fetch(`${api}/${id}`, { method: \"DELETE\" });\n        }\n        setThreads((prev) => prev.filter((t) => t.id !== id));\n        if (id === threadId) onNew();\n      } catch (err) {\n        console.warn(\"clicky-ui: failed to delete thread\", err);\n      }\n    },\n    [source, api, threadId, onNew],\n  );\n\n  const current = threads.find((t) => t.id === threadId);\n  const label = current?.title || \"New Chat\";\n\n  return (\n    <DropdownMenu\n      align=\"left\"\n      className={className}\n      onOpenChange={(open) => {\n        if (open) void fetchThreads();\n      }}\n      menuClassName=\"min-w-[220px] max-w-[320px] max-h-72 overflow-y-auto\"\n      trigger={\n        <button\n          type=\"button\"\n          className=\"flex max-w-[200px] items-center gap-1 truncate rounded px-2 py-1 text-sm font-medium hover:bg-muted\"\n        >\n          <Icon icon={UiComment} className=\"size-3.5 shrink-0\" />\n          <span className=\"truncate\">{label}</span>\n          <Icon icon={UiChevronDown} className=\"size-3 shrink-0 opacity-50\" />\n        </button>\n      }\n    >\n      {(closeMenu) => (\n        <div className=\"py-1\">\n          <button\n            type=\"button\"\n            className=\"flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-popover-foreground hover:bg-accent\"\n            onClick={() => {\n              onNew();\n              closeMenu();\n            }}\n          >\n            <Icon icon={UiAdd} className=\"size-3\" /> New Chat\n          </button>\n          <div className=\"my-1 border-t border-border\" />\n          {loading && threads.length === 0 && (\n            <div className=\"px-3 py-1.5 text-xs text-muted-foreground\">\n              Loading…\n            </div>\n          )}\n          {threads.length === 0 && !loading && (\n            <div className=\"px-3 py-1.5 text-xs text-muted-foreground\">\n              No previous conversations\n            </div>\n          )}\n          {threads.map((t) => (\n            <div\n              key={t.id}\n              role=\"button\"\n              tabIndex={0}\n              className={cn(\n                \"group/thread flex w-full cursor-pointer items-center gap-2 px-3 py-1.5 text-left text-xs hover:bg-accent\",\n                t.id === threadId && \"font-semibold\",\n              )}\n              onClick={() => {\n                onSelect(t.id);\n                closeMenu();\n              }}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\" || e.key === \" \") {\n                  e.preventDefault();\n                  onSelect(t.id);\n                  closeMenu();\n                }\n              }}\n            >\n              <Icon icon={UiComment} className=\"size-3 shrink-0\" />\n              {renaming?.id === t.id ? (\n                <input\n                  autoFocus\n                  aria-label=\"Conversation title\"\n                  className=\"flex-1 rounded border border-border bg-background px-1 py-0.5 text-xs\"\n                  value={renaming.title}\n                  onClick={(e) => e.stopPropagation()}\n                  onChange={(e) =>\n                    setRenaming({ id: t.id, title: e.target.value })\n                  }\n                  onBlur={() => setRenaming(undefined)}\n                  onKeyDown={(e) => {\n                    e.stopPropagation();\n                    if (e.key === \"Enter\") void commitRename();\n                    if (e.key === \"Escape\") setRenaming(undefined);\n                  }}\n                />\n              ) : (\n                <span className=\"flex-1 truncate\">{t.title || \"Untitled\"}</span>\n              )}\n              {t.totalCostUsd != null && t.totalCostUsd > 0 && (\n                <span className=\"shrink-0 text-[10px] text-muted-foreground\">\n                  ${t.totalCostUsd.toFixed(2)}\n                </span>\n              )}\n              {canRename && renaming?.id !== t.id && (\n                <button\n                  type=\"button\"\n                  aria-label=\"Rename conversation\"\n                  className=\"shrink-0 rounded p-0.5 text-muted-foreground opacity-0 hover:text-foreground group-hover/thread:opacity-100\"\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    setRenaming({ id: t.id, title: t.title ?? \"\" });\n                  }}\n                >\n                  <Icon icon={UiPencilSimpleLine} className=\"size-3\" />\n                </button>\n              )}\n              <button\n                type=\"button\"\n                aria-label=\"Delete conversation\"\n                className=\"shrink-0 rounded p-0.5 text-muted-foreground opacity-0 hover:text-destructive group-hover/thread:opacity-100\"\n                onClick={(e) => void handleDelete(t.id, e)}\n              >\n                <Icon icon={UiTrash} className=\"size-3\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ThreadPicker.js","sources":["../../../src/data/ai/ThreadPicker.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon } from \"../Icon\";\nimport {\n  UiComment,\n  UiAdd,\n  UiTrash,\n  UiChevronDown,\n  UiPencilSimpleLine,\n} from \"../../icons\";\n\n/** One conversation as returned by the sessions endpoint. Only `id` is required;\n *  `title`/cost are rendered when present so the picker works against minimal\n *  backends (e.g. clicky's in-memory ThreadStore, which has no cost). */\nexport interface ThreadSummary {\n  id: string;\n  title?: string | null;\n  totalCostUsd?: number | null;\n  updatedAt?: string;\n}\n\n/** An injectable thread data source, for apps that load conversations through\n *  their own client (e.g. react-query) rather than a plain `${api}` fetch — and\n *  for backend-free stories/demos. When supplied it replaces the `api` calls. */\nexport interface ThreadSource {\n  /** Returns the conversation list (re-invoked whenever the menu opens). */\n  load: () => Promise<ThreadSummary[]>;\n  /** Creates a durable conversation before its first message is sent. */\n  create?: () => Promise<ThreadSummary>;\n  /** Deletes a conversation. Omit to hide the delete affordance's effect. */\n  remove?: (id: string) => Promise<void>;\n  /** Renames a conversation. Omit to hide the rename affordance. */\n  rename?: (id: string, title: string) => Promise<void>;\n}\n\nexport type ThreadPickerProps = {\n  /** Currently selected thread, or null for an unsaved/new conversation. */\n  threadId: string | null;\n  onSelect: (threadId: string) => void;\n  onNew: () => void;\n  /** Base endpoint for session CRUD. GET lists, `${api}/${id}` DELETE removes\n   *  and PATCH renames. Defaults to Captain's \"/api/chat/sessions\". Ignored when\n   *  `source` is set. */\n  api?: string;\n  /** Inject the thread list/delete/rename directly instead of fetching `api`. */\n  source?: ThreadSource;\n  /** Optional query string appended to the list request (e.g. a scope id). */\n  query?: string;\n  /** Changing this refetches the list, so a title the backend derived during a\n   *  turn appears without reopening the menu. */\n  refreshToken?: number;\n  className?: string;\n};\n\n/** A dropdown to switch between, create, and delete conversation threads. The\n *  list is (re)fetched whenever the menu opens, so newly-persisted threads\n *  appear without a manual refresh. */\nexport function ThreadPicker({\n  threadId,\n  onSelect,\n  onNew,\n  api = \"/api/chat/sessions\",\n  source,\n  query,\n  refreshToken,\n  className = \"\",\n}: ThreadPickerProps) {\n  const [threads, setThreads] = useState<ThreadSummary[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [renaming, setRenaming] = useState<{ id: string; title: string }>();\n  const loadRequest = useRef(0);\n  const canRename = source ? Boolean(source.rename) : Boolean(api);\n\n  const listUrl = query ? `${api}?${query}` : api;\n\n  const fetchThreads = useCallback(async () => {\n    const request = ++loadRequest.current;\n    setLoading(true);\n    try {\n      let loaded: ThreadSummary[];\n      if (source) {\n        loaded = await source.load();\n      } else {\n        const res = await fetch(listUrl);\n        if (!res.ok) throw new Error(`load failed with status ${res.status}`);\n        loaded = await res.json();\n      }\n      if (request === loadRequest.current) setThreads(loaded);\n    } catch (err) {\n      console.warn(\"clicky-ui: failed to load threads\", err);\n    } finally {\n      if (request === loadRequest.current) setLoading(false);\n    }\n  }, [source, listUrl]);\n\n  useEffect(() => {\n    void fetchThreads();\n    return () => {\n      loadRequest.current += 1;\n    };\n  }, [fetchThreads, refreshToken]);\n\n  const commitRename = useCallback(async () => {\n    if (!renaming) return;\n    const { id, title } = renaming;\n    setRenaming(undefined);\n    const trimmed = title.trim();\n    const previous = threads.find((t) => t.id === id)?.title ?? null;\n    if (!trimmed || trimmed === previous) return;\n    setThreads((prev) =>\n      prev.map((t) => (t.id === id ? { ...t, title: trimmed } : t)),\n    );\n    try {\n      if (source) {\n        await source.rename?.(id, trimmed);\n      } else {\n        const res = await fetch(`${api}/${id}`, {\n          method: \"PATCH\",\n          headers: { \"Content-Type\": \"application/json\" },\n          body: JSON.stringify({ title: trimmed }),\n        });\n        if (!res.ok) throw new Error(`rename failed with status ${res.status}`);\n      }\n    } catch (err) {\n      console.warn(\"clicky-ui: failed to rename thread\", err);\n      setThreads((prev) =>\n        prev.map((t) => (t.id === id ? { ...t, title: previous } : t)),\n      );\n    }\n  }, [api, renaming, source, threads]);\n\n  const handleDelete = useCallback(\n    async (id: string) => {\n      try {\n        if (source) {\n          await source.remove?.(id);\n        } else {\n          await fetch(`${api}/${id}`, { method: \"DELETE\" });\n        }\n        setThreads((prev) => prev.filter((t) => t.id !== id));\n        if (id === threadId) onNew();\n      } catch (err) {\n        console.warn(\"clicky-ui: failed to delete thread\", err);\n      }\n    },\n    [source, api, threadId, onNew],\n  );\n\n  const current = threads.find((t) => t.id === threadId);\n  const label = current?.title || \"New Chat\";\n\n  return (\n    <DropdownMenu\n      align=\"left\"\n      className={className}\n      onOpenChange={(open) => {\n        if (open) void fetchThreads();\n      }}\n      menuClassName=\"min-w-[220px] max-w-[320px] max-h-72 overflow-y-auto\"\n      trigger={\n        <button\n          type=\"button\"\n          className=\"flex max-w-[200px] items-center gap-1 truncate rounded px-2 py-1 text-sm font-medium hover:bg-muted\"\n        >\n          <Icon icon={UiComment} className=\"size-3.5 shrink-0\" />\n          <span className=\"truncate\">{label}</span>\n          <Icon icon={UiChevronDown} className=\"size-3 shrink-0 opacity-50\" />\n        </button>\n      }\n    >\n      {(closeMenu) => (\n        <div className=\"py-1\">\n          <button\n            type=\"button\"\n            className=\"flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-popover-foreground hover:bg-accent\"\n            onClick={() => {\n              onNew();\n              closeMenu();\n            }}\n          >\n            <Icon icon={UiAdd} className=\"size-3\" /> New Chat\n          </button>\n          <div className=\"my-1 border-t border-border\" />\n          {loading && threads.length === 0 && (\n            <div className=\"px-3 py-1.5 text-xs text-muted-foreground\">\n              Loading…\n            </div>\n          )}\n          {threads.length === 0 && !loading && (\n            <div className=\"px-3 py-1.5 text-xs text-muted-foreground\">\n              No previous conversations\n            </div>\n          )}\n          {threads.map((t) => (\n            <div\n              key={t.id}\n              className={cn(\n                \"group/thread flex w-full items-center gap-1 px-1 py-0.5 text-left text-xs hover:bg-accent\",\n                t.id === threadId && \"font-semibold\",\n              )}\n            >\n              {renaming?.id === t.id ? (\n                <div className=\"flex min-w-0 flex-1 items-center gap-2 px-2 py-1\">\n                  <Icon icon={UiComment} className=\"size-3 shrink-0\" />\n                  <input\n                    autoFocus\n                    aria-label=\"Conversation title\"\n                    className=\"min-w-0 flex-1 rounded border border-border bg-background px-1 py-0.5 text-xs\"\n                    value={renaming.title}\n                    onClick={(e) => e.stopPropagation()}\n                    onChange={(e) =>\n                      setRenaming({ id: t.id, title: e.target.value })\n                    }\n                    onBlur={() => setRenaming(undefined)}\n                    onKeyDown={(e) => {\n                      e.stopPropagation();\n                      if (e.key === \"Enter\") void commitRename();\n                      if (e.key === \"Escape\") setRenaming(undefined);\n                    }}\n                  />\n                  {t.totalCostUsd != null && t.totalCostUsd > 0 && (\n                    <span className=\"shrink-0 text-[10px] text-muted-foreground\">\n                      ${t.totalCostUsd.toFixed(2)}\n                    </span>\n                  )}\n                </div>\n              ) : (\n                <button\n                  type=\"button\"\n                  className=\"flex min-w-0 flex-1 items-center gap-2 px-2 py-1 text-left\"\n                  onClick={() => {\n                    onSelect(t.id);\n                    closeMenu();\n                  }}\n                >\n                  <Icon icon={UiComment} className=\"size-3 shrink-0\" />\n                  <span className=\"min-w-0 flex-1 truncate\">{t.title || \"Untitled\"}</span>\n                  {t.totalCostUsd != null && t.totalCostUsd > 0 && (\n                    <span className=\"shrink-0 text-[10px] text-muted-foreground\">\n                      ${t.totalCostUsd.toFixed(2)}\n                    </span>\n                  )}\n                </button>\n              )}\n              {canRename && renaming?.id !== t.id && (\n                <button\n                  type=\"button\"\n                  aria-label=\"Rename conversation\"\n                  className=\"shrink-0 rounded p-0.5 text-muted-foreground opacity-0 hover:text-foreground group-hover/thread:opacity-100\"\n                  onClick={() => {\n                    setRenaming({ id: t.id, title: t.title ?? \"\" });\n                  }}\n                >\n                  <Icon icon={UiPencilSimpleLine} className=\"size-3\" />\n                </button>\n              )}\n              <button\n                type=\"button\"\n                aria-label=\"Delete conversation\"\n                className=\"shrink-0 rounded p-0.5 text-muted-foreground opacity-0 hover:text-destructive group-hover/thread:opacity-100\"\n                onClick={() => void handleDelete(t.id)}\n              >\n                <Icon icon={UiTrash} className=\"size-3\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/ai/ToolPreferences.cjs

@@ -175,7 +175,15 @@ function ToolPreferences({
               value,
               onRule
             }
-          ) : /* @__PURE__ */ jsxRuntime.jsx(ToolSchemaBrowser.ToolSchemaBrowser, { tools, className: "min-h-0 flex-1" })
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            ToolSchemaBrowser.ToolSchemaBrowser,
+            {
+              tools,
+              value,
+              onRule,
+              className: "min-h-0 flex-1"
+            }
+          )
         ] })
       }
     )

package/dist/data/ai/ToolPreferences.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToolPreferences.cjs","sources":["../../../src/data/ai/ToolPreferences.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { UiCode2, UiCoins, UiShield, UiSliders } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Modal } from \"../../overlay/Modal\";\nimport { Icon } from \"../Icon\";\nimport { DEFAULT_REASONING_EFFORTS } from \"../chat/effort-icons\";\nimport type {\n  ChatBudgetConfig,\n  ChatModel,\n  ChatModelRuntime,\n  ChatUsageSummary,\n  ClaudePermissionMode,\n  ToolAnnotations,\n  ToolMeta,\n  ToolPolicy,\n} from \"../chat/types\";\nimport type { SpecRuntimeFamily } from \"../runtime/runtime-mode\";\nimport { AdvancedChatConfig } from \"./AdvancedChatConfig\";\nimport { AdvancedCostsPanel } from \"./AdvancedCostsPanel\";\nimport { ToolSchemaBrowser } from \"./ToolSchemaBrowser\";\nimport {\n  CompactToolList,\n  CompactToolPreferencesList,\n  type CompactToolPreferencesListProps,\n} from \"./ToolPreferencesList\";\nimport { groupedToolEntries, type ToolGroup } from \"./ToolPreferences.model\";\nimport type { PermissionRule } from \"../chat/tool-policy\";\n\nexport type { ClaudePermissionMode, ToolAnnotations, ToolMeta, ToolPolicy };\nexport { CompactToolPreferencesList, type CompactToolPreferencesListProps };\n\nexport type ToolPreferencesProps = {\n  tools: ToolMeta[];\n  value: Record<string, ToolPolicy>;\n  onRule: (rule: PermissionRule) => void;\n  models?: ChatModel[] | undefined;\n  runtime?: ChatModelRuntime | undefined;\n  onRuntimeChange?: ((runtime: ChatModelRuntime) => void) | undefined;\n  model?: string | undefined;\n  onModelChange?: ((model: string) => void) | undefined;\n  runtimeFamilies?: SpecRuntimeFamily[] | undefined;\n  reasoningEfforts?: string[] | undefined;\n  runtimeLocked?: boolean | undefined;\n  reasoningEffort?: string | undefined;\n  onReasoningEffortChange?: ((effort: string) => void) | undefined;\n  permissionMode?: ClaudePermissionMode | undefined;\n  onPermissionModeChange?: ((mode: ClaudePermissionMode) => void) | undefined;\n  temperature?: number | undefined;\n  onTemperatureChange?: ((temperature: number | undefined) => void) | undefined;\n  budget?: ChatBudgetConfig | undefined;\n  onBudgetChange?: ((budget: ChatBudgetConfig) => void) | undefined;\n  usage?: ChatUsageSummary | null | undefined;\n  /** Base sessions endpoint for the Costs tab, e.g. `/api/chat/sessions`. */\n  costsApi?: string | undefined;\n  /** Thread whose costs the Costs tab reports. */\n  threadId?: string | undefined;\n  toolsLoading?: boolean | undefined;\n  toolsError?: string | null | undefined;\n  catalogLoading?: boolean | undefined;\n  catalogError?: string | null | undefined;\n  onCatalogRetry?: (() => void) | undefined;\n  className?: string;\n};\n\ntype AdvancedTab = \"config\" | \"costs\" | \"permissions\" | \"browser\";\n\nconst ADVANCED_TABS: AdvancedTab[] = [\n  \"config\",\n  \"costs\",\n  \"permissions\",\n  \"browser\",\n];\n\nconst ADVANCED_TAB_ICONS: Record<AdvancedTab, typeof UiSliders> = {\n  config: UiSliders,\n  costs: UiCoins,\n  permissions: UiShield,\n  browser: UiCode2,\n};\n\nexport function ToolPreferences({\n  tools,\n  value,\n  onRule,\n  models = [],\n  runtime,\n  onRuntimeChange,\n  model,\n  onModelChange,\n  runtimeFamilies,\n  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  runtimeLocked = false,\n  reasoningEffort,\n  onReasoningEffortChange,\n  permissionMode = \"default\",\n  onPermissionModeChange,\n  temperature,\n  onTemperatureChange,\n  budget,\n  onBudgetChange,\n  usage,\n  costsApi,\n  threadId,\n  toolsLoading = false,\n  toolsError = null,\n  catalogLoading = false,\n  catalogError = null,\n  onCatalogRetry,\n  className = \"\",\n}: ToolPreferencesProps) {\n  const [advancedOpen, setAdvancedOpen] = useState(false);\n  const [advancedTab, setAdvancedTab] = useState<AdvancedTab>(\"config\");\n  const groups = useMemo(() => groupedToolEntries(tools), [tools]);\n  const resolvedRuntime =\n    runtime ??\n    ({\n      ...(model ? { model } : {}),\n      ...(reasoningEffort ? { effort: reasoningEffort } : {}),\n      ...(temperature !== undefined ? { temperature } : {}),\n    } satisfies ChatModelRuntime);\n  const handleRuntimeChange = (next: ChatModelRuntime) => {\n    onRuntimeChange?.(next);\n    if ((next.id ?? next.model ?? \"\") !== (model ?? \"\")) {\n      onModelChange?.(next.id ?? next.model ?? \"\");\n    }\n    if ((next.effort ?? \"\") !== (reasoningEffort ?? \"\")) {\n      onReasoningEffortChange?.(next.effort ?? \"\");\n    }\n  };\n\n  return (\n    <>\n      <DropdownMenu\n        align=\"right\"\n        className={className}\n        menuClassName=\"w-72 max-h-[70vh] overflow-y-auto p-1\"\n        trigger={\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            title=\"Tool preferences\"\n            data-testid=\"tool-preferences-btn\"\n          >\n            <Icon icon={UiSliders} className=\"size-4\" />\n          </Button>\n        }\n      >\n        {(closeMenu) => (\n          <div>\n            <div className=\"mb-1 px-1 text-xs font-semibold\">\n              Tool Preferences\n            </div>\n            <CompactToolList\n              groups={groups}\n              value={value}\n              onRule={onRule}\n              emptyLabel=\"No tools available\"\n            />\n            <div className=\"mt-2 border-t border-border pt-2\">\n              <button\n                type=\"button\"\n                className=\"w-full rounded px-2 py-1.5 text-left text-xs hover:bg-accent\"\n                onClick={() => {\n                  closeMenu();\n                  setAdvancedOpen(true);\n                }}\n              >\n                Advanced\n              </button>\n            </div>\n          </div>\n        )}\n      </DropdownMenu>\n      <Modal\n        open={advancedOpen}\n        onClose={() => setAdvancedOpen(false)}\n        title=\"Advanced Chat Settings\"\n        size=\"xl\"\n      >\n        <div className=\"flex h-[70vh] min-h-0 flex-col gap-3\">\n          <div className=\"flex items-center gap-1 rounded border border-border bg-muted/30 p-1\">\n            {ADVANCED_TABS.map((tab) => (\n              <button\n                key={tab}\n                type=\"button\"\n                className={cn(\n                  \"inline-flex h-8 items-center gap-1.5 rounded px-3 text-xs font-medium capitalize\",\n                  advancedTab === tab\n                    ? \"bg-background text-foreground shadow-sm\"\n                    : \"text-muted-foreground hover:bg-background/60\",\n                )}\n                onClick={() => setAdvancedTab(tab)}\n              >\n                <Icon icon={ADVANCED_TAB_ICONS[tab]} className=\"size-3.5\" />\n                {tab}\n              </button>\n            ))}\n            <div className=\"flex-1\" />\n            {toolsLoading && (\n              <span className=\"pr-2 text-[11px] text-muted-foreground\">\n                Loading tools\n              </span>\n            )}\n            {toolsError && (\n              <span className=\"pr-2 text-[11px] text-destructive\">\n                {toolsError}\n              </span>\n            )}\n          </div>\n          {advancedTab === \"config\" ? (\n            <AdvancedChatConfig\n              models={models}\n              runtime={resolvedRuntime}\n              onRuntimeChange={handleRuntimeChange}\n              runtimeFamilies={runtimeFamilies}\n              reasoningEfforts={reasoningEfforts}\n              runtimeLocked={runtimeLocked}\n              permissionMode={permissionMode}\n              onPermissionModeChange={onPermissionModeChange}\n              temperature={temperature}\n              onTemperatureChange={onTemperatureChange}\n              budget={budget}\n              onBudgetChange={onBudgetChange}\n              usage={usage}\n              catalogLoading={catalogLoading}\n              catalogError={catalogError}\n              onCatalogRetry={onCatalogRetry}\n            />\n          ) : advancedTab === \"costs\" ? (\n            <AdvancedCostsPanel costsApi={costsApi} threadId={threadId} />\n          ) : advancedTab === \"permissions\" ? (\n            <AdvancedPermissionsPanel\n              groups={groups}\n              value={value}\n              onRule={onRule}\n            />\n          ) : (\n            <ToolSchemaBrowser tools={tools} className=\"min-h-0 flex-1\" />\n          )}\n        </div>\n      </Modal>\n    </>\n  );\n}\n\nfunction AdvancedPermissionsPanel({\n  groups,\n  value,\n  onRule,\n}: {\n  groups: ToolGroup[];\n  value: Record<string, ToolPolicy>;\n  onRule: (rule: PermissionRule) => void;\n}) {\n  return (\n    <div className=\"min-h-0 flex-1 overflow-y-auto rounded border border-border p-1\">\n      <CompactToolList\n        groups={groups}\n        value={value}\n        onRule={onRule}\n        emptyLabel=\"No tools\"\n      />\n    </div>\n  );\n}\n"],"names":["UiSliders","UiCoins","UiShield","UiCode2","DEFAULT_REASONING_EFFORTS","useState","useMemo","groupedToolEntries","jsxs","Fragment","jsx","DropdownMenu","Button","Icon","CompactToolList","Modal","cn","AdvancedChatConfig","AdvancedCostsPanel","ToolSchemaBrowser"],"mappings":"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"}
+{"version":3,"file":"ToolPreferences.cjs","sources":["../../../src/data/ai/ToolPreferences.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { UiCode2, UiCoins, UiShield, UiSliders } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Modal } from \"../../overlay/Modal\";\nimport { Icon } from \"../Icon\";\nimport { DEFAULT_REASONING_EFFORTS } from \"../chat/effort-icons\";\nimport type {\n  ChatBudgetConfig,\n  ChatModel,\n  ChatModelRuntime,\n  ChatUsageSummary,\n  ClaudePermissionMode,\n  ToolAnnotations,\n  ToolMeta,\n  ToolPolicy,\n} from \"../chat/types\";\nimport type { SpecRuntimeFamily } from \"../runtime/runtime-mode\";\nimport { AdvancedChatConfig } from \"./AdvancedChatConfig\";\nimport { AdvancedCostsPanel } from \"./AdvancedCostsPanel\";\nimport { ToolSchemaBrowser } from \"./ToolSchemaBrowser\";\nimport {\n  CompactToolList,\n  CompactToolPreferencesList,\n  type CompactToolPreferencesListProps,\n} from \"./ToolPreferencesList\";\nimport { groupedToolEntries, type ToolGroup } from \"./ToolPreferences.model\";\nimport type { PermissionRule } from \"../chat/tool-policy\";\n\nexport type { ClaudePermissionMode, ToolAnnotations, ToolMeta, ToolPolicy };\nexport { CompactToolPreferencesList, type CompactToolPreferencesListProps };\n\nexport type ToolPreferencesProps = {\n  tools: ToolMeta[];\n  value: Record<string, ToolPolicy>;\n  onRule: (rule: PermissionRule) => void;\n  models?: ChatModel[] | undefined;\n  runtime?: ChatModelRuntime | undefined;\n  onRuntimeChange?: ((runtime: ChatModelRuntime) => void) | undefined;\n  model?: string | undefined;\n  onModelChange?: ((model: string) => void) | undefined;\n  runtimeFamilies?: SpecRuntimeFamily[] | undefined;\n  reasoningEfforts?: string[] | undefined;\n  runtimeLocked?: boolean | undefined;\n  reasoningEffort?: string | undefined;\n  onReasoningEffortChange?: ((effort: string) => void) | undefined;\n  permissionMode?: ClaudePermissionMode | undefined;\n  onPermissionModeChange?: ((mode: ClaudePermissionMode) => void) | undefined;\n  temperature?: number | undefined;\n  onTemperatureChange?: ((temperature: number | undefined) => void) | undefined;\n  budget?: ChatBudgetConfig | undefined;\n  onBudgetChange?: ((budget: ChatBudgetConfig) => void) | undefined;\n  usage?: ChatUsageSummary | null | undefined;\n  /** Base sessions endpoint for the Costs tab, e.g. `/api/chat/sessions`. */\n  costsApi?: string | undefined;\n  /** Thread whose costs the Costs tab reports. */\n  threadId?: string | undefined;\n  toolsLoading?: boolean | undefined;\n  toolsError?: string | null | undefined;\n  catalogLoading?: boolean | undefined;\n  catalogError?: string | null | undefined;\n  onCatalogRetry?: (() => void) | undefined;\n  className?: string;\n};\n\ntype AdvancedTab = \"config\" | \"costs\" | \"permissions\" | \"browser\";\n\nconst ADVANCED_TABS: AdvancedTab[] = [\n  \"config\",\n  \"costs\",\n  \"permissions\",\n  \"browser\",\n];\n\nconst ADVANCED_TAB_ICONS: Record<AdvancedTab, typeof UiSliders> = {\n  config: UiSliders,\n  costs: UiCoins,\n  permissions: UiShield,\n  browser: UiCode2,\n};\n\nexport function ToolPreferences({\n  tools,\n  value,\n  onRule,\n  models = [],\n  runtime,\n  onRuntimeChange,\n  model,\n  onModelChange,\n  runtimeFamilies,\n  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  runtimeLocked = false,\n  reasoningEffort,\n  onReasoningEffortChange,\n  permissionMode = \"default\",\n  onPermissionModeChange,\n  temperature,\n  onTemperatureChange,\n  budget,\n  onBudgetChange,\n  usage,\n  costsApi,\n  threadId,\n  toolsLoading = false,\n  toolsError = null,\n  catalogLoading = false,\n  catalogError = null,\n  onCatalogRetry,\n  className = \"\",\n}: ToolPreferencesProps) {\n  const [advancedOpen, setAdvancedOpen] = useState(false);\n  const [advancedTab, setAdvancedTab] = useState<AdvancedTab>(\"config\");\n  const groups = useMemo(() => groupedToolEntries(tools), [tools]);\n  const resolvedRuntime =\n    runtime ??\n    ({\n      ...(model ? { model } : {}),\n      ...(reasoningEffort ? { effort: reasoningEffort } : {}),\n      ...(temperature !== undefined ? { temperature } : {}),\n    } satisfies ChatModelRuntime);\n  const handleRuntimeChange = (next: ChatModelRuntime) => {\n    onRuntimeChange?.(next);\n    if ((next.id ?? next.model ?? \"\") !== (model ?? \"\")) {\n      onModelChange?.(next.id ?? next.model ?? \"\");\n    }\n    if ((next.effort ?? \"\") !== (reasoningEffort ?? \"\")) {\n      onReasoningEffortChange?.(next.effort ?? \"\");\n    }\n  };\n\n  return (\n    <>\n      <DropdownMenu\n        align=\"right\"\n        className={className}\n        menuClassName=\"w-72 max-h-[70vh] overflow-y-auto p-1\"\n        trigger={\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            title=\"Tool preferences\"\n            data-testid=\"tool-preferences-btn\"\n          >\n            <Icon icon={UiSliders} className=\"size-4\" />\n          </Button>\n        }\n      >\n        {(closeMenu) => (\n          <div>\n            <div className=\"mb-1 px-1 text-xs font-semibold\">\n              Tool Preferences\n            </div>\n            <CompactToolList\n              groups={groups}\n              value={value}\n              onRule={onRule}\n              emptyLabel=\"No tools available\"\n            />\n            <div className=\"mt-2 border-t border-border pt-2\">\n              <button\n                type=\"button\"\n                className=\"w-full rounded px-2 py-1.5 text-left text-xs hover:bg-accent\"\n                onClick={() => {\n                  closeMenu();\n                  setAdvancedOpen(true);\n                }}\n              >\n                Advanced\n              </button>\n            </div>\n          </div>\n        )}\n      </DropdownMenu>\n      <Modal\n        open={advancedOpen}\n        onClose={() => setAdvancedOpen(false)}\n        title=\"Advanced Chat Settings\"\n        size=\"xl\"\n      >\n        <div className=\"flex h-[70vh] min-h-0 flex-col gap-3\">\n          <div className=\"flex items-center gap-1 rounded border border-border bg-muted/30 p-1\">\n            {ADVANCED_TABS.map((tab) => (\n              <button\n                key={tab}\n                type=\"button\"\n                className={cn(\n                  \"inline-flex h-8 items-center gap-1.5 rounded px-3 text-xs font-medium capitalize\",\n                  advancedTab === tab\n                    ? \"bg-background text-foreground shadow-sm\"\n                    : \"text-muted-foreground hover:bg-background/60\",\n                )}\n                onClick={() => setAdvancedTab(tab)}\n              >\n                <Icon icon={ADVANCED_TAB_ICONS[tab]} className=\"size-3.5\" />\n                {tab}\n              </button>\n            ))}\n            <div className=\"flex-1\" />\n            {toolsLoading && (\n              <span className=\"pr-2 text-[11px] text-muted-foreground\">\n                Loading tools\n              </span>\n            )}\n            {toolsError && (\n              <span className=\"pr-2 text-[11px] text-destructive\">\n                {toolsError}\n              </span>\n            )}\n          </div>\n          {advancedTab === \"config\" ? (\n            <AdvancedChatConfig\n              models={models}\n              runtime={resolvedRuntime}\n              onRuntimeChange={handleRuntimeChange}\n              runtimeFamilies={runtimeFamilies}\n              reasoningEfforts={reasoningEfforts}\n              runtimeLocked={runtimeLocked}\n              permissionMode={permissionMode}\n              onPermissionModeChange={onPermissionModeChange}\n              temperature={temperature}\n              onTemperatureChange={onTemperatureChange}\n              budget={budget}\n              onBudgetChange={onBudgetChange}\n              usage={usage}\n              catalogLoading={catalogLoading}\n              catalogError={catalogError}\n              onCatalogRetry={onCatalogRetry}\n            />\n          ) : advancedTab === \"costs\" ? (\n            <AdvancedCostsPanel costsApi={costsApi} threadId={threadId} />\n          ) : advancedTab === \"permissions\" ? (\n            <AdvancedPermissionsPanel\n              groups={groups}\n              value={value}\n              onRule={onRule}\n            />\n          ) : (\n            <ToolSchemaBrowser\n              tools={tools}\n              value={value}\n              onRule={onRule}\n              className=\"min-h-0 flex-1\"\n            />\n          )}\n        </div>\n      </Modal>\n    </>\n  );\n}\n\nfunction AdvancedPermissionsPanel({\n  groups,\n  value,\n  onRule,\n}: {\n  groups: ToolGroup[];\n  value: Record<string, ToolPolicy>;\n  onRule: (rule: PermissionRule) => void;\n}) {\n  return (\n    <div className=\"min-h-0 flex-1 overflow-y-auto rounded border border-border p-1\">\n      <CompactToolList\n        groups={groups}\n        value={value}\n        onRule={onRule}\n        emptyLabel=\"No tools\"\n      />\n    </div>\n  );\n}\n"],"names":["UiSliders","UiCoins","UiShield","UiCode2","DEFAULT_REASONING_EFFORTS","useState","useMemo","groupedToolEntries","jsxs","Fragment","jsx","DropdownMenu","Button","Icon","CompactToolList","Modal","cn","AdvancedChatConfig","AdvancedCostsPanel","ToolSchemaBrowser"],"mappings":"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"}

package/dist/data/ai/ToolPreferences.d.ts

@@ -36,5 +36,5 @@ export type ToolPreferencesProps = {
     onCatalogRetry?: (() => void) | undefined;
     className?: string;
 };
-export declare function ToolPreferences({ tools, value, onRule, models, runtime, onRuntimeChange, model, onModelChange, runtimeFamilies, reasoningEfforts, runtimeLocked, reasoningEffort, onReasoningEffortChange, permissionMode, onPermissionModeChange, temperature, onTemperatureChange, budget, onBudgetChange, usage, costsApi, threadId, toolsLoading, toolsError, catalogLoading, catalogError, onCatalogRetry, className, }: ToolPreferencesProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToolPreferences({ tools, value, onRule, models, runtime, onRuntimeChange, model, onModelChange, runtimeFamilies, reasoningEfforts, runtimeLocked, reasoningEffort, onReasoningEffortChange, permissionMode, onPermissionModeChange, temperature, onTemperatureChange, budget, onBudgetChange, usage, costsApi, threadId, toolsLoading, toolsError, catalogLoading, catalogError, onCatalogRetry, className, }: ToolPreferencesProps): import("react").JSX.Element;
 //# sourceMappingURL=ToolPreferences.d.ts.map

package/dist/data/ai/ToolPreferences.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolPreferences.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ToolPreferences.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ToolPreferences.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ToolPreferences.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,gBAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,EACf,QAAQ,EACR,UAAU,EACX,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAIjE,OAAO,EAEL,0BAA0B,EAC1B,KAAK,+BAA+B,EACrC,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D,YAAY,EAAE,oBAAoB,EAAE,eAAe,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC;AAC5E,OAAO,EAAE,0BAA0B,EAAE,KAAK,+BAA+B,EAAE,CAAC;AAE5E,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAClC,MAAM,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IACjC,OAAO,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACvC,eAAe,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACpE,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtD,eAAe,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IAClD,gBAAgB,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACxC,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpC,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,uBAAuB,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACjE,cAAc,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAC;IAClD,sBAAsB,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC5E,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,mBAAmB,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC9E,MAAM,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACtC,cAAc,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAClE,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,GAAG,SAAS,CAAC;IAC5C,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACvC,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACzC,cAAc,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAkBF,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAW,EACX,OAAO,EACP,eAAe,EACf,KAAK,EACL,aAAa,EACb,eAAe,EACf,gBAA4C,EAC5C,aAAqB,EACrB,eAAe,EACf,uBAAuB,EACvB,cAA0B,EAC1B,sBAAsB,EACtB,WAAW,EACX,mBAAmB,EACnB,MAAM,EACN,cAAc,EACd,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,YAAoB,EACpB,UAAiB,EACjB,cAAsB,EACtB,YAAmB,EACnB,cAAc,EACd,SAAc,GACf,EAAE,oBAAoB,+BA2ItB"}

package/dist/data/ai/ToolPreferences.js

@@ -174,7 +174,15 @@ function ToolPreferences({
               value,
               onRule
             }
-          ) : /* @__PURE__ */ jsx(ToolSchemaBrowser, { tools, className: "min-h-0 flex-1" })
+          ) : /* @__PURE__ */ jsx(
+            ToolSchemaBrowser,
+            {
+              tools,
+              value,
+              onRule,
+              className: "min-h-0 flex-1"
+            }
+          )
         ] })
       }
     )

package/dist/data/ai/ToolPreferences.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolPreferences.js","sources":["../../../src/data/ai/ToolPreferences.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { UiCode2, UiCoins, UiShield, UiSliders } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Modal } from \"../../overlay/Modal\";\nimport { Icon } from \"../Icon\";\nimport { DEFAULT_REASONING_EFFORTS } from \"../chat/effort-icons\";\nimport type {\n  ChatBudgetConfig,\n  ChatModel,\n  ChatModelRuntime,\n  ChatUsageSummary,\n  ClaudePermissionMode,\n  ToolAnnotations,\n  ToolMeta,\n  ToolPolicy,\n} from \"../chat/types\";\nimport type { SpecRuntimeFamily } from \"../runtime/runtime-mode\";\nimport { AdvancedChatConfig } from \"./AdvancedChatConfig\";\nimport { AdvancedCostsPanel } from \"./AdvancedCostsPanel\";\nimport { ToolSchemaBrowser } from \"./ToolSchemaBrowser\";\nimport {\n  CompactToolList,\n  CompactToolPreferencesList,\n  type CompactToolPreferencesListProps,\n} from \"./ToolPreferencesList\";\nimport { groupedToolEntries, type ToolGroup } from \"./ToolPreferences.model\";\nimport type { PermissionRule } from \"../chat/tool-policy\";\n\nexport type { ClaudePermissionMode, ToolAnnotations, ToolMeta, ToolPolicy };\nexport { CompactToolPreferencesList, type CompactToolPreferencesListProps };\n\nexport type ToolPreferencesProps = {\n  tools: ToolMeta[];\n  value: Record<string, ToolPolicy>;\n  onRule: (rule: PermissionRule) => void;\n  models?: ChatModel[] | undefined;\n  runtime?: ChatModelRuntime | undefined;\n  onRuntimeChange?: ((runtime: ChatModelRuntime) => void) | undefined;\n  model?: string | undefined;\n  onModelChange?: ((model: string) => void) | undefined;\n  runtimeFamilies?: SpecRuntimeFamily[] | undefined;\n  reasoningEfforts?: string[] | undefined;\n  runtimeLocked?: boolean | undefined;\n  reasoningEffort?: string | undefined;\n  onReasoningEffortChange?: ((effort: string) => void) | undefined;\n  permissionMode?: ClaudePermissionMode | undefined;\n  onPermissionModeChange?: ((mode: ClaudePermissionMode) => void) | undefined;\n  temperature?: number | undefined;\n  onTemperatureChange?: ((temperature: number | undefined) => void) | undefined;\n  budget?: ChatBudgetConfig | undefined;\n  onBudgetChange?: ((budget: ChatBudgetConfig) => void) | undefined;\n  usage?: ChatUsageSummary | null | undefined;\n  /** Base sessions endpoint for the Costs tab, e.g. `/api/chat/sessions`. */\n  costsApi?: string | undefined;\n  /** Thread whose costs the Costs tab reports. */\n  threadId?: string | undefined;\n  toolsLoading?: boolean | undefined;\n  toolsError?: string | null | undefined;\n  catalogLoading?: boolean | undefined;\n  catalogError?: string | null | undefined;\n  onCatalogRetry?: (() => void) | undefined;\n  className?: string;\n};\n\ntype AdvancedTab = \"config\" | \"costs\" | \"permissions\" | \"browser\";\n\nconst ADVANCED_TABS: AdvancedTab[] = [\n  \"config\",\n  \"costs\",\n  \"permissions\",\n  \"browser\",\n];\n\nconst ADVANCED_TAB_ICONS: Record<AdvancedTab, typeof UiSliders> = {\n  config: UiSliders,\n  costs: UiCoins,\n  permissions: UiShield,\n  browser: UiCode2,\n};\n\nexport function ToolPreferences({\n  tools,\n  value,\n  onRule,\n  models = [],\n  runtime,\n  onRuntimeChange,\n  model,\n  onModelChange,\n  runtimeFamilies,\n  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  runtimeLocked = false,\n  reasoningEffort,\n  onReasoningEffortChange,\n  permissionMode = \"default\",\n  onPermissionModeChange,\n  temperature,\n  onTemperatureChange,\n  budget,\n  onBudgetChange,\n  usage,\n  costsApi,\n  threadId,\n  toolsLoading = false,\n  toolsError = null,\n  catalogLoading = false,\n  catalogError = null,\n  onCatalogRetry,\n  className = \"\",\n}: ToolPreferencesProps) {\n  const [advancedOpen, setAdvancedOpen] = useState(false);\n  const [advancedTab, setAdvancedTab] = useState<AdvancedTab>(\"config\");\n  const groups = useMemo(() => groupedToolEntries(tools), [tools]);\n  const resolvedRuntime =\n    runtime ??\n    ({\n      ...(model ? { model } : {}),\n      ...(reasoningEffort ? { effort: reasoningEffort } : {}),\n      ...(temperature !== undefined ? { temperature } : {}),\n    } satisfies ChatModelRuntime);\n  const handleRuntimeChange = (next: ChatModelRuntime) => {\n    onRuntimeChange?.(next);\n    if ((next.id ?? next.model ?? \"\") !== (model ?? \"\")) {\n      onModelChange?.(next.id ?? next.model ?? \"\");\n    }\n    if ((next.effort ?? \"\") !== (reasoningEffort ?? \"\")) {\n      onReasoningEffortChange?.(next.effort ?? \"\");\n    }\n  };\n\n  return (\n    <>\n      <DropdownMenu\n        align=\"right\"\n        className={className}\n        menuClassName=\"w-72 max-h-[70vh] overflow-y-auto p-1\"\n        trigger={\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            title=\"Tool preferences\"\n            data-testid=\"tool-preferences-btn\"\n          >\n            <Icon icon={UiSliders} className=\"size-4\" />\n          </Button>\n        }\n      >\n        {(closeMenu) => (\n          <div>\n            <div className=\"mb-1 px-1 text-xs font-semibold\">\n              Tool Preferences\n            </div>\n            <CompactToolList\n              groups={groups}\n              value={value}\n              onRule={onRule}\n              emptyLabel=\"No tools available\"\n            />\n            <div className=\"mt-2 border-t border-border pt-2\">\n              <button\n                type=\"button\"\n                className=\"w-full rounded px-2 py-1.5 text-left text-xs hover:bg-accent\"\n                onClick={() => {\n                  closeMenu();\n                  setAdvancedOpen(true);\n                }}\n              >\n                Advanced\n              </button>\n            </div>\n          </div>\n        )}\n      </DropdownMenu>\n      <Modal\n        open={advancedOpen}\n        onClose={() => setAdvancedOpen(false)}\n        title=\"Advanced Chat Settings\"\n        size=\"xl\"\n      >\n        <div className=\"flex h-[70vh] min-h-0 flex-col gap-3\">\n          <div className=\"flex items-center gap-1 rounded border border-border bg-muted/30 p-1\">\n            {ADVANCED_TABS.map((tab) => (\n              <button\n                key={tab}\n                type=\"button\"\n                className={cn(\n                  \"inline-flex h-8 items-center gap-1.5 rounded px-3 text-xs font-medium capitalize\",\n                  advancedTab === tab\n                    ? \"bg-background text-foreground shadow-sm\"\n                    : \"text-muted-foreground hover:bg-background/60\",\n                )}\n                onClick={() => setAdvancedTab(tab)}\n              >\n                <Icon icon={ADVANCED_TAB_ICONS[tab]} className=\"size-3.5\" />\n                {tab}\n              </button>\n            ))}\n            <div className=\"flex-1\" />\n            {toolsLoading && (\n              <span className=\"pr-2 text-[11px] text-muted-foreground\">\n                Loading tools\n              </span>\n            )}\n            {toolsError && (\n              <span className=\"pr-2 text-[11px] text-destructive\">\n                {toolsError}\n              </span>\n            )}\n          </div>\n          {advancedTab === \"config\" ? (\n            <AdvancedChatConfig\n              models={models}\n              runtime={resolvedRuntime}\n              onRuntimeChange={handleRuntimeChange}\n              runtimeFamilies={runtimeFamilies}\n              reasoningEfforts={reasoningEfforts}\n              runtimeLocked={runtimeLocked}\n              permissionMode={permissionMode}\n              onPermissionModeChange={onPermissionModeChange}\n              temperature={temperature}\n              onTemperatureChange={onTemperatureChange}\n              budget={budget}\n              onBudgetChange={onBudgetChange}\n              usage={usage}\n              catalogLoading={catalogLoading}\n              catalogError={catalogError}\n              onCatalogRetry={onCatalogRetry}\n            />\n          ) : advancedTab === \"costs\" ? (\n            <AdvancedCostsPanel costsApi={costsApi} threadId={threadId} />\n          ) : advancedTab === \"permissions\" ? (\n            <AdvancedPermissionsPanel\n              groups={groups}\n              value={value}\n              onRule={onRule}\n            />\n          ) : (\n            <ToolSchemaBrowser tools={tools} className=\"min-h-0 flex-1\" />\n          )}\n        </div>\n      </Modal>\n    </>\n  );\n}\n\nfunction AdvancedPermissionsPanel({\n  groups,\n  value,\n  onRule,\n}: {\n  groups: ToolGroup[];\n  value: Record<string, ToolPolicy>;\n  onRule: (rule: PermissionRule) => void;\n}) {\n  return (\n    <div className=\"min-h-0 flex-1 overflow-y-auto rounded border border-border p-1\">\n      <CompactToolList\n        groups={groups}\n        value={value}\n        onRule={onRule}\n        emptyLabel=\"No tools\"\n      />\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ToolPreferences.js","sources":["../../../src/data/ai/ToolPreferences.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { UiCode2, UiCoins, UiShield, UiSliders } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Modal } from \"../../overlay/Modal\";\nimport { Icon } from \"../Icon\";\nimport { DEFAULT_REASONING_EFFORTS } from \"../chat/effort-icons\";\nimport type {\n  ChatBudgetConfig,\n  ChatModel,\n  ChatModelRuntime,\n  ChatUsageSummary,\n  ClaudePermissionMode,\n  ToolAnnotations,\n  ToolMeta,\n  ToolPolicy,\n} from \"../chat/types\";\nimport type { SpecRuntimeFamily } from \"../runtime/runtime-mode\";\nimport { AdvancedChatConfig } from \"./AdvancedChatConfig\";\nimport { AdvancedCostsPanel } from \"./AdvancedCostsPanel\";\nimport { ToolSchemaBrowser } from \"./ToolSchemaBrowser\";\nimport {\n  CompactToolList,\n  CompactToolPreferencesList,\n  type CompactToolPreferencesListProps,\n} from \"./ToolPreferencesList\";\nimport { groupedToolEntries, type ToolGroup } from \"./ToolPreferences.model\";\nimport type { PermissionRule } from \"../chat/tool-policy\";\n\nexport type { ClaudePermissionMode, ToolAnnotations, ToolMeta, ToolPolicy };\nexport { CompactToolPreferencesList, type CompactToolPreferencesListProps };\n\nexport type ToolPreferencesProps = {\n  tools: ToolMeta[];\n  value: Record<string, ToolPolicy>;\n  onRule: (rule: PermissionRule) => void;\n  models?: ChatModel[] | undefined;\n  runtime?: ChatModelRuntime | undefined;\n  onRuntimeChange?: ((runtime: ChatModelRuntime) => void) | undefined;\n  model?: string | undefined;\n  onModelChange?: ((model: string) => void) | undefined;\n  runtimeFamilies?: SpecRuntimeFamily[] | undefined;\n  reasoningEfforts?: string[] | undefined;\n  runtimeLocked?: boolean | undefined;\n  reasoningEffort?: string | undefined;\n  onReasoningEffortChange?: ((effort: string) => void) | undefined;\n  permissionMode?: ClaudePermissionMode | undefined;\n  onPermissionModeChange?: ((mode: ClaudePermissionMode) => void) | undefined;\n  temperature?: number | undefined;\n  onTemperatureChange?: ((temperature: number | undefined) => void) | undefined;\n  budget?: ChatBudgetConfig | undefined;\n  onBudgetChange?: ((budget: ChatBudgetConfig) => void) | undefined;\n  usage?: ChatUsageSummary | null | undefined;\n  /** Base sessions endpoint for the Costs tab, e.g. `/api/chat/sessions`. */\n  costsApi?: string | undefined;\n  /** Thread whose costs the Costs tab reports. */\n  threadId?: string | undefined;\n  toolsLoading?: boolean | undefined;\n  toolsError?: string | null | undefined;\n  catalogLoading?: boolean | undefined;\n  catalogError?: string | null | undefined;\n  onCatalogRetry?: (() => void) | undefined;\n  className?: string;\n};\n\ntype AdvancedTab = \"config\" | \"costs\" | \"permissions\" | \"browser\";\n\nconst ADVANCED_TABS: AdvancedTab[] = [\n  \"config\",\n  \"costs\",\n  \"permissions\",\n  \"browser\",\n];\n\nconst ADVANCED_TAB_ICONS: Record<AdvancedTab, typeof UiSliders> = {\n  config: UiSliders,\n  costs: UiCoins,\n  permissions: UiShield,\n  browser: UiCode2,\n};\n\nexport function ToolPreferences({\n  tools,\n  value,\n  onRule,\n  models = [],\n  runtime,\n  onRuntimeChange,\n  model,\n  onModelChange,\n  runtimeFamilies,\n  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  runtimeLocked = false,\n  reasoningEffort,\n  onReasoningEffortChange,\n  permissionMode = \"default\",\n  onPermissionModeChange,\n  temperature,\n  onTemperatureChange,\n  budget,\n  onBudgetChange,\n  usage,\n  costsApi,\n  threadId,\n  toolsLoading = false,\n  toolsError = null,\n  catalogLoading = false,\n  catalogError = null,\n  onCatalogRetry,\n  className = \"\",\n}: ToolPreferencesProps) {\n  const [advancedOpen, setAdvancedOpen] = useState(false);\n  const [advancedTab, setAdvancedTab] = useState<AdvancedTab>(\"config\");\n  const groups = useMemo(() => groupedToolEntries(tools), [tools]);\n  const resolvedRuntime =\n    runtime ??\n    ({\n      ...(model ? { model } : {}),\n      ...(reasoningEffort ? { effort: reasoningEffort } : {}),\n      ...(temperature !== undefined ? { temperature } : {}),\n    } satisfies ChatModelRuntime);\n  const handleRuntimeChange = (next: ChatModelRuntime) => {\n    onRuntimeChange?.(next);\n    if ((next.id ?? next.model ?? \"\") !== (model ?? \"\")) {\n      onModelChange?.(next.id ?? next.model ?? \"\");\n    }\n    if ((next.effort ?? \"\") !== (reasoningEffort ?? \"\")) {\n      onReasoningEffortChange?.(next.effort ?? \"\");\n    }\n  };\n\n  return (\n    <>\n      <DropdownMenu\n        align=\"right\"\n        className={className}\n        menuClassName=\"w-72 max-h-[70vh] overflow-y-auto p-1\"\n        trigger={\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            title=\"Tool preferences\"\n            data-testid=\"tool-preferences-btn\"\n          >\n            <Icon icon={UiSliders} className=\"size-4\" />\n          </Button>\n        }\n      >\n        {(closeMenu) => (\n          <div>\n            <div className=\"mb-1 px-1 text-xs font-semibold\">\n              Tool Preferences\n            </div>\n            <CompactToolList\n              groups={groups}\n              value={value}\n              onRule={onRule}\n              emptyLabel=\"No tools available\"\n            />\n            <div className=\"mt-2 border-t border-border pt-2\">\n              <button\n                type=\"button\"\n                className=\"w-full rounded px-2 py-1.5 text-left text-xs hover:bg-accent\"\n                onClick={() => {\n                  closeMenu();\n                  setAdvancedOpen(true);\n                }}\n              >\n                Advanced\n              </button>\n            </div>\n          </div>\n        )}\n      </DropdownMenu>\n      <Modal\n        open={advancedOpen}\n        onClose={() => setAdvancedOpen(false)}\n        title=\"Advanced Chat Settings\"\n        size=\"xl\"\n      >\n        <div className=\"flex h-[70vh] min-h-0 flex-col gap-3\">\n          <div className=\"flex items-center gap-1 rounded border border-border bg-muted/30 p-1\">\n            {ADVANCED_TABS.map((tab) => (\n              <button\n                key={tab}\n                type=\"button\"\n                className={cn(\n                  \"inline-flex h-8 items-center gap-1.5 rounded px-3 text-xs font-medium capitalize\",\n                  advancedTab === tab\n                    ? \"bg-background text-foreground shadow-sm\"\n                    : \"text-muted-foreground hover:bg-background/60\",\n                )}\n                onClick={() => setAdvancedTab(tab)}\n              >\n                <Icon icon={ADVANCED_TAB_ICONS[tab]} className=\"size-3.5\" />\n                {tab}\n              </button>\n            ))}\n            <div className=\"flex-1\" />\n            {toolsLoading && (\n              <span className=\"pr-2 text-[11px] text-muted-foreground\">\n                Loading tools\n              </span>\n            )}\n            {toolsError && (\n              <span className=\"pr-2 text-[11px] text-destructive\">\n                {toolsError}\n              </span>\n            )}\n          </div>\n          {advancedTab === \"config\" ? (\n            <AdvancedChatConfig\n              models={models}\n              runtime={resolvedRuntime}\n              onRuntimeChange={handleRuntimeChange}\n              runtimeFamilies={runtimeFamilies}\n              reasoningEfforts={reasoningEfforts}\n              runtimeLocked={runtimeLocked}\n              permissionMode={permissionMode}\n              onPermissionModeChange={onPermissionModeChange}\n              temperature={temperature}\n              onTemperatureChange={onTemperatureChange}\n              budget={budget}\n              onBudgetChange={onBudgetChange}\n              usage={usage}\n              catalogLoading={catalogLoading}\n              catalogError={catalogError}\n              onCatalogRetry={onCatalogRetry}\n            />\n          ) : advancedTab === \"costs\" ? (\n            <AdvancedCostsPanel costsApi={costsApi} threadId={threadId} />\n          ) : advancedTab === \"permissions\" ? (\n            <AdvancedPermissionsPanel\n              groups={groups}\n              value={value}\n              onRule={onRule}\n            />\n          ) : (\n            <ToolSchemaBrowser\n              tools={tools}\n              value={value}\n              onRule={onRule}\n              className=\"min-h-0 flex-1\"\n            />\n          )}\n        </div>\n      </Modal>\n    </>\n  );\n}\n\nfunction AdvancedPermissionsPanel({\n  groups,\n  value,\n  onRule,\n}: {\n  groups: ToolGroup[];\n  value: Record<string, ToolPolicy>;\n  onRule: (rule: PermissionRule) => void;\n}) {\n  return (\n    <div className=\"min-h-0 flex-1 overflow-y-auto rounded border border-border p-1\">\n      <CompactToolList\n        groups={groups}\n        value={value}\n        onRule={onRule}\n        emptyLabel=\"No tools\"\n      />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAoEA,MAAM,gBAA+B;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,qBAA4D;AAAA,EAChE,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AAAA,EACb,SAAS;AACX;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS,CAAA;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf;AAAA,EACA,YAAY;AACd,GAAyB;AACvB,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAsB,QAAQ;AACpE,QAAM,SAAS,QAAQ,MAAM,mBAAmB,KAAK,GAAG,CAAC,KAAK,CAAC;AAC/D,QAAM,kBACJ,WACC;AAAA,IACC,GAAI,QAAQ,EAAE,MAAA,IAAU,CAAA;AAAA,IACxB,GAAI,kBAAkB,EAAE,QAAQ,gBAAA,IAAoB,CAAA;AAAA,IACpD,GAAI,gBAAgB,SAAY,EAAE,gBAAgB,CAAA;AAAA,EAAC;AAEvD,QAAM,sBAAsB,CAAC,SAA2B;AACtD,uDAAkB;AAClB,SAAK,KAAK,MAAM,KAAK,SAAS,SAAS,SAAS,KAAK;AACnD,qDAAgB,KAAK,MAAM,KAAK,SAAS;AAAA,IAC3C;AACA,SAAK,KAAK,UAAU,SAAS,mBAAmB,KAAK;AACnD,yEAA0B,KAAK,UAAU;AAAA,IAC3C;AAAA,EACF;AAEA,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN;AAAA,QACA,eAAc;AAAA,QACd,SACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,OAAM;AAAA,YACN,eAAY;AAAA,YAEZ,UAAA,oBAAC,MAAA,EAAK,MAAM,WAAW,WAAU,SAAA,CAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAI7C,UAAA,CAAC,cACA,qBAAC,OAAA,EACC,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAU,mCAAkC,UAAA,oBAEjD;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA,YAAW;AAAA,YAAA;AAAA,UAAA;AAAA,UAEb,oBAAC,OAAA,EAAI,WAAU,oCACb,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS,MAAM;AACb,0BAAA;AACA,gCAAgB,IAAI;AAAA,cACtB;AAAA,cACD,UAAA;AAAA,YAAA;AAAA,UAAA,EAED,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS,MAAM,gBAAgB,KAAK;AAAA,QACpC,OAAM;AAAA,QACN,MAAK;AAAA,QAEL,UAAA,qBAAC,OAAA,EAAI,WAAU,wCACb,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,wEACZ,UAAA;AAAA,YAAA,cAAc,IAAI,CAAC,QAClB;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,MAAK;AAAA,gBACL,WAAW;AAAA,kBACT;AAAA,kBACA,gBAAgB,MACZ,4CACA;AAAA,gBAAA;AAAA,gBAEN,SAAS,MAAM,eAAe,GAAG;AAAA,gBAEjC,UAAA;AAAA,kBAAA,oBAAC,QAAK,MAAM,mBAAmB,GAAG,GAAG,WAAU,YAAW;AAAA,kBACzD;AAAA,gBAAA;AAAA,cAAA;AAAA,cAXI;AAAA,YAAA,CAaR;AAAA,YACD,oBAAC,OAAA,EAAI,WAAU,SAAA,CAAS;AAAA,YACvB,gBACC,oBAAC,QAAA,EAAK,WAAU,0CAAyC,UAAA,iBAEzD;AAAA,YAED,cACC,oBAAC,QAAA,EAAK,WAAU,qCACb,UAAA,WAAA,CACH;AAAA,UAAA,GAEJ;AAAA,UACC,gBAAgB,WACf;AAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA,SAAS;AAAA,cACT,iBAAiB;AAAA,cACjB;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAAA,UAAA,IAEA,gBAAgB,UAClB,oBAAC,sBAAmB,UAAoB,UAAoB,IAC1D,gBAAgB,gBAClB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAAA,UAAA,IAGF;AAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAEA,SAAS,yBAAyB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE,oBAAC,OAAA,EAAI,WAAU,mEACb,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAW;AAAA,IAAA;AAAA,EAAA,GAEf;AAEJ;"}

package/dist/data/ai/ToolPreferencesList.d.ts

@@ -22,6 +22,6 @@ export declare function CompactToolList({ groups, value, onRule, emptyLabel, }:
     value: Record<string, ToolPolicy>;
     onRule: (rule: PermissionRule) => void;
     emptyLabel?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function CompactToolPreferencesList({ tools, value, onRule, title, emptyLabel, className, }: CompactToolPreferencesListProps): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
+export declare function CompactToolPreferencesList({ tools, value, onRule, title, emptyLabel, className, }: CompactToolPreferencesListProps): import("react").JSX.Element;
 //# sourceMappingURL=ToolPreferencesList.d.ts.map

package/dist/data/ai/ToolPreferencesList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolPreferencesList.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ToolPreferencesList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAUL,KAAK,SAAS,EAGf,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,+BAA+B,GAAG;IAC5C,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,8EAA8E;IAC9E,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAClC;;;;;;mEAM+D;IAC/D,MAAM,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAuMF,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,MAAM,EACN,UAAiC,GAClC,EAAE;IACD,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAClC,MAAM,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC,2CA2EA;AAED,wBAAgB,0BAA0B,CAAC,EACzC,KAAK,EACL,KAAK,EACL,MAAM,EACN,KAA2B,EAC3B,UAAiC,EACjC,SAAS,GACV,EAAE,+BAA+B,2CAkBjC"}
+{"version":3,"file":"ToolPreferencesList.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ToolPreferencesList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAUL,KAAK,SAAS,EAGf,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,+BAA+B,GAAG;IAC5C,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,8EAA8E;IAC9E,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAClC;;;;;;mEAM+D;IAC/D,MAAM,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAuMF,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,MAAM,EACN,UAAiC,GAClC,EAAE;IACD,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAClC,MAAM,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC,+BA2EA;AAED,wBAAgB,0BAA0B,CAAC,EACzC,KAAK,EACL,KAAK,EACL,MAAM,EACN,KAA2B,EAC3B,UAAiC,EACjC,SAAS,GACV,EAAE,+BAA+B,+BAkBjC"}