@flanksource/clicky-ui 0.3.15 → 0.3.16

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 { 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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"}
+{"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 { DEFAULT_REASONING_EFFORTS } from \"../chat/effort-icons\";\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 = DEFAULT_REASONING_EFFORTS,\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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"}

package/dist/data/ai/agent-action-icons.cjs

@@ -26,27 +26,24 @@ const EFFORT_TONES = {
   low: "sky",
   medium: "amber",
   high: "orange",
+  xhigh: "orange",
   max: "rose",
+  ultra: "fuchsia",
   adaptive: "indigo"
 };
-const EFFORT_LABELS = {
-  minimal: "Minimal",
-  low: "Low",
-  medium: "Medium",
-  high: "High",
-  max: "Max",
-  adaptive: "Adaptive"
-};
 const EFFORT_ICONS = Object.fromEntries(
   Object.keys(effortIcons.EFFORT_LEVEL_ICONS).map((level) => [
     level,
-    { icon: effortIcons.EFFORT_LEVEL_ICONS[level], tone: EFFORT_TONES[level], label: EFFORT_LABELS[level] }
+    {
+      icon: effortIcons.EFFORT_LEVEL_ICONS[level],
+      tone: EFFORT_TONES[level],
+      label: effortIcons.effortLevelLabel(level)
+    }
   ])
 );
 function effortIcon(value) {
   const key = value.trim().toLowerCase();
   if (key in EFFORT_ICONS) return EFFORT_ICONS[key];
-  if (key === "xhigh") return EFFORT_ICONS.high;
   return void 0;
 }
 const PERMISSION_MODE_ICONS = {

package/dist/data/ai/agent-action-icons.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"agent-action-icons.cjs","sources":["../../../src/data/ai/agent-action-icons.ts"],"sourcesContent":["import type { StaticIconComponent } from \"../Icon\";\nimport { EFFORT_LEVEL_ICONS, type EffortLevel } from \"../chat/effort-icons\";\nimport type { SessionTone } from \"./SessionViewer.model\";\nimport type { SpecPermissionMode } from \"./SpecRuntimeEditor.model\";\nimport {\n  UiArrowFatUp,\n  UiBraces,\n  UiBox,\n  UiChatDots,\n  UiCircleX,\n  UiFastForwardCircle,\n  UiHandPalm,\n  UiPass,\n  UiPauseCircle,\n  UiPlayCircle,\n  UiQuestion,\n  UiSealCheck,\n  UiShieldSlash,\n  UiStrategy,\n  UiTerminal,\n} from \"../../icons\";\n\n// Implements the semantic groups of the Flanksource \"Agent Action Icons\" design\n// beyond the per-tool ACTIONS map (which lives in SessionViewer.model.ts). Each\n// entry pairs a generated Ui* glyph with a SessionTone so the disc/text color\n// (DISC_TONE in SessionViewer.rows.tsx) encodes the action's category. Blue\n// reasons, green executes, teal confirms; the effort ramp climbs slate → sky →\n// amber → orange → rose; approval clears green / blocks red.\n\nexport interface AgentActionMeta {\n  icon: StaticIconComponent;\n  tone: SessionTone;\n  label: string;\n}\n\n// ── Agent workflow: plan → run → verify ─────────────────────────────────────\nexport type WorkflowPhase = \"plan\" | \"run\" | \"verify\";\n\nexport const WORKFLOW_PHASES: Record<WorkflowPhase, AgentActionMeta> = {\n  plan: { icon: UiStrategy, tone: \"sky\", label: \"Plan\" },\n  run: { icon: UiPlayCircle, tone: \"emerald\", label: \"Run\" },\n  verify: { icon: UiSealCheck, tone: \"teal\", label: \"Verify\" },\n};\n\n// ── Effort levels: reasoning / token budget on the severity hue ramp ─────────\n// The battery glyphs are the chat layer's source of truth (EFFORT_LEVEL_ICONS);\n// here we add the semantic tone + label so an effort chip reads at a glance.\nexport type { EffortLevel } from \"../chat/effort-icons\";\n\nconst EFFORT_TONES: Record<EffortLevel, SessionTone> = {\n  minimal: \"slate\",\n  low: \"sky\",\n  medium: \"amber\",\n  high: \"orange\",\n  max: \"rose\",\n  adaptive: \"indigo\",\n};\n\nconst EFFORT_LABELS: Record<EffortLevel, string> = {\n  minimal: \"Minimal\",\n  low: \"Low\",\n  medium: \"Medium\",\n  high: \"High\",\n  max: \"Max\",\n  adaptive: \"Adaptive\",\n};\n\nexport const EFFORT_ICONS: Record<EffortLevel, AgentActionMeta> = Object.fromEntries(\n  (Object.keys(EFFORT_LEVEL_ICONS) as EffortLevel[]).map((level) => [\n    level,\n    { icon: EFFORT_LEVEL_ICONS[level], tone: EFFORT_TONES[level], label: EFFORT_LABELS[level] },\n  ]),\n) as Record<EffortLevel, AgentActionMeta>;\n\n/** Resolve the effort glyph, tolerating unknown/alias values (e.g. \"xhigh\" maps\n *  to the high ramp). Returns undefined when the value isn't an effort. */\nexport function effortIcon(value: string): AgentActionMeta | undefined {\n  const key = value.trim().toLowerCase();\n  if (key in EFFORT_ICONS) return EFFORT_ICONS[key as EffortLevel];\n  if (key === \"xhigh\") return EFFORT_ICONS.high;\n  return undefined;\n}\n\n// ── Permission modes: colors matched to Claude Code ──────────────────────────\nexport const PERMISSION_MODE_ICONS: Record<\n  SpecPermissionMode,\n  AgentActionMeta\n> = {\n  default: { icon: UiHandPalm, tone: \"slate\", label: \"Ask\" },\n  plan: { icon: UiPauseCircle, tone: \"sky\", label: \"Plan\" },\n  acceptEdits: { icon: UiFastForwardCircle, tone: \"emerald\", label: \"Auto\" },\n  auto: { icon: UiFastForwardCircle, tone: \"emerald\", label: \"Auto\" },\n  dontAsk: { icon: UiFastForwardCircle, tone: \"emerald\", label: \"Don't ask\" },\n  bypassPermissions: { icon: UiShieldSlash, tone: \"rose\", label: \"Off\" },\n};\n\n// ── Approval states: where a proposed action sits in the HITL flow ───────────\nexport type ApprovalState =\n  | \"question\"\n  | \"pending\"\n  | \"approved\"\n  | \"denied\"\n  | \"escalate\";\n\nexport const APPROVAL_ICONS: Record<ApprovalState, AgentActionMeta> = {\n  question: { icon: UiQuestion, tone: \"sky\", label: \"Question\" },\n  pending: { icon: UiChatDots, tone: \"amber\", label: \"Awaiting input\" },\n  approved: { icon: UiPass, tone: \"emerald\", label: \"Approved\" },\n  denied: { icon: UiCircleX, tone: \"rose\", label: \"Denied\" },\n  escalate: { icon: UiArrowFatUp, tone: \"orange\", label: \"Escalate\" },\n};\n\n// ── Agent runtimes: where an agent executes ──────────────────────────────────\nexport type AgentRuntime = \"sdk\" | \"terminal\" | \"api\";\n\nexport const AGENT_RUNTIME_ICONS: Record<AgentRuntime, AgentActionMeta> = {\n  sdk: { icon: UiBox, tone: \"indigo\", label: \"SDK agent\" },\n  terminal: { icon: UiTerminal, tone: \"slate\", label: \"Terminal agent\" },\n  api: { icon: UiBraces, tone: \"sky\", label: \"API agent\" },\n};\n"],"names":["UiStrategy","UiPlayCircle","UiSealCheck","EFFORT_LEVEL_ICONS","UiHandPalm","UiPauseCircle","UiFastForwardCircle","UiShieldSlash","UiQuestion","UiChatDots","UiPass","UiCircleX","UiArrowFatUp","UiBox","UiTerminal","UiBraces"],"mappings":";;;;;;;;;;;;;;;;;;AAsCO,MAAM,kBAA0D;AAAA,EACrE,MAAM,EAAE,MAAMA,WAAAA,YAAY,MAAM,OAAO,OAAO,OAAA;AAAA,EAC9C,KAAK,EAAE,MAAMC,aAAAA,cAAc,MAAM,WAAW,OAAO,MAAA;AAAA,EACnD,QAAQ,EAAE,MAAMC,YAAAA,aAAa,MAAM,QAAQ,OAAO,SAAA;AACpD;AAOA,MAAM,eAAiD;AAAA,EACrD,SAAS;AAAA,EACT,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AAAA,EACL,UAAU;AACZ;AAEA,MAAM,gBAA6C;AAAA,EACjD,SAAS;AAAA,EACT,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AAAA,EACL,UAAU;AACZ;AAEO,MAAM,eAAqD,OAAO;AAAA,EACtE,OAAO,KAAKC,YAAAA,kBAAkB,EAAoB,IAAI,CAAC,UAAU;AAAA,IAChE;AAAA,IACA,EAAE,MAAMA,YAAAA,mBAAmB,KAAK,GAAG,MAAM,aAAa,KAAK,GAAG,OAAO,cAAc,KAAK,EAAA;AAAA,EAAE,CAC3F;AACH;AAIO,SAAS,WAAW,OAA4C;AACrE,QAAM,MAAM,MAAM,KAAA,EAAO,YAAA;AACzB,MAAI,OAAO,aAAc,QAAO,aAAa,GAAkB;AAC/D,MAAI,QAAQ,QAAS,QAAO,aAAa;AACzC,SAAO;AACT;AAGO,MAAM,wBAGT;AAAA,EACF,SAAS,EAAE,MAAMC,WAAAA,YAAY,MAAM,SAAS,OAAO,MAAA;AAAA,EACnD,MAAM,EAAE,MAAMC,cAAAA,eAAe,MAAM,OAAO,OAAO,OAAA;AAAA,EACjD,aAAa,EAAE,MAAMC,oBAAAA,qBAAqB,MAAM,WAAW,OAAO,OAAA;AAAA,EAClE,MAAM,EAAE,MAAMA,oBAAAA,qBAAqB,MAAM,WAAW,OAAO,OAAA;AAAA,EAC3D,SAAS,EAAE,MAAMA,oBAAAA,qBAAqB,MAAM,WAAW,OAAO,YAAA;AAAA,EAC9D,mBAAmB,EAAE,MAAMC,cAAAA,eAAe,MAAM,QAAQ,OAAO,MAAA;AACjE;AAUO,MAAM,iBAAyD;AAAA,EACpE,UAAU,EAAE,MAAMC,WAAAA,YAAY,MAAM,OAAO,OAAO,WAAA;AAAA,EAClD,SAAS,EAAE,MAAMC,WAAAA,YAAY,MAAM,SAAS,OAAO,iBAAA;AAAA,EACnD,UAAU,EAAE,MAAMC,OAAAA,QAAQ,MAAM,WAAW,OAAO,WAAA;AAAA,EAClD,QAAQ,EAAE,MAAMC,UAAAA,WAAW,MAAM,QAAQ,OAAO,SAAA;AAAA,EAChD,UAAU,EAAE,MAAMC,aAAAA,cAAc,MAAM,UAAU,OAAO,WAAA;AACzD;AAKO,MAAM,sBAA6D;AAAA,EACxE,KAAK,EAAE,MAAMC,MAAAA,OAAO,MAAM,UAAU,OAAO,YAAA;AAAA,EAC3C,UAAU,EAAE,MAAMC,WAAAA,YAAY,MAAM,SAAS,OAAO,iBAAA;AAAA,EACpD,KAAK,EAAE,MAAMC,SAAAA,UAAU,MAAM,OAAO,OAAO,YAAA;AAC7C;;;;;;;"}
+{"version":3,"file":"agent-action-icons.cjs","sources":["../../../src/data/ai/agent-action-icons.ts"],"sourcesContent":["import type { StaticIconComponent } from \"../Icon\";\nimport {\n  EFFORT_LEVEL_ICONS,\n  effortLevelLabel,\n  type EffortLevel,\n} from \"../chat/effort-icons\";\nimport type { SessionTone } from \"./SessionViewer.model\";\nimport type { SpecPermissionMode } from \"./SpecRuntimeEditor.model\";\nimport {\n  UiArrowFatUp,\n  UiBraces,\n  UiBox,\n  UiChatDots,\n  UiCircleX,\n  UiFastForwardCircle,\n  UiHandPalm,\n  UiPass,\n  UiPauseCircle,\n  UiPlayCircle,\n  UiQuestion,\n  UiSealCheck,\n  UiShieldSlash,\n  UiStrategy,\n  UiTerminal,\n} from \"../../icons\";\n\n// Implements the semantic groups of the Flanksource \"Agent Action Icons\" design\n// beyond the per-tool ACTIONS map (which lives in SessionViewer.model.ts). Each\n// entry pairs a generated Ui* glyph with a SessionTone so the disc/text color\n// (DISC_TONE in SessionViewer.rows.tsx) encodes the action's category. Blue\n// reasons, green executes, teal confirms; the effort ramp climbs slate → sky →\n// amber → orange → rose → fuchsia; approval clears green / blocks red.\n\nexport interface AgentActionMeta {\n  icon: StaticIconComponent;\n  tone: SessionTone;\n  label: string;\n}\n\n// ── Agent workflow: plan → run → verify ─────────────────────────────────────\nexport type WorkflowPhase = \"plan\" | \"run\" | \"verify\";\n\nexport const WORKFLOW_PHASES: Record<WorkflowPhase, AgentActionMeta> = {\n  plan: { icon: UiStrategy, tone: \"sky\", label: \"Plan\" },\n  run: { icon: UiPlayCircle, tone: \"emerald\", label: \"Run\" },\n  verify: { icon: UiSealCheck, tone: \"teal\", label: \"Verify\" },\n};\n\n// ── Effort levels: reasoning / token budget on the severity hue ramp ─────────\n// The battery glyphs are the chat layer's source of truth (EFFORT_LEVEL_ICONS);\n// here we add the semantic tone + label so an effort chip reads at a glance.\nexport type { EffortLevel } from \"../chat/effort-icons\";\n\nconst EFFORT_TONES: Record<EffortLevel, SessionTone> = {\n  minimal: \"slate\",\n  low: \"sky\",\n  medium: \"amber\",\n  high: \"orange\",\n  xhigh: \"orange\",\n  max: \"rose\",\n  ultra: \"fuchsia\",\n  adaptive: \"indigo\",\n};\n\nexport const EFFORT_ICONS: Record<EffortLevel, AgentActionMeta> = Object.fromEntries(\n  (Object.keys(EFFORT_LEVEL_ICONS) as EffortLevel[]).map((level) => [\n    level,\n    {\n      icon: EFFORT_LEVEL_ICONS[level],\n      tone: EFFORT_TONES[level],\n      label: effortLevelLabel(level),\n    },\n  ]),\n) as Record<EffortLevel, AgentActionMeta>;\n\n/** Resolve the effort glyph for a known value. */\nexport function effortIcon(value: string): AgentActionMeta | undefined {\n  const key = value.trim().toLowerCase();\n  if (key in EFFORT_ICONS) return EFFORT_ICONS[key as EffortLevel];\n  return undefined;\n}\n\n// ── Permission modes: colors matched to Claude Code ──────────────────────────\nexport const PERMISSION_MODE_ICONS: Record<\n  SpecPermissionMode,\n  AgentActionMeta\n> = {\n  default: { icon: UiHandPalm, tone: \"slate\", label: \"Ask\" },\n  plan: { icon: UiPauseCircle, tone: \"sky\", label: \"Plan\" },\n  acceptEdits: { icon: UiFastForwardCircle, tone: \"emerald\", label: \"Auto\" },\n  auto: { icon: UiFastForwardCircle, tone: \"emerald\", label: \"Auto\" },\n  dontAsk: { icon: UiFastForwardCircle, tone: \"emerald\", label: \"Don't ask\" },\n  bypassPermissions: { icon: UiShieldSlash, tone: \"rose\", label: \"Off\" },\n};\n\n// ── Approval states: where a proposed action sits in the HITL flow ───────────\nexport type ApprovalState =\n  | \"question\"\n  | \"pending\"\n  | \"approved\"\n  | \"denied\"\n  | \"escalate\";\n\nexport const APPROVAL_ICONS: Record<ApprovalState, AgentActionMeta> = {\n  question: { icon: UiQuestion, tone: \"sky\", label: \"Question\" },\n  pending: { icon: UiChatDots, tone: \"amber\", label: \"Awaiting input\" },\n  approved: { icon: UiPass, tone: \"emerald\", label: \"Approved\" },\n  denied: { icon: UiCircleX, tone: \"rose\", label: \"Denied\" },\n  escalate: { icon: UiArrowFatUp, tone: \"orange\", label: \"Escalate\" },\n};\n\n// ── Agent runtimes: where an agent executes ──────────────────────────────────\nexport type AgentRuntime = \"sdk\" | \"terminal\" | \"api\";\n\nexport const AGENT_RUNTIME_ICONS: Record<AgentRuntime, AgentActionMeta> = {\n  sdk: { icon: UiBox, tone: \"indigo\", label: \"SDK agent\" },\n  terminal: { icon: UiTerminal, tone: \"slate\", label: \"Terminal agent\" },\n  api: { icon: UiBraces, tone: \"sky\", label: \"API agent\" },\n};\n"],"names":["UiStrategy","UiPlayCircle","UiSealCheck","EFFORT_LEVEL_ICONS","effortLevelLabel","UiHandPalm","UiPauseCircle","UiFastForwardCircle","UiShieldSlash","UiQuestion","UiChatDots","UiPass","UiCircleX","UiArrowFatUp","UiBox","UiTerminal","UiBraces"],"mappings":";;;;;;;;;;;;;;;;;;AA0CO,MAAM,kBAA0D;AAAA,EACrE,MAAM,EAAE,MAAMA,WAAAA,YAAY,MAAM,OAAO,OAAO,OAAA;AAAA,EAC9C,KAAK,EAAE,MAAMC,aAAAA,cAAc,MAAM,WAAW,OAAO,MAAA;AAAA,EACnD,QAAQ,EAAE,MAAMC,YAAAA,aAAa,MAAM,QAAQ,OAAO,SAAA;AACpD;AAOA,MAAM,eAAiD;AAAA,EACrD,SAAS;AAAA,EACT,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAK;AAAA,EACL,OAAO;AAAA,EACP,UAAU;AACZ;AAEO,MAAM,eAAqD,OAAO;AAAA,EACtE,OAAO,KAAKC,YAAAA,kBAAkB,EAAoB,IAAI,CAAC,UAAU;AAAA,IAChE;AAAA,IACA;AAAA,MACE,MAAMA,YAAAA,mBAAmB,KAAK;AAAA,MAC9B,MAAM,aAAa,KAAK;AAAA,MACxB,OAAOC,YAAAA,iBAAiB,KAAK;AAAA,IAAA;AAAA,EAC/B,CACD;AACH;AAGO,SAAS,WAAW,OAA4C;AACrE,QAAM,MAAM,MAAM,KAAA,EAAO,YAAA;AACzB,MAAI,OAAO,aAAc,QAAO,aAAa,GAAkB;AAC/D,SAAO;AACT;AAGO,MAAM,wBAGT;AAAA,EACF,SAAS,EAAE,MAAMC,WAAAA,YAAY,MAAM,SAAS,OAAO,MAAA;AAAA,EACnD,MAAM,EAAE,MAAMC,cAAAA,eAAe,MAAM,OAAO,OAAO,OAAA;AAAA,EACjD,aAAa,EAAE,MAAMC,oBAAAA,qBAAqB,MAAM,WAAW,OAAO,OAAA;AAAA,EAClE,MAAM,EAAE,MAAMA,oBAAAA,qBAAqB,MAAM,WAAW,OAAO,OAAA;AAAA,EAC3D,SAAS,EAAE,MAAMA,oBAAAA,qBAAqB,MAAM,WAAW,OAAO,YAAA;AAAA,EAC9D,mBAAmB,EAAE,MAAMC,cAAAA,eAAe,MAAM,QAAQ,OAAO,MAAA;AACjE;AAUO,MAAM,iBAAyD;AAAA,EACpE,UAAU,EAAE,MAAMC,WAAAA,YAAY,MAAM,OAAO,OAAO,WAAA;AAAA,EAClD,SAAS,EAAE,MAAMC,WAAAA,YAAY,MAAM,SAAS,OAAO,iBAAA;AAAA,EACnD,UAAU,EAAE,MAAMC,OAAAA,QAAQ,MAAM,WAAW,OAAO,WAAA;AAAA,EAClD,QAAQ,EAAE,MAAMC,UAAAA,WAAW,MAAM,QAAQ,OAAO,SAAA;AAAA,EAChD,UAAU,EAAE,MAAMC,aAAAA,cAAc,MAAM,UAAU,OAAO,WAAA;AACzD;AAKO,MAAM,sBAA6D;AAAA,EACxE,KAAK,EAAE,MAAMC,MAAAA,OAAO,MAAM,UAAU,OAAO,YAAA;AAAA,EAC3C,UAAU,EAAE,MAAMC,WAAAA,YAAY,MAAM,SAAS,OAAO,iBAAA;AAAA,EACpD,KAAK,EAAE,MAAMC,SAAAA,UAAU,MAAM,OAAO,OAAO,YAAA;AAC7C;;;;;;;"}

package/dist/data/ai/agent-action-icons.d.ts

@@ -11,8 +11,7 @@ export type WorkflowPhase = "plan" | "run" | "verify";
 export declare const WORKFLOW_PHASES: Record<WorkflowPhase, AgentActionMeta>;
 export type { EffortLevel } from '../chat/effort-icons';
 export declare const EFFORT_ICONS: Record<EffortLevel, AgentActionMeta>;
-/** Resolve the effort glyph, tolerating unknown/alias values (e.g. "xhigh" maps
- *  to the high ramp). Returns undefined when the value isn't an effort. */
+/** Resolve the effort glyph for a known value. */
 export declare function effortIcon(value: string): AgentActionMeta | undefined;
 export declare const PERMISSION_MODE_ICONS: Record<SpecPermissionMode, AgentActionMeta>;
 export type ApprovalState = "question" | "pending" | "approved" | "denied" | "escalate";

package/dist/data/ai/agent-action-icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-action-icons.d.ts","sourceRoot":"","sources":["../../../src/data/ai/agent-action-icons.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACnD,OAAO,EAAsB,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AA0BpE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,mBAAmB,CAAC;IAC1B,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAGD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEtD,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,aAAa,EAAE,eAAe,CAIlE,CAAC;AAKF,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAoBxD,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,eAAe,CAKrB,CAAC;AAE1C;2EAC2E;AAC3E,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS,CAKrE;AAGD,eAAO,MAAM,qBAAqB,EAAE,MAAM,CACxC,kBAAkB,EAClB,eAAe,CAQhB,CAAC;AAGF,MAAM,MAAM,aAAa,GACrB,UAAU,GACV,SAAS,GACT,UAAU,GACV,QAAQ,GACR,UAAU,CAAC;AAEf,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,aAAa,EAAE,eAAe,CAMjE,CAAC;AAGF,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,UAAU,GAAG,KAAK,CAAC;AAEtD,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,YAAY,EAAE,eAAe,CAIrE,CAAC"}
+{"version":3,"file":"agent-action-icons.d.ts","sourceRoot":"","sources":["../../../src/data/ai/agent-action-icons.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACnD,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AA0BpE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,mBAAmB,CAAC;IAC1B,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAGD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEtD,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,aAAa,EAAE,eAAe,CAIlE,CAAC;AAKF,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAaxD,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,eAAe,CASrB,CAAC;AAE1C,kDAAkD;AAClD,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS,CAIrE;AAGD,eAAO,MAAM,qBAAqB,EAAE,MAAM,CACxC,kBAAkB,EAClB,eAAe,CAQhB,CAAC;AAGF,MAAM,MAAM,aAAa,GACrB,UAAU,GACV,SAAS,GACT,UAAU,GACV,QAAQ,GACR,UAAU,CAAC;AAEf,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,aAAa,EAAE,eAAe,CAMjE,CAAC;AAGF,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,UAAU,GAAG,KAAK,CAAC;AAEtD,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,YAAY,EAAE,eAAe,CAIrE,CAAC"}

package/dist/data/ai/agent-action-icons.js

@@ -1,4 +1,4 @@
-import { EFFORT_LEVEL_ICONS } from "../chat/effort-icons.js";
+import { EFFORT_LEVEL_ICONS, effortLevelLabel } from "../chat/effort-icons.js";
 import { UiBraces } from "../../icons/components/UiBraces.js";
 import { UiTerminal } from "../../icons/components/UiTerminal.js";
 import { UiBox } from "../../icons/components/UiBox.js";
@@ -24,27 +24,24 @@ const EFFORT_TONES = {
   low: "sky",
   medium: "amber",
   high: "orange",
+  xhigh: "orange",
   max: "rose",
+  ultra: "fuchsia",
   adaptive: "indigo"
 };
-const EFFORT_LABELS = {
-  minimal: "Minimal",
-  low: "Low",
-  medium: "Medium",
-  high: "High",
-  max: "Max",
-  adaptive: "Adaptive"
-};
 const EFFORT_ICONS = Object.fromEntries(
   Object.keys(EFFORT_LEVEL_ICONS).map((level) => [
     level,
-    { icon: EFFORT_LEVEL_ICONS[level], tone: EFFORT_TONES[level], label: EFFORT_LABELS[level] }
+    {
+      icon: EFFORT_LEVEL_ICONS[level],
+      tone: EFFORT_TONES[level],
+      label: effortLevelLabel(level)
+    }
   ])
 );
 function effortIcon(value) {
   const key = value.trim().toLowerCase();
   if (key in EFFORT_ICONS) return EFFORT_ICONS[key];
-  if (key === "xhigh") return EFFORT_ICONS.high;
   return void 0;
 }
 const PERMISSION_MODE_ICONS = {

package/dist/data/ai/agent-action-icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"agent-action-icons.js","sources":["../../../src/data/ai/agent-action-icons.ts"],"sourcesContent":["import type { StaticIconComponent } from \"../Icon\";\nimport { EFFORT_LEVEL_ICONS, type EffortLevel } from \"../chat/effort-icons\";\nimport type { SessionTone } from \"./SessionViewer.model\";\nimport type { SpecPermissionMode } from \"./SpecRuntimeEditor.model\";\nimport {\n  UiArrowFatUp,\n  UiBraces,\n  UiBox,\n  UiChatDots,\n  UiCircleX,\n  UiFastForwardCircle,\n  UiHandPalm,\n  UiPass,\n  UiPauseCircle,\n  UiPlayCircle,\n  UiQuestion,\n  UiSealCheck,\n  UiShieldSlash,\n  UiStrategy,\n  UiTerminal,\n} from \"../../icons\";\n\n// Implements the semantic groups of the Flanksource \"Agent Action Icons\" design\n// beyond the per-tool ACTIONS map (which lives in SessionViewer.model.ts). Each\n// entry pairs a generated Ui* glyph with a SessionTone so the disc/text color\n// (DISC_TONE in SessionViewer.rows.tsx) encodes the action's category. Blue\n// reasons, green executes, teal confirms; the effort ramp climbs slate → sky →\n// amber → orange → rose; approval clears green / blocks red.\n\nexport interface AgentActionMeta {\n  icon: StaticIconComponent;\n  tone: SessionTone;\n  label: string;\n}\n\n// ── Agent workflow: plan → run → verify ─────────────────────────────────────\nexport type WorkflowPhase = \"plan\" | \"run\" | \"verify\";\n\nexport const WORKFLOW_PHASES: Record<WorkflowPhase, AgentActionMeta> = {\n  plan: { icon: UiStrategy, tone: \"sky\", label: \"Plan\" },\n  run: { icon: UiPlayCircle, tone: \"emerald\", label: \"Run\" },\n  verify: { icon: UiSealCheck, tone: \"teal\", label: \"Verify\" },\n};\n\n// ── Effort levels: reasoning / token budget on the severity hue ramp ─────────\n// The battery glyphs are the chat layer's source of truth (EFFORT_LEVEL_ICONS);\n// here we add the semantic tone + label so an effort chip reads at a glance.\nexport type { EffortLevel } from \"../chat/effort-icons\";\n\nconst EFFORT_TONES: Record<EffortLevel, SessionTone> = {\n  minimal: \"slate\",\n  low: \"sky\",\n  medium: \"amber\",\n  high: \"orange\",\n  max: \"rose\",\n  adaptive: \"indigo\",\n};\n\nconst EFFORT_LABELS: Record<EffortLevel, string> = {\n  minimal: \"Minimal\",\n  low: \"Low\",\n  medium: \"Medium\",\n  high: \"High\",\n  max: \"Max\",\n  adaptive: \"Adaptive\",\n};\n\nexport const EFFORT_ICONS: Record<EffortLevel, AgentActionMeta> = Object.fromEntries(\n  (Object.keys(EFFORT_LEVEL_ICONS) as EffortLevel[]).map((level) => [\n    level,\n    { icon: EFFORT_LEVEL_ICONS[level], tone: EFFORT_TONES[level], label: EFFORT_LABELS[level] },\n  ]),\n) as Record<EffortLevel, AgentActionMeta>;\n\n/** Resolve the effort glyph, tolerating unknown/alias values (e.g. \"xhigh\" maps\n *  to the high ramp). Returns undefined when the value isn't an effort. */\nexport function effortIcon(value: string): AgentActionMeta | undefined {\n  const key = value.trim().toLowerCase();\n  if (key in EFFORT_ICONS) return EFFORT_ICONS[key as EffortLevel];\n  if (key === \"xhigh\") return EFFORT_ICONS.high;\n  return undefined;\n}\n\n// ── Permission modes: colors matched to Claude Code ──────────────────────────\nexport const PERMISSION_MODE_ICONS: Record<\n  SpecPermissionMode,\n  AgentActionMeta\n> = {\n  default: { icon: UiHandPalm, tone: \"slate\", label: \"Ask\" },\n  plan: { icon: UiPauseCircle, tone: \"sky\", label: \"Plan\" },\n  acceptEdits: { icon: UiFastForwardCircle, tone: \"emerald\", label: \"Auto\" },\n  auto: { icon: UiFastForwardCircle, tone: \"emerald\", label: \"Auto\" },\n  dontAsk: { icon: UiFastForwardCircle, tone: \"emerald\", label: \"Don't ask\" },\n  bypassPermissions: { icon: UiShieldSlash, tone: \"rose\", label: \"Off\" },\n};\n\n// ── Approval states: where a proposed action sits in the HITL flow ───────────\nexport type ApprovalState =\n  | \"question\"\n  | \"pending\"\n  | \"approved\"\n  | \"denied\"\n  | \"escalate\";\n\nexport const APPROVAL_ICONS: Record<ApprovalState, AgentActionMeta> = {\n  question: { icon: UiQuestion, tone: \"sky\", label: \"Question\" },\n  pending: { icon: UiChatDots, tone: \"amber\", label: \"Awaiting input\" },\n  approved: { icon: UiPass, tone: \"emerald\", label: \"Approved\" },\n  denied: { icon: UiCircleX, tone: \"rose\", label: \"Denied\" },\n  escalate: { icon: UiArrowFatUp, tone: \"orange\", label: \"Escalate\" },\n};\n\n// ── Agent runtimes: where an agent executes ──────────────────────────────────\nexport type AgentRuntime = \"sdk\" | \"terminal\" | \"api\";\n\nexport const AGENT_RUNTIME_ICONS: Record<AgentRuntime, AgentActionMeta> = {\n  sdk: { icon: UiBox, tone: \"indigo\", label: \"SDK agent\" },\n  terminal: { icon: UiTerminal, tone: \"slate\", label: \"Terminal agent\" },\n  api: { icon: UiBraces, tone: \"sky\", label: \"API agent\" },\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAsCO,MAAM,kBAA0D;AAAA,EACrE,MAAM,EAAE,MAAM,YAAY,MAAM,OAAO,OAAO,OAAA;AAAA,EAC9C,KAAK,EAAE,MAAM,cAAc,MAAM,WAAW,OAAO,MAAA;AAAA,EACnD,QAAQ,EAAE,MAAM,aAAa,MAAM,QAAQ,OAAO,SAAA;AACpD;AAOA,MAAM,eAAiD;AAAA,EACrD,SAAS;AAAA,EACT,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AAAA,EACL,UAAU;AACZ;AAEA,MAAM,gBAA6C;AAAA,EACjD,SAAS;AAAA,EACT,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AAAA,EACL,UAAU;AACZ;AAEO,MAAM,eAAqD,OAAO;AAAA,EACtE,OAAO,KAAK,kBAAkB,EAAoB,IAAI,CAAC,UAAU;AAAA,IAChE;AAAA,IACA,EAAE,MAAM,mBAAmB,KAAK,GAAG,MAAM,aAAa,KAAK,GAAG,OAAO,cAAc,KAAK,EAAA;AAAA,EAAE,CAC3F;AACH;AAIO,SAAS,WAAW,OAA4C;AACrE,QAAM,MAAM,MAAM,KAAA,EAAO,YAAA;AACzB,MAAI,OAAO,aAAc,QAAO,aAAa,GAAkB;AAC/D,MAAI,QAAQ,QAAS,QAAO,aAAa;AACzC,SAAO;AACT;AAGO,MAAM,wBAGT;AAAA,EACF,SAAS,EAAE,MAAM,YAAY,MAAM,SAAS,OAAO,MAAA;AAAA,EACnD,MAAM,EAAE,MAAM,eAAe,MAAM,OAAO,OAAO,OAAA;AAAA,EACjD,aAAa,EAAE,MAAM,qBAAqB,MAAM,WAAW,OAAO,OAAA;AAAA,EAClE,MAAM,EAAE,MAAM,qBAAqB,MAAM,WAAW,OAAO,OAAA;AAAA,EAC3D,SAAS,EAAE,MAAM,qBAAqB,MAAM,WAAW,OAAO,YAAA;AAAA,EAC9D,mBAAmB,EAAE,MAAM,eAAe,MAAM,QAAQ,OAAO,MAAA;AACjE;AAUO,MAAM,iBAAyD;AAAA,EACpE,UAAU,EAAE,MAAM,YAAY,MAAM,OAAO,OAAO,WAAA;AAAA,EAClD,SAAS,EAAE,MAAM,YAAY,MAAM,SAAS,OAAO,iBAAA;AAAA,EACnD,UAAU,EAAE,MAAM,QAAQ,MAAM,WAAW,OAAO,WAAA;AAAA,EAClD,QAAQ,EAAE,MAAM,WAAW,MAAM,QAAQ,OAAO,SAAA;AAAA,EAChD,UAAU,EAAE,MAAM,cAAc,MAAM,UAAU,OAAO,WAAA;AACzD;AAKO,MAAM,sBAA6D;AAAA,EACxE,KAAK,EAAE,MAAM,OAAO,MAAM,UAAU,OAAO,YAAA;AAAA,EAC3C,UAAU,EAAE,MAAM,YAAY,MAAM,SAAS,OAAO,iBAAA;AAAA,EACpD,KAAK,EAAE,MAAM,UAAU,MAAM,OAAO,OAAO,YAAA;AAC7C;"}
+{"version":3,"file":"agent-action-icons.js","sources":["../../../src/data/ai/agent-action-icons.ts"],"sourcesContent":["import type { StaticIconComponent } from \"../Icon\";\nimport {\n  EFFORT_LEVEL_ICONS,\n  effortLevelLabel,\n  type EffortLevel,\n} from \"../chat/effort-icons\";\nimport type { SessionTone } from \"./SessionViewer.model\";\nimport type { SpecPermissionMode } from \"./SpecRuntimeEditor.model\";\nimport {\n  UiArrowFatUp,\n  UiBraces,\n  UiBox,\n  UiChatDots,\n  UiCircleX,\n  UiFastForwardCircle,\n  UiHandPalm,\n  UiPass,\n  UiPauseCircle,\n  UiPlayCircle,\n  UiQuestion,\n  UiSealCheck,\n  UiShieldSlash,\n  UiStrategy,\n  UiTerminal,\n} from \"../../icons\";\n\n// Implements the semantic groups of the Flanksource \"Agent Action Icons\" design\n// beyond the per-tool ACTIONS map (which lives in SessionViewer.model.ts). Each\n// entry pairs a generated Ui* glyph with a SessionTone so the disc/text color\n// (DISC_TONE in SessionViewer.rows.tsx) encodes the action's category. Blue\n// reasons, green executes, teal confirms; the effort ramp climbs slate → sky →\n// amber → orange → rose → fuchsia; approval clears green / blocks red.\n\nexport interface AgentActionMeta {\n  icon: StaticIconComponent;\n  tone: SessionTone;\n  label: string;\n}\n\n// ── Agent workflow: plan → run → verify ─────────────────────────────────────\nexport type WorkflowPhase = \"plan\" | \"run\" | \"verify\";\n\nexport const WORKFLOW_PHASES: Record<WorkflowPhase, AgentActionMeta> = {\n  plan: { icon: UiStrategy, tone: \"sky\", label: \"Plan\" },\n  run: { icon: UiPlayCircle, tone: \"emerald\", label: \"Run\" },\n  verify: { icon: UiSealCheck, tone: \"teal\", label: \"Verify\" },\n};\n\n// ── Effort levels: reasoning / token budget on the severity hue ramp ─────────\n// The battery glyphs are the chat layer's source of truth (EFFORT_LEVEL_ICONS);\n// here we add the semantic tone + label so an effort chip reads at a glance.\nexport type { EffortLevel } from \"../chat/effort-icons\";\n\nconst EFFORT_TONES: Record<EffortLevel, SessionTone> = {\n  minimal: \"slate\",\n  low: \"sky\",\n  medium: \"amber\",\n  high: \"orange\",\n  xhigh: \"orange\",\n  max: \"rose\",\n  ultra: \"fuchsia\",\n  adaptive: \"indigo\",\n};\n\nexport const EFFORT_ICONS: Record<EffortLevel, AgentActionMeta> = Object.fromEntries(\n  (Object.keys(EFFORT_LEVEL_ICONS) as EffortLevel[]).map((level) => [\n    level,\n    {\n      icon: EFFORT_LEVEL_ICONS[level],\n      tone: EFFORT_TONES[level],\n      label: effortLevelLabel(level),\n    },\n  ]),\n) as Record<EffortLevel, AgentActionMeta>;\n\n/** Resolve the effort glyph for a known value. */\nexport function effortIcon(value: string): AgentActionMeta | undefined {\n  const key = value.trim().toLowerCase();\n  if (key in EFFORT_ICONS) return EFFORT_ICONS[key as EffortLevel];\n  return undefined;\n}\n\n// ── Permission modes: colors matched to Claude Code ──────────────────────────\nexport const PERMISSION_MODE_ICONS: Record<\n  SpecPermissionMode,\n  AgentActionMeta\n> = {\n  default: { icon: UiHandPalm, tone: \"slate\", label: \"Ask\" },\n  plan: { icon: UiPauseCircle, tone: \"sky\", label: \"Plan\" },\n  acceptEdits: { icon: UiFastForwardCircle, tone: \"emerald\", label: \"Auto\" },\n  auto: { icon: UiFastForwardCircle, tone: \"emerald\", label: \"Auto\" },\n  dontAsk: { icon: UiFastForwardCircle, tone: \"emerald\", label: \"Don't ask\" },\n  bypassPermissions: { icon: UiShieldSlash, tone: \"rose\", label: \"Off\" },\n};\n\n// ── Approval states: where a proposed action sits in the HITL flow ───────────\nexport type ApprovalState =\n  | \"question\"\n  | \"pending\"\n  | \"approved\"\n  | \"denied\"\n  | \"escalate\";\n\nexport const APPROVAL_ICONS: Record<ApprovalState, AgentActionMeta> = {\n  question: { icon: UiQuestion, tone: \"sky\", label: \"Question\" },\n  pending: { icon: UiChatDots, tone: \"amber\", label: \"Awaiting input\" },\n  approved: { icon: UiPass, tone: \"emerald\", label: \"Approved\" },\n  denied: { icon: UiCircleX, tone: \"rose\", label: \"Denied\" },\n  escalate: { icon: UiArrowFatUp, tone: \"orange\", label: \"Escalate\" },\n};\n\n// ── Agent runtimes: where an agent executes ──────────────────────────────────\nexport type AgentRuntime = \"sdk\" | \"terminal\" | \"api\";\n\nexport const AGENT_RUNTIME_ICONS: Record<AgentRuntime, AgentActionMeta> = {\n  sdk: { icon: UiBox, tone: \"indigo\", label: \"SDK agent\" },\n  terminal: { icon: UiTerminal, tone: \"slate\", label: \"Terminal agent\" },\n  api: { icon: UiBraces, tone: \"sky\", label: \"API agent\" },\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA0CO,MAAM,kBAA0D;AAAA,EACrE,MAAM,EAAE,MAAM,YAAY,MAAM,OAAO,OAAO,OAAA;AAAA,EAC9C,KAAK,EAAE,MAAM,cAAc,MAAM,WAAW,OAAO,MAAA;AAAA,EACnD,QAAQ,EAAE,MAAM,aAAa,MAAM,QAAQ,OAAO,SAAA;AACpD;AAOA,MAAM,eAAiD;AAAA,EACrD,SAAS;AAAA,EACT,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAK;AAAA,EACL,OAAO;AAAA,EACP,UAAU;AACZ;AAEO,MAAM,eAAqD,OAAO;AAAA,EACtE,OAAO,KAAK,kBAAkB,EAAoB,IAAI,CAAC,UAAU;AAAA,IAChE;AAAA,IACA;AAAA,MACE,MAAM,mBAAmB,KAAK;AAAA,MAC9B,MAAM,aAAa,KAAK;AAAA,MACxB,OAAO,iBAAiB,KAAK;AAAA,IAAA;AAAA,EAC/B,CACD;AACH;AAGO,SAAS,WAAW,OAA4C;AACrE,QAAM,MAAM,MAAM,KAAA,EAAO,YAAA;AACzB,MAAI,OAAO,aAAc,QAAO,aAAa,GAAkB;AAC/D,SAAO;AACT;AAGO,MAAM,wBAGT;AAAA,EACF,SAAS,EAAE,MAAM,YAAY,MAAM,SAAS,OAAO,MAAA;AAAA,EACnD,MAAM,EAAE,MAAM,eAAe,MAAM,OAAO,OAAO,OAAA;AAAA,EACjD,aAAa,EAAE,MAAM,qBAAqB,MAAM,WAAW,OAAO,OAAA;AAAA,EAClE,MAAM,EAAE,MAAM,qBAAqB,MAAM,WAAW,OAAO,OAAA;AAAA,EAC3D,SAAS,EAAE,MAAM,qBAAqB,MAAM,WAAW,OAAO,YAAA;AAAA,EAC9D,mBAAmB,EAAE,MAAM,eAAe,MAAM,QAAQ,OAAO,MAAA;AACjE;AAUO,MAAM,iBAAyD;AAAA,EACpE,UAAU,EAAE,MAAM,YAAY,MAAM,OAAO,OAAO,WAAA;AAAA,EAClD,SAAS,EAAE,MAAM,YAAY,MAAM,SAAS,OAAO,iBAAA;AAAA,EACnD,UAAU,EAAE,MAAM,QAAQ,MAAM,WAAW,OAAO,WAAA;AAAA,EAClD,QAAQ,EAAE,MAAM,WAAW,MAAM,QAAQ,OAAO,SAAA;AAAA,EAChD,UAAU,EAAE,MAAM,cAAc,MAAM,UAAU,OAAO,WAAA;AACzD;AAKO,MAAM,sBAA6D;AAAA,EACxE,KAAK,EAAE,MAAM,OAAO,MAAM,UAAU,OAAO,YAAA;AAAA,EAC3C,UAAU,EAAE,MAAM,YAAY,MAAM,SAAS,OAAO,iBAAA;AAAA,EACpD,KAAK,EAAE,MAAM,UAAU,MAAM,OAAO,OAAO,YAAA;AAC7C;"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.cjs","sources":["../../../src/data/ai/context.ts"],"sourcesContent":["import type { StaticIconComponent } from \"../Icon\";\n\n/** A piece of context the user has attached to a chat (a record, a selection,\n *  a document…). The `type` is an arbitrary caller-defined string; a\n *  {@link ContextTypeConfig} maps it to an icon/colour for display. `fields`\n *  are flat key/value details serialized into the prompt and rendered as a\n *  compact suffix on the badge. */\nexport interface ChatContextItem {\n  id: string;\n  type: string;\n  label: string;\n  fields?: Record<string, string>;\n  /** Rich caller-owned data forwarded to the chat backend alongside the\n   *  serialized context summary. It is intentionally not rendered in badges. */\n  payload?: unknown;\n}\n\n/** Per-type display style for context badges, keyed by `ChatContextItem.type`. */\nexport interface ContextTypeStyle {\n  /** Iconify name or an imported icon component. */\n  icon?: string | StaticIconComponent;\n  /** Tailwind classes for the badge (text + background colour). */\n  className?: string;\n}\n\nexport type ContextTypeConfig = Record<string, ContextTypeStyle>;\n\n/** Serializes attached context into a `Context:` block the backend can prepend\n *  to (or read alongside) the user's message. Mirrors the format parsed by\n *  {@link parseContextPrefix}: `[type] label (k: v, k: v)`. Returns \"\" when\n *  there is nothing attached. */\nexport function serializeContext(items: ChatContextItem[]): string {\n  if (items.length === 0) return \"\";\n  const lines = items.map((item) => {\n    const entries = Object.entries(item.fields ?? {})\n      .filter(([, v]) => v != null && v !== \"\")\n      .map(([k, v]) => `${k}: ${v}`)\n      .join(\", \");\n    return entries ? `[${item.type}] ${item.label} (${entries})` : `[${item.type}] ${item.label}`;\n  });\n  return `Context:\\n${lines.join(\"\\n\")}\\n\\n`;\n}\n\nconst CONTEXT_LINE_RE = /^\\[([^\\]]+)\\]\\s+(.+?)(?:\\s+\\((.+)\\))?$/;\n\n/** Splits a message produced with a {@link serializeContext} prefix back into\n *  its attached items and the bare question. When no prefix is present the\n *  whole text is returned as the question with no items. */\nexport function parseContextPrefix(text: string): { items: ChatContextItem[]; question: string } {\n  if (!text.startsWith(\"Context:\\n\")) return { items: [], question: text };\n  const blockEnd = text.indexOf(\"\\n\\n\");\n  if (blockEnd === -1) return { items: [], question: text };\n  const block = text.slice(\"Context:\\n\".length, blockEnd);\n  const question = text.slice(blockEnd + 2);\n  const items: ChatContextItem[] = [];\n  for (const line of block.split(\"\\n\")) {\n    const m = line.match(CONTEXT_LINE_RE);\n    if (!m) continue;\n    const fields: Record<string, string> = {};\n    if (m[3]) {\n      for (const pair of m[3].split(/,\\s*(?=[A-Za-z0-9_]+:)/)) {\n        const idx = pair.indexOf(\":\");\n        if (idx > 0) fields[pair.slice(0, idx).trim()] = pair.slice(idx + 1).trim();\n      }\n    }\n    items.push({ id: `parsed-${items.length}`, type: m[1]!, label: m[2]!, fields });\n  }\n  return { items, question };\n}\n\nlet nextId = 0;\n/** A process-unique id for a newly attached context item. */\nexport function makeContextId(): string {\n  return `ctx-${++nextId}-${Date.now()}`;\n}\n"],"names":[],"mappings":";;AA+BO,SAAS,iBAAiB,OAAkC;AACjE,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,QAAM,QAAQ,MAAM,IAAI,CAAC,SAAS;AAChC,UAAM,UAAU,OAAO,QAAQ,KAAK,UAAU,CAAA,CAAE,EAC7C,OAAO,CAAC,CAAA,EAAG,CAAC,MAAM,KAAK,QAAQ,MAAM,EAAE,EACvC,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,EAAE,EAC5B,KAAK,IAAI;AACZ,WAAO,UAAU,IAAI,KAAK,IAAI,KAAK,KAAK,KAAK,KAAK,OAAO,MAAM,IAAI,KAAK,IAAI,KAAK,KAAK,KAAK;AAAA,EAC7F,CAAC;AACD,SAAO;AAAA,EAAa,MAAM,KAAK,IAAI,CAAC;AAAA;AAAA;AACtC;AAEA,MAAM,kBAAkB;AAKjB,SAAS,mBAAmB,MAA8D;AAC/F,MAAI,CAAC,KAAK,WAAW,YAAY,EAAG,QAAO,EAAE,OAAO,CAAA,GAAI,UAAU,KAAA;AAClE,QAAM,WAAW,KAAK,QAAQ,MAAM;AACpC,MAAI,aAAa,GAAI,QAAO,EAAE,OAAO,CAAA,GAAI,UAAU,KAAA;AACnD,QAAM,QAAQ,KAAK,MAAM,aAAa,QAAQ,QAAQ;AACtD,QAAM,WAAW,KAAK,MAAM,WAAW,CAAC;AACxC,QAAM,QAA2B,CAAA;AACjC,aAAW,QAAQ,MAAM,MAAM,IAAI,GAAG;AACpC,UAAM,IAAI,KAAK,MAAM,eAAe;AACpC,QAAI,CAAC,EAAG;AACR,UAAM,SAAiC,CAAA;AACvC,QAAI,EAAE,CAAC,GAAG;AACR,iBAAW,QAAQ,EAAE,CAAC,EAAE,MAAM,wBAAwB,GAAG;AACvD,cAAM,MAAM,KAAK,QAAQ,GAAG;AAC5B,YAAI,MAAM,EAAG,QAAO,KAAK,MAAM,GAAG,GAAG,EAAE,KAAA,CAAM,IAAI,KAAK,MAAM,MAAM,CAAC,EAAE,KAAA;AAAA,MACvE;AAAA,IACF;AACA,UAAM,KAAK,EAAE,IAAI,UAAU,MAAM,MAAM,IAAI,MAAM,EAAE,CAAC,GAAI,OAAO,EAAE,CAAC,GAAI,QAAQ;AAAA,EAChF;AACA,SAAO,EAAE,OAAO,SAAA;AAClB;AAEA,IAAI,SAAS;AAEN,SAAS,gBAAwB;AACtC,SAAO,OAAO,EAAE,MAAM,IAAI,KAAK,KAAK;AACtC;;;;"}
+{"version":3,"file":"context.cjs","sources":["../../../src/data/ai/context.ts"],"sourcesContent":["import type { StaticIconComponent } from \"../Icon\";\n\n/** A piece of context the user has attached to a chat (a record, a selection,\n *  a document…). The `type` is an arbitrary caller-defined string; a\n *  {@link ContextTypeConfig} maps it to an icon/colour for display. `fields`\n *  are flat key/value details serialized into the prompt and rendered as a\n *  compact suffix on the badge. */\nexport interface ChatContextItem {\n  id: string;\n  type: string;\n  label: string;\n  fields?: Record<string, string>;\n  /** Full markdown content shown, rendered, when the badge is expanded in a\n   *  modal. Purely presentational — not folded into {@link serializeContext};\n   *  the caller forwards the real content to the backend via `payload`. */\n  preview?: string;\n  /** Rich caller-owned data forwarded to the chat backend alongside the\n   *  serialized context summary. It is intentionally not rendered in badges. */\n  payload?: unknown;\n}\n\n/** Per-type display style for context badges, keyed by `ChatContextItem.type`. */\nexport interface ContextTypeStyle {\n  /** Iconify name or an imported icon component. */\n  icon?: string | StaticIconComponent;\n  /** Tailwind classes for the badge (text + background colour). */\n  className?: string;\n}\n\nexport type ContextTypeConfig = Record<string, ContextTypeStyle>;\n\n/** Serializes attached context into a `Context:` block the backend can prepend\n *  to (or read alongside) the user's message. Mirrors the format parsed by\n *  {@link parseContextPrefix}: `[type] label (k: v, k: v)`. Returns \"\" when\n *  there is nothing attached. */\nexport function serializeContext(items: ChatContextItem[]): string {\n  if (items.length === 0) return \"\";\n  const lines = items.map((item) => {\n    const entries = Object.entries(item.fields ?? {})\n      .filter(([, v]) => v != null && v !== \"\")\n      .map(([k, v]) => `${k}: ${v}`)\n      .join(\", \");\n    return entries ? `[${item.type}] ${item.label} (${entries})` : `[${item.type}] ${item.label}`;\n  });\n  return `Context:\\n${lines.join(\"\\n\")}\\n\\n`;\n}\n\nconst CONTEXT_LINE_RE = /^\\[([^\\]]+)\\]\\s+(.+?)(?:\\s+\\((.+)\\))?$/;\n\n/** Splits a message produced with a {@link serializeContext} prefix back into\n *  its attached items and the bare question. When no prefix is present the\n *  whole text is returned as the question with no items. */\nexport function parseContextPrefix(text: string): { items: ChatContextItem[]; question: string } {\n  if (!text.startsWith(\"Context:\\n\")) return { items: [], question: text };\n  const blockEnd = text.indexOf(\"\\n\\n\");\n  if (blockEnd === -1) return { items: [], question: text };\n  const block = text.slice(\"Context:\\n\".length, blockEnd);\n  const question = text.slice(blockEnd + 2);\n  const items: ChatContextItem[] = [];\n  for (const line of block.split(\"\\n\")) {\n    const m = line.match(CONTEXT_LINE_RE);\n    if (!m) continue;\n    const fields: Record<string, string> = {};\n    if (m[3]) {\n      for (const pair of m[3].split(/,\\s*(?=[A-Za-z0-9_]+:)/)) {\n        const idx = pair.indexOf(\":\");\n        if (idx > 0) fields[pair.slice(0, idx).trim()] = pair.slice(idx + 1).trim();\n      }\n    }\n    items.push({ id: `parsed-${items.length}`, type: m[1]!, label: m[2]!, fields });\n  }\n  return { items, question };\n}\n\nlet nextId = 0;\n/** A process-unique id for a newly attached context item. */\nexport function makeContextId(): string {\n  return `ctx-${++nextId}-${Date.now()}`;\n}\n"],"names":[],"mappings":";;AAmCO,SAAS,iBAAiB,OAAkC;AACjE,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,QAAM,QAAQ,MAAM,IAAI,CAAC,SAAS;AAChC,UAAM,UAAU,OAAO,QAAQ,KAAK,UAAU,CAAA,CAAE,EAC7C,OAAO,CAAC,CAAA,EAAG,CAAC,MAAM,KAAK,QAAQ,MAAM,EAAE,EACvC,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,EAAE,EAC5B,KAAK,IAAI;AACZ,WAAO,UAAU,IAAI,KAAK,IAAI,KAAK,KAAK,KAAK,KAAK,OAAO,MAAM,IAAI,KAAK,IAAI,KAAK,KAAK,KAAK;AAAA,EAC7F,CAAC;AACD,SAAO;AAAA,EAAa,MAAM,KAAK,IAAI,CAAC;AAAA;AAAA;AACtC;AAEA,MAAM,kBAAkB;AAKjB,SAAS,mBAAmB,MAA8D;AAC/F,MAAI,CAAC,KAAK,WAAW,YAAY,EAAG,QAAO,EAAE,OAAO,CAAA,GAAI,UAAU,KAAA;AAClE,QAAM,WAAW,KAAK,QAAQ,MAAM;AACpC,MAAI,aAAa,GAAI,QAAO,EAAE,OAAO,CAAA,GAAI,UAAU,KAAA;AACnD,QAAM,QAAQ,KAAK,MAAM,aAAa,QAAQ,QAAQ;AACtD,QAAM,WAAW,KAAK,MAAM,WAAW,CAAC;AACxC,QAAM,QAA2B,CAAA;AACjC,aAAW,QAAQ,MAAM,MAAM,IAAI,GAAG;AACpC,UAAM,IAAI,KAAK,MAAM,eAAe;AACpC,QAAI,CAAC,EAAG;AACR,UAAM,SAAiC,CAAA;AACvC,QAAI,EAAE,CAAC,GAAG;AACR,iBAAW,QAAQ,EAAE,CAAC,EAAE,MAAM,wBAAwB,GAAG;AACvD,cAAM,MAAM,KAAK,QAAQ,GAAG;AAC5B,YAAI,MAAM,EAAG,QAAO,KAAK,MAAM,GAAG,GAAG,EAAE,KAAA,CAAM,IAAI,KAAK,MAAM,MAAM,CAAC,EAAE,KAAA;AAAA,MACvE;AAAA,IACF;AACA,UAAM,KAAK,EAAE,IAAI,UAAU,MAAM,MAAM,IAAI,MAAM,EAAE,CAAC,GAAI,OAAO,EAAE,CAAC,GAAI,QAAQ;AAAA,EAChF;AACA,SAAO,EAAE,OAAO,SAAA;AAClB;AAEA,IAAI,SAAS;AAEN,SAAS,gBAAwB;AACtC,SAAO,OAAO,EAAE,MAAM,IAAI,KAAK,KAAK;AACtC;;;;"}

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

@@ -9,6 +9,10 @@ export interface ChatContextItem {
     type: string;
     label: string;
     fields?: Record<string, string>;
+    /** Full markdown content shown, rendered, when the badge is expanded in a
+     *  modal. Purely presentational — not folded into {@link serializeContext};
+     *  the caller forwards the real content to the backend via `payload`. */
+    preview?: string;
     /** Rich caller-owned data forwarded to the chat backend alongside the
      *  serialized context summary. It is intentionally not rendered in badges. */
     payload?: unknown;

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/data/ai/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD;;;;mCAImC;AACnC,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC;kFAC8E;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,kFAAkF;AAClF,MAAM,WAAW,gBAAgB;IAC/B,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;AAEjE;;;iCAGiC;AACjC,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,eAAe,EAAE,GAAG,MAAM,CAUjE;AAID;;4DAE4D;AAC5D,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG;IAAE,KAAK,EAAE,eAAe,EAAE,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAoB/F;AAGD,6DAA6D;AAC7D,wBAAgB,aAAa,IAAI,MAAM,CAEtC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/data/ai/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD;;;;mCAImC;AACnC,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC;;6EAEyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;kFAC8E;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,kFAAkF;AAClF,MAAM,WAAW,gBAAgB;IAC/B,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;AAEjE;;;iCAGiC;AACjC,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,eAAe,EAAE,GAAG,MAAM,CAUjE;AAID;;4DAE4D;AAC5D,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG;IAAE,KAAK,EAAE,eAAe,EAAE,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAoB/F;AAGD,6DAA6D;AAC7D,wBAAgB,aAAa,IAAI,MAAM,CAEtC"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../src/data/ai/context.ts"],"sourcesContent":["import type { StaticIconComponent } from \"../Icon\";\n\n/** A piece of context the user has attached to a chat (a record, a selection,\n *  a document…). The `type` is an arbitrary caller-defined string; a\n *  {@link ContextTypeConfig} maps it to an icon/colour for display. `fields`\n *  are flat key/value details serialized into the prompt and rendered as a\n *  compact suffix on the badge. */\nexport interface ChatContextItem {\n  id: string;\n  type: string;\n  label: string;\n  fields?: Record<string, string>;\n  /** Rich caller-owned data forwarded to the chat backend alongside the\n   *  serialized context summary. It is intentionally not rendered in badges. */\n  payload?: unknown;\n}\n\n/** Per-type display style for context badges, keyed by `ChatContextItem.type`. */\nexport interface ContextTypeStyle {\n  /** Iconify name or an imported icon component. */\n  icon?: string | StaticIconComponent;\n  /** Tailwind classes for the badge (text + background colour). */\n  className?: string;\n}\n\nexport type ContextTypeConfig = Record<string, ContextTypeStyle>;\n\n/** Serializes attached context into a `Context:` block the backend can prepend\n *  to (or read alongside) the user's message. Mirrors the format parsed by\n *  {@link parseContextPrefix}: `[type] label (k: v, k: v)`. Returns \"\" when\n *  there is nothing attached. */\nexport function serializeContext(items: ChatContextItem[]): string {\n  if (items.length === 0) return \"\";\n  const lines = items.map((item) => {\n    const entries = Object.entries(item.fields ?? {})\n      .filter(([, v]) => v != null && v !== \"\")\n      .map(([k, v]) => `${k}: ${v}`)\n      .join(\", \");\n    return entries ? `[${item.type}] ${item.label} (${entries})` : `[${item.type}] ${item.label}`;\n  });\n  return `Context:\\n${lines.join(\"\\n\")}\\n\\n`;\n}\n\nconst CONTEXT_LINE_RE = /^\\[([^\\]]+)\\]\\s+(.+?)(?:\\s+\\((.+)\\))?$/;\n\n/** Splits a message produced with a {@link serializeContext} prefix back into\n *  its attached items and the bare question. When no prefix is present the\n *  whole text is returned as the question with no items. */\nexport function parseContextPrefix(text: string): { items: ChatContextItem[]; question: string } {\n  if (!text.startsWith(\"Context:\\n\")) return { items: [], question: text };\n  const blockEnd = text.indexOf(\"\\n\\n\");\n  if (blockEnd === -1) return { items: [], question: text };\n  const block = text.slice(\"Context:\\n\".length, blockEnd);\n  const question = text.slice(blockEnd + 2);\n  const items: ChatContextItem[] = [];\n  for (const line of block.split(\"\\n\")) {\n    const m = line.match(CONTEXT_LINE_RE);\n    if (!m) continue;\n    const fields: Record<string, string> = {};\n    if (m[3]) {\n      for (const pair of m[3].split(/,\\s*(?=[A-Za-z0-9_]+:)/)) {\n        const idx = pair.indexOf(\":\");\n        if (idx > 0) fields[pair.slice(0, idx).trim()] = pair.slice(idx + 1).trim();\n      }\n    }\n    items.push({ id: `parsed-${items.length}`, type: m[1]!, label: m[2]!, fields });\n  }\n  return { items, question };\n}\n\nlet nextId = 0;\n/** A process-unique id for a newly attached context item. */\nexport function makeContextId(): string {\n  return `ctx-${++nextId}-${Date.now()}`;\n}\n"],"names":[],"mappings":"AA+BO,SAAS,iBAAiB,OAAkC;AACjE,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,QAAM,QAAQ,MAAM,IAAI,CAAC,SAAS;AAChC,UAAM,UAAU,OAAO,QAAQ,KAAK,UAAU,CAAA,CAAE,EAC7C,OAAO,CAAC,CAAA,EAAG,CAAC,MAAM,KAAK,QAAQ,MAAM,EAAE,EACvC,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,EAAE,EAC5B,KAAK,IAAI;AACZ,WAAO,UAAU,IAAI,KAAK,IAAI,KAAK,KAAK,KAAK,KAAK,OAAO,MAAM,IAAI,KAAK,IAAI,KAAK,KAAK,KAAK;AAAA,EAC7F,CAAC;AACD,SAAO;AAAA,EAAa,MAAM,KAAK,IAAI,CAAC;AAAA;AAAA;AACtC;AAEA,MAAM,kBAAkB;AAKjB,SAAS,mBAAmB,MAA8D;AAC/F,MAAI,CAAC,KAAK,WAAW,YAAY,EAAG,QAAO,EAAE,OAAO,CAAA,GAAI,UAAU,KAAA;AAClE,QAAM,WAAW,KAAK,QAAQ,MAAM;AACpC,MAAI,aAAa,GAAI,QAAO,EAAE,OAAO,CAAA,GAAI,UAAU,KAAA;AACnD,QAAM,QAAQ,KAAK,MAAM,aAAa,QAAQ,QAAQ;AACtD,QAAM,WAAW,KAAK,MAAM,WAAW,CAAC;AACxC,QAAM,QAA2B,CAAA;AACjC,aAAW,QAAQ,MAAM,MAAM,IAAI,GAAG;AACpC,UAAM,IAAI,KAAK,MAAM,eAAe;AACpC,QAAI,CAAC,EAAG;AACR,UAAM,SAAiC,CAAA;AACvC,QAAI,EAAE,CAAC,GAAG;AACR,iBAAW,QAAQ,EAAE,CAAC,EAAE,MAAM,wBAAwB,GAAG;AACvD,cAAM,MAAM,KAAK,QAAQ,GAAG;AAC5B,YAAI,MAAM,EAAG,QAAO,KAAK,MAAM,GAAG,GAAG,EAAE,KAAA,CAAM,IAAI,KAAK,MAAM,MAAM,CAAC,EAAE,KAAA;AAAA,MACvE;AAAA,IACF;AACA,UAAM,KAAK,EAAE,IAAI,UAAU,MAAM,MAAM,IAAI,MAAM,EAAE,CAAC,GAAI,OAAO,EAAE,CAAC,GAAI,QAAQ;AAAA,EAChF;AACA,SAAO,EAAE,OAAO,SAAA;AAClB;AAEA,IAAI,SAAS;AAEN,SAAS,gBAAwB;AACtC,SAAO,OAAO,EAAE,MAAM,IAAI,KAAK,KAAK;AACtC;"}
+{"version":3,"file":"context.js","sources":["../../../src/data/ai/context.ts"],"sourcesContent":["import type { StaticIconComponent } from \"../Icon\";\n\n/** A piece of context the user has attached to a chat (a record, a selection,\n *  a document…). The `type` is an arbitrary caller-defined string; a\n *  {@link ContextTypeConfig} maps it to an icon/colour for display. `fields`\n *  are flat key/value details serialized into the prompt and rendered as a\n *  compact suffix on the badge. */\nexport interface ChatContextItem {\n  id: string;\n  type: string;\n  label: string;\n  fields?: Record<string, string>;\n  /** Full markdown content shown, rendered, when the badge is expanded in a\n   *  modal. Purely presentational — not folded into {@link serializeContext};\n   *  the caller forwards the real content to the backend via `payload`. */\n  preview?: string;\n  /** Rich caller-owned data forwarded to the chat backend alongside the\n   *  serialized context summary. It is intentionally not rendered in badges. */\n  payload?: unknown;\n}\n\n/** Per-type display style for context badges, keyed by `ChatContextItem.type`. */\nexport interface ContextTypeStyle {\n  /** Iconify name or an imported icon component. */\n  icon?: string | StaticIconComponent;\n  /** Tailwind classes for the badge (text + background colour). */\n  className?: string;\n}\n\nexport type ContextTypeConfig = Record<string, ContextTypeStyle>;\n\n/** Serializes attached context into a `Context:` block the backend can prepend\n *  to (or read alongside) the user's message. Mirrors the format parsed by\n *  {@link parseContextPrefix}: `[type] label (k: v, k: v)`. Returns \"\" when\n *  there is nothing attached. */\nexport function serializeContext(items: ChatContextItem[]): string {\n  if (items.length === 0) return \"\";\n  const lines = items.map((item) => {\n    const entries = Object.entries(item.fields ?? {})\n      .filter(([, v]) => v != null && v !== \"\")\n      .map(([k, v]) => `${k}: ${v}`)\n      .join(\", \");\n    return entries ? `[${item.type}] ${item.label} (${entries})` : `[${item.type}] ${item.label}`;\n  });\n  return `Context:\\n${lines.join(\"\\n\")}\\n\\n`;\n}\n\nconst CONTEXT_LINE_RE = /^\\[([^\\]]+)\\]\\s+(.+?)(?:\\s+\\((.+)\\))?$/;\n\n/** Splits a message produced with a {@link serializeContext} prefix back into\n *  its attached items and the bare question. When no prefix is present the\n *  whole text is returned as the question with no items. */\nexport function parseContextPrefix(text: string): { items: ChatContextItem[]; question: string } {\n  if (!text.startsWith(\"Context:\\n\")) return { items: [], question: text };\n  const blockEnd = text.indexOf(\"\\n\\n\");\n  if (blockEnd === -1) return { items: [], question: text };\n  const block = text.slice(\"Context:\\n\".length, blockEnd);\n  const question = text.slice(blockEnd + 2);\n  const items: ChatContextItem[] = [];\n  for (const line of block.split(\"\\n\")) {\n    const m = line.match(CONTEXT_LINE_RE);\n    if (!m) continue;\n    const fields: Record<string, string> = {};\n    if (m[3]) {\n      for (const pair of m[3].split(/,\\s*(?=[A-Za-z0-9_]+:)/)) {\n        const idx = pair.indexOf(\":\");\n        if (idx > 0) fields[pair.slice(0, idx).trim()] = pair.slice(idx + 1).trim();\n      }\n    }\n    items.push({ id: `parsed-${items.length}`, type: m[1]!, label: m[2]!, fields });\n  }\n  return { items, question };\n}\n\nlet nextId = 0;\n/** A process-unique id for a newly attached context item. */\nexport function makeContextId(): string {\n  return `ctx-${++nextId}-${Date.now()}`;\n}\n"],"names":[],"mappings":"AAmCO,SAAS,iBAAiB,OAAkC;AACjE,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,QAAM,QAAQ,MAAM,IAAI,CAAC,SAAS;AAChC,UAAM,UAAU,OAAO,QAAQ,KAAK,UAAU,CAAA,CAAE,EAC7C,OAAO,CAAC,CAAA,EAAG,CAAC,MAAM,KAAK,QAAQ,MAAM,EAAE,EACvC,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,EAAE,EAC5B,KAAK,IAAI;AACZ,WAAO,UAAU,IAAI,KAAK,IAAI,KAAK,KAAK,KAAK,KAAK,OAAO,MAAM,IAAI,KAAK,IAAI,KAAK,KAAK,KAAK;AAAA,EAC7F,CAAC;AACD,SAAO;AAAA,EAAa,MAAM,KAAK,IAAI,CAAC;AAAA;AAAA;AACtC;AAEA,MAAM,kBAAkB;AAKjB,SAAS,mBAAmB,MAA8D;AAC/F,MAAI,CAAC,KAAK,WAAW,YAAY,EAAG,QAAO,EAAE,OAAO,CAAA,GAAI,UAAU,KAAA;AAClE,QAAM,WAAW,KAAK,QAAQ,MAAM;AACpC,MAAI,aAAa,GAAI,QAAO,EAAE,OAAO,CAAA,GAAI,UAAU,KAAA;AACnD,QAAM,QAAQ,KAAK,MAAM,aAAa,QAAQ,QAAQ;AACtD,QAAM,WAAW,KAAK,MAAM,WAAW,CAAC;AACxC,QAAM,QAA2B,CAAA;AACjC,aAAW,QAAQ,MAAM,MAAM,IAAI,GAAG;AACpC,UAAM,IAAI,KAAK,MAAM,eAAe;AACpC,QAAI,CAAC,EAAG;AACR,UAAM,SAAiC,CAAA;AACvC,QAAI,EAAE,CAAC,GAAG;AACR,iBAAW,QAAQ,EAAE,CAAC,EAAE,MAAM,wBAAwB,GAAG;AACvD,cAAM,MAAM,KAAK,QAAQ,GAAG;AAC5B,YAAI,MAAM,EAAG,QAAO,KAAK,MAAM,GAAG,GAAG,EAAE,KAAA,CAAM,IAAI,KAAK,MAAM,MAAM,CAAC,EAAE,KAAA;AAAA,MACvE;AAAA,IACF;AACA,UAAM,KAAK,EAAE,IAAI,UAAU,MAAM,MAAM,IAAI,MAAM,EAAE,CAAC,GAAI,OAAO,EAAE,CAAC,GAAI,QAAQ;AAAA,EAChF;AACA,SAAO,EAAE,OAAO,SAAA;AAClB;AAEA,IAAI,SAAS;AAEN,SAAS,gBAAwB;AACtC,SAAO,OAAO,EAAE,MAAM,IAAI,KAAK,KAAK;AACtC;"}