@flanksource/clicky-ui 0.3.6 → 0.3.8

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

@@ -1 +1 @@
-{"version":3,"file":"ChatWindow.js","sources":["../../../src/data/ai/ChatWindow.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../Icon\";\nimport { UiAdd, UiClose, UiFullscreen } from \"../../icons\";\nimport { Chat, type ChatProps } from \"../chat/Chat\";\nimport { useChatWindowManager, type ChatWindowState } from \"./chat-window-context\";\nimport { ThreadPicker, type ThreadSource } from \"./ThreadPicker\";\nimport { ContextBadges } from \"./ContextBadges\";\nimport { ToolPreferences, type ToolMeta, type ToolMode } from \"./ToolPreferences\";\nimport type { ContextTypeConfig } from \"./context\";\nimport { chatWindowRequestBody } from \"./ChatWindowRequestBody\";\n\nexport type ChatWindowProps = {\n  panel: ChatWindowState;\n  /** Props forwarded to the inner <Chat>. The window manages `threadId` and\n   *  merges attached context / tool preferences into `body` on top of these. */\n  chat?: Partial<ChatProps>;\n  /** Header title shown when the thread picker is disabled. */\n  title?: ReactNode;\n  /** Thread switcher endpoint, or null to hide the picker. Defaults to\n   *  \"/api/chat/threads\". Ignored when `threadsSource` is set. */\n  threadsApi?: string | null;\n  /** Inject the thread list/delete directly instead of fetching `threadsApi`\n   *  (e.g. an app that loads conversations via its own client). Shows the\n   *  picker regardless of `threadsApi`. */\n  threadsSource?: ThreadSource;\n  /** Maps context item `type` to an icon/colour for the badge row. */\n  contextTypeConfig?: ContextTypeConfig;\n  /** When provided, a tool-preferences popover is shown and forwarded as\n   *  `body.toolPreferences`. Tools default to \"ask\" (approval required); the\n   *  user can switch any tool to Auto/Off from the popover. */\n  tools?: ToolMeta[];\n  /** Initial mode assigned to tools when they first load. Defaults to \"ask\". */\n  defaultToolMode?: ToolMode;\n  /** Extra controls rendered in the header, e.g. a <ContextUsage/> gauge. */\n  headerExtras?: ReactNode;\n};\n\nconst MAXIMIZE_CSS = `\n.chat-maximized .react-draggable {\n  transform: none !important;\n  width: auto !important;\n  height: auto !important;\n  inset: 0 !important;\n  position: absolute !important;\n}`;\n\n/** A draggable, resizable floating chat window. It lazy-loads `react-rnd` (an\n *  optional dependency, so consumers of just the inner <Chat> never pull it)\n *  and renders the existing <Chat> beneath a drag-handle header with thread\n *  switching, a context-badge row and optional tool preferences. */\nexport function ChatWindow({\n  panel,\n  chat,\n  title = \"Assistant\",\n  threadsApi = \"/api/chat/threads\",\n  threadsSource,\n  contextTypeConfig,\n  tools,\n  defaultToolMode = \"ask\",\n  headerExtras,\n}: ChatWindowProps) {\n  const { updatePanel, closePanel, bringToFront, maximizePanel, openPanel } = useChatWindowManager();\n  const [Rnd, setRnd] = useState<typeof import(\"react-rnd\").Rnd | null>(null);\n  const [toolPrefs, setToolPrefs] = useState<Record<string, ToolMode>>({});\n\n  // Tools default to \"ask\" (human-in-the-loop approval) on chat windows. Seed\n  // any tool the user hasn't configured yet; existing choices are preserved.\n  // Handles tools that load asynchronously after mount.\n  useEffect(() => {\n    if (!tools?.length) return;\n    setToolPrefs((prev) => {\n      const next = { ...prev };\n      let changed = false;\n      for (const t of tools) {\n        if (next[t.name] === undefined) {\n          next[t.name] = defaultToolMode;\n          changed = true;\n        }\n      }\n      return changed ? next : prev;\n    });\n  }, [defaultToolMode, tools]);\n\n  useEffect(() => {\n    let active = true;\n    import(\"react-rnd\").then((m) => {\n      if (active) setRnd(() => m.Rnd);\n    });\n    return () => {\n      active = false;\n    };\n  }, []);\n\n  const removeContext = useCallback(\n    (id: string) =>\n      updatePanel(panel.id, { contextItems: panel.contextItems.filter((c) => c.id !== id) }),\n    [updatePanel, panel.id, panel.contextItems],\n  );\n\n  const mergedBody = chatWindowRequestBody({\n    base: chat?.body,\n    contextItems: panel.contextItems,\n    tools,\n    toolPrefs,\n  });\n\n  const initialPrompt = panel.initialPrompt ?? chat?.initialPrompt ?? null;\n  const handleInitialPromptSent = useCallback(() => {\n    if (panel.initialPrompt) updatePanel(panel.id, { initialPrompt: null });\n    chat?.onInitialPromptSent?.();\n  }, [chat, panel.id, panel.initialPrompt, updatePanel]);\n\n  const header = (\n    <div className=\"chat-drag-handle flex cursor-move items-center gap-1 border-b border-border bg-muted/40 px-2 py-1.5\">\n      {threadsSource != null || threadsApi !== null ? (\n        <ThreadPicker\n          threadId={panel.threadId}\n          onSelect={(tid) => updatePanel(panel.id, { threadId: tid })}\n          onNew={() => updatePanel(panel.id, { threadId: null })}\n          {...(threadsSource\n            ? { source: threadsSource }\n            : threadsApi !== null\n              ? { api: threadsApi }\n              : {})}\n        />\n      ) : (\n        <span className=\"px-1 text-sm font-medium\">{title}</span>\n      )}\n      <div className=\"flex-1\" />\n      {headerExtras}\n      {tools && <ToolPreferences tools={tools} value={toolPrefs} onChange={setToolPrefs} />}\n      <Button variant=\"ghost\" size=\"icon\" title=\"New window\" onClick={() => openPanel()}>\n        <Icon icon={UiAdd} className=\"size-4\" />\n      </Button>\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        title={panel.maximized ? \"Restore\" : \"Maximize\"}\n        onClick={() => maximizePanel(panel.id)}\n      >\n        <Icon icon={UiFullscreen} className=\"size-4\" />\n      </Button>\n      <Button variant=\"ghost\" size=\"icon\" title=\"Close\" onClick={() => closePanel(panel.id)}>\n        <Icon icon={UiClose} className=\"size-4\" />\n      </Button>\n    </div>\n  );\n\n  const frame = (\n    <div className=\"flex h-full flex-col overflow-hidden rounded-lg border border-border bg-background shadow-xl\">\n      {header}\n      <ContextBadges\n        items={panel.contextItems}\n        onRemove={removeContext}\n        {...(contextTypeConfig ? { typeConfig: contextTypeConfig } : {})}\n      />\n      <div className=\"min-h-0 flex-1\">\n        <Chat\n          {...chat}\n          {...(panel.threadId ? { threadId: panel.threadId } : {})}\n          body={mergedBody}\n          initialPrompt={initialPrompt}\n          onInitialPromptSent={handleInitialPromptSent}\n        />\n      </div>\n    </div>\n  );\n\n  const outerClass = cn(\n    \"fixed pointer-events-none\",\n    panel.maximized ? \"inset-4 chat-maximized\" : \"inset-0\",\n  );\n\n  // Until react-rnd loads (and as a graceful fallback if it never does) the\n  // window is statically positioned — still usable, just not draggable.\n  if (!Rnd) {\n    return (\n      <div className={outerClass} style={{ zIndex: panel.zIndex }}>\n        <div\n          className=\"pointer-events-auto h-full\"\n          style={\n            panel.maximized\n              ? { position: \"relative\", width: \"100%\", height: \"100%\" }\n              : { position: \"absolute\", left: panel.x, top: panel.y, width: panel.width, height: panel.height }\n          }\n        >\n          {frame}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={outerClass} style={{ zIndex: panel.zIndex }}>\n      <style>{MAXIMIZE_CSS}</style>\n      <Rnd\n        default={{ x: panel.x, y: panel.y, width: panel.width, height: panel.height }}\n        style={{ pointerEvents: \"auto\" }}\n        minWidth={360}\n        minHeight={400}\n        bounds=\"parent\"\n        dragHandleClassName=\"chat-drag-handle\"\n        disableDragging={panel.maximized}\n        enableResizing={!panel.maximized}\n        onDragStart={() => bringToFront(panel.id)}\n        onDragStop={(_e, d) => updatePanel(panel.id, { x: d.x, y: d.y })}\n        onResizeStop={(_e, _dir, ref, _delta, pos) =>\n          updatePanel(panel.id, { width: ref.offsetWidth, height: ref.offsetHeight, x: pos.x, y: pos.y })\n        }\n      >\n        {frame}\n      </Rnd>\n    </div>\n  );\n}\n\n/** Renders every open window for the current {@link useChatWindowManager}.\n *  Drop one of these near the root alongside a <ChatFab/>. */\nexport function ChatWindowLayer(props: Omit<ChatWindowProps, \"panel\">) {\n  const { panels } = useChatWindowManager();\n  return (\n    <>\n      {panels.map((panel) => (\n        <ChatWindow key={panel.id} panel={panel} {...props} />\n      ))}\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChatWindow.js","sources":["../../../src/data/ai/ChatWindow.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../Icon\";\nimport { UiAdd, UiClose, UiFullscreen } from \"../../icons\";\nimport { Chat, type ChatProps } from \"../chat/Chat\";\nimport {\n  useChatWindowManager,\n  type ChatWindowState,\n} from \"./chat-window-context\";\nimport { ThreadPicker, type ThreadSource } from \"./ThreadPicker\";\nimport { ContextBadges } from \"./ContextBadges\";\nimport {\n  ToolPreferences,\n  type ToolMeta,\n  type ToolMode,\n} from \"./ToolPreferences\";\nimport type { ContextTypeConfig } from \"./context\";\nimport { chatWindowRequestBody } from \"./ChatWindowRequestBody\";\n\nexport type ChatWindowProps = {\n  panel: ChatWindowState;\n  /** Props forwarded to the inner <Chat>. The window manages `threadId` and\n   *  merges attached context / tool preferences into `body` on top of these. */\n  chat?: Partial<ChatProps>;\n  /** Header title shown when the thread picker is disabled. */\n  title?: ReactNode;\n  /** Thread switcher endpoint, or null to hide the picker. Defaults to\n   *  \"/api/chat/threads\". Ignored when `threadsSource` is set. */\n  threadsApi?: string | null;\n  /** Inject the thread list/delete directly instead of fetching `threadsApi`\n   *  (e.g. an app that loads conversations via its own client). Shows the\n   *  picker regardless of `threadsApi`. */\n  threadsSource?: ThreadSource;\n  /** Maps context item `type` to an icon/colour for the badge row. */\n  contextTypeConfig?: ContextTypeConfig;\n  /** When provided, a tool-preferences popover is shown and forwarded as\n   *  `body.toolPreferences`. Tools default to \"ask\" (approval required); the\n   *  user can switch any tool to Auto/Off from the popover. */\n  tools?: ToolMeta[];\n  /** Initial mode assigned to tools when they first load. Defaults to \"ask\". */\n  defaultToolMode?: ToolMode;\n  /** Extra controls rendered in the header, e.g. a <ContextUsage/> gauge. */\n  headerExtras?: ReactNode;\n};\n\nconst MAXIMIZE_CSS = `\n.chat-maximized .react-draggable {\n  transform: none !important;\n  width: auto !important;\n  height: auto !important;\n  inset: 0 !important;\n  position: absolute !important;\n}`;\n\n/** A draggable, resizable floating chat window. It lazy-loads `react-rnd` (an\n *  optional dependency, so consumers of just the inner <Chat> never pull it)\n *  and renders the existing <Chat> beneath a drag-handle header with thread\n *  switching, a context-badge row and optional tool preferences. */\nexport function ChatWindow({\n  panel,\n  chat,\n  title = \"Assistant\",\n  threadsApi = \"/api/chat/threads\",\n  threadsSource,\n  contextTypeConfig,\n  tools,\n  defaultToolMode = \"ask\",\n  headerExtras,\n}: ChatWindowProps) {\n  const { updatePanel, closePanel, bringToFront, maximizePanel, openPanel } =\n    useChatWindowManager();\n  const [Rnd, setRnd] = useState<typeof import(\"react-rnd\").Rnd | null>(null);\n  const [toolPrefs, setToolPrefs] = useState<Record<string, ToolMode>>({});\n\n  // Tools default to \"ask\" (human-in-the-loop approval) on chat windows. Seed\n  // any tool the user hasn't configured yet; existing choices are preserved.\n  // Handles tools that load asynchronously after mount.\n  useEffect(() => {\n    if (!tools?.length) return;\n    setToolPrefs((prev) => {\n      const next = { ...prev };\n      let changed = false;\n      for (const t of tools) {\n        const key = t.preferenceKey ?? t.name;\n        if (next[key] === undefined) {\n          next[key] = t.defaultMode ?? defaultToolMode;\n          changed = true;\n        }\n      }\n      return changed ? next : prev;\n    });\n  }, [defaultToolMode, tools]);\n\n  useEffect(() => {\n    let active = true;\n    import(\"react-rnd\").then((m) => {\n      if (active) setRnd(() => m.Rnd);\n    });\n    return () => {\n      active = false;\n    };\n  }, []);\n\n  const removeContext = useCallback(\n    (id: string) =>\n      updatePanel(panel.id, {\n        contextItems: panel.contextItems.filter((c) => c.id !== id),\n      }),\n    [updatePanel, panel.id, panel.contextItems],\n  );\n\n  const mergedBody = chatWindowRequestBody({\n    base: chat?.body,\n    contextItems: panel.contextItems,\n    tools,\n    toolPrefs,\n  });\n\n  const initialPrompt = panel.initialPrompt ?? chat?.initialPrompt ?? null;\n  const handleInitialPromptSent = useCallback(() => {\n    if (panel.initialPrompt) updatePanel(panel.id, { initialPrompt: null });\n    chat?.onInitialPromptSent?.();\n  }, [chat, panel.id, panel.initialPrompt, updatePanel]);\n\n  const header = (\n    <div className=\"chat-drag-handle flex cursor-move items-center gap-1 border-b border-border bg-muted/40 px-2 py-1.5\">\n      {threadsSource != null || threadsApi !== null ? (\n        <ThreadPicker\n          threadId={panel.threadId}\n          onSelect={(tid) => updatePanel(panel.id, { threadId: tid })}\n          onNew={() => updatePanel(panel.id, { threadId: null })}\n          {...(threadsSource\n            ? { source: threadsSource }\n            : threadsApi !== null\n              ? { api: threadsApi }\n              : {})}\n        />\n      ) : (\n        <span className=\"px-1 text-sm font-medium\">{title}</span>\n      )}\n      <div className=\"flex-1\" />\n      {headerExtras}\n      {tools && (\n        <ToolPreferences\n          tools={tools}\n          value={toolPrefs}\n          onChange={setToolPrefs}\n        />\n      )}\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        title=\"New window\"\n        onClick={() => openPanel()}\n      >\n        <Icon icon={UiAdd} className=\"size-4\" />\n      </Button>\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        title={panel.maximized ? \"Restore\" : \"Maximize\"}\n        onClick={() => maximizePanel(panel.id)}\n      >\n        <Icon icon={UiFullscreen} className=\"size-4\" />\n      </Button>\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        title=\"Close\"\n        onClick={() => closePanel(panel.id)}\n      >\n        <Icon icon={UiClose} className=\"size-4\" />\n      </Button>\n    </div>\n  );\n\n  const frame = (\n    <div className=\"flex h-full flex-col overflow-hidden rounded-lg border border-border bg-background shadow-xl\">\n      {header}\n      <ContextBadges\n        items={panel.contextItems}\n        onRemove={removeContext}\n        {...(contextTypeConfig ? { typeConfig: contextTypeConfig } : {})}\n      />\n      <div className=\"min-h-0 flex-1\">\n        <Chat\n          {...chat}\n          {...(panel.threadId ? { threadId: panel.threadId } : {})}\n          body={mergedBody}\n          initialPrompt={initialPrompt}\n          onInitialPromptSent={handleInitialPromptSent}\n        />\n      </div>\n    </div>\n  );\n\n  const outerClass = cn(\n    \"fixed pointer-events-none\",\n    panel.maximized ? \"inset-4 chat-maximized\" : \"inset-0\",\n  );\n\n  // Until react-rnd loads (and as a graceful fallback if it never does) the\n  // window is statically positioned — still usable, just not draggable.\n  if (!Rnd) {\n    return (\n      <div className={outerClass} style={{ zIndex: panel.zIndex }}>\n        <div\n          className=\"pointer-events-auto h-full\"\n          style={\n            panel.maximized\n              ? { position: \"relative\", width: \"100%\", height: \"100%\" }\n              : {\n                  position: \"absolute\",\n                  left: panel.x,\n                  top: panel.y,\n                  width: panel.width,\n                  height: panel.height,\n                }\n          }\n        >\n          {frame}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={outerClass} style={{ zIndex: panel.zIndex }}>\n      <style>{MAXIMIZE_CSS}</style>\n      <Rnd\n        default={{\n          x: panel.x,\n          y: panel.y,\n          width: panel.width,\n          height: panel.height,\n        }}\n        style={{ pointerEvents: \"auto\" }}\n        minWidth={360}\n        minHeight={400}\n        bounds=\"parent\"\n        dragHandleClassName=\"chat-drag-handle\"\n        disableDragging={panel.maximized}\n        enableResizing={!panel.maximized}\n        onDragStart={() => bringToFront(panel.id)}\n        onDragStop={(_e, d) => updatePanel(panel.id, { x: d.x, y: d.y })}\n        onResizeStop={(_e, _dir, ref, _delta, pos) =>\n          updatePanel(panel.id, {\n            width: ref.offsetWidth,\n            height: ref.offsetHeight,\n            x: pos.x,\n            y: pos.y,\n          })\n        }\n      >\n        {frame}\n      </Rnd>\n    </div>\n  );\n}\n\n/** Renders every open window for the current {@link useChatWindowManager}.\n *  Drop one of these near the root alongside a <ChatFab/>. */\nexport function ChatWindowLayer(props: Omit<ChatWindowProps, \"panel\">) {\n  const { panels } = useChatWindowManager();\n  return (\n    <>\n      {panels.map((panel) => (\n        <ChatWindow key={panel.id} panel={panel} {...props} />\n      ))}\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/ai/ToolPreferences.cjs

@@ -4,77 +4,270 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const utils = require("../../lib/utils.cjs");
 const DropdownMenu = require("../../overlay/DropdownMenu.cjs");
+const HoverCard = require("../../overlay/HoverCard.cjs");
+const Modal = require("../../overlay/Modal.cjs");
 const button = require("../../components/button.cjs");
 const Icon = require("../Icon.cjs");
 const UiSliders = require("../../icons/components/UiSliders.cjs");
+const UiInfo = require("../../icons/components/UiInfo.cjs");
 const MODE_CYCLE = ["enabled", "ask", "disabled"];
-const MODE_LABEL = { enabled: "Auto", ask: "Ask", disabled: "Off" };
+const MODE_LABEL = {
+  enabled: "Auto",
+  ask: "Ask",
+  disabled: "Off"
+};
 function ToolRow({
-  meta,
+  entry,
   mode,
   onToggle
 }) {
+  var _a;
+  const title = entry.tools.length > 1 ? `${entry.tools.length} tools` : (_a = entry.tools[0]) == null ? void 0 : _a.description;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {
       type: "button",
       className: "flex w-full items-center justify-between rounded px-2 py-1 text-left hover:bg-accent",
-      onClick: () => onToggle(meta.name),
+      title,
+      onClick: () => onToggle(entry.key, mode),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn("text-xs", mode === "disabled" && "text-muted-foreground line-through"), children: meta.label }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
             className: utils.cn(
-              "rounded px-1.5 py-0.5 text-[10px] font-medium",
-              mode === "enabled" && "bg-emerald-100 text-emerald-700 dark:bg-emerald-900 dark:text-emerald-300",
-              mode === "ask" && "bg-amber-100 text-amber-700 dark:bg-amber-900 dark:text-amber-300",
-              mode === "disabled" && "bg-muted text-muted-foreground"
+              "text-xs",
+              mode === "disabled" && "text-muted-foreground line-through"
             ),
-            children: MODE_LABEL[mode]
+            children: entry.label
           }
-        )
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ModeBadge, { mode })
       ]
     }
   );
 }
-function ToolPreferences({ tools, value, onChange, className = "" }) {
+function AdvancedToolRow({
+  tool,
+  mode,
+  onToggle
+}) {
+  var _a;
+  const description = ((_a = tool.description) == null ? void 0 : _a.trim()) || "No description";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      className: "grid h-9 w-full grid-cols-[minmax(0,1fr)_4rem] items-center gap-3 border-b border-border px-2 text-left hover:bg-accent",
+      title: description,
+      onClick: () => onToggle(tool.name, mode),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: utils.cn(
+                "min-w-0 truncate font-mono text-xs",
+                mode === "disabled" && "text-muted-foreground line-through"
+              ),
+              children: tool.name
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            HoverCard.HoverCard,
+            {
+              placement: "top",
+              delay: 120,
+              trigger: /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  "aria-label": `Description for ${tool.name}`,
+                  className: "inline-flex shrink-0 text-muted-foreground",
+                  title: description,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiInfo.UiInfo, className: "size-3.5" })
+                }
+              ),
+              cardClassName: "max-w-xs whitespace-normal",
+              children: description
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "justify-self-end", children: /* @__PURE__ */ jsxRuntime.jsx(ModeBadge, { mode }) })
+      ]
+    }
+  );
+}
+function ModeBadge({ mode }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: utils.cn(
+        "rounded px-1.5 py-0.5 text-[10px] font-medium",
+        mode === "enabled" && "bg-emerald-100 text-emerald-700 dark:bg-emerald-900 dark:text-emerald-300",
+        mode === "ask" && "bg-amber-100 text-amber-700 dark:bg-amber-900 dark:text-amber-300",
+        mode === "disabled" && "bg-muted text-muted-foreground"
+      ),
+      children: MODE_LABEL[mode]
+    }
+  );
+}
+function ToolPreferences({
+  tools,
+  value,
+  onChange,
+  className = ""
+}) {
+  const [advancedOpen, setAdvancedOpen] = react.useState(false);
   const groups = react.useMemo(() => {
-    var _a;
+    const maps = {};
+    for (const meta of tools) {
+      const group = toolGroup(meta);
+      const key = toolPreferenceKey(meta);
+      const map = maps[group] ?? (maps[group] = /* @__PURE__ */ new Map());
+      let entry = map.get(key);
+      if (!entry) {
+        entry = {
+          key,
+          label: key === meta.name ? meta.label : key,
+          group,
+          tools: [],
+          defaultMode: toolDefaultMode(meta)
+        };
+        map.set(key, entry);
+      }
+      entry.tools.push(meta);
+      entry.defaultMode = mostRestrictiveMode(
+        entry.defaultMode,
+        toolDefaultMode(meta)
+      );
+    }
     const g = {};
-    for (const meta of tools) (g[_a = meta.group ?? "Tools"] ?? (g[_a] = [])).push(meta);
+    for (const [group, map] of Object.entries(maps)) {
+      g[group] = [...map.values()].sort((a, b) => a.label.localeCompare(b.label));
+    }
     return g;
   }, [tools]);
-  const handleToggle = (name) => {
-    const current = value[name] ?? "enabled";
+  const advancedGroups = react.useMemo(
+    () => groupedToolMetas(tools),
+    [tools]
+  );
+  const handleToggle = (name, current) => {
     const next = MODE_CYCLE[(MODE_CYCLE.indexOf(current) + 1) % MODE_CYCLE.length];
     onChange({ ...value, [name]: next });
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenu.DropdownMenu,
-    {
-      align: "right",
-      className,
-      menuClassName: "w-64 max-h-[400px] overflow-y-auto p-3",
-      trigger: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "ghost", size: "icon", title: "Tool preferences", "data-testid": "tool-preferences-btn", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiSliders.UiSliders, className: "size-4" }) }),
-      children: () => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 text-xs font-semibold", children: "Tool Preferences" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-[10px] text-muted-foreground", children: "Click to cycle: Auto → Ask → Off" }),
-        Object.entries(groups).map(([group, metas]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-0.5 px-2 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: group }),
-          metas.map((meta) => /* @__PURE__ */ jsxRuntime.jsx(
-            ToolRow,
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DropdownMenu.DropdownMenu,
+      {
+        align: "right",
+        className,
+        menuClassName: "w-64 max-h-[400px] overflow-y-auto p-3",
+        trigger: /* @__PURE__ */ jsxRuntime.jsx(
+          button.Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            title: "Tool preferences",
+            "data-testid": "tool-preferences-btn",
+            children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiSliders.UiSliders, className: "size-4" })
+          }
+        ),
+        children: (closeMenu) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 text-xs font-semibold", children: "Tool Preferences" }),
+          Object.entries(groups).sort(([a], [b]) => a.localeCompare(b)).map(([group, metas]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-0.5 px-2 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: group }),
+            metas.map((entry) => {
+              const mode = value[entry.key] ?? entry.defaultMode;
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                ToolRow,
+                {
+                  entry,
+                  mode,
+                  onToggle: handleToggle
+                },
+                entry.key
+              );
+            })
+          ] }, group)),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 border-t border-border pt-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
             {
-              meta,
-              mode: value[meta.name] ?? "enabled",
-              onToggle: handleToggle
-            },
-            meta.name
-          ))
-        ] }, group))
-      ] })
-    }
-  );
+              type: "button",
+              className: "w-full rounded px-2 py-1.5 text-left text-xs hover:bg-accent",
+              onClick: () => {
+                closeMenu();
+                setAdvancedOpen(true);
+              },
+              children: "Advanced"
+            }
+          ) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Modal.Modal,
+      {
+        open: advancedOpen,
+        onClose: () => setAdvancedOpen(false),
+        title: "Advanced Tool Preferences",
+        size: "xl",
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overflow-hidden rounded border border-border", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_4rem] gap-3 border-b border-border bg-muted/40 px-2 py-1.5 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Name" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-right", children: "Mode" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[60vh] overflow-y-auto", children: advancedGroups.length > 0 ? advancedGroups.map(([group, groupTools]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky top-0 z-[1] border-b border-border bg-muted/60 px-2 py-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: group }),
+            groupTools.map((tool) => {
+              const mode = toolMode(tool, value);
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                AdvancedToolRow,
+                {
+                  tool,
+                  mode,
+                  onToggle: handleToggle
+                },
+                tool.name
+              );
+            })
+          ] }, group)) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-6 text-center text-xs text-muted-foreground", children: "No tools" }) })
+        ] })
+      }
+    )
+  ] });
+}
+function toolGroup(meta) {
+  return meta.group ?? "Tools";
+}
+function groupedToolMetas(tools) {
+  var _a;
+  const groups = {};
+  for (const tool of tools) {
+    (groups[_a = toolGroup(tool)] ?? (groups[_a] = [])).push(tool);
+  }
+  return Object.entries(groups).map(([group, groupTools]) => [
+    group,
+    [...groupTools].sort((a, b) => a.name.localeCompare(b.name))
+  ]).sort(([a], [b]) => a.localeCompare(b));
+}
+function toolPreferenceKey(meta) {
+  return meta.preferenceKey ?? meta.name;
+}
+function toolDefaultMode(meta) {
+  return meta.defaultMode ?? "enabled";
+}
+function toolMode(meta, value) {
+  const own = value[meta.name];
+  if (own) return own;
+  const key = toolPreferenceKey(meta);
+  if (key !== meta.name) {
+    const grouped = value[key];
+    if (grouped) return grouped;
+  }
+  return toolDefaultMode(meta);
+}
+function mostRestrictiveMode(a, b) {
+  const rank = { enabled: 0, ask: 1, disabled: 2 };
+  return rank[a] >= rank[b] ? a : b;
 }
 exports.ToolPreferences = ToolPreferences;
 //# sourceMappingURL=ToolPreferences.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToolPreferences.cjs","sources":["../../../src/data/ai/ToolPreferences.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../Icon\";\nimport { UiSliders } from \"../../icons\";\nimport type { ToolMeta } from \"../chat/types\";\n\nexport type { ToolMeta };\n\n/** How a tool may be invoked: run automatically, pause for approval, or be\n *  hidden from the model entirely. */\nexport type ToolMode = \"enabled\" | \"ask\" | \"disabled\";\n\nconst MODE_CYCLE: ToolMode[] = [\"enabled\", \"ask\", \"disabled\"];\nconst MODE_LABEL: Record<ToolMode, string> = { enabled: \"Auto\", ask: \"Ask\", disabled: \"Off\" };\n\nexport type ToolPreferencesProps = {\n  /** The tools to list. Replaces ai-financials' global registry — callers pass\n   *  whatever their backend exposes. */\n  tools: ToolMeta[];\n  /** Current per-tool mode. Missing entries default to \"enabled\". */\n  value: Record<string, ToolMode>;\n  onChange: (prefs: Record<string, ToolMode>) => void;\n  className?: string;\n};\n\nfunction ToolRow({\n  meta,\n  mode,\n  onToggle,\n}: {\n  meta: ToolMeta;\n  mode: ToolMode;\n  onToggle: (name: string) => void;\n}) {\n  return (\n    <button\n      type=\"button\"\n      className=\"flex w-full items-center justify-between rounded px-2 py-1 text-left hover:bg-accent\"\n      onClick={() => onToggle(meta.name)}\n    >\n      <span className={cn(\"text-xs\", mode === \"disabled\" && \"text-muted-foreground line-through\")}>\n        {meta.label}\n      </span>\n      <span\n        className={cn(\n          \"rounded px-1.5 py-0.5 text-[10px] font-medium\",\n          mode === \"enabled\" &&\n            \"bg-emerald-100 text-emerald-700 dark:bg-emerald-900 dark:text-emerald-300\",\n          mode === \"ask\" && \"bg-amber-100 text-amber-700 dark:bg-amber-900 dark:text-amber-300\",\n          mode === \"disabled\" && \"bg-muted text-muted-foreground\",\n        )}\n      >\n        {MODE_LABEL[mode]}\n      </span>\n    </button>\n  );\n}\n\n/** A popover that cycles each tool through Auto → Ask → Off. The resulting\n *  `Record<name, ToolMode>` is meant to be forwarded to the backend (e.g. via\n *  `<Chat body={{ toolPreferences }}>`). */\nexport function ToolPreferences({ tools, value, onChange, className = \"\" }: ToolPreferencesProps) {\n  const groups = useMemo(() => {\n    const g: Record<string, ToolMeta[]> = {};\n    for (const meta of tools) (g[meta.group ?? \"Tools\"] ??= []).push(meta);\n    return g;\n  }, [tools]);\n\n  const handleToggle = (name: string) => {\n    const current = value[name] ?? \"enabled\";\n    const next = MODE_CYCLE[(MODE_CYCLE.indexOf(current) + 1) % MODE_CYCLE.length]!;\n    onChange({ ...value, [name]: next });\n  };\n\n  return (\n    <DropdownMenu\n      align=\"right\"\n      className={className}\n      menuClassName=\"w-64 max-h-[400px] overflow-y-auto p-3\"\n      trigger={\n        <Button variant=\"ghost\" size=\"icon\" title=\"Tool preferences\" data-testid=\"tool-preferences-btn\">\n          <Icon icon={UiSliders} className=\"size-4\" />\n        </Button>\n      }\n    >\n      {() => (\n        <div>\n          <div className=\"mb-2 text-xs font-semibold\">Tool Preferences</div>\n          <p className=\"mb-2 text-[10px] text-muted-foreground\">Click to cycle: Auto → Ask → Off</p>\n          {Object.entries(groups).map(([group, metas]) => (\n            <div key={group} className=\"mb-2\">\n              <div className=\"mb-0.5 px-2 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground\">\n                {group}\n              </div>\n              {metas.map((meta) => (\n                <ToolRow\n                  key={meta.name}\n                  meta={meta}\n                  mode={value[meta.name] ?? \"enabled\"}\n                  onToggle={handleToggle}\n                />\n              ))}\n            </div>\n          ))}\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n"],"names":["jsxs","jsx","cn","useMemo","DropdownMenu","Button","Icon","UiSliders"],"mappings":";;;;;;;;;AAcA,MAAM,aAAyB,CAAC,WAAW,OAAO,UAAU;AAC5D,MAAM,aAAuC,EAAE,SAAS,QAAQ,KAAK,OAAO,UAAU,MAAA;AAYtF,SAAS,QAAQ;AAAA,EACf;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAAS,MAAM,SAAS,KAAK,IAAI;AAAA,MAEjC,UAAA;AAAA,QAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAWC,MAAAA,GAAG,WAAW,SAAS,cAAc,oCAAoC,GACvF,UAAA,KAAK,MAAA,CACR;AAAA,QACAD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,MAAAA;AAAAA,cACT;AAAA,cACA,SAAS,aACP;AAAA,cACF,SAAS,SAAS;AAAA,cAClB,SAAS,cAAc;AAAA,YAAA;AAAA,YAGxB,qBAAW,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAClB;AAAA,IAAA;AAAA,EAAA;AAGN;AAKO,SAAS,gBAAgB,EAAE,OAAO,OAAO,UAAU,YAAY,MAA4B;AAChG,QAAM,SAASC,MAAAA,QAAQ,MAAM;;AAC3B,UAAM,IAAgC,CAAA;AACtC,eAAW,QAAQ,MAAO,EAAC,OAAE,KAAK,SAAS,aAAhB,QAA6B,KAAI,KAAK,IAAI;AACrE,WAAO;AAAA,EACT,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,eAAe,CAAC,SAAiB;AACrC,UAAM,UAAU,MAAM,IAAI,KAAK;AAC/B,UAAM,OAAO,YAAY,WAAW,QAAQ,OAAO,IAAI,KAAK,WAAW,MAAM;AAC7E,aAAS,EAAE,GAAG,OAAO,CAAC,IAAI,GAAG,MAAM;AAAA,EACrC;AAEA,SACEF,2BAAAA;AAAAA,IAACG,aAAAA;AAAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN;AAAA,MACA,eAAc;AAAA,MACd,SACEH,2BAAAA,IAACI,OAAAA,QAAA,EAAO,SAAQ,SAAQ,MAAK,QAAO,OAAM,oBAAmB,eAAY,wBACvE,UAAAJ,+BAACK,KAAAA,MAAA,EAAK,MAAMC,UAAAA,WAAW,WAAU,UAAS,GAC5C;AAAA,MAGD,UAAA,sCACE,OAAA,EACC,UAAA;AAAA,QAAAN,2BAAAA,IAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,oBAAgB;AAAA,QAC5DA,2BAAAA,IAAC,KAAA,EAAE,WAAU,0CAAyC,UAAA,oCAAgC;AAAA,QACrF,OAAO,QAAQ,MAAM,EAAE,IAAI,CAAC,CAAC,OAAO,KAAK,MACxCD,2BAAAA,KAAC,OAAA,EAAgB,WAAU,QACzB,UAAA;AAAA,UAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,wFACZ,UAAA,OACH;AAAA,UACC,MAAM,IAAI,CAAC,SACVA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cAEC;AAAA,cACA,MAAM,MAAM,KAAK,IAAI,KAAK;AAAA,cAC1B,UAAU;AAAA,YAAA;AAAA,YAHL,KAAK;AAAA,UAAA,CAKb;AAAA,QAAA,EAAA,GAXO,KAYV,CACD;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAIR;;"}
+{"version":3,"file":"ToolPreferences.cjs","sources":["../../../src/data/ai/ToolPreferences.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { HoverCard } from \"../../overlay/HoverCard\";\nimport { Modal } from \"../../overlay/Modal\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../Icon\";\nimport { UiInfo, UiSliders } from \"../../icons\";\nimport type { ToolMeta, ToolMode } from \"../chat/types\";\n\nexport type { ToolMeta, ToolMode };\n\n/** How a tool may be invoked: run automatically, pause for approval, or be\n *  hidden from the model entirely. */\nconst MODE_CYCLE: ToolMode[] = [\"enabled\", \"ask\", \"disabled\"];\nconst MODE_LABEL: Record<ToolMode, string> = {\n  enabled: \"Auto\",\n  ask: \"Ask\",\n  disabled: \"Off\",\n};\n\ntype ToolPreferenceEntry = {\n  key: string;\n  label: string;\n  group: string;\n  tools: ToolMeta[];\n  defaultMode: ToolMode;\n};\n\nexport type ToolPreferencesProps = {\n  /** The tools to list. Replaces ai-financials' global registry — callers pass\n   *  whatever their backend exposes. */\n  tools: ToolMeta[];\n  /** Current per-tool mode. Missing entries default to \"enabled\". */\n  value: Record<string, ToolMode>;\n  onChange: (prefs: Record<string, ToolMode>) => void;\n  className?: string;\n};\n\nfunction ToolRow({\n  entry,\n  mode,\n  onToggle,\n}: {\n  entry: ToolPreferenceEntry;\n  mode: ToolMode;\n  onToggle: (name: string, current: ToolMode) => void;\n}) {\n  const title =\n    entry.tools.length > 1\n      ? `${entry.tools.length} tools`\n      : entry.tools[0]?.description;\n  return (\n    <button\n      type=\"button\"\n      className=\"flex w-full items-center justify-between rounded px-2 py-1 text-left hover:bg-accent\"\n      title={title}\n      onClick={() => onToggle(entry.key, mode)}\n    >\n      <span\n        className={cn(\n          \"text-xs\",\n          mode === \"disabled\" && \"text-muted-foreground line-through\",\n        )}\n      >\n        {entry.label}\n      </span>\n      <ModeBadge mode={mode} />\n    </button>\n  );\n}\n\nfunction AdvancedToolRow({\n  tool,\n  mode,\n  onToggle,\n}: {\n  tool: ToolMeta;\n  mode: ToolMode;\n  onToggle: (name: string, current: ToolMode) => void;\n}) {\n  const description = tool.description?.trim() || \"No description\";\n  return (\n    <button\n      type=\"button\"\n      className=\"grid h-9 w-full grid-cols-[minmax(0,1fr)_4rem] items-center gap-3 border-b border-border px-2 text-left hover:bg-accent\"\n      title={description}\n      onClick={() => onToggle(tool.name, mode)}\n    >\n      <span className=\"flex min-w-0 items-center gap-1.5\">\n        <span\n          className={cn(\n            \"min-w-0 truncate font-mono text-xs\",\n            mode === \"disabled\" && \"text-muted-foreground line-through\",\n          )}\n        >\n          {tool.name}\n        </span>\n        <HoverCard\n          placement=\"top\"\n          delay={120}\n          trigger={\n            <span\n              aria-label={`Description for ${tool.name}`}\n              className=\"inline-flex shrink-0 text-muted-foreground\"\n              title={description}\n            >\n              <Icon icon={UiInfo} className=\"size-3.5\" />\n            </span>\n          }\n          cardClassName=\"max-w-xs whitespace-normal\"\n        >\n          {description}\n        </HoverCard>\n      </span>\n      <span className=\"justify-self-end\">\n        <ModeBadge mode={mode} />\n      </span>\n    </button>\n  );\n}\n\nfunction ModeBadge({ mode }: { mode: ToolMode }) {\n  return (\n    <span\n      className={cn(\n        \"rounded px-1.5 py-0.5 text-[10px] font-medium\",\n        mode === \"enabled\" &&\n          \"bg-emerald-100 text-emerald-700 dark:bg-emerald-900 dark:text-emerald-300\",\n        mode === \"ask\" &&\n          \"bg-amber-100 text-amber-700 dark:bg-amber-900 dark:text-amber-300\",\n        mode === \"disabled\" && \"bg-muted text-muted-foreground\",\n      )}\n    >\n      {MODE_LABEL[mode]}\n    </span>\n  );\n}\n\n/** A popover that cycles each tool/group through Auto → Ask → Off. The resulting\n *  `Record<name, ToolMode>` is meant to be forwarded to the backend (e.g. via\n *  `<Chat body={{ toolPreferences }}>`). */\nexport function ToolPreferences({\n  tools,\n  value,\n  onChange,\n  className = \"\",\n}: ToolPreferencesProps) {\n  const [advancedOpen, setAdvancedOpen] = useState(false);\n  const groups = useMemo(() => {\n    const maps: Record<string, Map<string, ToolPreferenceEntry>> = {};\n    for (const meta of tools) {\n      const group = toolGroup(meta);\n      const key = toolPreferenceKey(meta);\n      const map = (maps[group] ??= new Map());\n      let entry = map.get(key);\n      if (!entry) {\n        entry = {\n          key,\n          label: key === meta.name ? meta.label : key,\n          group,\n          tools: [],\n          defaultMode: toolDefaultMode(meta),\n        };\n        map.set(key, entry);\n      }\n      entry.tools.push(meta);\n      entry.defaultMode = mostRestrictiveMode(\n        entry.defaultMode,\n        toolDefaultMode(meta),\n      );\n    }\n    const g: Record<string, ToolPreferenceEntry[]> = {};\n    for (const [group, map] of Object.entries(maps)) {\n      g[group] = [...map.values()].sort((a, b) => a.label.localeCompare(b.label));\n    }\n    return g;\n  }, [tools]);\n\n  const advancedGroups = useMemo(\n    () => groupedToolMetas(tools),\n    [tools],\n  );\n\n  const handleToggle = (name: string, current: ToolMode) => {\n    const next =\n      MODE_CYCLE[(MODE_CYCLE.indexOf(current) + 1) % MODE_CYCLE.length]!;\n    onChange({ ...value, [name]: next });\n  };\n\n  return (\n    <>\n      <DropdownMenu\n        align=\"right\"\n        className={className}\n        menuClassName=\"w-64 max-h-[400px] overflow-y-auto p-3\"\n        trigger={\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            title=\"Tool preferences\"\n            data-testid=\"tool-preferences-btn\"\n          >\n            <Icon icon={UiSliders} className=\"size-4\" />\n          </Button>\n        }\n      >\n        {(closeMenu) => (\n          <div>\n            <div className=\"mb-2 text-xs font-semibold\">Tool Preferences</div>\n            {Object.entries(groups)\n              .sort(([a], [b]) => a.localeCompare(b))\n              .map(([group, metas]) => (\n                <div key={group} className=\"mb-2\">\n                  <div className=\"mb-0.5 px-2 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground\">\n                    {group}\n                  </div>\n                  {metas.map((entry) => {\n                    const mode = value[entry.key] ?? entry.defaultMode;\n                    return (\n                      <ToolRow\n                        key={entry.key}\n                        entry={entry}\n                        mode={mode}\n                        onToggle={handleToggle}\n                      />\n                    );\n                  })}\n                </div>\n              ))}\n            <div className=\"mt-2 border-t border-border pt-2\">\n              <button\n                type=\"button\"\n                className=\"w-full rounded px-2 py-1.5 text-left text-xs hover:bg-accent\"\n                onClick={() => {\n                  closeMenu();\n                  setAdvancedOpen(true);\n                }}\n              >\n                Advanced\n              </button>\n            </div>\n          </div>\n        )}\n      </DropdownMenu>\n      <Modal\n        open={advancedOpen}\n        onClose={() => setAdvancedOpen(false)}\n        title=\"Advanced Tool Preferences\"\n        size=\"xl\"\n      >\n        <div className=\"overflow-hidden rounded border border-border\">\n          <div className=\"grid grid-cols-[minmax(0,1fr)_4rem] gap-3 border-b border-border bg-muted/40 px-2 py-1.5 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground\">\n            <span>Name</span>\n            <span className=\"text-right\">Mode</span>\n          </div>\n          <div className=\"max-h-[60vh] overflow-y-auto\">\n            {advancedGroups.length > 0 ? (\n              advancedGroups.map(([group, groupTools]) => (\n                <div key={group}>\n                  <div className=\"sticky top-0 z-[1] border-b border-border bg-muted/60 px-2 py-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground\">\n                    {group}\n                  </div>\n                  {groupTools.map((tool) => {\n                    const mode = toolMode(tool, value);\n                    return (\n                      <AdvancedToolRow\n                        key={tool.name}\n                        tool={tool}\n                        mode={mode}\n                        onToggle={handleToggle}\n                      />\n                    );\n                  })}\n                </div>\n              ))\n            ) : (\n              <div className=\"px-2 py-6 text-center text-xs text-muted-foreground\">\n                No tools\n              </div>\n            )}\n          </div>\n        </div>\n      </Modal>\n    </>\n  );\n}\n\nfunction toolGroup(meta: ToolMeta): string {\n  return meta.group ?? \"Tools\";\n}\n\nfunction groupedToolMetas(tools: ToolMeta[]): Array<[string, ToolMeta[]]> {\n  const groups: Record<string, ToolMeta[]> = {};\n  for (const tool of tools) {\n    (groups[toolGroup(tool)] ??= []).push(tool);\n  }\n  return Object.entries(groups)\n    .map(([group, groupTools]) => [\n      group,\n      [...groupTools].sort((a, b) => a.name.localeCompare(b.name)),\n    ] as [string, ToolMeta[]])\n    .sort(([a], [b]) => a.localeCompare(b));\n}\n\nfunction toolPreferenceKey(meta: ToolMeta): string {\n  return meta.preferenceKey ?? meta.name;\n}\n\nfunction toolDefaultMode(meta: ToolMeta): ToolMode {\n  return meta.defaultMode ?? \"enabled\";\n}\n\nfunction toolMode(meta: ToolMeta, value: Record<string, ToolMode>): ToolMode {\n  const own = value[meta.name];\n  if (own) return own;\n  const key = toolPreferenceKey(meta);\n  if (key !== meta.name) {\n    const grouped = value[key];\n    if (grouped) return grouped;\n  }\n  return toolDefaultMode(meta);\n}\n\nfunction mostRestrictiveMode(a: ToolMode, b: ToolMode): ToolMode {\n  const rank: Record<ToolMode, number> = { enabled: 0, ask: 1, disabled: 2 };\n  return rank[a] >= rank[b] ? a : b;\n}\n"],"names":["jsxs","jsx","cn","HoverCard","Icon","UiInfo","useState","useMemo","Fragment","DropdownMenu","Button","UiSliders","Modal"],"mappings":"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"}

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

@@ -1,8 +1,5 @@
-import { ToolMeta } from '../chat/types';
-export type { ToolMeta };
-/** How a tool may be invoked: run automatically, pause for approval, or be
- *  hidden from the model entirely. */
-export type ToolMode = "enabled" | "ask" | "disabled";
+import { ToolMeta, ToolMode } from '../chat/types';
+export type { ToolMeta, ToolMode };
 export type ToolPreferencesProps = {
     /** The tools to list. Replaces ai-financials' global registry — callers pass
      *  whatever their backend exposes. */
@@ -12,8 +9,8 @@ export type ToolPreferencesProps = {
     onChange: (prefs: Record<string, ToolMode>) => void;
     className?: string;
 };
-/** A popover that cycles each tool through Auto → Ask → Off. The resulting
+/** A popover that cycles each tool/group through Auto → Ask → Off. The resulting
  *  `Record<name, ToolMode>` is meant to be forwarded to the backend (e.g. via
  *  `<Chat body={{ toolPreferences }}>`). */
-export declare function ToolPreferences({ tools, value, onChange, className }: ToolPreferencesProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToolPreferences({ tools, value, onChange, className, }: ToolPreferencesProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ToolPreferences.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToolPreferences.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ToolPreferences.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,YAAY,EAAE,QAAQ,EAAE,CAAC;AAEzB;sCACsC;AACtC,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,KAAK,GAAG,UAAU,CAAC;AAKtD,MAAM,MAAM,oBAAoB,GAAG;IACjC;0CACsC;IACtC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,KAAK,IAAI,CAAC;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAmCF;;4CAE4C;AAC5C,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAc,EAAE,EAAE,oBAAoB,2CA+C/F"}
+{"version":3,"file":"ToolPreferences.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ToolPreferences.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAExD,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AAmBnC,MAAM,MAAM,oBAAoB,GAAG;IACjC;0CACsC;IACtC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,KAAK,IAAI,CAAC;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAsGF;;4CAE4C;AAC5C,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAc,GACf,EAAE,oBAAoB,2CA2ItB"}