@flanksource/clicky-ui 0.2.18 → 0.2.20

package/dist/data/ai/ChatWindow.js

@@ -0,0 +1,156 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from "react";
+import { cn } from "../../lib/utils.js";
+import { Button } from "../../components/button.js";
+import { Icon } from "../Icon.js";
+import { Chat } from "../chat/Chat.js";
+import { useChatWindowManager } from "./chat-window-context.js";
+import { ThreadPicker } from "./ThreadPicker.js";
+import { ContextBadges } from "./ContextBadges.js";
+import { ToolPreferences } from "./ToolPreferences.js";
+import { serializeContext } from "./context.js";
+import { UiAdd } from "../../icons/components/UiAdd.js";
+import { UiFullscreen } from "../../icons/components/UiFullscreen.js";
+import { UiClose } from "../../icons/components/UiClose.js";
+const MAXIMIZE_CSS = `
+.chat-maximized .react-draggable {
+  transform: none !important;
+  width: auto !important;
+  height: auto !important;
+  inset: 0 !important;
+  position: absolute !important;
+}`;
+function ChatWindow({
+  panel,
+  chat,
+  title = "Assistant",
+  threadsApi = "/api/chat/threads",
+  threadsSource,
+  contextTypeConfig,
+  tools,
+  headerExtras
+}) {
+  const { updatePanel, closePanel, bringToFront, maximizePanel, openPanel } = useChatWindowManager();
+  const [Rnd, setRnd] = useState(null);
+  const [toolPrefs, setToolPrefs] = useState({});
+  useEffect(() => {
+    if (!(tools == null ? void 0 : tools.length)) return;
+    setToolPrefs((prev) => {
+      const next = { ...prev };
+      let changed = false;
+      for (const t of tools) {
+        if (next[t.name] === void 0) {
+          next[t.name] = "ask";
+          changed = true;
+        }
+      }
+      return changed ? next : prev;
+    });
+  }, [tools]);
+  useEffect(() => {
+    let active = true;
+    import("react-rnd").then((m) => {
+      if (active) setRnd(() => m.Rnd);
+    });
+    return () => {
+      active = false;
+    };
+  }, []);
+  const removeContext = useCallback(
+    (id) => updatePanel(panel.id, { contextItems: panel.contextItems.filter((c) => c.id !== id) }),
+    [updatePanel, panel.id, panel.contextItems]
+  );
+  const mergedBody = {
+    ...chat == null ? void 0 : chat.body,
+    ...panel.contextItems.length ? { context: serializeContext(panel.contextItems) } : {},
+    ...tools ? { toolPreferences: toolPrefs } : {}
+  };
+  const header = /* @__PURE__ */ jsxs("div", { className: "chat-drag-handle flex cursor-move items-center gap-1 border-b border-border bg-muted/40 px-2 py-1.5", children: [
+    threadsSource != null || threadsApi !== null ? /* @__PURE__ */ jsx(
+      ThreadPicker,
+      {
+        threadId: panel.threadId,
+        onSelect: (tid) => updatePanel(panel.id, { threadId: tid }),
+        onNew: () => updatePanel(panel.id, { threadId: null }),
+        ...threadsSource ? { source: threadsSource } : threadsApi !== null ? { api: threadsApi } : {}
+      }
+    ) : /* @__PURE__ */ jsx("span", { className: "px-1 text-sm font-medium", children: title }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+    headerExtras,
+    tools && /* @__PURE__ */ jsx(ToolPreferences, { tools, value: toolPrefs, onChange: setToolPrefs }),
+    /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", title: "New window", onClick: () => openPanel(), children: /* @__PURE__ */ jsx(Icon, { icon: UiAdd, className: "size-4" }) }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        title: panel.maximized ? "Restore" : "Maximize",
+        onClick: () => maximizePanel(panel.id),
+        children: /* @__PURE__ */ jsx(Icon, { icon: UiFullscreen, className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", title: "Close", onClick: () => closePanel(panel.id), children: /* @__PURE__ */ jsx(Icon, { icon: UiClose, className: "size-4" }) })
+  ] });
+  const frame = /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col overflow-hidden rounded-lg border border-border bg-background shadow-xl", children: [
+    header,
+    /* @__PURE__ */ jsx(
+      ContextBadges,
+      {
+        items: panel.contextItems,
+        onRemove: removeContext,
+        ...contextTypeConfig ? { typeConfig: contextTypeConfig } : {}
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(
+      Chat,
+      {
+        ...chat,
+        ...panel.threadId ? { threadId: panel.threadId } : {},
+        body: mergedBody
+      }
+    ) })
+  ] });
+  const outerClass = cn(
+    "fixed pointer-events-none",
+    panel.maximized ? "inset-4 chat-maximized" : "inset-0"
+  );
+  if (!Rnd) {
+    return /* @__PURE__ */ jsx("div", { className: outerClass, style: { zIndex: panel.zIndex }, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "pointer-events-auto h-full",
+        style: panel.maximized ? { position: "relative", width: "100%", height: "100%" } : { position: "absolute", left: panel.x, top: panel.y, width: panel.width, height: panel.height },
+        children: frame
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: outerClass, style: { zIndex: panel.zIndex }, children: [
+    /* @__PURE__ */ jsx("style", { children: MAXIMIZE_CSS }),
+    /* @__PURE__ */ jsx(
+      Rnd,
+      {
+        default: { x: panel.x, y: panel.y, width: panel.width, height: panel.height },
+        style: { pointerEvents: "auto" },
+        minWidth: 360,
+        minHeight: 400,
+        bounds: "parent",
+        dragHandleClassName: "chat-drag-handle",
+        disableDragging: panel.maximized,
+        enableResizing: !panel.maximized,
+        onDragStart: () => bringToFront(panel.id),
+        onDragStop: (_e, d) => updatePanel(panel.id, { x: d.x, y: d.y }),
+        onResizeStop: (_e, _dir, ref, _delta, pos) => updatePanel(panel.id, { width: ref.offsetWidth, height: ref.offsetHeight, x: pos.x, y: pos.y }),
+        children: frame
+      }
+    )
+  ] });
+}
+function ChatWindowLayer(props) {
+  const { panels } = useChatWindowManager();
+  return /* @__PURE__ */ jsx(Fragment, { children: panels.map((panel) => /* @__PURE__ */ jsx(ChatWindow, { panel, ...props }, panel.id)) });
+}
+export {
+  ChatWindow,
+  ChatWindowLayer
+};
+//# sourceMappingURL=ChatWindow.js.map

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

@@ -0,0 +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 { serializeContext, type ContextTypeConfig } from \"./context\";\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  /** 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  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] = \"ask\";\n          changed = true;\n        }\n      }\n      return changed ? next : prev;\n    });\n  }, [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: Record<string, unknown> = {\n    ...chat?.body,\n    ...(panel.contextItems.length ? { context: serializeContext(panel.contextItems) } : {}),\n    ...(tools ? { toolPreferences: toolPrefs } : {}),\n  };\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        />\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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"}

package/dist/data/ai/ChatWindowManager.cjs

@@ -0,0 +1,139 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const chatWindowContext = require("./chat-window-context.cjs");
+function ChatWindowManagerProvider({
+  storageId = "default",
+  children
+}) {
+  const [panels, setPanels] = react.useState([]);
+  const hydratedRef = react.useRef(false);
+  const saveTimerRef = react.useRef(null);
+  react.useEffect(() => {
+    if (hydratedRef.current) return;
+    hydratedRef.current = true;
+    const loaded = chatWindowContext.loadPanels(storageId);
+    if (loaded.length > 0) setPanels(loaded);
+  }, [storageId]);
+  const scheduleSave = react.useCallback(
+    (updated) => {
+      if (saveTimerRef.current) clearTimeout(saveTimerRef.current);
+      saveTimerRef.current = setTimeout(() => chatWindowContext.savePanels(storageId, updated), 1e3);
+    },
+    [storageId]
+  );
+  react.useEffect(
+    () => () => {
+      if (saveTimerRef.current) clearTimeout(saveTimerRef.current);
+    },
+    []
+  );
+  const defaultPosition = react.useCallback((panelCount) => {
+    const vw = typeof window !== "undefined" ? window.innerWidth : 1200;
+    const vh = typeof window !== "undefined" ? window.innerHeight : 800;
+    return {
+      x: Math.max(40, vw - chatWindowContext.DEFAULT_WIDTH - 16 - panelCount * chatWindowContext.CASCADE_OFFSET),
+      y: Math.max(40, vh - chatWindowContext.DEFAULT_HEIGHT - 16 - panelCount * chatWindowContext.CASCADE_OFFSET)
+    };
+  }, []);
+  const openPanel = react.useCallback(
+    (opts) => {
+      const id = chatWindowContext.nextPanelId();
+      setPanels((prev) => {
+        if (prev.length >= chatWindowContext.MAX_PANELS) return prev;
+        const pos = defaultPosition(prev.length);
+        const panel = {
+          id,
+          threadId: (opts == null ? void 0 : opts.threadId) ?? null,
+          initialModel: (opts == null ? void 0 : opts.initialModel) ?? null,
+          x: pos.x,
+          y: pos.y,
+          width: chatWindowContext.DEFAULT_WIDTH,
+          height: chatWindowContext.DEFAULT_HEIGHT,
+          zIndex: chatWindowContext.Z_BASE,
+          maximized: false,
+          initialPrompt: (opts == null ? void 0 : opts.initialPrompt) ?? null,
+          contextItems: (opts == null ? void 0 : opts.contextItems) ?? []
+        };
+        const updated = chatWindowContext.reindex([...prev, panel], id);
+        scheduleSave(updated);
+        return updated;
+      });
+      return id;
+    },
+    [defaultPosition, scheduleSave]
+  );
+  const closePanel = react.useCallback(
+    (id) => {
+      setPanels((prev) => {
+        const updated = prev.filter((p) => p.id !== id);
+        scheduleSave(updated);
+        return updated;
+      });
+    },
+    [scheduleSave]
+  );
+  const updatePanel = react.useCallback(
+    (id, partial) => {
+      setPanels((prev) => {
+        const updated = prev.map((p) => p.id === id ? { ...p, ...partial } : p);
+        scheduleSave(updated);
+        return updated;
+      });
+    },
+    [scheduleSave]
+  );
+  const bringToFront = react.useCallback((id) => {
+    setPanels((prev) => chatWindowContext.reindex(prev, id));
+  }, []);
+  const maximizePanel = react.useCallback(
+    (id) => {
+      setPanels((prev) => {
+        const target = prev.find((p) => p.id === id);
+        if (!target) return prev;
+        const willMaximize = !target.maximized;
+        const toggled = prev.map((p) => {
+          if (p.id === id) return { ...p, maximized: willMaximize };
+          if (willMaximize && p.maximized) return { ...p, maximized: false };
+          return p;
+        });
+        const updated = chatWindowContext.reindex(toggled, id);
+        scheduleSave(updated);
+        return updated;
+      });
+    },
+    [scheduleSave]
+  );
+  const findOrCreatePanel = react.useCallback(
+    (opts) => {
+      var _a;
+      const existing = panels[panels.length - 1];
+      if (!existing) return openPanel(opts);
+      const partial = {};
+      if (opts == null ? void 0 : opts.initialPrompt) partial.initialPrompt = opts.initialPrompt;
+      if ((_a = opts == null ? void 0 : opts.contextItems) == null ? void 0 : _a.length) {
+        partial.contextItems = [
+          ...existing.contextItems,
+          ...opts.contextItems.filter((c) => !existing.contextItems.some((e) => e.id === c.id))
+        ];
+      }
+      updatePanel(existing.id, partial);
+      bringToFront(existing.id);
+      return existing.id;
+    },
+    [panels, openPanel, updatePanel, bringToFront]
+  );
+  const value = {
+    panels,
+    openPanel,
+    closePanel,
+    updatePanel,
+    bringToFront,
+    maximizePanel,
+    findOrCreatePanel
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(chatWindowContext.ChatWindowManagerContext.Provider, { value, children });
+}
+exports.ChatWindowManagerProvider = ChatWindowManagerProvider;
+//# sourceMappingURL=ChatWindowManager.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWindowManager.cjs","sources":["../../../src/data/ai/ChatWindowManager.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, type ReactNode } from \"react\";\nimport {\n  ChatWindowManagerContext,\n  loadPanels,\n  savePanels,\n  nextPanelId,\n  reindex,\n  MAX_PANELS,\n  DEFAULT_WIDTH,\n  DEFAULT_HEIGHT,\n  CASCADE_OFFSET,\n  Z_BASE,\n  type ChatWindowManagerValue,\n  type ChatWindowState,\n  type OpenPanelOpts,\n} from \"./chat-window-context\";\n\nexport type ChatWindowManagerProviderProps = {\n  /** Namespaces the localStorage layout so distinct surfaces keep separate\n   *  window arrangements. Defaults to \"default\". */\n  storageId?: string;\n  children: ReactNode;\n};\n\n/** Owns the set of open chat windows: creation, focus (z-index), maximize and\n *  debounced localStorage persistence of their layout. Wrap the app subtree in\n *  this and read it via {@link useChatWindowManager}. */\nexport function ChatWindowManagerProvider({\n  storageId = \"default\",\n  children,\n}: ChatWindowManagerProviderProps) {\n  const [panels, setPanels] = useState<ChatWindowState[]>([]);\n  const hydratedRef = useRef(false);\n  const saveTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => {\n    if (hydratedRef.current) return;\n    hydratedRef.current = true;\n    const loaded = loadPanels(storageId);\n    if (loaded.length > 0) setPanels(loaded);\n  }, [storageId]);\n\n  const scheduleSave = useCallback(\n    (updated: ChatWindowState[]) => {\n      if (saveTimerRef.current) clearTimeout(saveTimerRef.current);\n      saveTimerRef.current = setTimeout(() => savePanels(storageId, updated), 1000);\n    },\n    [storageId],\n  );\n\n  useEffect(\n    () => () => {\n      if (saveTimerRef.current) clearTimeout(saveTimerRef.current);\n    },\n    [],\n  );\n\n  const defaultPosition = useCallback((panelCount: number) => {\n    const vw = typeof window !== \"undefined\" ? window.innerWidth : 1200;\n    const vh = typeof window !== \"undefined\" ? window.innerHeight : 800;\n    return {\n      x: Math.max(40, vw - DEFAULT_WIDTH - 16 - panelCount * CASCADE_OFFSET),\n      y: Math.max(40, vh - DEFAULT_HEIGHT - 16 - panelCount * CASCADE_OFFSET),\n    };\n  }, []);\n\n  const openPanel = useCallback(\n    (opts?: OpenPanelOpts): string => {\n      const id = nextPanelId();\n      setPanels((prev) => {\n        if (prev.length >= MAX_PANELS) return prev;\n        const pos = defaultPosition(prev.length);\n        const panel: ChatWindowState = {\n          id,\n          threadId: opts?.threadId ?? null,\n          initialModel: opts?.initialModel ?? null,\n          x: pos.x,\n          y: pos.y,\n          width: DEFAULT_WIDTH,\n          height: DEFAULT_HEIGHT,\n          zIndex: Z_BASE,\n          maximized: false,\n          initialPrompt: opts?.initialPrompt ?? null,\n          contextItems: opts?.contextItems ?? [],\n        };\n        const updated = reindex([...prev, panel], id);\n        scheduleSave(updated);\n        return updated;\n      });\n      return id;\n    },\n    [defaultPosition, scheduleSave],\n  );\n\n  const closePanel = useCallback(\n    (id: string) => {\n      setPanels((prev) => {\n        const updated = prev.filter((p) => p.id !== id);\n        scheduleSave(updated);\n        return updated;\n      });\n    },\n    [scheduleSave],\n  );\n\n  const updatePanel = useCallback(\n    (id: string, partial: Partial<ChatWindowState>) => {\n      setPanels((prev) => {\n        const updated = prev.map((p) => (p.id === id ? { ...p, ...partial } : p));\n        scheduleSave(updated);\n        return updated;\n      });\n    },\n    [scheduleSave],\n  );\n\n  const bringToFront = useCallback((id: string) => {\n    setPanels((prev) => reindex(prev, id));\n  }, []);\n\n  const maximizePanel = useCallback(\n    (id: string) => {\n      setPanels((prev) => {\n        const target = prev.find((p) => p.id === id);\n        if (!target) return prev;\n        const willMaximize = !target.maximized;\n        const toggled = prev.map((p) => {\n          if (p.id === id) return { ...p, maximized: willMaximize };\n          if (willMaximize && p.maximized) return { ...p, maximized: false };\n          return p;\n        });\n        const updated = reindex(toggled, id);\n        scheduleSave(updated);\n        return updated;\n      });\n    },\n    [scheduleSave],\n  );\n\n  const findOrCreatePanel = useCallback(\n    (opts?: OpenPanelOpts): string => {\n      const existing = panels[panels.length - 1];\n      if (!existing) return openPanel(opts);\n      const partial: Partial<ChatWindowState> = {};\n      if (opts?.initialPrompt) partial.initialPrompt = opts.initialPrompt;\n      if (opts?.contextItems?.length) {\n        partial.contextItems = [\n          ...existing.contextItems,\n          ...opts.contextItems.filter((c) => !existing.contextItems.some((e) => e.id === c.id)),\n        ];\n      }\n      updatePanel(existing.id, partial);\n      bringToFront(existing.id);\n      return existing.id;\n    },\n    [panels, openPanel, updatePanel, bringToFront],\n  );\n\n  const value: ChatWindowManagerValue = {\n    panels,\n    openPanel,\n    closePanel,\n    updatePanel,\n    bringToFront,\n    maximizePanel,\n    findOrCreatePanel,\n  };\n\n  return (\n    <ChatWindowManagerContext.Provider value={value}>{children}</ChatWindowManagerContext.Provider>\n  );\n}\n"],"names":["useState","useRef","useEffect","loadPanels","useCallback","savePanels","DEFAULT_WIDTH","CASCADE_OFFSET","DEFAULT_HEIGHT","nextPanelId","MAX_PANELS","Z_BASE","reindex","jsx","ChatWindowManagerContext"],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export type ChatWindowManagerProviderProps = {
+    /** Namespaces the localStorage layout so distinct surfaces keep separate
+     *  window arrangements. Defaults to "default". */
+    storageId?: string;
+    children: ReactNode;
+};
+/** Owns the set of open chat windows: creation, focus (z-index), maximize and
+ *  debounced localStorage persistence of their layout. Wrap the app subtree in
+ *  this and read it via {@link useChatWindowManager}. */
+export declare function ChatWindowManagerProvider({ storageId, children, }: ChatWindowManagerProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChatWindowManager.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWindowManager.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ChatWindowManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBjF,MAAM,MAAM,8BAA8B,GAAG;IAC3C;sDACkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;yDAEyD;AACzD,wBAAgB,yBAAyB,CAAC,EACxC,SAAqB,EACrB,QAAQ,GACT,EAAE,8BAA8B,2CA6IhC"}

package/dist/data/ai/ChatWindowManager.js

@@ -0,0 +1,139 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect, useCallback } from "react";
+import { loadPanels, savePanels, DEFAULT_HEIGHT, CASCADE_OFFSET, DEFAULT_WIDTH, MAX_PANELS, reindex, Z_BASE, ChatWindowManagerContext, nextPanelId } from "./chat-window-context.js";
+function ChatWindowManagerProvider({
+  storageId = "default",
+  children
+}) {
+  const [panels, setPanels] = useState([]);
+  const hydratedRef = useRef(false);
+  const saveTimerRef = useRef(null);
+  useEffect(() => {
+    if (hydratedRef.current) return;
+    hydratedRef.current = true;
+    const loaded = loadPanels(storageId);
+    if (loaded.length > 0) setPanels(loaded);
+  }, [storageId]);
+  const scheduleSave = useCallback(
+    (updated) => {
+      if (saveTimerRef.current) clearTimeout(saveTimerRef.current);
+      saveTimerRef.current = setTimeout(() => savePanels(storageId, updated), 1e3);
+    },
+    [storageId]
+  );
+  useEffect(
+    () => () => {
+      if (saveTimerRef.current) clearTimeout(saveTimerRef.current);
+    },
+    []
+  );
+  const defaultPosition = useCallback((panelCount) => {
+    const vw = typeof window !== "undefined" ? window.innerWidth : 1200;
+    const vh = typeof window !== "undefined" ? window.innerHeight : 800;
+    return {
+      x: Math.max(40, vw - DEFAULT_WIDTH - 16 - panelCount * CASCADE_OFFSET),
+      y: Math.max(40, vh - DEFAULT_HEIGHT - 16 - panelCount * CASCADE_OFFSET)
+    };
+  }, []);
+  const openPanel = useCallback(
+    (opts) => {
+      const id = nextPanelId();
+      setPanels((prev) => {
+        if (prev.length >= MAX_PANELS) return prev;
+        const pos = defaultPosition(prev.length);
+        const panel = {
+          id,
+          threadId: (opts == null ? void 0 : opts.threadId) ?? null,
+          initialModel: (opts == null ? void 0 : opts.initialModel) ?? null,
+          x: pos.x,
+          y: pos.y,
+          width: DEFAULT_WIDTH,
+          height: DEFAULT_HEIGHT,
+          zIndex: Z_BASE,
+          maximized: false,
+          initialPrompt: (opts == null ? void 0 : opts.initialPrompt) ?? null,
+          contextItems: (opts == null ? void 0 : opts.contextItems) ?? []
+        };
+        const updated = reindex([...prev, panel], id);
+        scheduleSave(updated);
+        return updated;
+      });
+      return id;
+    },
+    [defaultPosition, scheduleSave]
+  );
+  const closePanel = useCallback(
+    (id) => {
+      setPanels((prev) => {
+        const updated = prev.filter((p) => p.id !== id);
+        scheduleSave(updated);
+        return updated;
+      });
+    },
+    [scheduleSave]
+  );
+  const updatePanel = useCallback(
+    (id, partial) => {
+      setPanels((prev) => {
+        const updated = prev.map((p) => p.id === id ? { ...p, ...partial } : p);
+        scheduleSave(updated);
+        return updated;
+      });
+    },
+    [scheduleSave]
+  );
+  const bringToFront = useCallback((id) => {
+    setPanels((prev) => reindex(prev, id));
+  }, []);
+  const maximizePanel = useCallback(
+    (id) => {
+      setPanels((prev) => {
+        const target = prev.find((p) => p.id === id);
+        if (!target) return prev;
+        const willMaximize = !target.maximized;
+        const toggled = prev.map((p) => {
+          if (p.id === id) return { ...p, maximized: willMaximize };
+          if (willMaximize && p.maximized) return { ...p, maximized: false };
+          return p;
+        });
+        const updated = reindex(toggled, id);
+        scheduleSave(updated);
+        return updated;
+      });
+    },
+    [scheduleSave]
+  );
+  const findOrCreatePanel = useCallback(
+    (opts) => {
+      var _a;
+      const existing = panels[panels.length - 1];
+      if (!existing) return openPanel(opts);
+      const partial = {};
+      if (opts == null ? void 0 : opts.initialPrompt) partial.initialPrompt = opts.initialPrompt;
+      if ((_a = opts == null ? void 0 : opts.contextItems) == null ? void 0 : _a.length) {
+        partial.contextItems = [
+          ...existing.contextItems,
+          ...opts.contextItems.filter((c) => !existing.contextItems.some((e) => e.id === c.id))
+        ];
+      }
+      updatePanel(existing.id, partial);
+      bringToFront(existing.id);
+      return existing.id;
+    },
+    [panels, openPanel, updatePanel, bringToFront]
+  );
+  const value = {
+    panels,
+    openPanel,
+    closePanel,
+    updatePanel,
+    bringToFront,
+    maximizePanel,
+    findOrCreatePanel
+  };
+  return /* @__PURE__ */ jsx(ChatWindowManagerContext.Provider, { value, children });
+}
+export {
+  ChatWindowManagerProvider
+};
+//# sourceMappingURL=ChatWindowManager.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWindowManager.js","sources":["../../../src/data/ai/ChatWindowManager.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, type ReactNode } from \"react\";\nimport {\n  ChatWindowManagerContext,\n  loadPanels,\n  savePanels,\n  nextPanelId,\n  reindex,\n  MAX_PANELS,\n  DEFAULT_WIDTH,\n  DEFAULT_HEIGHT,\n  CASCADE_OFFSET,\n  Z_BASE,\n  type ChatWindowManagerValue,\n  type ChatWindowState,\n  type OpenPanelOpts,\n} from \"./chat-window-context\";\n\nexport type ChatWindowManagerProviderProps = {\n  /** Namespaces the localStorage layout so distinct surfaces keep separate\n   *  window arrangements. Defaults to \"default\". */\n  storageId?: string;\n  children: ReactNode;\n};\n\n/** Owns the set of open chat windows: creation, focus (z-index), maximize and\n *  debounced localStorage persistence of their layout. Wrap the app subtree in\n *  this and read it via {@link useChatWindowManager}. */\nexport function ChatWindowManagerProvider({\n  storageId = \"default\",\n  children,\n}: ChatWindowManagerProviderProps) {\n  const [panels, setPanels] = useState<ChatWindowState[]>([]);\n  const hydratedRef = useRef(false);\n  const saveTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => {\n    if (hydratedRef.current) return;\n    hydratedRef.current = true;\n    const loaded = loadPanels(storageId);\n    if (loaded.length > 0) setPanels(loaded);\n  }, [storageId]);\n\n  const scheduleSave = useCallback(\n    (updated: ChatWindowState[]) => {\n      if (saveTimerRef.current) clearTimeout(saveTimerRef.current);\n      saveTimerRef.current = setTimeout(() => savePanels(storageId, updated), 1000);\n    },\n    [storageId],\n  );\n\n  useEffect(\n    () => () => {\n      if (saveTimerRef.current) clearTimeout(saveTimerRef.current);\n    },\n    [],\n  );\n\n  const defaultPosition = useCallback((panelCount: number) => {\n    const vw = typeof window !== \"undefined\" ? window.innerWidth : 1200;\n    const vh = typeof window !== \"undefined\" ? window.innerHeight : 800;\n    return {\n      x: Math.max(40, vw - DEFAULT_WIDTH - 16 - panelCount * CASCADE_OFFSET),\n      y: Math.max(40, vh - DEFAULT_HEIGHT - 16 - panelCount * CASCADE_OFFSET),\n    };\n  }, []);\n\n  const openPanel = useCallback(\n    (opts?: OpenPanelOpts): string => {\n      const id = nextPanelId();\n      setPanels((prev) => {\n        if (prev.length >= MAX_PANELS) return prev;\n        const pos = defaultPosition(prev.length);\n        const panel: ChatWindowState = {\n          id,\n          threadId: opts?.threadId ?? null,\n          initialModel: opts?.initialModel ?? null,\n          x: pos.x,\n          y: pos.y,\n          width: DEFAULT_WIDTH,\n          height: DEFAULT_HEIGHT,\n          zIndex: Z_BASE,\n          maximized: false,\n          initialPrompt: opts?.initialPrompt ?? null,\n          contextItems: opts?.contextItems ?? [],\n        };\n        const updated = reindex([...prev, panel], id);\n        scheduleSave(updated);\n        return updated;\n      });\n      return id;\n    },\n    [defaultPosition, scheduleSave],\n  );\n\n  const closePanel = useCallback(\n    (id: string) => {\n      setPanels((prev) => {\n        const updated = prev.filter((p) => p.id !== id);\n        scheduleSave(updated);\n        return updated;\n      });\n    },\n    [scheduleSave],\n  );\n\n  const updatePanel = useCallback(\n    (id: string, partial: Partial<ChatWindowState>) => {\n      setPanels((prev) => {\n        const updated = prev.map((p) => (p.id === id ? { ...p, ...partial } : p));\n        scheduleSave(updated);\n        return updated;\n      });\n    },\n    [scheduleSave],\n  );\n\n  const bringToFront = useCallback((id: string) => {\n    setPanels((prev) => reindex(prev, id));\n  }, []);\n\n  const maximizePanel = useCallback(\n    (id: string) => {\n      setPanels((prev) => {\n        const target = prev.find((p) => p.id === id);\n        if (!target) return prev;\n        const willMaximize = !target.maximized;\n        const toggled = prev.map((p) => {\n          if (p.id === id) return { ...p, maximized: willMaximize };\n          if (willMaximize && p.maximized) return { ...p, maximized: false };\n          return p;\n        });\n        const updated = reindex(toggled, id);\n        scheduleSave(updated);\n        return updated;\n      });\n    },\n    [scheduleSave],\n  );\n\n  const findOrCreatePanel = useCallback(\n    (opts?: OpenPanelOpts): string => {\n      const existing = panels[panels.length - 1];\n      if (!existing) return openPanel(opts);\n      const partial: Partial<ChatWindowState> = {};\n      if (opts?.initialPrompt) partial.initialPrompt = opts.initialPrompt;\n      if (opts?.contextItems?.length) {\n        partial.contextItems = [\n          ...existing.contextItems,\n          ...opts.contextItems.filter((c) => !existing.contextItems.some((e) => e.id === c.id)),\n        ];\n      }\n      updatePanel(existing.id, partial);\n      bringToFront(existing.id);\n      return existing.id;\n    },\n    [panels, openPanel, updatePanel, bringToFront],\n  );\n\n  const value: ChatWindowManagerValue = {\n    panels,\n    openPanel,\n    closePanel,\n    updatePanel,\n    bringToFront,\n    maximizePanel,\n    findOrCreatePanel,\n  };\n\n  return (\n    <ChatWindowManagerContext.Provider value={value}>{children}</ChatWindowManagerContext.Provider>\n  );\n}\n"],"names":[],"mappings":";;;AA2BO,SAAS,0BAA0B;AAAA,EACxC,YAAY;AAAA,EACZ;AACF,GAAmC;AACjC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA4B,CAAA,CAAE;AAC1D,QAAM,cAAc,OAAO,KAAK;AAChC,QAAM,eAAe,OAA6C,IAAI;AAEtE,YAAU,MAAM;AACd,QAAI,YAAY,QAAS;AACzB,gBAAY,UAAU;AACtB,UAAM,SAAS,WAAW,SAAS;AACnC,QAAI,OAAO,SAAS,EAAG,WAAU,MAAM;AAAA,EACzC,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,eAAe;AAAA,IACnB,CAAC,YAA+B;AAC9B,UAAI,aAAa,QAAS,cAAa,aAAa,OAAO;AAC3D,mBAAa,UAAU,WAAW,MAAM,WAAW,WAAW,OAAO,GAAG,GAAI;AAAA,IAC9E;AAAA,IACA,CAAC,SAAS;AAAA,EAAA;AAGZ;AAAA,IACE,MAAM,MAAM;AACV,UAAI,aAAa,QAAS,cAAa,aAAa,OAAO;AAAA,IAC7D;AAAA,IACA,CAAA;AAAA,EAAC;AAGH,QAAM,kBAAkB,YAAY,CAAC,eAAuB;AAC1D,UAAM,KAAK,OAAO,WAAW,cAAc,OAAO,aAAa;AAC/D,UAAM,KAAK,OAAO,WAAW,cAAc,OAAO,cAAc;AAChE,WAAO;AAAA,MACL,GAAG,KAAK,IAAI,IAAI,KAAK,gBAAgB,KAAK,aAAa,cAAc;AAAA,MACrE,GAAG,KAAK,IAAI,IAAI,KAAK,iBAAiB,KAAK,aAAa,cAAc;AAAA,IAAA;AAAA,EAE1E,GAAG,CAAA,CAAE;AAEL,QAAM,YAAY;AAAA,IAChB,CAAC,SAAiC;AAChC,YAAM,KAAK,YAAA;AACX,gBAAU,CAAC,SAAS;AAClB,YAAI,KAAK,UAAU,WAAY,QAAO;AACtC,cAAM,MAAM,gBAAgB,KAAK,MAAM;AACvC,cAAM,QAAyB;AAAA,UAC7B;AAAA,UACA,WAAU,6BAAM,aAAY;AAAA,UAC5B,eAAc,6BAAM,iBAAgB;AAAA,UACpC,GAAG,IAAI;AAAA,UACP,GAAG,IAAI;AAAA,UACP,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,gBAAe,6BAAM,kBAAiB;AAAA,UACtC,eAAc,6BAAM,iBAAgB,CAAA;AAAA,QAAC;AAEvC,cAAM,UAAU,QAAQ,CAAC,GAAG,MAAM,KAAK,GAAG,EAAE;AAC5C,qBAAa,OAAO;AACpB,eAAO;AAAA,MACT,CAAC;AACD,aAAO;AAAA,IACT;AAAA,IACA,CAAC,iBAAiB,YAAY;AAAA,EAAA;AAGhC,QAAM,aAAa;AAAA,IACjB,CAAC,OAAe;AACd,gBAAU,CAAC,SAAS;AAClB,cAAM,UAAU,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE;AAC9C,qBAAa,OAAO;AACpB,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,YAAY;AAAA,EAAA;AAGf,QAAM,cAAc;AAAA,IAClB,CAAC,IAAY,YAAsC;AACjD,gBAAU,CAAC,SAAS;AAClB,cAAM,UAAU,KAAK,IAAI,CAAC,MAAO,EAAE,OAAO,KAAK,EAAE,GAAG,GAAG,GAAG,QAAA,IAAY,CAAE;AACxE,qBAAa,OAAO;AACpB,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,YAAY;AAAA,EAAA;AAGf,QAAM,eAAe,YAAY,CAAC,OAAe;AAC/C,cAAU,CAAC,SAAS,QAAQ,MAAM,EAAE,CAAC;AAAA,EACvC,GAAG,CAAA,CAAE;AAEL,QAAM,gBAAgB;AAAA,IACpB,CAAC,OAAe;AACd,gBAAU,CAAC,SAAS;AAClB,cAAM,SAAS,KAAK,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE;AAC3C,YAAI,CAAC,OAAQ,QAAO;AACpB,cAAM,eAAe,CAAC,OAAO;AAC7B,cAAM,UAAU,KAAK,IAAI,CAAC,MAAM;AAC9B,cAAI,EAAE,OAAO,GAAI,QAAO,EAAE,GAAG,GAAG,WAAW,aAAA;AAC3C,cAAI,gBAAgB,EAAE,UAAW,QAAO,EAAE,GAAG,GAAG,WAAW,MAAA;AAC3D,iBAAO;AAAA,QACT,CAAC;AACD,cAAM,UAAU,QAAQ,SAAS,EAAE;AACnC,qBAAa,OAAO;AACpB,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,YAAY;AAAA,EAAA;AAGf,QAAM,oBAAoB;AAAA,IACxB,CAAC,SAAiC;;AAChC,YAAM,WAAW,OAAO,OAAO,SAAS,CAAC;AACzC,UAAI,CAAC,SAAU,QAAO,UAAU,IAAI;AACpC,YAAM,UAAoC,CAAA;AAC1C,UAAI,6BAAM,cAAe,SAAQ,gBAAgB,KAAK;AACtD,WAAI,kCAAM,iBAAN,mBAAoB,QAAQ;AAC9B,gBAAQ,eAAe;AAAA,UACrB,GAAG,SAAS;AAAA,UACZ,GAAG,KAAK,aAAa,OAAO,CAAC,MAAM,CAAC,SAAS,aAAa,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC;AAAA,QAAA;AAAA,MAExF;AACA,kBAAY,SAAS,IAAI,OAAO;AAChC,mBAAa,SAAS,EAAE;AACxB,aAAO,SAAS;AAAA,IAClB;AAAA,IACA,CAAC,QAAQ,WAAW,aAAa,YAAY;AAAA,EAAA;AAG/C,QAAM,QAAgC;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,SACE,oBAAC,yBAAyB,UAAzB,EAAkC,OAAe,SAAA,CAAS;AAE/D;"}

package/dist/data/ai/ContextBadges.cjs

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("../../lib/utils.cjs");
+const Icon = require("../Icon.cjs");
+const UiClose = require("../../icons/components/UiClose.cjs");
+const DEFAULT_STYLE = {
+  className: "text-muted-foreground bg-muted"
+};
+function styleFor(type, config) {
+  return (config == null ? void 0 : config[type]) ?? DEFAULT_STYLE;
+}
+function detail(item) {
+  const fields = item.fields;
+  if (!fields) return "";
+  return Object.entries(fields).filter(([, v]) => v != null && v !== "").map(([, v]) => v).join(" ");
+}
+function ContextBadges({ items, onRemove, typeConfig, className }) {
+  if (items.length === 0) return null;
+  const readonly = !onRemove;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils.cn(
+        readonly ? "flex flex-wrap gap-1" : "flex flex-wrap gap-1.5 px-2 py-1.5",
+        className
+      ),
+      children: items.map((item) => {
+        const style = styleFor(item.type, typeConfig);
+        const d = detail(item);
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            "data-testid": `context-badge-${item.type}`,
+            className: utils.cn(
+              "inline-flex items-center gap-1.5 rounded-lg border",
+              readonly ? "px-1.5 py-0.5 text-[10px]" : "px-2 py-1 text-xs",
+              style.className
+            ),
+            children: [
+              style.icon && /* @__PURE__ */ jsxRuntime.jsx(
+                Icon.Icon,
+                {
+                  ...typeof style.icon === "string" ? { name: style.icon } : { icon: style.icon },
+                  className: "size-3.5 shrink-0"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium truncate max-w-[180px]", children: item.label }),
+              d && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-70 truncate max-w-[100px]", children: d }),
+              onRemove && /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  "data-testid": "context-badge-remove",
+                  "aria-label": `Remove ${item.label}`,
+                  onClick: () => onRemove(item.id),
+                  className: "ml-0.5 opacity-60 hover:opacity-100",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClose.UiClose, className: "size-3" })
+                }
+              )
+            ]
+          },
+          item.id
+        );
+      })
+    }
+  );
+}
+function ContextBadgesReadonly(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ContextBadges, { ...props });
+}
+exports.ContextBadges = ContextBadges;
+exports.ContextBadgesReadonly = ContextBadgesReadonly;
+//# sourceMappingURL=ContextBadges.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextBadges.cjs","sources":["../../../src/data/ai/ContextBadges.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { UiClose } from \"../../icons\";\nimport type { ChatContextItem, ContextTypeConfig, ContextTypeStyle } from \"./context\";\n\nconst DEFAULT_STYLE: ContextTypeStyle = {\n  className: \"text-muted-foreground bg-muted\",\n};\n\nfunction styleFor(type: string, config?: ContextTypeConfig): ContextTypeStyle {\n  return config?.[type] ?? DEFAULT_STYLE;\n}\n\nfunction detail(item: ChatContextItem): string {\n  const fields = item.fields;\n  if (!fields) return \"\";\n  return Object.entries(fields)\n    .filter(([, v]) => v != null && v !== \"\")\n    .map(([, v]) => v)\n    .join(\" \");\n}\n\nexport type ContextBadgesProps = {\n  items: ChatContextItem[];\n  /** Removes the badge with the given id. When omitted the badges are read-only. */\n  onRemove?: (id: string) => void;\n  /** Maps each item `type` to an icon/colour; falls back to a neutral style. */\n  typeConfig?: ContextTypeConfig;\n  className?: string;\n};\n\n/** A wrapping row of context chips. Interactive (each removable) when `onRemove`\n *  is supplied, otherwise static. The financial type→colour map lives entirely\n *  in the caller-supplied `typeConfig`, so this is domain-agnostic. */\nexport function ContextBadges({ items, onRemove, typeConfig, className }: ContextBadgesProps) {\n  if (items.length === 0) return null;\n  const readonly = !onRemove;\n  return (\n    <div\n      className={cn(\n        readonly ? \"flex flex-wrap gap-1\" : \"flex flex-wrap gap-1.5 px-2 py-1.5\",\n        className,\n      )}\n    >\n      {items.map((item) => {\n        const style = styleFor(item.type, typeConfig);\n        const d = detail(item);\n        return (\n          <span\n            key={item.id}\n            data-testid={`context-badge-${item.type}`}\n            className={cn(\n              \"inline-flex items-center gap-1.5 rounded-lg border\",\n              readonly ? \"px-1.5 py-0.5 text-[10px]\" : \"px-2 py-1 text-xs\",\n              style.className,\n            )}\n          >\n            {style.icon && (\n              <Icon\n                {...(typeof style.icon === \"string\" ? { name: style.icon } : { icon: style.icon })}\n                className=\"size-3.5 shrink-0\"\n              />\n            )}\n            <span className=\"font-medium truncate max-w-[180px]\">{item.label}</span>\n            {d && <span className=\"opacity-70 truncate max-w-[100px]\">{d}</span>}\n            {onRemove && (\n              <button\n                type=\"button\"\n                data-testid=\"context-badge-remove\"\n                aria-label={`Remove ${item.label}`}\n                onClick={() => onRemove(item.id)}\n                className=\"ml-0.5 opacity-60 hover:opacity-100\"\n              >\n                <Icon icon={UiClose} className=\"size-3\" />\n              </button>\n            )}\n          </span>\n        );\n      })}\n    </div>\n  );\n}\n\n/** Convenience alias for static context chips (no remove control). */\nexport function ContextBadgesReadonly(props: Omit<ContextBadgesProps, \"onRemove\">) {\n  return <ContextBadges {...props} />;\n}\n"],"names":["jsx","cn","jsxs","Icon","UiClose"],"mappings":";;;;;;AAKA,MAAM,gBAAkC;AAAA,EACtC,WAAW;AACb;AAEA,SAAS,SAAS,MAAc,QAA8C;AAC5E,UAAO,iCAAS,UAAS;AAC3B;AAEA,SAAS,OAAO,MAA+B;AAC7C,QAAM,SAAS,KAAK;AACpB,MAAI,CAAC,OAAQ,QAAO;AACpB,SAAO,OAAO,QAAQ,MAAM,EACzB,OAAO,CAAC,CAAA,EAAG,CAAC,MAAM,KAAK,QAAQ,MAAM,EAAE,EACvC,IAAI,CAAC,CAAA,EAAG,CAAC,MAAM,CAAC,EAChB,KAAK,GAAG;AACb;AAcO,SAAS,cAAc,EAAE,OAAO,UAAU,YAAY,aAAiC;AAC5F,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,QAAM,WAAW,CAAC;AAClB,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,MAAAA;AAAAA,QACT,WAAW,yBAAyB;AAAA,QACpC;AAAA,MAAA;AAAA,MAGD,UAAA,MAAM,IAAI,CAAC,SAAS;AACnB,cAAM,QAAQ,SAAS,KAAK,MAAM,UAAU;AAC5C,cAAM,IAAI,OAAO,IAAI;AACrB,eACEC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,eAAa,iBAAiB,KAAK,IAAI;AAAA,YACvC,WAAWD,MAAAA;AAAAA,cACT;AAAA,cACA,WAAW,8BAA8B;AAAA,cACzC,MAAM;AAAA,YAAA;AAAA,YAGP,UAAA;AAAA,cAAA,MAAM,QACLD,2BAAAA;AAAAA,gBAACG,KAAAA;AAAAA,gBAAA;AAAA,kBACE,GAAI,OAAO,MAAM,SAAS,WAAW,EAAE,MAAM,MAAM,SAAS,EAAE,MAAM,MAAM,KAAA;AAAA,kBAC3E,WAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGdH,2BAAAA,IAAC,QAAA,EAAK,WAAU,sCAAsC,eAAK,OAAM;AAAA,cAChE,KAAKA,2BAAAA,IAAC,QAAA,EAAK,WAAU,qCAAqC,UAAA,GAAE;AAAA,cAC5D,YACCA,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,eAAY;AAAA,kBACZ,cAAY,UAAU,KAAK,KAAK;AAAA,kBAChC,SAAS,MAAM,SAAS,KAAK,EAAE;AAAA,kBAC/B,WAAU;AAAA,kBAEV,UAAAA,2BAAAA,IAACG,WAAA,EAAK,MAAMC,QAAAA,SAAS,WAAU,SAAA,CAAS;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC1C;AAAA,UAAA;AAAA,UAzBG,KAAK;AAAA,QAAA;AAAA,MA6BhB,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,SAAS,sBAAsB,OAA6C;AACjF,SAAOJ,+BAAC,eAAA,EAAe,GAAG,MAAA,CAAO;AACnC;;;"}

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

@@ -0,0 +1,16 @@
+import { ChatContextItem, ContextTypeConfig } from './context';
+export type ContextBadgesProps = {
+    items: ChatContextItem[];
+    /** Removes the badge with the given id. When omitted the badges are read-only. */
+    onRemove?: (id: string) => void;
+    /** Maps each item `type` to an icon/colour; falls back to a neutral style. */
+    typeConfig?: ContextTypeConfig;
+    className?: string;
+};
+/** A wrapping row of context chips. Interactive (each removable) when `onRemove`
+ *  is supplied, otherwise static. The financial type→colour map lives entirely
+ *  in the caller-supplied `typeConfig`, so this is domain-agnostic. */
+export declare function ContextBadges({ items, onRemove, typeConfig, className }: ContextBadgesProps): import("react/jsx-runtime").JSX.Element | null;
+/** Convenience alias for static context chips (no remove control). */
+export declare function ContextBadgesReadonly(props: Omit<ContextBadgesProps, "onRemove">): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ContextBadges.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextBadges.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ContextBadges.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAoB,MAAM,WAAW,CAAC;AAmBtF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,8EAA8E;IAC9E,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;uEAEuE;AACvE,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,kBAAkB,kDA+C3F;AAED,sEAAsE;AACtE,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,2CAEhF"}