@flanksource/clicky-ui 0.2.19 → 0.2.20

package/dist/data/ai/chat-window-context.cjs

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const ChatWindowManagerContext = react.createContext(null);
+function useChatWindowManager() {
+  const ctx = react.useContext(ChatWindowManagerContext);
+  if (!ctx) throw new Error("useChatWindowManager must be used within <ChatWindowManagerProvider>");
+  return ctx;
+}
+const MAX_PANELS = 6;
+const DEFAULT_WIDTH = 520;
+const DEFAULT_HEIGHT = 700;
+const CASCADE_OFFSET = 30;
+const Z_BASE = 61;
+function storageKey(storageId) {
+  return `chat-panels:${storageId}`;
+}
+function loadPanels(storageId) {
+  if (typeof window === "undefined") return [];
+  try {
+    const raw = localStorage.getItem(storageKey(storageId));
+    if (!raw) return [];
+    const persisted = JSON.parse(raw);
+    return persisted.map((p, i) => ({
+      ...p,
+      initialModel: null,
+      zIndex: Z_BASE + i,
+      initialPrompt: null,
+      contextItems: []
+    }));
+  } catch {
+    return [];
+  }
+}
+function savePanels(storageId, panels) {
+  const persisted = panels.map((p) => ({
+    id: p.id,
+    threadId: p.threadId,
+    x: p.x,
+    y: p.y,
+    width: p.width,
+    height: p.height,
+    maximized: p.maximized
+  }));
+  localStorage.setItem(storageKey(storageId), JSON.stringify(persisted));
+}
+let _panelId = 0;
+function nextPanelId() {
+  return `panel-${++_panelId}-${Date.now()}`;
+}
+let _promptId = 0;
+function nextPromptId() {
+  return ++_promptId;
+}
+function reindex(panels, frontId) {
+  const sorted = [...panels].sort((a, b) => a.zIndex - b.zIndex);
+  if (frontId) {
+    const idx = sorted.findIndex((p) => p.id === frontId);
+    if (idx >= 0) {
+      const [item] = sorted.splice(idx, 1);
+      if (item) sorted.push(item);
+    }
+  }
+  return sorted.map((p, i) => ({ ...p, zIndex: Z_BASE + i }));
+}
+exports.CASCADE_OFFSET = CASCADE_OFFSET;
+exports.ChatWindowManagerContext = ChatWindowManagerContext;
+exports.DEFAULT_HEIGHT = DEFAULT_HEIGHT;
+exports.DEFAULT_WIDTH = DEFAULT_WIDTH;
+exports.MAX_PANELS = MAX_PANELS;
+exports.Z_BASE = Z_BASE;
+exports.loadPanels = loadPanels;
+exports.nextPanelId = nextPanelId;
+exports.nextPromptId = nextPromptId;
+exports.reindex = reindex;
+exports.savePanels = savePanels;
+exports.useChatWindowManager = useChatWindowManager;
+//# sourceMappingURL=chat-window-context.cjs.map

package/dist/data/ai/chat-window-context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-window-context.cjs","sources":["../../../src/data/ai/chat-window-context.ts"],"sourcesContent":["// Non-component half of the chat window manager: the context object, the hook,\n// id helpers, persistence and layout maths. Split from the Provider (a .tsx\n// component) so this file stays JSX-free — matching the repo idiom of keeping\n// context/hooks in a .ts (see hooks/use-theme.ts, data/test-runner/context.ts)\n// and keeping React-Fast-Refresh happy.\nimport { createContext, useContext } from \"react\";\nimport type { ChatContextItem } from \"./context\";\n\n/** Live state of one floating chat window. Position/size/maximized are\n *  persisted to localStorage; the rest is session-only. */\nexport interface ChatWindowState {\n  id: string;\n  threadId: string | null;\n  initialModel: string | null;\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  zIndex: number;\n  maximized: boolean;\n  /** A prompt to auto-send when the window mounts (the `id` lets the window\n   *  detect a fresh request even if the text repeats). */\n  initialPrompt: { id: number; text: string } | null;\n  contextItems: ChatContextItem[];\n}\n\nexport interface OpenPanelOpts {\n  threadId?: string | null;\n  initialModel?: string | null;\n  initialPrompt?: { id: number; text: string } | null;\n  contextItems?: ChatContextItem[];\n}\n\nexport interface ChatWindowManagerValue {\n  panels: ChatWindowState[];\n  openPanel: (opts?: OpenPanelOpts) => string;\n  closePanel: (id: string) => void;\n  updatePanel: (id: string, partial: Partial<ChatWindowState>) => void;\n  bringToFront: (id: string) => void;\n  maximizePanel: (id: string) => void;\n  /** Reuses the front-most existing window (merging in any new prompt/context)\n   *  or opens a fresh one when none exist. */\n  findOrCreatePanel: (opts?: OpenPanelOpts) => string;\n}\n\nexport const ChatWindowManagerContext = createContext<ChatWindowManagerValue | null>(null);\n\nexport function useChatWindowManager(): ChatWindowManagerValue {\n  const ctx = useContext(ChatWindowManagerContext);\n  if (!ctx) throw new Error(\"useChatWindowManager must be used within <ChatWindowManagerProvider>\");\n  return ctx;\n}\n\nexport const MAX_PANELS = 6;\nexport const DEFAULT_WIDTH = 520;\nexport const DEFAULT_HEIGHT = 700;\nexport const CASCADE_OFFSET = 30;\nexport const Z_BASE = 61;\n\nfunction storageKey(storageId: string) {\n  return `chat-panels:${storageId}`;\n}\n\ninterface PersistedPanel {\n  id: string;\n  threadId: string | null;\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  maximized: boolean;\n}\n\nexport function loadPanels(storageId: string): ChatWindowState[] {\n  if (typeof window === \"undefined\") return [];\n  try {\n    const raw = localStorage.getItem(storageKey(storageId));\n    if (!raw) return [];\n    const persisted: PersistedPanel[] = JSON.parse(raw);\n    return persisted.map((p, i) => ({\n      ...p,\n      initialModel: null,\n      zIndex: Z_BASE + i,\n      initialPrompt: null,\n      contextItems: [],\n    }));\n  } catch {\n    return [];\n  }\n}\n\nexport function savePanels(storageId: string, panels: ChatWindowState[]) {\n  const persisted: PersistedPanel[] = panels.map((p) => ({\n    id: p.id,\n    threadId: p.threadId,\n    x: p.x,\n    y: p.y,\n    width: p.width,\n    height: p.height,\n    maximized: p.maximized,\n  }));\n  localStorage.setItem(storageKey(storageId), JSON.stringify(persisted));\n}\n\nlet _panelId = 0;\nexport function nextPanelId(): string {\n  return `panel-${++_panelId}-${Date.now()}`;\n}\n\nlet _promptId = 0;\n/** A monotonic id stamped onto an `initialPrompt` so a window re-sends even when\n *  the same text is requested twice. */\nexport function nextPromptId(): number {\n  return ++_promptId;\n}\n\n/** Re-indexes z so values stay compact (61, 62, …) with `frontId` on top. */\nexport function reindex(panels: ChatWindowState[], frontId?: string): ChatWindowState[] {\n  const sorted = [...panels].sort((a, b) => a.zIndex - b.zIndex);\n  if (frontId) {\n    const idx = sorted.findIndex((p) => p.id === frontId);\n    if (idx >= 0) {\n      const [item] = sorted.splice(idx, 1);\n      if (item) sorted.push(item);\n    }\n  }\n  return sorted.map((p, i) => ({ ...p, zIndex: Z_BASE + i }));\n}\n"],"names":["createContext","useContext"],"mappings":";;;AA6CO,MAAM,2BAA2BA,MAAAA,cAA6C,IAAI;AAElF,SAAS,uBAA+C;AAC7D,QAAM,MAAMC,MAAAA,WAAW,wBAAwB;AAC/C,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,sEAAsE;AAChG,SAAO;AACT;AAEO,MAAM,aAAa;AACnB,MAAM,gBAAgB;AACtB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,SAAS;AAEtB,SAAS,WAAW,WAAmB;AACrC,SAAO,eAAe,SAAS;AACjC;AAYO,SAAS,WAAW,WAAsC;AAC/D,MAAI,OAAO,WAAW,YAAa,QAAO,CAAA;AAC1C,MAAI;AACF,UAAM,MAAM,aAAa,QAAQ,WAAW,SAAS,CAAC;AACtD,QAAI,CAAC,IAAK,QAAO,CAAA;AACjB,UAAM,YAA8B,KAAK,MAAM,GAAG;AAClD,WAAO,UAAU,IAAI,CAAC,GAAG,OAAO;AAAA,MAC9B,GAAG;AAAA,MACH,cAAc;AAAA,MACd,QAAQ,SAAS;AAAA,MACjB,eAAe;AAAA,MACf,cAAc,CAAA;AAAA,IAAC,EACf;AAAA,EACJ,QAAQ;AACN,WAAO,CAAA;AAAA,EACT;AACF;AAEO,SAAS,WAAW,WAAmB,QAA2B;AACvE,QAAM,YAA8B,OAAO,IAAI,CAAC,OAAO;AAAA,IACrD,IAAI,EAAE;AAAA,IACN,UAAU,EAAE;AAAA,IACZ,GAAG,EAAE;AAAA,IACL,GAAG,EAAE;AAAA,IACL,OAAO,EAAE;AAAA,IACT,QAAQ,EAAE;AAAA,IACV,WAAW,EAAE;AAAA,EAAA,EACb;AACF,eAAa,QAAQ,WAAW,SAAS,GAAG,KAAK,UAAU,SAAS,CAAC;AACvE;AAEA,IAAI,WAAW;AACR,SAAS,cAAsB;AACpC,SAAO,SAAS,EAAE,QAAQ,IAAI,KAAK,KAAK;AAC1C;AAEA,IAAI,YAAY;AAGT,SAAS,eAAuB;AACrC,SAAO,EAAE;AACX;AAGO,SAAS,QAAQ,QAA2B,SAAqC;AACtF,QAAM,SAAS,CAAC,GAAG,MAAM,EAAE,KAAK,CAAC,GAAG,MAAM,EAAE,SAAS,EAAE,MAAM;AAC7D,MAAI,SAAS;AACX,UAAM,MAAM,OAAO,UAAU,CAAC,MAAM,EAAE,OAAO,OAAO;AACpD,QAAI,OAAO,GAAG;AACZ,YAAM,CAAC,IAAI,IAAI,OAAO,OAAO,KAAK,CAAC;AACnC,UAAI,KAAM,QAAO,KAAK,IAAI;AAAA,IAC5B;AAAA,EACF;AACA,SAAO,OAAO,IAAI,CAAC,GAAG,OAAO,EAAE,GAAG,GAAG,QAAQ,SAAS,EAAA,EAAI;AAC5D;;;;;;;;;;;;;"}

package/dist/data/ai/chat-window-context.d.ts

@@ -0,0 +1,57 @@
+import { ChatContextItem } from './context';
+/** Live state of one floating chat window. Position/size/maximized are
+ *  persisted to localStorage; the rest is session-only. */
+export interface ChatWindowState {
+    id: string;
+    threadId: string | null;
+    initialModel: string | null;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    zIndex: number;
+    maximized: boolean;
+    /** A prompt to auto-send when the window mounts (the `id` lets the window
+     *  detect a fresh request even if the text repeats). */
+    initialPrompt: {
+        id: number;
+        text: string;
+    } | null;
+    contextItems: ChatContextItem[];
+}
+export interface OpenPanelOpts {
+    threadId?: string | null;
+    initialModel?: string | null;
+    initialPrompt?: {
+        id: number;
+        text: string;
+    } | null;
+    contextItems?: ChatContextItem[];
+}
+export interface ChatWindowManagerValue {
+    panels: ChatWindowState[];
+    openPanel: (opts?: OpenPanelOpts) => string;
+    closePanel: (id: string) => void;
+    updatePanel: (id: string, partial: Partial<ChatWindowState>) => void;
+    bringToFront: (id: string) => void;
+    maximizePanel: (id: string) => void;
+    /** Reuses the front-most existing window (merging in any new prompt/context)
+     *  or opens a fresh one when none exist. */
+    findOrCreatePanel: (opts?: OpenPanelOpts) => string;
+}
+export declare const ChatWindowManagerContext: import('react').Context<ChatWindowManagerValue | null>;
+export declare function useChatWindowManager(): ChatWindowManagerValue;
+export declare const MAX_PANELS = 6;
+export declare const DEFAULT_WIDTH = 520;
+export declare const DEFAULT_HEIGHT = 700;
+export declare const CASCADE_OFFSET = 30;
+export declare const Z_BASE = 61;
+export declare function loadPanels(storageId: string): ChatWindowState[];
+export declare function savePanels(storageId: string, panels: ChatWindowState[]): void;
+export declare function nextPanelId(): string;
+/** A monotonic id stamped onto an `initialPrompt` so a window re-sends even when
+ *  the same text is requested twice. */
+export declare function nextPromptId(): number;
+/** Re-indexes z so values stay compact (61, 62, …) with `frontId` on top. */
+export declare function reindex(panels: ChatWindowState[], frontId?: string): ChatWindowState[];
+//# sourceMappingURL=chat-window-context.d.ts.map

package/dist/data/ai/chat-window-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-window-context.d.ts","sourceRoot":"","sources":["../../../src/data/ai/chat-window-context.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAEjD;2DAC2D;AAC3D,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB;4DACwD;IACxD,aAAa,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACnD,YAAY,EAAE,eAAe,EAAE,CAAC;CACjC;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,aAAa,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACpD,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;CAClC;AAED,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,SAAS,EAAE,CAAC,IAAI,CAAC,EAAE,aAAa,KAAK,MAAM,CAAC;IAC5C,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACrE,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC;gDAC4C;IAC5C,iBAAiB,EAAE,CAAC,IAAI,CAAC,EAAE,aAAa,KAAK,MAAM,CAAC;CACrD;AAED,eAAO,MAAM,wBAAwB,wDAAqD,CAAC;AAE3F,wBAAgB,oBAAoB,IAAI,sBAAsB,CAI7D;AAED,eAAO,MAAM,UAAU,IAAI,CAAC;AAC5B,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,cAAc,MAAM,CAAC;AAClC,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,MAAM,KAAK,CAAC;AAgBzB,wBAAgB,UAAU,CAAC,SAAS,EAAE,MAAM,GAAG,eAAe,EAAE,CAgB/D;AAED,wBAAgB,UAAU,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,QAWtE;AAGD,wBAAgB,WAAW,IAAI,MAAM,CAEpC;AAGD;wCACwC;AACxC,wBAAgB,YAAY,IAAI,MAAM,CAErC;AAED,6EAA6E;AAC7E,wBAAgB,OAAO,CAAC,MAAM,EAAE,eAAe,EAAE,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,eAAe,EAAE,CAUtF"}

package/dist/data/ai/chat-window-context.js

@@ -0,0 +1,78 @@
+import { useContext, createContext } from "react";
+const ChatWindowManagerContext = createContext(null);
+function useChatWindowManager() {
+  const ctx = useContext(ChatWindowManagerContext);
+  if (!ctx) throw new Error("useChatWindowManager must be used within <ChatWindowManagerProvider>");
+  return ctx;
+}
+const MAX_PANELS = 6;
+const DEFAULT_WIDTH = 520;
+const DEFAULT_HEIGHT = 700;
+const CASCADE_OFFSET = 30;
+const Z_BASE = 61;
+function storageKey(storageId) {
+  return `chat-panels:${storageId}`;
+}
+function loadPanels(storageId) {
+  if (typeof window === "undefined") return [];
+  try {
+    const raw = localStorage.getItem(storageKey(storageId));
+    if (!raw) return [];
+    const persisted = JSON.parse(raw);
+    return persisted.map((p, i) => ({
+      ...p,
+      initialModel: null,
+      zIndex: Z_BASE + i,
+      initialPrompt: null,
+      contextItems: []
+    }));
+  } catch {
+    return [];
+  }
+}
+function savePanels(storageId, panels) {
+  const persisted = panels.map((p) => ({
+    id: p.id,
+    threadId: p.threadId,
+    x: p.x,
+    y: p.y,
+    width: p.width,
+    height: p.height,
+    maximized: p.maximized
+  }));
+  localStorage.setItem(storageKey(storageId), JSON.stringify(persisted));
+}
+let _panelId = 0;
+function nextPanelId() {
+  return `panel-${++_panelId}-${Date.now()}`;
+}
+let _promptId = 0;
+function nextPromptId() {
+  return ++_promptId;
+}
+function reindex(panels, frontId) {
+  const sorted = [...panels].sort((a, b) => a.zIndex - b.zIndex);
+  if (frontId) {
+    const idx = sorted.findIndex((p) => p.id === frontId);
+    if (idx >= 0) {
+      const [item] = sorted.splice(idx, 1);
+      if (item) sorted.push(item);
+    }
+  }
+  return sorted.map((p, i) => ({ ...p, zIndex: Z_BASE + i }));
+}
+export {
+  CASCADE_OFFSET,
+  ChatWindowManagerContext,
+  DEFAULT_HEIGHT,
+  DEFAULT_WIDTH,
+  MAX_PANELS,
+  Z_BASE,
+  loadPanels,
+  nextPanelId,
+  nextPromptId,
+  reindex,
+  savePanels,
+  useChatWindowManager
+};
+//# sourceMappingURL=chat-window-context.js.map

package/dist/data/ai/chat-window-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-window-context.js","sources":["../../../src/data/ai/chat-window-context.ts"],"sourcesContent":["// Non-component half of the chat window manager: the context object, the hook,\n// id helpers, persistence and layout maths. Split from the Provider (a .tsx\n// component) so this file stays JSX-free — matching the repo idiom of keeping\n// context/hooks in a .ts (see hooks/use-theme.ts, data/test-runner/context.ts)\n// and keeping React-Fast-Refresh happy.\nimport { createContext, useContext } from \"react\";\nimport type { ChatContextItem } from \"./context\";\n\n/** Live state of one floating chat window. Position/size/maximized are\n *  persisted to localStorage; the rest is session-only. */\nexport interface ChatWindowState {\n  id: string;\n  threadId: string | null;\n  initialModel: string | null;\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  zIndex: number;\n  maximized: boolean;\n  /** A prompt to auto-send when the window mounts (the `id` lets the window\n   *  detect a fresh request even if the text repeats). */\n  initialPrompt: { id: number; text: string } | null;\n  contextItems: ChatContextItem[];\n}\n\nexport interface OpenPanelOpts {\n  threadId?: string | null;\n  initialModel?: string | null;\n  initialPrompt?: { id: number; text: string } | null;\n  contextItems?: ChatContextItem[];\n}\n\nexport interface ChatWindowManagerValue {\n  panels: ChatWindowState[];\n  openPanel: (opts?: OpenPanelOpts) => string;\n  closePanel: (id: string) => void;\n  updatePanel: (id: string, partial: Partial<ChatWindowState>) => void;\n  bringToFront: (id: string) => void;\n  maximizePanel: (id: string) => void;\n  /** Reuses the front-most existing window (merging in any new prompt/context)\n   *  or opens a fresh one when none exist. */\n  findOrCreatePanel: (opts?: OpenPanelOpts) => string;\n}\n\nexport const ChatWindowManagerContext = createContext<ChatWindowManagerValue | null>(null);\n\nexport function useChatWindowManager(): ChatWindowManagerValue {\n  const ctx = useContext(ChatWindowManagerContext);\n  if (!ctx) throw new Error(\"useChatWindowManager must be used within <ChatWindowManagerProvider>\");\n  return ctx;\n}\n\nexport const MAX_PANELS = 6;\nexport const DEFAULT_WIDTH = 520;\nexport const DEFAULT_HEIGHT = 700;\nexport const CASCADE_OFFSET = 30;\nexport const Z_BASE = 61;\n\nfunction storageKey(storageId: string) {\n  return `chat-panels:${storageId}`;\n}\n\ninterface PersistedPanel {\n  id: string;\n  threadId: string | null;\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  maximized: boolean;\n}\n\nexport function loadPanels(storageId: string): ChatWindowState[] {\n  if (typeof window === \"undefined\") return [];\n  try {\n    const raw = localStorage.getItem(storageKey(storageId));\n    if (!raw) return [];\n    const persisted: PersistedPanel[] = JSON.parse(raw);\n    return persisted.map((p, i) => ({\n      ...p,\n      initialModel: null,\n      zIndex: Z_BASE + i,\n      initialPrompt: null,\n      contextItems: [],\n    }));\n  } catch {\n    return [];\n  }\n}\n\nexport function savePanels(storageId: string, panels: ChatWindowState[]) {\n  const persisted: PersistedPanel[] = panels.map((p) => ({\n    id: p.id,\n    threadId: p.threadId,\n    x: p.x,\n    y: p.y,\n    width: p.width,\n    height: p.height,\n    maximized: p.maximized,\n  }));\n  localStorage.setItem(storageKey(storageId), JSON.stringify(persisted));\n}\n\nlet _panelId = 0;\nexport function nextPanelId(): string {\n  return `panel-${++_panelId}-${Date.now()}`;\n}\n\nlet _promptId = 0;\n/** A monotonic id stamped onto an `initialPrompt` so a window re-sends even when\n *  the same text is requested twice. */\nexport function nextPromptId(): number {\n  return ++_promptId;\n}\n\n/** Re-indexes z so values stay compact (61, 62, …) with `frontId` on top. */\nexport function reindex(panels: ChatWindowState[], frontId?: string): ChatWindowState[] {\n  const sorted = [...panels].sort((a, b) => a.zIndex - b.zIndex);\n  if (frontId) {\n    const idx = sorted.findIndex((p) => p.id === frontId);\n    if (idx >= 0) {\n      const [item] = sorted.splice(idx, 1);\n      if (item) sorted.push(item);\n    }\n  }\n  return sorted.map((p, i) => ({ ...p, zIndex: Z_BASE + i }));\n}\n"],"names":[],"mappings":";AA6CO,MAAM,2BAA2B,cAA6C,IAAI;AAElF,SAAS,uBAA+C;AAC7D,QAAM,MAAM,WAAW,wBAAwB;AAC/C,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,sEAAsE;AAChG,SAAO;AACT;AAEO,MAAM,aAAa;AACnB,MAAM,gBAAgB;AACtB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,SAAS;AAEtB,SAAS,WAAW,WAAmB;AACrC,SAAO,eAAe,SAAS;AACjC;AAYO,SAAS,WAAW,WAAsC;AAC/D,MAAI,OAAO,WAAW,YAAa,QAAO,CAAA;AAC1C,MAAI;AACF,UAAM,MAAM,aAAa,QAAQ,WAAW,SAAS,CAAC;AACtD,QAAI,CAAC,IAAK,QAAO,CAAA;AACjB,UAAM,YAA8B,KAAK,MAAM,GAAG;AAClD,WAAO,UAAU,IAAI,CAAC,GAAG,OAAO;AAAA,MAC9B,GAAG;AAAA,MACH,cAAc;AAAA,MACd,QAAQ,SAAS;AAAA,MACjB,eAAe;AAAA,MACf,cAAc,CAAA;AAAA,IAAC,EACf;AAAA,EACJ,QAAQ;AACN,WAAO,CAAA;AAAA,EACT;AACF;AAEO,SAAS,WAAW,WAAmB,QAA2B;AACvE,QAAM,YAA8B,OAAO,IAAI,CAAC,OAAO;AAAA,IACrD,IAAI,EAAE;AAAA,IACN,UAAU,EAAE;AAAA,IACZ,GAAG,EAAE;AAAA,IACL,GAAG,EAAE;AAAA,IACL,OAAO,EAAE;AAAA,IACT,QAAQ,EAAE;AAAA,IACV,WAAW,EAAE;AAAA,EAAA,EACb;AACF,eAAa,QAAQ,WAAW,SAAS,GAAG,KAAK,UAAU,SAAS,CAAC;AACvE;AAEA,IAAI,WAAW;AACR,SAAS,cAAsB;AACpC,SAAO,SAAS,EAAE,QAAQ,IAAI,KAAK,KAAK;AAC1C;AAEA,IAAI,YAAY;AAGT,SAAS,eAAuB;AACrC,SAAO,EAAE;AACX;AAGO,SAAS,QAAQ,QAA2B,SAAqC;AACtF,QAAM,SAAS,CAAC,GAAG,MAAM,EAAE,KAAK,CAAC,GAAG,MAAM,EAAE,SAAS,EAAE,MAAM;AAC7D,MAAI,SAAS;AACX,UAAM,MAAM,OAAO,UAAU,CAAC,MAAM,EAAE,OAAO,OAAO;AACpD,QAAI,OAAO,GAAG;AACZ,YAAM,CAAC,IAAI,IAAI,OAAO,OAAO,KAAK,CAAC;AACnC,UAAI,KAAM,QAAO,KAAK,IAAI;AAAA,IAC5B;AAAA,EACF;AACA,SAAO,OAAO,IAAI,CAAC,GAAG,OAAO,EAAE,GAAG,GAAG,QAAQ,SAAS,EAAA,EAAI;AAC5D;"}

package/dist/data/ai/context.cjs

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function serializeContext(items) {
+  if (items.length === 0) return "";
+  const lines = items.map((item) => {
+    const entries = Object.entries(item.fields ?? {}).filter(([, v]) => v != null && v !== "").map(([k, v]) => `${k}: ${v}`).join(", ");
+    return entries ? `[${item.type}] ${item.label} (${entries})` : `[${item.type}] ${item.label}`;
+  });
+  return `Context:
+${lines.join("\n")}
+
+`;
+}
+const CONTEXT_LINE_RE = /^\[([^\]]+)\]\s+(.+?)(?:\s+\((.+)\))?$/;
+function parseContextPrefix(text) {
+  if (!text.startsWith("Context:\n")) return { items: [], question: text };
+  const blockEnd = text.indexOf("\n\n");
+  if (blockEnd === -1) return { items: [], question: text };
+  const block = text.slice("Context:\n".length, blockEnd);
+  const question = text.slice(blockEnd + 2);
+  const items = [];
+  for (const line of block.split("\n")) {
+    const m = line.match(CONTEXT_LINE_RE);
+    if (!m) continue;
+    const fields = {};
+    if (m[3]) {
+      for (const pair of m[3].split(/,\s*(?=[A-Za-z0-9_]+:)/)) {
+        const idx = pair.indexOf(":");
+        if (idx > 0) fields[pair.slice(0, idx).trim()] = pair.slice(idx + 1).trim();
+      }
+    }
+    items.push({ id: `parsed-${items.length}`, type: m[1], label: m[2], fields });
+  }
+  return { items, question };
+}
+let nextId = 0;
+function makeContextId() {
+  return `ctx-${++nextId}-${Date.now()}`;
+}
+exports.makeContextId = makeContextId;
+exports.parseContextPrefix = parseContextPrefix;
+exports.serializeContext = serializeContext;
+//# sourceMappingURL=context.cjs.map

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

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

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

@@ -0,0 +1,35 @@
+import { StaticIconComponent } from '../Icon';
+/** A piece of context the user has attached to a chat (a record, a selection,
+ *  a document…). The `type` is an arbitrary caller-defined string; a
+ *  {@link ContextTypeConfig} maps it to an icon/colour for display. `fields`
+ *  are flat key/value details serialized into the prompt and rendered as a
+ *  compact suffix on the badge. */
+export interface ChatContextItem {
+    id: string;
+    type: string;
+    label: string;
+    fields?: Record<string, string>;
+}
+/** Per-type display style for context badges, keyed by `ChatContextItem.type`. */
+export interface ContextTypeStyle {
+    /** Iconify name or an imported icon component. */
+    icon?: string | StaticIconComponent;
+    /** Tailwind classes for the badge (text + background colour). */
+    className?: string;
+}
+export type ContextTypeConfig = Record<string, ContextTypeStyle>;
+/** Serializes attached context into a `Context:` block the backend can prepend
+ *  to (or read alongside) the user's message. Mirrors the format parsed by
+ *  {@link parseContextPrefix}: `[type] label (k: v, k: v)`. Returns "" when
+ *  there is nothing attached. */
+export declare function serializeContext(items: ChatContextItem[]): string;
+/** Splits a message produced with a {@link serializeContext} prefix back into
+ *  its attached items and the bare question. When no prefix is present the
+ *  whole text is returned as the question with no items. */
+export declare function parseContextPrefix(text: string): {
+    items: ChatContextItem[];
+    question: string;
+};
+/** A process-unique id for a newly attached context item. */
+export declare function makeContextId(): string;
+//# sourceMappingURL=context.d.ts.map

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

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

package/dist/data/ai/context.js

@@ -0,0 +1,43 @@
+function serializeContext(items) {
+  if (items.length === 0) return "";
+  const lines = items.map((item) => {
+    const entries = Object.entries(item.fields ?? {}).filter(([, v]) => v != null && v !== "").map(([k, v]) => `${k}: ${v}`).join(", ");
+    return entries ? `[${item.type}] ${item.label} (${entries})` : `[${item.type}] ${item.label}`;
+  });
+  return `Context:
+${lines.join("\n")}
+
+`;
+}
+const CONTEXT_LINE_RE = /^\[([^\]]+)\]\s+(.+?)(?:\s+\((.+)\))?$/;
+function parseContextPrefix(text) {
+  if (!text.startsWith("Context:\n")) return { items: [], question: text };
+  const blockEnd = text.indexOf("\n\n");
+  if (blockEnd === -1) return { items: [], question: text };
+  const block = text.slice("Context:\n".length, blockEnd);
+  const question = text.slice(blockEnd + 2);
+  const items = [];
+  for (const line of block.split("\n")) {
+    const m = line.match(CONTEXT_LINE_RE);
+    if (!m) continue;
+    const fields = {};
+    if (m[3]) {
+      for (const pair of m[3].split(/,\s*(?=[A-Za-z0-9_]+:)/)) {
+        const idx = pair.indexOf(":");
+        if (idx > 0) fields[pair.slice(0, idx).trim()] = pair.slice(idx + 1).trim();
+      }
+    }
+    items.push({ id: `parsed-${items.length}`, type: m[1], label: m[2], fields });
+  }
+  return { items, question };
+}
+let nextId = 0;
+function makeContextId() {
+  return `ctx-${++nextId}-${Date.now()}`;
+}
+export {
+  makeContextId,
+  parseContextPrefix,
+  serializeContext
+};
+//# sourceMappingURL=context.js.map

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

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

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

@@ -0,0 +1,10 @@
+export { ChatWindowManagerProvider, type ChatWindowManagerProviderProps, } from './ChatWindowManager';
+export { useChatWindowManager, nextPromptId, type ChatWindowManagerValue, type ChatWindowState, type OpenPanelOpts, } from './chat-window-context';
+export { ChatWindow, ChatWindowLayer, type ChatWindowProps } from './ChatWindow';
+export { ChatFab, type ChatFabProps } from './ChatFab';
+export { ThreadPicker, type ThreadPickerProps, type ThreadSummary, type ThreadSource, } from './ThreadPicker';
+export { ContextBadges, ContextBadgesReadonly, type ContextBadgesProps, } from './ContextBadges';
+export { ToolPreferences, type ToolPreferencesProps, type ToolMeta, type ToolMode, } from './ToolPreferences';
+export { ContextUsage, type ContextUsageProps } from '../chat/ContextUsage';
+export { serializeContext, parseContextPrefix, makeContextId, type ChatContextItem, type ContextTypeConfig, type ContextTypeStyle, } from './context';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/data/ai/index.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,yBAAyB,EACzB,KAAK,8BAA8B,GACpC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,oBAAoB,EACpB,YAAY,EACZ,KAAK,sBAAsB,EAC3B,KAAK,eAAe,EACpB,KAAK,aAAa,GACnB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AACjF,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,aAAa,EAClB,KAAK,YAAY,GAClB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,aAAa,EACb,qBAAqB,EACrB,KAAK,kBAAkB,GACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,QAAQ,EACb,KAAK,QAAQ,GACd,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE5E,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,aAAa,EACb,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,GACtB,MAAM,WAAW,CAAC"}

package/dist/data/cache-browser/CacheDetailPanel.cjs

@@ -12,8 +12,10 @@ const Section = require("../../layout/Section.cjs");
 const api = require("./api.cjs");
 const CacheValue = require("./CacheValue.cjs");
 const types = require("./types.cjs");
+const download = require("./download.cjs");
 const UiFolder = require("../../icons/components/UiFolder.cjs");
 const UiRefresh = require("../../icons/components/UiRefresh.cjs");
+const UiDownload = require("../../icons/components/UiDownload.cjs");
 const UiTrash = require("../../icons/components/UiTrash.cjs");
 function CacheDetailPanel(props) {
   return types.isLeaf(props.node) ? /* @__PURE__ */ jsxRuntime.jsx(KeyPanel, { ...props }) : /* @__PURE__ */ jsxRuntime.jsx(PrefixPanel, { ...props });
@@ -42,6 +44,7 @@ function KeyPanel({ client, registry, node, onDeleted, className }) {
       {
         title: key,
         onRefresh: () => detail.refetch(),
+        onDownload: detail.data ? () => download.downloadJson(key, detail.data) : void 0,
         onDelete: remove,
         deleteLabel: "Delete key"
       }
@@ -157,6 +160,7 @@ function PrefixPanel({ client, node, onDeleted, onSelect, className }) {
 function PanelHeader({
   title,
   onRefresh,
+  onDownload,
   onDelete,
   deleteLabel
 }) {
@@ -173,6 +177,17 @@ function PanelHeader({
         children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiRefresh.UiRefresh, className: "text-sm" })
       }
     ),
+    onDownload && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onDownload,
+        "aria-label": "Download JSON",
+        title: "Download JSON",
+        className: "inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground",
+        children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiDownload.UiDownload, className: "text-sm" })
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {

package/dist/data/cache-browser/CacheDetailPanel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CacheDetailPanel.cjs","sources":["../../../src/data/cache-browser/CacheDetailPanel.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { cn } from \"../../lib/utils\";\nimport { formatBytes, formatDuration, formatShort } from \"../../lib/format\";\nimport { Icon } from \"../Icon\";\nimport { UiFolder, UiRefresh, UiTrash } from \"../../icons\";\nimport { KeyValueList } from \"../KeyValueList\";\nimport { TabButton } from \"../TabButton\";\nimport { Section } from \"../../layout/Section\";\nimport { cacheQueryKeys, type CacheClient } from \"./api\";\nimport type { CacheAdapterRegistry } from \"./adapter\";\nimport { CacheValue } from \"./CacheValue\";\nimport { isLeaf, type CacheTreeNode } from \"./types\";\n\nexport type CacheDetailPanelProps = {\n  client: CacheClient;\n  registry: CacheAdapterRegistry;\n  node: CacheTreeNode;\n  /** Called after the node (key or whole prefix) was deleted. */\n  onDeleted?: (node: CacheTreeNode) => void;\n  /** Drill into a child prefix/key from the subtree overview. */\n  onSelect?: (node: CacheTreeNode) => void;\n  className?: string;\n};\n\n/**\n * Right-hand pane of the cache browser: full key detail (metadata + adapter\n * or type-aware value rendering) for leaves, an aggregated subtree overview\n * for prefix groups.\n */\nexport function CacheDetailPanel(props: CacheDetailPanelProps) {\n  return isLeaf(props.node) ? <KeyPanel {...props} /> : <PrefixPanel {...props} />;\n}\n\nfunction KeyPanel({ client, registry, node, onDeleted, className }: CacheDetailPanelProps) {\n  const queryClient = useQueryClient();\n  const key = node.key!;\n  const detail = useQuery({\n    queryKey: cacheQueryKeys.key(client.baseUrl, key),\n    queryFn: () => client.key(key),\n  });\n  const [activeTab, setActiveTab] = useState(\"value\");\n\n  const ctx = { node, detail: detail.data ?? null, client };\n  const adapter = registry.resolveDetail(node, detail.data ?? null);\n  const tabs = registry.resolveTabs(ctx);\n\n  const remove = async () => {\n    if (!window.confirm(`Delete key ${key}?`)) return;\n    await client.deleteKey(key);\n    await queryClient.invalidateQueries({ queryKey: cacheQueryKeys.all(client.baseUrl) });\n    onDeleted?.(node);\n  };\n\n  return (\n    <div className={cn(\"flex min-h-0 flex-col gap-density-3 overflow-y-auto p-density-3\", className)}>\n      <PanelHeader\n        title={key}\n        onRefresh={() => detail.refetch()}\n        onDelete={remove}\n        deleteLabel=\"Delete key\"\n      />\n      {detail.isError && <PanelError error={detail.error} />}\n      {detail.data && (\n        <>\n          <KeyValueList\n            items={[\n              { key: \"type\", label: \"Type\", value: <code>{detail.data.type}</code> },\n              {\n                key: \"ttl\",\n                label: \"TTL\",\n                value:\n                  detail.data.ttlSeconds < 0\n                    ? \"none\"\n                    : formatDuration(detail.data.ttlSeconds, { from: \"s\" }),\n              },\n              {\n                key: \"bytes\",\n                label: \"Memory\",\n                value: formatBytes(detail.data.bytes),\n                hidden: !detail.data.bytes,\n              },\n              { key: \"length\", label: \"Length\", value: formatShort(detail.data.length) },\n            ]}\n          />\n          {tabs.length > 0 && (\n            <div role=\"tablist\" className=\"flex flex-wrap items-center gap-1\">\n              <TabButton\n                active={activeTab === \"value\"}\n                onClick={() => setActiveTab(\"value\")}\n                label=\"Value\"\n              />\n              {tabs.map((tab) => (\n                <TabButton\n                  key={tab.id}\n                  active={activeTab === tab.id}\n                  onClick={() => setActiveTab(tab.id)}\n                  label={tab.label}\n                />\n              ))}\n            </div>\n          )}\n          {activeTab === \"value\"\n            ? (adapter?.renderDetail?.(ctx) ?? <CacheValue detail={detail.data} />)\n            : tabs.find((t) => t.id === activeTab)?.render()}\n        </>\n      )}\n      {detail.isLoading && <div className=\"text-sm text-muted-foreground\">Loading key…</div>}\n    </div>\n  );\n}\n\nfunction PrefixPanel({ client, node, onDeleted, onSelect, className }: CacheDetailPanelProps) {\n  const queryClient = useQueryClient();\n  const prefix = node.prefix ?? \"\";\n  const subtree = useQuery({\n    queryKey: cacheQueryKeys.tree(client.baseUrl, prefix),\n    queryFn: () => client.tree(prefix),\n  });\n\n  const remove = async () => {\n    const count = subtree.data?.keys ?? node.keys;\n    if (!window.confirm(`Delete all ${count} keys under ${prefix}?`)) return;\n    await client.deletePrefix(prefix);\n    await queryClient.invalidateQueries({ queryKey: cacheQueryKeys.all(client.baseUrl) });\n    onDeleted?.(node);\n  };\n\n  const children = subtree.data?.nodes ?? [];\n  const maxKeys = Math.max(1, ...children.map((c) => c.keys));\n\n  return (\n    <div className={cn(\"flex min-h-0 flex-col gap-density-3 overflow-y-auto p-density-3\", className)}>\n      <PanelHeader\n        title={\n          <span className=\"inline-flex items-center gap-1.5\">\n            <Icon icon={UiFolder} className=\"text-muted-foreground\" />\n            {prefix}\n          </span>\n        }\n        onRefresh={() => subtree.refetch()}\n        onDelete={remove}\n        deleteLabel=\"Delete prefix\"\n      />\n      {subtree.isError && <PanelError error={subtree.error} />}\n      {subtree.data && (\n        <Section\n          title={`${formatShort(subtree.data.keys)} keys${subtree.data.truncated ? \"+\" : \"\"}`}\n          summary={`${children.length} children`}\n        >\n          <div className=\"flex flex-col\">\n            {children.map((child) => (\n              <button\n                key={child.prefix ?? child.key ?? child.name}\n                type=\"button\"\n                onClick={() => onSelect?.(child)}\n                className=\"grid grid-cols-[minmax(0,14rem)_minmax(0,1fr)_4rem] items-center gap-density-3 rounded px-density-2 py-density-1 text-left text-sm hover:bg-accent\"\n              >\n                <span className=\"truncate font-mono text-xs\">{child.name}</span>\n                <span className=\"h-2 overflow-hidden rounded bg-muted\">\n                  <span\n                    className=\"block h-full bg-primary/60\"\n                    style={{ width: `${(child.keys / maxKeys) * 100}%` }}\n                  />\n                </span>\n                <span className=\"text-right text-xs text-muted-foreground\">\n                  {formatShort(child.keys)}\n                </span>\n              </button>\n            ))}\n          </div>\n        </Section>\n      )}\n      {subtree.isLoading && <div className=\"text-sm text-muted-foreground\">Loading prefix…</div>}\n    </div>\n  );\n}\n\nfunction PanelHeader({\n  title,\n  onRefresh,\n  onDelete,\n  deleteLabel,\n}: {\n  title: React.ReactNode;\n  onRefresh: () => void;\n  onDelete: () => void;\n  deleteLabel: string;\n}) {\n  return (\n    <div className=\"flex items-center gap-2\">\n      <h3 className=\"min-w-0 flex-1 truncate font-mono text-sm font-semibold\">{title}</h3>\n      <button\n        type=\"button\"\n        onClick={onRefresh}\n        aria-label=\"Refresh\"\n        title=\"Refresh\"\n        className=\"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground\"\n      >\n        <Icon icon={UiRefresh} className=\"text-sm\" />\n      </button>\n      <button\n        type=\"button\"\n        onClick={onDelete}\n        aria-label={deleteLabel}\n        title={deleteLabel}\n        className=\"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-destructive/10 hover:text-destructive\"\n      >\n        <Icon icon={UiTrash} className=\"text-sm\" />\n      </button>\n    </div>\n  );\n}\n\nfunction PanelError({ error }: { error: unknown }) {\n  return (\n    <div className=\"rounded-md border border-red-300 bg-red-50 px-density-3 py-density-2 text-xs text-red-800 dark:border-red-800 dark:bg-red-950 dark:text-red-200\">\n      {error instanceof Error ? error.message : String(error)}\n    </div>\n  );\n}\n"],"names":["isLeaf","jsx","useQueryClient","useQuery","cacheQueryKeys","useState","cn","jsxs","Fragment","KeyValueList","formatDuration","formatBytes","formatShort","TabButton","CacheValue","_a","Icon","UiFolder","Section","UiRefresh","UiTrash"],"mappings":"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"}
+{"version":3,"file":"CacheDetailPanel.cjs","sources":["../../../src/data/cache-browser/CacheDetailPanel.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { cn } from \"../../lib/utils\";\nimport { formatBytes, formatDuration, formatShort } from \"../../lib/format\";\nimport { Icon } from \"../Icon\";\nimport { UiDownload, UiFolder, UiRefresh, UiTrash } from \"../../icons\";\nimport { KeyValueList } from \"../KeyValueList\";\nimport { TabButton } from \"../TabButton\";\nimport { Section } from \"../../layout/Section\";\nimport { cacheQueryKeys, type CacheClient } from \"./api\";\nimport type { CacheAdapterRegistry } from \"./adapter\";\nimport { CacheValue } from \"./CacheValue\";\nimport { isLeaf, type CacheTreeNode } from \"./types\";\nimport { downloadJson } from \"./download\";\n\nexport type CacheDetailPanelProps = {\n  client: CacheClient;\n  registry: CacheAdapterRegistry;\n  node: CacheTreeNode;\n  /** Called after the node (key or whole prefix) was deleted. */\n  onDeleted?: (node: CacheTreeNode) => void;\n  /** Drill into a child prefix/key from the subtree overview. */\n  onSelect?: (node: CacheTreeNode) => void;\n  className?: string;\n};\n\n/**\n * Right-hand pane of the cache browser: full key detail (metadata + adapter\n * or type-aware value rendering) for leaves, an aggregated subtree overview\n * for prefix groups.\n */\nexport function CacheDetailPanel(props: CacheDetailPanelProps) {\n  return isLeaf(props.node) ? <KeyPanel {...props} /> : <PrefixPanel {...props} />;\n}\n\nfunction KeyPanel({ client, registry, node, onDeleted, className }: CacheDetailPanelProps) {\n  const queryClient = useQueryClient();\n  const key = node.key!;\n  const detail = useQuery({\n    queryKey: cacheQueryKeys.key(client.baseUrl, key),\n    queryFn: () => client.key(key),\n  });\n  const [activeTab, setActiveTab] = useState(\"value\");\n\n  const ctx = { node, detail: detail.data ?? null, client };\n  const adapter = registry.resolveDetail(node, detail.data ?? null);\n  const tabs = registry.resolveTabs(ctx);\n\n  const remove = async () => {\n    if (!window.confirm(`Delete key ${key}?`)) return;\n    await client.deleteKey(key);\n    await queryClient.invalidateQueries({ queryKey: cacheQueryKeys.all(client.baseUrl) });\n    onDeleted?.(node);\n  };\n\n  return (\n    <div className={cn(\"flex min-h-0 flex-col gap-density-3 overflow-y-auto p-density-3\", className)}>\n      <PanelHeader\n        title={key}\n        onRefresh={() => detail.refetch()}\n        onDownload={detail.data ? () => downloadJson(key, detail.data!) : undefined}\n        onDelete={remove}\n        deleteLabel=\"Delete key\"\n      />\n      {detail.isError && <PanelError error={detail.error} />}\n      {detail.data && (\n        <>\n          <KeyValueList\n            items={[\n              { key: \"type\", label: \"Type\", value: <code>{detail.data.type}</code> },\n              {\n                key: \"ttl\",\n                label: \"TTL\",\n                value:\n                  detail.data.ttlSeconds < 0\n                    ? \"none\"\n                    : formatDuration(detail.data.ttlSeconds, { from: \"s\" }),\n              },\n              {\n                key: \"bytes\",\n                label: \"Memory\",\n                value: formatBytes(detail.data.bytes),\n                hidden: !detail.data.bytes,\n              },\n              { key: \"length\", label: \"Length\", value: formatShort(detail.data.length) },\n            ]}\n          />\n          {tabs.length > 0 && (\n            <div role=\"tablist\" className=\"flex flex-wrap items-center gap-1\">\n              <TabButton\n                active={activeTab === \"value\"}\n                onClick={() => setActiveTab(\"value\")}\n                label=\"Value\"\n              />\n              {tabs.map((tab) => (\n                <TabButton\n                  key={tab.id}\n                  active={activeTab === tab.id}\n                  onClick={() => setActiveTab(tab.id)}\n                  label={tab.label}\n                />\n              ))}\n            </div>\n          )}\n          {activeTab === \"value\"\n            ? (adapter?.renderDetail?.(ctx) ?? <CacheValue detail={detail.data} />)\n            : tabs.find((t) => t.id === activeTab)?.render()}\n        </>\n      )}\n      {detail.isLoading && <div className=\"text-sm text-muted-foreground\">Loading key…</div>}\n    </div>\n  );\n}\n\nfunction PrefixPanel({ client, node, onDeleted, onSelect, className }: CacheDetailPanelProps) {\n  const queryClient = useQueryClient();\n  const prefix = node.prefix ?? \"\";\n  const subtree = useQuery({\n    queryKey: cacheQueryKeys.tree(client.baseUrl, prefix),\n    queryFn: () => client.tree(prefix),\n  });\n\n  const remove = async () => {\n    const count = subtree.data?.keys ?? node.keys;\n    if (!window.confirm(`Delete all ${count} keys under ${prefix}?`)) return;\n    await client.deletePrefix(prefix);\n    await queryClient.invalidateQueries({ queryKey: cacheQueryKeys.all(client.baseUrl) });\n    onDeleted?.(node);\n  };\n\n  const children = subtree.data?.nodes ?? [];\n  const maxKeys = Math.max(1, ...children.map((c) => c.keys));\n\n  return (\n    <div className={cn(\"flex min-h-0 flex-col gap-density-3 overflow-y-auto p-density-3\", className)}>\n      <PanelHeader\n        title={\n          <span className=\"inline-flex items-center gap-1.5\">\n            <Icon icon={UiFolder} className=\"text-muted-foreground\" />\n            {prefix}\n          </span>\n        }\n        onRefresh={() => subtree.refetch()}\n        onDelete={remove}\n        deleteLabel=\"Delete prefix\"\n      />\n      {subtree.isError && <PanelError error={subtree.error} />}\n      {subtree.data && (\n        <Section\n          title={`${formatShort(subtree.data.keys)} keys${subtree.data.truncated ? \"+\" : \"\"}`}\n          summary={`${children.length} children`}\n        >\n          <div className=\"flex flex-col\">\n            {children.map((child) => (\n              <button\n                key={child.prefix ?? child.key ?? child.name}\n                type=\"button\"\n                onClick={() => onSelect?.(child)}\n                className=\"grid grid-cols-[minmax(0,14rem)_minmax(0,1fr)_4rem] items-center gap-density-3 rounded px-density-2 py-density-1 text-left text-sm hover:bg-accent\"\n              >\n                <span className=\"truncate font-mono text-xs\">{child.name}</span>\n                <span className=\"h-2 overflow-hidden rounded bg-muted\">\n                  <span\n                    className=\"block h-full bg-primary/60\"\n                    style={{ width: `${(child.keys / maxKeys) * 100}%` }}\n                  />\n                </span>\n                <span className=\"text-right text-xs text-muted-foreground\">\n                  {formatShort(child.keys)}\n                </span>\n              </button>\n            ))}\n          </div>\n        </Section>\n      )}\n      {subtree.isLoading && <div className=\"text-sm text-muted-foreground\">Loading prefix…</div>}\n    </div>\n  );\n}\n\nfunction PanelHeader({\n  title,\n  onRefresh,\n  onDownload,\n  onDelete,\n  deleteLabel,\n}: {\n  title: React.ReactNode;\n  onRefresh: () => void;\n  onDownload?: (() => void) | undefined;\n  onDelete: () => void;\n  deleteLabel: string;\n}) {\n  return (\n    <div className=\"flex items-center gap-2\">\n      <h3 className=\"min-w-0 flex-1 truncate font-mono text-sm font-semibold\">{title}</h3>\n      <button\n        type=\"button\"\n        onClick={onRefresh}\n        aria-label=\"Refresh\"\n        title=\"Refresh\"\n        className=\"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground\"\n      >\n        <Icon icon={UiRefresh} className=\"text-sm\" />\n      </button>\n      {onDownload && (\n        <button\n          type=\"button\"\n          onClick={onDownload}\n          aria-label=\"Download JSON\"\n          title=\"Download JSON\"\n          className=\"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground\"\n        >\n          <Icon icon={UiDownload} className=\"text-sm\" />\n        </button>\n      )}\n      <button\n        type=\"button\"\n        onClick={onDelete}\n        aria-label={deleteLabel}\n        title={deleteLabel}\n        className=\"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-destructive/10 hover:text-destructive\"\n      >\n        <Icon icon={UiTrash} className=\"text-sm\" />\n      </button>\n    </div>\n  );\n}\n\nfunction PanelError({ error }: { error: unknown }) {\n  return (\n    <div className=\"rounded-md border border-red-300 bg-red-50 px-density-3 py-density-2 text-xs text-red-800 dark:border-red-800 dark:bg-red-950 dark:text-red-200\">\n      {error instanceof Error ? error.message : String(error)}\n    </div>\n  );\n}\n"],"names":["isLeaf","jsx","useQueryClient","useQuery","cacheQueryKeys","useState","cn","downloadJson","jsxs","Fragment","KeyValueList","formatDuration","formatBytes","formatShort","TabButton","CacheValue","_a","Icon","UiFolder","Section","UiRefresh","UiDownload","UiTrash"],"mappings":"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"}

package/dist/data/cache-browser/CacheDetailPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CacheDetailPanel.d.ts","sourceRoot":"","sources":["../../../src/data/cache-browser/CacheDetailPanel.tsx"],"names":[],"mappings":"AASA,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAEtD,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,IAAI,EAAE,aAAa,CAAC;IACpB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAE5D"}
+{"version":3,"file":"CacheDetailPanel.d.ts","sourceRoot":"","sources":["../../../src/data/cache-browser/CacheDetailPanel.tsx"],"names":[],"mappings":"AASA,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAEtD,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAGrD,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,IAAI,EAAE,aAAa,CAAC;IACpB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAE5D"}

package/dist/data/cache-browser/CacheDetailPanel.js

@@ -10,8 +10,10 @@ import { Section } from "../../layout/Section.js";
 import { cacheQueryKeys } from "./api.js";
 import { CacheValue } from "./CacheValue.js";
 import { isLeaf } from "./types.js";
+import { downloadJson } from "./download.js";
 import { UiFolder } from "../../icons/components/UiFolder.js";
 import { UiRefresh } from "../../icons/components/UiRefresh.js";
+import { UiDownload } from "../../icons/components/UiDownload.js";
 import { UiTrash } from "../../icons/components/UiTrash.js";
 function CacheDetailPanel(props) {
   return isLeaf(props.node) ? /* @__PURE__ */ jsx(KeyPanel, { ...props }) : /* @__PURE__ */ jsx(PrefixPanel, { ...props });
@@ -40,6 +42,7 @@ function KeyPanel({ client, registry, node, onDeleted, className }) {
       {
         title: key,
         onRefresh: () => detail.refetch(),
+        onDownload: detail.data ? () => downloadJson(key, detail.data) : void 0,
         onDelete: remove,
         deleteLabel: "Delete key"
       }
@@ -155,6 +158,7 @@ function PrefixPanel({ client, node, onDeleted, onSelect, className }) {
 function PanelHeader({
   title,
   onRefresh,
+  onDownload,
   onDelete,
   deleteLabel
 }) {
@@ -171,6 +175,17 @@ function PanelHeader({
         children: /* @__PURE__ */ jsx(Icon, { icon: UiRefresh, className: "text-sm" })
       }
     ),
+    onDownload && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onDownload,
+        "aria-label": "Download JSON",
+        title: "Download JSON",
+        className: "inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground",
+        children: /* @__PURE__ */ jsx(Icon, { icon: UiDownload, className: "text-sm" })
+      }
+    ),
     /* @__PURE__ */ jsx(
       "button",
       {