@flanksource/clicky-ui 0.3.9 → 0.3.11

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 { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { HoverCard } from \"../../overlay/HoverCard\";\nimport { Modal } from \"../../overlay/Modal\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../Icon\";\nimport { UiInfo, UiSliders } from \"../../icons\";\nimport type { ToolMeta, ToolMode } from \"../chat/types\";\n\nexport type { ToolMeta, ToolMode };\n\n/** How a tool may be invoked: run automatically, pause for approval, or be\n *  hidden from the model entirely. */\nconst MODE_CYCLE: ToolMode[] = [\"enabled\", \"ask\", \"disabled\"];\nconst MODE_LABEL: Record<ToolMode, string> = {\n  enabled: \"Auto\",\n  ask: \"Ask\",\n  disabled: \"Off\",\n};\n\ntype ToolPreferenceEntry = {\n  key: string;\n  label: string;\n  group: string;\n  tools: ToolMeta[];\n  defaultMode: ToolMode;\n};\n\nexport type ToolPreferencesProps = {\n  /** The tools to list. Replaces ai-financials' global registry — callers pass\n   *  whatever their backend exposes. */\n  tools: ToolMeta[];\n  /** Current per-tool mode. Missing entries default to \"enabled\". */\n  value: Record<string, ToolMode>;\n  onChange: (prefs: Record<string, ToolMode>) => void;\n  className?: string;\n};\n\nfunction ToolRow({\n  entry,\n  mode,\n  onToggle,\n}: {\n  entry: ToolPreferenceEntry;\n  mode: ToolMode;\n  onToggle: (name: string, current: ToolMode) => void;\n}) {\n  const title =\n    entry.tools.length > 1\n      ? `${entry.tools.length} tools`\n      : entry.tools[0]?.description;\n  return (\n    <button\n      type=\"button\"\n      className=\"flex w-full items-center justify-between rounded px-2 py-1 text-left hover:bg-accent\"\n      title={title}\n      onClick={() => onToggle(entry.key, mode)}\n    >\n      <span\n        className={cn(\n          \"text-xs\",\n          mode === \"disabled\" && \"text-muted-foreground line-through\",\n        )}\n      >\n        {entry.label}\n      </span>\n      <ModeBadge mode={mode} />\n    </button>\n  );\n}\n\nfunction AdvancedToolRow({\n  tool,\n  mode,\n  onToggle,\n}: {\n  tool: ToolMeta;\n  mode: ToolMode;\n  onToggle: (name: string, current: ToolMode) => void;\n}) {\n  const description = tool.description?.trim() || \"No description\";\n  return (\n    <button\n      type=\"button\"\n      className=\"grid h-9 w-full grid-cols-[minmax(0,1fr)_4rem] items-center gap-3 border-b border-border px-2 text-left hover:bg-accent\"\n      title={description}\n      onClick={() => onToggle(tool.name, mode)}\n    >\n      <span className=\"flex min-w-0 items-center gap-1.5\">\n        <span\n          className={cn(\n            \"min-w-0 truncate font-mono text-xs\",\n            mode === \"disabled\" && \"text-muted-foreground line-through\",\n          )}\n        >\n          {tool.name}\n        </span>\n        <HoverCard\n          placement=\"top\"\n          delay={120}\n          trigger={\n            <span\n              aria-label={`Description for ${tool.name}`}\n              className=\"inline-flex shrink-0 text-muted-foreground\"\n              title={description}\n            >\n              <Icon icon={UiInfo} className=\"size-3.5\" />\n            </span>\n          }\n          cardClassName=\"max-w-xs whitespace-normal\"\n        >\n          {description}\n        </HoverCard>\n      </span>\n      <span className=\"justify-self-end\">\n        <ModeBadge mode={mode} />\n      </span>\n    </button>\n  );\n}\n\nfunction ModeBadge({ mode }: { mode: ToolMode }) {\n  return (\n    <span\n      className={cn(\n        \"rounded px-1.5 py-0.5 text-[10px] font-medium\",\n        mode === \"enabled\" &&\n          \"bg-emerald-100 text-emerald-700 dark:bg-emerald-900 dark:text-emerald-300\",\n        mode === \"ask\" &&\n          \"bg-amber-100 text-amber-700 dark:bg-amber-900 dark:text-amber-300\",\n        mode === \"disabled\" && \"bg-muted text-muted-foreground\",\n      )}\n    >\n      {MODE_LABEL[mode]}\n    </span>\n  );\n}\n\n/** A popover that cycles each tool/group through Auto → Ask → Off. The resulting\n *  `Record<name, ToolMode>` is meant to be forwarded to the backend (e.g. via\n *  `<Chat body={{ toolPreferences }}>`). */\nexport function ToolPreferences({\n  tools,\n  value,\n  onChange,\n  className = \"\",\n}: ToolPreferencesProps) {\n  const [advancedOpen, setAdvancedOpen] = useState(false);\n  const groups = useMemo(() => {\n    const maps: Record<string, Map<string, ToolPreferenceEntry>> = {};\n    for (const meta of tools) {\n      const group = toolGroup(meta);\n      const key = toolPreferenceKey(meta);\n      const map = (maps[group] ??= new Map());\n      let entry = map.get(key);\n      if (!entry) {\n        entry = {\n          key,\n          label: key === meta.name ? meta.label : key,\n          group,\n          tools: [],\n          defaultMode: toolDefaultMode(meta),\n        };\n        map.set(key, entry);\n      }\n      entry.tools.push(meta);\n      entry.defaultMode = mostRestrictiveMode(\n        entry.defaultMode,\n        toolDefaultMode(meta),\n      );\n    }\n    const g: Record<string, ToolPreferenceEntry[]> = {};\n    for (const [group, map] of Object.entries(maps)) {\n      g[group] = [...map.values()].sort((a, b) => a.label.localeCompare(b.label));\n    }\n    return g;\n  }, [tools]);\n\n  const advancedGroups = useMemo(\n    () => groupedToolMetas(tools),\n    [tools],\n  );\n\n  const handleToggle = (name: string, current: ToolMode) => {\n    const next =\n      MODE_CYCLE[(MODE_CYCLE.indexOf(current) + 1) % MODE_CYCLE.length]!;\n    onChange({ ...value, [name]: next });\n  };\n\n  return (\n    <>\n      <DropdownMenu\n        align=\"right\"\n        className={className}\n        menuClassName=\"w-64 max-h-[400px] overflow-y-auto p-3\"\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-2 text-xs font-semibold\">Tool Preferences</div>\n            {Object.entries(groups)\n              .sort(([a], [b]) => a.localeCompare(b))\n              .map(([group, metas]) => (\n                <div key={group} className=\"mb-2\">\n                  <div className=\"mb-0.5 px-2 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground\">\n                    {group}\n                  </div>\n                  {metas.map((entry) => {\n                    const mode = value[entry.key] ?? entry.defaultMode;\n                    return (\n                      <ToolRow\n                        key={entry.key}\n                        entry={entry}\n                        mode={mode}\n                        onToggle={handleToggle}\n                      />\n                    );\n                  })}\n                </div>\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 Tool Preferences\"\n        size=\"xl\"\n      >\n        <div className=\"overflow-hidden rounded border border-border\">\n          <div className=\"grid grid-cols-[minmax(0,1fr)_4rem] gap-3 border-b border-border bg-muted/40 px-2 py-1.5 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground\">\n            <span>Name</span>\n            <span className=\"text-right\">Mode</span>\n          </div>\n          <div className=\"max-h-[60vh] overflow-y-auto\">\n            {advancedGroups.length > 0 ? (\n              advancedGroups.map(([group, groupTools]) => (\n                <div key={group}>\n                  <div className=\"sticky top-0 z-[1] border-b border-border bg-muted/60 px-2 py-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground\">\n                    {group}\n                  </div>\n                  {groupTools.map((tool) => {\n                    const mode = toolMode(tool, value);\n                    return (\n                      <AdvancedToolRow\n                        key={tool.name}\n                        tool={tool}\n                        mode={mode}\n                        onToggle={handleToggle}\n                      />\n                    );\n                  })}\n                </div>\n              ))\n            ) : (\n              <div className=\"px-2 py-6 text-center text-xs text-muted-foreground\">\n                No tools\n              </div>\n            )}\n          </div>\n        </div>\n      </Modal>\n    </>\n  );\n}\n\nfunction toolGroup(meta: ToolMeta): string {\n  return meta.group ?? \"Tools\";\n}\n\nfunction groupedToolMetas(tools: ToolMeta[]): Array<[string, ToolMeta[]]> {\n  const groups: Record<string, ToolMeta[]> = {};\n  for (const tool of tools) {\n    (groups[toolGroup(tool)] ??= []).push(tool);\n  }\n  return Object.entries(groups)\n    .map(([group, groupTools]) => [\n      group,\n      [...groupTools].sort((a, b) => a.name.localeCompare(b.name)),\n    ] as [string, ToolMeta[]])\n    .sort(([a], [b]) => a.localeCompare(b));\n}\n\nfunction toolPreferenceKey(meta: ToolMeta): string {\n  return meta.preferenceKey ?? meta.name;\n}\n\nfunction toolDefaultMode(meta: ToolMeta): ToolMode {\n  return meta.defaultMode ?? \"enabled\";\n}\n\nfunction toolMode(meta: ToolMeta, value: Record<string, ToolMode>): ToolMode {\n  const own = value[meta.name];\n  if (own) return own;\n  const key = toolPreferenceKey(meta);\n  if (key !== meta.name) {\n    const grouped = value[key];\n    if (grouped) return grouped;\n  }\n  return toolDefaultMode(meta);\n}\n\nfunction mostRestrictiveMode(a: ToolMode, b: ToolMode): ToolMode {\n  const rank: Record<ToolMode, number> = { enabled: 0, ask: 1, disabled: 2 };\n  return rank[a] >= rank[b] ? a : b;\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 { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Modal } from \"../../overlay/Modal\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../Icon\";\nimport {\n  UiChevronDown,\n  UiChevronRight,\n  UiCode2,\n  UiShield,\n  UiSliders,\n} from \"../../icons\";\nimport { EffortSelector, ModelSelector } from \"../chat/ModelSelector\";\nimport { ToolSchemaBrowser } from \"./ToolSchemaBrowser\";\nimport type {\n  ChatBudgetConfig,\n  ChatModel,\n  ChatUsageSummary,\n  ClaudePermissionMode,\n  ToolAnnotations,\n  ToolMeta,\n  ToolMode,\n} from \"../chat/types\";\nimport { CLAUDE_PERMISSION_MODE_OPTIONS } from \"../chat/types\";\n\nexport type { ClaudePermissionMode, ToolAnnotations, ToolMeta, ToolMode };\n\n// Tools cycle Auto -> Ask -> Off -> On on click (the compact toggle approach).\nconst MODE_CYCLE: ToolMode[] = [\"auto\", \"ask\", \"off\", \"on\"];\n\nconst MODE_LABEL: Record<ToolMode, string> = {\n  on: \"On\",\n  auto: \"Auto\",\n  ask: \"Ask\",\n  off: \"Off\",\n};\n\nconst MODE_DESCRIPTION: Record<ToolMode, string> = {\n  on: \"Always allow this tool to run automatically.\",\n  auto: \"Use the backend's default permission policy.\",\n  ask: \"Ask before running this tool.\",\n  off: \"Hide this tool from the model.\",\n};\n\n// A header can display \"Mixed\" when its members don't share one mode; individual\n// tool rows never do.\ntype BadgeMode = ToolMode | \"mixed\";\n\nconst BADGE_LABEL: Record<BadgeMode, string> = { ...MODE_LABEL, mixed: \"Mixed\" };\n\nconst BADGE_DESCRIPTION: Record<BadgeMode, string> = {\n  ...MODE_DESCRIPTION,\n  mixed: \"Members have different permissions.\",\n};\n\ntype ToolPreferenceEntry = {\n  key: string;\n  label: string;\n  group: string;\n  tool: ToolMeta;\n  defaultPermission: ToolMode;\n};\n\n// Sentinel parent for tools without a resolved surface — rendered directly under\n// their group with no entity sub-header.\nconst NO_PARENT = \"\\u0000no-parent\";\n\n// A parent surface (entity) sub-bucket within a group, e.g. \"Accounts\" inside\n// \"Accounting Read\". Supplies the disambiguating context for sibling verbs so\n// bare labels like \"Get\"/\"List\" stay distinguishable.\ntype ToolSubGroup = {\n  parent: string;\n  entries: ToolPreferenceEntry[];\n};\n\n// A permission-tier group (the load-bearing preferenceKey scope) plus its\n// parent-surface sub-buckets. `entries` is the flat member list used for the\n// group-level count and bulk cycle.\ntype ToolGroup = {\n  group: string;\n  entries: ToolPreferenceEntry[];\n  subGroups: ToolSubGroup[];\n};\n\nexport type ToolPreferencesProps = {\n  /** The tools to list. Replaces ai-financials' global registry — callers pass\n   *  whatever their backend exposes. */\n  tools: ToolMeta[];\n  /** Current per-tool mode. Missing entries use each tool's default. */\n  value: Record<string, ToolMode>;\n  onChange: (prefs: Record<string, ToolMode>) => void;\n  models?: ChatModel[] | undefined;\n  model?: string | undefined;\n  onModelChange?: ((model: string) => void) | undefined;\n  reasoningEfforts?: string[] | 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  toolsLoading?: boolean | undefined;\n  toolsError?: string | null | undefined;\n  className?: string;\n};\n\nexport type CompactToolPreferencesListProps = {\n  tools: ToolMeta[];\n  value: Record<string, ToolMode>;\n  onChange: (prefs: Record<string, ToolMode>) => void;\n  title?: string | undefined;\n  emptyLabel?: string | undefined;\n  className?: string | undefined;\n};\n\ntype AdvancedTab = \"config\" | \"permissions\" | \"browser\";\n\n// A single mode badge — shows exactly the current mode's label, tone-colored.\n// Headers may pass \"mixed\" when their members disagree.\nfunction ModeBadge({ mode }: { mode: BadgeMode }) {\n  return (\n    <span\n      className={cn(\n        \"shrink-0 rounded px-1.5 py-0.5 text-[10px] font-medium\",\n        mode === \"on\" &&\n          \"bg-emerald-500/10 text-emerald-600 dark:text-emerald-400\",\n        mode === \"auto\" && \"bg-sky-500/10 text-sky-600 dark:text-sky-400\",\n        mode === \"ask\" && \"bg-amber-500/10 text-amber-600 dark:text-amber-500\",\n        mode === \"off\" && \"text-muted-foreground\",\n        mode === \"mixed\" &&\n          \"bg-muted text-muted-foreground ring-1 ring-inset ring-border\",\n      )}\n      title={BADGE_DESCRIPTION[mode]}\n    >\n      {BADGE_LABEL[mode]}\n    </span>\n  );\n}\n\n// A collapsible group header: a chevron to expand/collapse, the group name +\n// count as a button that cycles every tool in the group, and the group's mode\n// badge (\"Mixed\" when members disagree).\nfunction ToolGroupHeader({\n  group,\n  count,\n  collapsed,\n  mode,\n  onCollapseToggle,\n  onModeToggle,\n}: {\n  group: string;\n  count: number;\n  collapsed: boolean;\n  mode: BadgeMode;\n  onCollapseToggle: () => void;\n  onModeToggle: () => void;\n}) {\n  return (\n    <div className=\"grid grid-cols-[1.25rem_minmax(0,1fr)] items-center gap-1 px-1 py-0.5\">\n      <button\n        type=\"button\"\n        aria-label={`${collapsed ? \"Expand\" : \"Collapse\"} ${group}`}\n        title={`${collapsed ? \"Expand\" : \"Collapse\"} ${group}`}\n        className=\"inline-flex size-5 items-center justify-center rounded text-muted-foreground hover:bg-background hover:text-foreground\"\n        onClick={onCollapseToggle}\n      >\n        <Icon\n          icon={collapsed ? UiChevronRight : UiChevronDown}\n          className=\"size-3.5\"\n        />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Toggle ${group} group`}\n        title={`Cycle all ${count} ${count === 1 ? \"tool\" : \"tools\"} in ${group}`}\n        className=\"flex min-w-0 items-center gap-1.5 rounded px-1 py-0.5 text-left hover:bg-background/70\"\n        onClick={onModeToggle}\n      >\n        <span className=\"flex min-w-0 flex-1 items-center gap-1.5\">\n          <span className=\"min-w-0 truncate text-[10px] font-semibold uppercase tracking-wider text-muted-foreground\">\n            {group}\n          </span>\n          <span className=\"shrink-0 rounded bg-background px-1 text-[10px] text-muted-foreground\">\n            {count}\n          </span>\n        </span>\n        <span className=\"shrink-0\">\n          <ModeBadge mode={mode} />\n        </span>\n      </button>\n    </div>\n  );\n}\n\n// One tool row — the whole row is a button that cycles the tool's mode. Rows\n// under an entity sub-header are indented so the sub-header reads as their\n// heading.\nfunction ToolRow({\n  entry,\n  mode,\n  onToggle,\n  indented = false,\n}: {\n  entry: ToolPreferenceEntry;\n  mode: ToolMode;\n  onToggle: (entry: ToolPreferenceEntry, current: ToolMode) => void;\n  indented?: boolean;\n}) {\n  return (\n    <button\n      type=\"button\"\n      className={cn(\n        \"flex w-full items-center justify-between gap-2 rounded px-1.5 py-0.5 text-left hover:bg-accent\",\n        indented && \"pl-7\",\n      )}\n      title={entry.tool.name}\n      onClick={() => onToggle(entry, mode)}\n    >\n      <span\n        className={cn(\n          \"min-w-0 truncate text-xs\",\n          mode === \"off\" && \"text-muted-foreground line-through\",\n        )}\n      >\n        {entry.label}\n      </span>\n      <ModeBadge mode={mode} />\n    </button>\n  );\n}\n\n// A collapsible entity sub-header inside a group: a chevron to expand/collapse\n// its rows, and a button that cycles every tool under the parent surface —\n// mirroring the group header one level down.\nfunction ToolParentHeader({\n  parent,\n  count,\n  collapsed,\n  mode,\n  onCollapseToggle,\n  onModeToggle,\n}: {\n  parent: string;\n  count: number;\n  collapsed: boolean;\n  mode: BadgeMode;\n  onCollapseToggle: () => void;\n  onModeToggle: () => void;\n}) {\n  return (\n    <div className=\"grid grid-cols-[1.25rem_minmax(0,1fr)] items-center gap-1 py-0.5 pl-4 pr-1\">\n      <button\n        type=\"button\"\n        aria-label={`${collapsed ? \"Expand\" : \"Collapse\"} ${parent}`}\n        title={`${collapsed ? \"Expand\" : \"Collapse\"} ${parent}`}\n        className=\"inline-flex size-5 items-center justify-center rounded text-muted-foreground hover:bg-background hover:text-foreground\"\n        onClick={onCollapseToggle}\n      >\n        <Icon\n          icon={collapsed ? UiChevronRight : UiChevronDown}\n          className=\"size-3.5\"\n        />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Toggle ${parent} tools`}\n        title={`Cycle all ${count} ${count === 1 ? \"tool\" : \"tools\"} in ${parent}`}\n        className=\"flex min-w-0 items-center gap-1.5 rounded px-1 py-0.5 text-left hover:bg-background/70\"\n        onClick={onModeToggle}\n      >\n        <span className=\"flex min-w-0 flex-1 items-center gap-1.5\">\n          <span className=\"min-w-0 truncate text-[11px] font-medium text-foreground/70\">\n            {parent}\n          </span>\n          <span className=\"shrink-0 rounded bg-background px-1 text-[10px] text-muted-foreground\">\n            {count}\n          </span>\n        </span>\n        <span className=\"shrink-0\">\n          <ModeBadge mode={mode} />\n        </span>\n      </button>\n    </div>\n  );\n}\n\n// A parent sub-bucket: its entity sub-header (when the parent is real) followed\n// by the tool rows. Parentless tools render as bare rows directly under the\n// group.\nfunction ToolSubGroupBlock({\n  subGroup,\n  value,\n  open,\n  onToggle,\n  onToggleEntry,\n  onCycleEntries,\n}: {\n  subGroup: ToolSubGroup;\n  value: Record<string, ToolMode>;\n  open: boolean;\n  onToggle: () => void;\n  onToggleEntry: (entry: ToolPreferenceEntry, current: ToolMode) => void;\n  onCycleEntries: (entries: ToolPreferenceEntry[], current: ToolMode) => void;\n}) {\n  const hasParent = subGroup.parent !== NO_PARENT;\n  const rows = subGroup.entries.map((entry) => (\n    <ToolRow\n      key={entry.key}\n      entry={entry}\n      mode={entryMode(entry, value)}\n      onToggle={onToggleEntry}\n      indented={hasParent}\n    />\n  ));\n  // Parentless tools have no sub-header, so they always show when the group is open.\n  if (!hasParent) {\n    return <>{rows}</>;\n  }\n  return (\n    <div>\n      <ToolParentHeader\n        parent={subGroup.parent}\n        count={subGroup.entries.length}\n        collapsed={!open}\n        mode={commonMode(subGroup.entries, value)}\n        onCollapseToggle={onToggle}\n        onModeToggle={() =>\n          onCycleEntries(subGroup.entries, groupToolMode(subGroup.entries, value))\n        }\n      />\n      {open && rows}\n    </div>\n  );\n}\n\n// The compact per-tool list shared by the dropdown and the standalone list:\n// grouped, collapsible, single cycling badge per tool.\nfunction CompactToolList({\n  groups,\n  value,\n  onChange,\n  emptyLabel = \"No tools available\",\n}: {\n  groups: ToolGroup[];\n  value: Record<string, ToolMode>;\n  onChange: (prefs: Record<string, ToolMode>) => void;\n  emptyLabel?: string | undefined;\n}) {\n  // Track which nodes are EXPANDED, so everything starts collapsed (empty set)\n  // like the tool browser's group view. Parent keys are namespaced under their\n  // group since entity names repeat across groups.\n  const [expanded, setExpanded] = useState<Set<string>>(() => new Set());\n  if (groups.length === 0) {\n    return (\n      <div className=\"px-2 py-2 text-xs text-muted-foreground\">\n        {emptyLabel}\n      </div>\n    );\n  }\n  const isOpen = (key: string) => expanded.has(key);\n  const toggle = (key: string) =>\n    setExpanded((current) => {\n      const next = new Set(current);\n      if (next.has(key)) next.delete(key);\n      else next.add(key);\n      return next;\n    });\n  const handleToggle = (entry: ToolPreferenceEntry, current: ToolMode) =>\n    onChange({ ...value, [entry.key]: nextMode(current) });\n  const cycleEntries = (entries: ToolPreferenceEntry[], current: ToolMode) => {\n    const next = nextMode(current);\n    const updated = { ...value };\n    for (const entry of entries) updated[entry.key] = next;\n    onChange(updated);\n  };\n  return (\n    <div className=\"space-y-1\">\n      {groups.map((group) => {\n        const groupOpen = isOpen(group.group);\n        return (\n          <div key={group.group}>\n            <ToolGroupHeader\n              group={group.group}\n              count={group.entries.length}\n              collapsed={!groupOpen}\n              mode={commonMode(group.entries, value)}\n              onCollapseToggle={() => toggle(group.group)}\n              onModeToggle={() =>\n                cycleEntries(group.entries, groupToolMode(group.entries, value))\n              }\n            />\n            {groupOpen && (\n              <div className=\"space-y-0.5 p-0.5\">\n                {group.subGroups.map((subGroup) => {\n                  const parentKey = `${group.group}///${subGroup.parent}`;\n                  return (\n                    <ToolSubGroupBlock\n                      key={subGroup.parent}\n                      subGroup={subGroup}\n                      value={value}\n                      open={isOpen(parentKey)}\n                      onToggle={() => toggle(parentKey)}\n                      onToggleEntry={handleToggle}\n                      onCycleEntries={cycleEntries}\n                    />\n                  );\n                })}\n              </div>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\n/** A popover that cycles tools through Auto -> Ask -> Off -> On. The resulting\n *  `Record<name, ToolMode>` is meant to be forwarded to the backend (e.g. via\n *  `<Chat body={{ toolPreferences }}>`). */\nexport function ToolPreferences({\n  tools,\n  value,\n  onChange,\n  models = [],\n  model,\n  onModelChange,\n  reasoningEfforts = [\"low\", \"medium\", \"high\"],\n  reasoningEffort = \"\",\n  onReasoningEffortChange,\n  permissionMode = \"default\",\n  onPermissionModeChange,\n  temperature,\n  onTemperatureChange,\n  budget,\n  onBudgetChange,\n  usage,\n  toolsLoading = false,\n  toolsError = null,\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\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              onChange={onChange}\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            {([\"config\", \"permissions\", \"browser\"] as AdvancedTab[]).map(\n              (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\n                    icon={\n                      tab === \"config\"\n                        ? UiSliders\n                        : tab === \"permissions\"\n                          ? UiShield\n                          : UiCode2\n                    }\n                    className=\"size-3.5\"\n                  />\n                  {tab}\n                </button>\n              ),\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            <ToolConfigPanel\n              models={models}\n              model={model}\n              onModelChange={onModelChange}\n              reasoningEfforts={reasoningEfforts}\n              reasoningEffort={reasoningEffort}\n              onReasoningEffortChange={onReasoningEffortChange}\n              permissionMode={permissionMode}\n              onPermissionModeChange={onPermissionModeChange}\n              temperature={temperature}\n              onTemperatureChange={onTemperatureChange}\n              budget={budget}\n              onBudgetChange={onBudgetChange}\n              usage={usage}\n            />\n          ) : advancedTab === \"permissions\" ? (\n            <AdvancedPermissionsPanel\n              groups={groups}\n              value={value}\n              onChange={onChange}\n            />\n          ) : (\n            <ToolSchemaBrowser tools={tools} className=\"min-h-0 flex-1\" />\n          )}\n        </div>\n      </Modal>\n    </>\n  );\n}\n\nexport function CompactToolPreferencesList({\n  tools,\n  value,\n  onChange,\n  title = \"Tools preferences\",\n  emptyLabel = \"No tools available\",\n  className,\n}: CompactToolPreferencesListProps) {\n  const groups = useMemo(\n    () => groupedToolEntriesWithPreferences(tools, value),\n    [tools, value],\n  );\n  return (\n    <div className={cn(\"space-y-2\", className)}>\n      {title && (\n        <div className=\"text-xs font-medium text-muted-foreground\">{title}</div>\n      )}\n      <CompactToolList\n        groups={groups}\n        value={value}\n        onChange={onChange}\n        emptyLabel={emptyLabel}\n      />\n    </div>\n  );\n}\n\nfunction ToolConfigPanel({\n  models,\n  model,\n  onModelChange,\n  reasoningEfforts,\n  reasoningEffort,\n  onReasoningEffortChange,\n  permissionMode,\n  onPermissionModeChange,\n  temperature,\n  onTemperatureChange,\n  budget,\n  onBudgetChange,\n  usage,\n}: {\n  models: ChatModel[];\n  model?: string | undefined;\n  onModelChange?: ((model: string) => void) | undefined;\n  reasoningEfforts: string[];\n  reasoningEffort: string;\n  onReasoningEffortChange?: ((effort: string) => void) | undefined;\n  permissionMode: ClaudePermissionMode;\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}) {\n  const updateBudget = (key: keyof ChatBudgetConfig, raw: string) => {\n    const next: ChatBudgetConfig = { ...budget };\n    const parsed = parseOptionalNumber(raw, key === \"maxTokens\");\n    if (parsed === undefined) {\n      delete next[key];\n    } else {\n      next[key] = parsed;\n    }\n    onBudgetChange?.(next);\n  };\n\n  return (\n    <div className=\"grid min-h-0 flex-1 grid-cols-[minmax(0,1fr)_minmax(18rem,24rem)] gap-4 overflow-y-auto\">\n      <div className=\"space-y-4\">\n        <section className=\"space-y-3\">\n          <div className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n            Model\n          </div>\n          <div className=\"flex flex-wrap gap-2\">\n            <ModelSelector\n              models={models}\n              value={model}\n              onChange={(next) => onModelChange?.(next)}\n              className=\"w-64\"\n            />\n            <EffortSelector\n              efforts={reasoningEfforts}\n              value={reasoningEffort}\n              onChange={(next) => onReasoningEffortChange?.(next)}\n              className=\"w-44\"\n            />\n          </div>\n          <label className=\"grid max-w-md grid-cols-[9rem_minmax(0,1fr)] items-center gap-3 text-xs\">\n            <span className=\"text-muted-foreground\">Permission mode</span>\n            <select\n              aria-label=\"Permission mode\"\n              value={permissionMode}\n              onChange={(event) =>\n                onPermissionModeChange?.(\n                  event.target.value as ClaudePermissionMode,\n                )\n              }\n              className=\"h-8 rounded border border-border bg-background px-2 text-xs\"\n            >\n              {CLAUDE_PERMISSION_MODE_OPTIONS.map((option) => (\n                <option\n                  key={option.value}\n                  value={option.value}\n                  title={option.description}\n                >\n                  {option.label}\n                </option>\n              ))}\n            </select>\n          </label>\n        </section>\n        <section className=\"space-y-3\">\n          <div className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n            Generation\n          </div>\n          <label className=\"grid grid-cols-[8rem_minmax(0,1fr)_4rem] items-center gap-3 text-xs\">\n            <span className=\"text-muted-foreground\">Temperature</span>\n            <input\n              type=\"range\"\n              min={0}\n              max={2}\n              step={0.1}\n              value={temperature ?? 0}\n              onChange={(event) =>\n                onTemperatureChange?.(Number(event.target.value))\n              }\n            />\n            <input\n              type=\"number\"\n              min={0}\n              max={2}\n              step={0.1}\n              value={temperature ?? \"\"}\n              onChange={(event) =>\n                onTemperatureChange?.(parseOptionalNumber(event.target.value))\n              }\n              className=\"h-8 rounded border border-border bg-background px-2 text-xs\"\n            />\n          </label>\n        </section>\n        <section className=\"space-y-3\">\n          <div className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n            Budget\n          </div>\n          <div className=\"grid grid-cols-2 gap-3\">\n            <label className=\"space-y-1 text-xs\">\n              <span className=\"text-muted-foreground\">Max cost</span>\n              <input\n                type=\"number\"\n                min={0}\n                step={0.01}\n                value={budget?.cost ?? \"\"}\n                onChange={(event) => updateBudget(\"cost\", event.target.value)}\n                className=\"h-8 w-full rounded border border-border bg-background px-2 text-xs\"\n              />\n            </label>\n            <label className=\"space-y-1 text-xs\">\n              <span className=\"text-muted-foreground\">Max tokens</span>\n              <input\n                type=\"number\"\n                min={0}\n                step={1}\n                value={budget?.maxTokens ?? \"\"}\n                onChange={(event) =>\n                  updateBudget(\"maxTokens\", event.target.value)\n                }\n                className=\"h-8 w-full rounded border border-border bg-background px-2 text-xs\"\n              />\n            </label>\n          </div>\n        </section>\n      </div>\n      <UsageCostPanel usage={usage} />\n    </div>\n  );\n}\n\nfunction UsageCostPanel({\n  usage,\n}: {\n  usage?: ChatUsageSummary | null | undefined;\n}) {\n  const tokens = usage?.usage;\n  const costs = usage?.costBreakdown;\n  return (\n    <aside className=\"space-y-3 border-l border-border pl-4\">\n      <div className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n        Usage\n      </div>\n      <div className=\"overflow-hidden rounded border border-border\">\n        <MetricRow\n          label=\"Context\"\n          value={`${formatNumber(usage?.usedTokens)} / ${formatNumber(usage?.maxTokens)}`}\n        />\n        <MetricRow\n          label=\"Input tokens\"\n          value={formatNumber(tokens?.inputTokens)}\n        />\n        <MetricRow\n          label=\"Output tokens\"\n          value={formatNumber(tokens?.outputTokens)}\n        />\n        <MetricRow\n          label=\"Reasoning tokens\"\n          value={formatNumber(tokens?.reasoningTokens)}\n        />\n        <MetricRow\n          label=\"Cache read tokens\"\n          value={formatNumber(tokens?.cacheReadTokens)}\n        />\n        <MetricRow\n          label=\"Cache write tokens\"\n          value={formatNumber(tokens?.cacheWriteTokens)}\n        />\n        <MetricRow\n          label=\"Total tokens\"\n          value={formatNumber(tokens?.totalTokens)}\n        />\n      </div>\n      <div className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n        Cost\n      </div>\n      <div className=\"overflow-hidden rounded border border-border\">\n        <MetricRow label=\"Input\" value={formatUSD(costs?.inputUsd)} />\n        <MetricRow label=\"Output\" value={formatUSD(costs?.outputUsd)} />\n        <MetricRow label=\"Reasoning\" value={formatUSD(costs?.reasoningUsd)} />\n        <MetricRow label=\"Cache read\" value={formatUSD(costs?.cacheReadUsd)} />\n        <MetricRow\n          label=\"Cache write\"\n          value={formatUSD(costs?.cacheWriteUsd)}\n        />\n        <MetricRow\n          label=\"Thread total\"\n          value={formatUSD(usage?.cost ?? costs?.totalUsd)}\n          strong\n        />\n      </div>\n    </aside>\n  );\n}\n\nfunction MetricRow({\n  label,\n  value,\n  strong = false,\n}: {\n  label: string;\n  value: string;\n  strong?: boolean;\n}) {\n  return (\n    <div className=\"grid grid-cols-[minmax(0,1fr)_auto] gap-3 border-b border-border px-2 py-1.5 text-xs last:border-b-0\">\n      <span className=\"truncate text-muted-foreground\">{label}</span>\n      <span\n        className={cn(\"font-mono\", strong && \"font-semibold text-foreground\")}\n      >\n        {value}\n      </span>\n    </div>\n  );\n}\n\nfunction AdvancedPermissionsPanel({\n  groups,\n  value,\n  onChange,\n}: {\n  groups: ToolGroup[];\n  value: Record<string, ToolMode>;\n  onChange: (prefs: Record<string, ToolMode>) => 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        onChange={onChange}\n        emptyLabel=\"No tools\"\n      />\n    </div>\n  );\n}\n\nfunction groupedToolEntries(tools: ToolMeta[]): ToolGroup[] {\n  const groups: Record<string, ToolPreferenceEntry[]> = {};\n  for (const tool of tools) {\n    const group = toolGroup(tool);\n    const entry: ToolPreferenceEntry = {\n      key: tool.name,\n      label: tool.label || tool.name,\n      group,\n      tool,\n      defaultPermission: toolDefaultPermission(tool),\n    };\n    (groups[group] ??= []).push(entry);\n  }\n  return Object.entries(groups)\n    .map(([group, entries]) => buildToolGroup(group, entries))\n    .sort((a, b) => a.group.localeCompare(b.group));\n}\n\n// Splits a group's entries into parent-surface sub-buckets. Parentless entries\n// collapse into the NO_PARENT bucket, which sorts first and renders headerless.\nfunction buildToolGroup(\n  group: string,\n  entries: ToolPreferenceEntry[],\n): ToolGroup {\n  const byParent: Record<string, ToolPreferenceEntry[]> = {};\n  for (const entry of entries) {\n    const parent = entry.tool.parent?.trim() || NO_PARENT;\n    (byParent[parent] ??= []).push(entry);\n  }\n  const subGroups = Object.entries(byParent)\n    .map(([parent, subEntries]) => ({\n      parent,\n      entries: [...subEntries].sort((a, b) => a.label.localeCompare(b.label)),\n    }))\n    .sort(compareSubGroups);\n  return {\n    group,\n    entries: [...entries].sort((a, b) => a.label.localeCompare(b.label)),\n    subGroups,\n  };\n}\n\nfunction compareSubGroups(a: ToolSubGroup, b: ToolSubGroup): number {\n  if (a.parent === NO_PARENT) return b.parent === NO_PARENT ? 0 : -1;\n  if (b.parent === NO_PARENT) return 1;\n  return a.parent.localeCompare(b.parent);\n}\n\nfunction groupedToolEntriesWithPreferences(\n  tools: ToolMeta[],\n  value: Record<string, ToolMode>,\n): ToolGroup[] {\n  const groups = groupedToolEntries(tools);\n  const known = new Set(tools.map((tool) => tool.name));\n  const customEntries = Object.entries(value).flatMap(([name, mode]) => {\n    const normalizedMode = normalizeToolMode(mode);\n    if (known.has(name) || !normalizedMode) return [];\n    return [\n      {\n        key: name,\n        label: name,\n        group: \"Custom\",\n        tool: {\n          name,\n          label: name,\n          group: \"Custom\",\n          defaultPermission: normalizedMode,\n        },\n        defaultPermission: normalizedMode,\n      },\n    ];\n  });\n  if (customEntries.length === 0) return groups;\n  return [...groups, buildToolGroup(\"Custom\", customEntries)];\n}\n\nfunction normalizeToolMode(value: string): ToolMode | undefined {\n  switch (value.trim().toLowerCase()) {\n    case \"on\":\n    case \"enabled\":\n      return \"on\";\n    case \"auto\":\n      return \"auto\";\n    case \"ask\":\n      return \"ask\";\n    case \"off\":\n    case \"disabled\":\n      return \"off\";\n    default:\n      return undefined;\n  }\n}\n\nfunction toolGroup(meta: ToolMeta): string {\n  return meta.group ?? \"Tools\";\n}\n\nfunction toolDefaultPermission(meta: ToolMeta): ToolMode {\n  return meta.defaultPermission ?? \"auto\";\n}\n\nfunction entryMode(\n  entry: ToolPreferenceEntry,\n  value: Record<string, ToolMode>,\n): ToolMode {\n  return normalizeToolMode(value[entry.key] ?? \"\") ?? entry.defaultPermission;\n}\n\n// A group's toggle mode is its most-restrictive member, so cycling starts from\n// the safest current state.\nfunction groupToolMode(\n  entries: ToolPreferenceEntry[],\n  value: Record<string, ToolMode>,\n): ToolMode {\n  return entries.reduce<ToolMode>(\n    (mode, entry) => mostRestrictiveMode(mode, entryMode(entry, value)),\n    \"on\",\n  );\n}\n\n// A header's DISPLAY mode: the shared member mode, or \"mixed\" when members\n// disagree. Cycling still uses groupToolMode; this is badge-only.\nfunction commonMode(\n  entries: ToolPreferenceEntry[],\n  value: Record<string, ToolMode>,\n): BadgeMode {\n  const first = entries[0];\n  if (!first) return \"mixed\";\n  const firstMode = entryMode(first, value);\n  return entries.every((entry) => entryMode(entry, value) === firstMode)\n    ? firstMode\n    : \"mixed\";\n}\n\nfunction nextMode(mode: ToolMode): ToolMode {\n  const current = MODE_CYCLE.indexOf(mode);\n  return MODE_CYCLE[((current >= 0 ? current : 0) + 1) % MODE_CYCLE.length]!;\n}\n\nfunction mostRestrictiveMode(a: ToolMode, b: ToolMode): ToolMode {\n  return modeRank(a) >= modeRank(b) ? a : b;\n}\n\nfunction modeRank(mode: ToolMode): number {\n  switch (mode) {\n    case \"on\":\n      return 0;\n    case \"auto\":\n      return 1;\n    case \"ask\":\n      return 2;\n    case \"off\":\n      return 3;\n  }\n}\n\nfunction parseOptionalNumber(raw: string, integer = false): number | undefined {\n  if (raw.trim() === \"\") return undefined;\n  const value = Number(raw);\n  if (!Number.isFinite(value)) return undefined;\n  return integer ? Math.max(0, Math.trunc(value)) : value;\n}\n\nfunction formatNumber(value: number | undefined): string {\n  if (value == null || !Number.isFinite(value)) return \"-\";\n  return new Intl.NumberFormat().format(value);\n}\n\nfunction formatUSD(value: number | undefined): string {\n  if (value == null || !Number.isFinite(value)) return \"-\";\n  return `$${value.toFixed(value >= 1 ? 4 : 6)}`;\n}\n"],"names":[],"mappings":"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"}