@flanksource/clicky-ui 0.2.19 → 0.2.21

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":"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"}

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"}

package/dist/data/ai/ContextBadges.js

@@ -0,0 +1,74 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { Icon } from "../Icon.js";
+import { UiClose } from "../../icons/components/UiClose.js";
+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__ */ jsx(
+    "div",
+    {
+      className: 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__ */ jsxs(
+          "span",
+          {
+            "data-testid": `context-badge-${item.type}`,
+            className: 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__ */ jsx(
+                Icon,
+                {
+                  ...typeof style.icon === "string" ? { name: style.icon } : { icon: style.icon },
+                  className: "size-3.5 shrink-0"
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "font-medium truncate max-w-[180px]", children: item.label }),
+              d && /* @__PURE__ */ jsx("span", { className: "opacity-70 truncate max-w-[100px]", children: d }),
+              onRemove && /* @__PURE__ */ 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__ */ jsx(Icon, { icon: UiClose, className: "size-3" })
+                }
+              )
+            ]
+          },
+          item.id
+        );
+      })
+    }
+  );
+}
+function ContextBadgesReadonly(props) {
+  return /* @__PURE__ */ jsx(ContextBadges, { ...props });
+}
+export {
+  ContextBadges,
+  ContextBadgesReadonly
+};
+//# sourceMappingURL=ContextBadges.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextBadges.js","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":[],"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,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,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,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,eAAa,iBAAiB,KAAK,IAAI;AAAA,YACvC,WAAW;AAAA,cACT;AAAA,cACA,WAAW,8BAA8B;AAAA,cACzC,MAAM;AAAA,YAAA;AAAA,YAGP,UAAA;AAAA,cAAA,MAAM,QACL;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACE,GAAI,OAAO,MAAM,SAAS,WAAW,EAAE,MAAM,MAAM,SAAS,EAAE,MAAM,MAAM,KAAA;AAAA,kBAC3E,WAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGd,oBAAC,QAAA,EAAK,WAAU,sCAAsC,eAAK,OAAM;AAAA,cAChE,KAAK,oBAAC,QAAA,EAAK,WAAU,qCAAqC,UAAA,GAAE;AAAA,cAC5D,YACC;AAAA,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,UAAA,oBAAC,MAAA,EAAK,MAAM,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,SAAO,oBAAC,eAAA,EAAe,GAAG,MAAA,CAAO;AACnC;"}