@neuronection/assistant-ui 0.22.0 → 0.24.0

package/dist/chunk-X3C2FBMR.js

@@ -0,0 +1,141 @@
+import { cn } from './chunk-BLJWR4ZV.js';
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { X } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function useIsNarrow(breakpointPx) {
+  const [narrow, setNarrow] = React.useState(
+    () => typeof window !== "undefined" && window.matchMedia !== void 0 ? window.matchMedia(`(max-width: ${breakpointPx - 1}px)`).matches : false
+  );
+  React.useEffect(() => {
+    if (typeof window === "undefined" || window.matchMedia === void 0) {
+      return;
+    }
+    const query = window.matchMedia(`(max-width: ${breakpointPx - 1}px)`);
+    const listener = (event) => setNarrow(event.matches);
+    query.addEventListener("change", listener);
+    setNarrow(query.matches);
+    return () => query.removeEventListener("change", listener);
+  }, [breakpointPx]);
+  return narrow;
+}
+var ChatDrawer = React.forwardRef(
+  function ChatDrawer2({
+    open,
+    onOpenChange,
+    panel,
+    side = "right",
+    width = 480,
+    onWidthChange,
+    minWidth = 320,
+    maxWidth = 860,
+    resizable = true,
+    closeLabel = "Close chat",
+    resizeLabel = "Resize chat panel",
+    title = "Chat",
+    fullScreenBreakpointPx = 768,
+    container,
+    overlayClassName,
+    className
+  }) {
+    const narrow = useIsNarrow(fullScreenBreakpointPx);
+    const draggingRef = React.useRef(false);
+    const clamp = (value) => Math.min(maxWidth, Math.max(minWidth, value));
+    const onHandleKeyDown = (event) => {
+      if (!resizable || narrow) {
+        return;
+      }
+      const step = event.shiftKey ? 48 : 16;
+      if (event.key === (side === "right" ? "ArrowLeft" : "ArrowRight")) {
+        event.preventDefault();
+        onWidthChange?.(clamp(width + step));
+      } else if (event.key === (side === "right" ? "ArrowRight" : "ArrowLeft")) {
+        event.preventDefault();
+        onWidthChange?.(clamp(width - step));
+      }
+    };
+    const onHandlePointerDown = (event) => {
+      if (!resizable || narrow || event.button !== 0) {
+        return;
+      }
+      event.preventDefault();
+      draggingRef.current = true;
+      event.currentTarget.setPointerCapture(event.pointerId);
+    };
+    const onHandlePointerMove = (event) => {
+      if (!draggingRef.current) {
+        return;
+      }
+      const delta = side === "right" ? window.innerWidth - event.clientX : event.clientX;
+      onWidthChange?.(clamp(delta));
+    };
+    const onHandlePointerUp = (event) => {
+      if (!draggingRef.current) {
+        return;
+      }
+      draggingRef.current = false;
+      if (event.currentTarget.hasPointerCapture(event.pointerId)) {
+        event.currentTarget.releasePointerCapture(event.pointerId);
+      }
+    };
+    return /* @__PURE__ */ jsx(DialogPrimitive.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { container, children: [
+      /* @__PURE__ */ jsx(
+        DialogPrimitive.Overlay,
+        {
+          "data-as": "chat-drawer-overlay",
+          className: cn("as-anim-fade fixed inset-0 z-[var(--as-z-modal)] bg-[var(--as-overlay)]", overlayClassName)
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        DialogPrimitive.Content,
+        {
+          "data-as": "chat-drawer",
+          "data-side": side,
+          "data-full-screen": narrow || void 0,
+          style: narrow ? void 0 : { width: `${width}px`, maxWidth: "100vw" },
+          className: cn(
+            "as-anim-drawer fixed top-0 z-[var(--as-z-modal)] flex h-dvh flex-col border-[var(--as-border)] bg-[var(--as-surface)] text-[var(--as-fg)] shadow-[var(--as-shadow-3)] focus:outline-none",
+            narrow ? "inset-x-0 bottom-0 border-t" : side === "right" ? "bottom-0 right-0 border-l" : "bottom-0 left-0 border-r",
+            className
+          ),
+          children: [
+            resizable && !narrow ? /* @__PURE__ */ jsx(
+              "div",
+              {
+                role: "separator",
+                "aria-orientation": "vertical",
+                "aria-label": resizeLabel,
+                tabIndex: 0,
+                onKeyDown: onHandleKeyDown,
+                onPointerDown: onHandlePointerDown,
+                onPointerMove: onHandlePointerMove,
+                onPointerUp: onHandlePointerUp,
+                onPointerCancel: onHandlePointerUp,
+                className: cn(
+                  "group/handle absolute top-0 z-10 h-dvh w-1.5 cursor-col-resize focus-visible:outline-2 focus-visible:outline-[var(--as-focus-ring)]",
+                  side === "right" ? "-left-1" : "-right-1"
+                ),
+                children: /* @__PURE__ */ jsx("span", { className: "mx-auto block h-full w-px bg-transparent transition-colors group-hover/handle:bg-[var(--as-border)]" })
+              }
+            ) : null,
+            /* @__PURE__ */ jsx(DialogPrimitive.Title, { className: "sr-only", children: title }),
+            /* @__PURE__ */ jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: panel }),
+            /* @__PURE__ */ jsx(
+              DialogPrimitive.Close,
+              {
+                "aria-label": closeLabel,
+                className: "absolute right-3 top-2.5 rounded-[var(--as-radius-sm)] p-1 text-[var(--as-muted-fg)] transition-colors hover:bg-[var(--as-secondary)] hover:text-[var(--as-fg)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)]",
+                children: /* @__PURE__ */ jsx(X, { "aria-hidden": true, className: "size-4" })
+              }
+            )
+          ]
+        }
+      )
+    ] }) });
+  }
+);
+
+export { ChatDrawer };
+//# sourceMappingURL=chunk-X3C2FBMR.js.map
+//# sourceMappingURL=chunk-X3C2FBMR.js.map

package/dist/chunk-X3C2FBMR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat-drawer/ChatDrawer.tsx"],"names":["ChatDrawer"],"mappings":"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","file":"chunk-X3C2FBMR.js","sourcesContent":["import * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { X } from 'lucide-react'\n\nimport { cn } from '../../lib/utils'\n\nexport interface ChatDrawerProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  /** The sidepanel content — usually `ChatPanel variant=\"sidebar\"`. */\n  panel: React.ReactNode\n  side?: 'right' | 'left'\n  /** Controlled width in px (persist app-side). Default 480. */\n  width?: number\n  onWidthChange?: (width: number) => void\n  minWidth?: number\n  maxWidth?: number\n  resizable?: boolean\n  closeLabel?: string\n  resizeLabel?: string\n  /** Accessible dialog name (visually hidden). Default \"Chat\". */\n  title?: string\n  /** Below this viewport width the drawer goes full-screen. Default 768. */\n  fullScreenBreakpointPx?: number\n  container?: HTMLElement | null\n  overlayClassName?: string\n  className?: string\n}\n\nfunction useIsNarrow(breakpointPx: number): boolean {\n  const [narrow, setNarrow] = React.useState(() =>\n    typeof window !== 'undefined' && window.matchMedia !== undefined\n      ? window.matchMedia(`(max-width: ${breakpointPx - 1}px)`).matches\n      : false,\n  )\n  React.useEffect(() => {\n    if (typeof window === 'undefined' || window.matchMedia === undefined) {\n      return\n    }\n    const query = window.matchMedia(`(max-width: ${breakpointPx - 1}px)`)\n    const listener = (event: MediaQueryListEvent) => setNarrow(event.matches)\n    query.addEventListener('change', listener)\n    setNarrow(query.matches)\n    return () => query.removeEventListener('change', listener)\n  }, [breakpointPx])\n  return narrow\n}\n\n/**\n * The resizable chat sidepanel (health's `AIDrawer` + study's resizable\n * sidebar, family-standard): portal overlay on Radix Dialog (focus trap,\n * Escape), drag + keyboard resize, full-screen below the breakpoint.\n */\nexport const ChatDrawer = React.forwardRef<HTMLDivElement, ChatDrawerProps>(\n  function ChatDrawer({\n      open,\n      onOpenChange,\n      panel,\n      side = 'right',\n      width = 480,\n      onWidthChange,\n      minWidth = 320,\n      maxWidth = 860,\n      resizable = true,\n      closeLabel = 'Close chat',\n      resizeLabel = 'Resize chat panel',\n      title = 'Chat',\n      fullScreenBreakpointPx = 768,\n      container,\n      overlayClassName,\n      className,\n    }) {\n    const narrow = useIsNarrow(fullScreenBreakpointPx)\n    const draggingRef = React.useRef(false)\n\n    const clamp = (value: number) => Math.min(maxWidth, Math.max(minWidth, value))\n\n    const onHandleKeyDown = (event: React.KeyboardEvent) => {\n      if (!resizable || narrow) {\n        return\n      }\n      const step = event.shiftKey ? 48 : 16\n      if (event.key === (side === 'right' ? 'ArrowLeft' : 'ArrowRight')) {\n        event.preventDefault()\n        onWidthChange?.(clamp(width + step))\n      } else if (event.key === (side === 'right' ? 'ArrowRight' : 'ArrowLeft')) {\n        event.preventDefault()\n        onWidthChange?.(clamp(width - step))\n      }\n    }\n\n    const onHandlePointerDown = (event: React.PointerEvent<HTMLDivElement>) => {\n      if (!resizable || narrow || event.button !== 0) {\n        return\n      }\n      event.preventDefault()\n      draggingRef.current = true\n      event.currentTarget.setPointerCapture(event.pointerId)\n    }\n\n    const onHandlePointerMove = (event: React.PointerEvent<HTMLDivElement>) => {\n      if (!draggingRef.current) {\n        return\n      }\n      const delta = side === 'right' ? window.innerWidth - event.clientX : event.clientX\n      onWidthChange?.(clamp(delta))\n    }\n\n    const onHandlePointerUp = (event: React.PointerEvent<HTMLDivElement>) => {\n      if (!draggingRef.current) {\n        return\n      }\n      draggingRef.current = false\n      if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n        event.currentTarget.releasePointerCapture(event.pointerId)\n      }\n    }\n\n    return (\n      <DialogPrimitive.Root open={open} onOpenChange={onOpenChange}>\n        <DialogPrimitive.Portal container={container}>\n          <DialogPrimitive.Overlay\n            data-as=\"chat-drawer-overlay\"\n            className={cn('as-anim-fade fixed inset-0 z-[var(--as-z-modal)] bg-[var(--as-overlay)]', overlayClassName)}\n          />\n          <DialogPrimitive.Content\n            data-as=\"chat-drawer\"\n            data-side={side}\n            data-full-screen={narrow || undefined}\n            style={narrow ? undefined : { width: `${width}px`, maxWidth: '100vw' }}\n            className={cn(\n              'as-anim-drawer fixed top-0 z-[var(--as-z-modal)] flex h-dvh flex-col border-[var(--as-border)] bg-[var(--as-surface)] text-[var(--as-fg)] shadow-[var(--as-shadow-3)] focus:outline-none',\n              narrow\n                ? 'inset-x-0 bottom-0 border-t'\n                : side === 'right'\n                  ? 'bottom-0 right-0 border-l'\n                  : 'bottom-0 left-0 border-r',\n              className,\n            )}\n          >\n            {resizable && !narrow ? (\n              <div\n                role=\"separator\"\n                aria-orientation=\"vertical\"\n                aria-label={resizeLabel}\n                tabIndex={0}\n                onKeyDown={onHandleKeyDown}\n                onPointerDown={onHandlePointerDown}\n                onPointerMove={onHandlePointerMove}\n                onPointerUp={onHandlePointerUp}\n                onPointerCancel={onHandlePointerUp}\n                className={cn(\n                  'group/handle absolute top-0 z-10 h-dvh w-1.5 cursor-col-resize focus-visible:outline-2 focus-visible:outline-[var(--as-focus-ring)]',\n                  side === 'right' ? '-left-1' : '-right-1',\n                )}\n              >\n                <span className=\"mx-auto block h-full w-px bg-transparent transition-colors group-hover/handle:bg-[var(--as-border)]\" />\n              </div>\n            ) : null}\n            <DialogPrimitive.Title className=\"sr-only\">{title}</DialogPrimitive.Title>\n            <div className=\"flex min-h-0 flex-1 flex-col\">{panel}</div>\n            <DialogPrimitive.Close\n              aria-label={closeLabel}\n              className=\"absolute right-3 top-2.5 rounded-[var(--as-radius-sm)] p-1 text-[var(--as-muted-fg)] transition-colors hover:bg-[var(--as-secondary)] hover:text-[var(--as-fg)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)]\"\n            >\n              <X aria-hidden className=\"size-4\" />\n            </DialogPrimitive.Close>\n          </DialogPrimitive.Content>\n        </DialogPrimitive.Portal>\n      </DialogPrimitive.Root>\n    )\n  },\n)\n"]}

package/dist/{chunk-7YLR4AGA.js → chunk-XZWLTTHA.js}

@@ -8,5 +8,5 @@ function Portal({ children, container }) {
 }
 
 export { Portal };
-//# sourceMappingURL=chunk-7YLR4AGA.js.map
-//# sourceMappingURL=chunk-7YLR4AGA.js.map
+//# sourceMappingURL=chunk-XZWLTTHA.js.map
+//# sourceMappingURL=chunk-XZWLTTHA.js.map

package/dist/{chunk-7YLR4AGA.js.map → chunk-XZWLTTHA.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/portal/Portal.tsx"],"names":[],"mappings":";;;AAQO,SAAS,MAAA,CAAO,EAAE,QAAA,EAAU,SAAA,EAAU,EAAgB;AAC3D,EAAA,IAAI,OAAO,QAAA,KAAa,WAAA,EAAa,OAAO,IAAA;AAC5C,EAAA,MAAM,KAAA,GAAQ,aAAa,QAAA,CAAS,IAAA;AACpC,EAAA,OAAO,YAAA,CAAa,UAAU,KAAK,CAAA;AACrC","file":"chunk-7YLR4AGA.js","sourcesContent":["import * as React from 'react'\nimport { createPortal } from 'react-dom'\n\nexport interface PortalProps {\n  children: React.ReactNode\n  container?: HTMLElement | null\n}\n\nexport function Portal({ children, container }: PortalProps) {\n  if (typeof document === 'undefined') return null\n  const mount = container ?? document.body\n  return createPortal(children, mount)\n}\n"]}
+{"version":3,"sources":["../src/components/portal/Portal.tsx"],"names":[],"mappings":";;;AAQO,SAAS,MAAA,CAAO,EAAE,QAAA,EAAU,SAAA,EAAU,EAAgB;AAC3D,EAAA,IAAI,OAAO,QAAA,KAAa,WAAA,EAAa,OAAO,IAAA;AAC5C,EAAA,MAAM,KAAA,GAAQ,aAAa,QAAA,CAAS,IAAA;AACpC,EAAA,OAAO,YAAA,CAAa,UAAU,KAAK,CAAA;AACrC","file":"chunk-XZWLTTHA.js","sourcesContent":["import * as React from 'react'\nimport { createPortal } from 'react-dom'\n\nexport interface PortalProps {\n  children: React.ReactNode\n  container?: HTMLElement | null\n}\n\nexport function Portal({ children, container }: PortalProps) {\n  if (typeof document === 'undefined') return null\n  const mount = container ?? document.body\n  return createPortal(children, mount)\n}\n"]}

package/dist/chunk-Z4IBQ53C.js

@@ -0,0 +1,75 @@
+// src/components/chat-core/tree.ts
+function buildBranchTree(input) {
+  const nodes = {};
+  for (const node of input.nodes) {
+    nodes[node.id] = { ...node, childIds: [] };
+  }
+  for (const node of Object.values(nodes)) {
+    if (node.parentId !== null && nodes[node.parentId] !== void 0) {
+      nodes[node.parentId].childIds.push(node.id);
+    }
+  }
+  let activeRootId = input.activeRootId ?? null;
+  if (activeRootId === null || nodes[activeRootId] === void 0) {
+    const roots = Object.values(nodes).filter((node) => node.parentId === null);
+    activeRootId = roots.length > 0 ? roots[roots.length - 1].id : null;
+  }
+  return { activeRootId, nodes };
+}
+function linearTree(items) {
+  const nodes = {};
+  let previousId = null;
+  for (const item of items) {
+    nodes[item.id] = {
+      id: item.id,
+      role: item.role,
+      excerpt: item.excerpt,
+      parentId: previousId,
+      activeChildId: null,
+      childIds: []
+    };
+    if (previousId !== null) {
+      nodes[previousId].activeChildId = item.id;
+      nodes[previousId].childIds.push(item.id);
+    }
+    previousId = item.id;
+  }
+  return { activeRootId: items.length > 0 ? items[0].id : null, nodes };
+}
+function walkActivePath(tree) {
+  const path = [];
+  const visited = /* @__PURE__ */ new Set();
+  let currentId = tree.activeRootId;
+  while (currentId !== null && !visited.has(currentId)) {
+    const node = tree.nodes[currentId];
+    if (node === void 0) {
+      break;
+    }
+    visited.add(currentId);
+    path.push(currentId);
+    const fallback = node.childIds.length > 0 ? node.childIds[node.childIds.length - 1] ?? null : null;
+    const nextId = node.activeChildId ?? fallback;
+    currentId = nextId !== null && tree.nodes[nextId] !== void 0 ? nextId : null;
+  }
+  return path;
+}
+function activePathSet(tree) {
+  return new Set(walkActivePath(tree));
+}
+function variantInfo(tree, nodeId) {
+  const node = tree.nodes[nodeId];
+  if (node === void 0) {
+    return { index: 1, count: 1, siblingIds: [nodeId] };
+  }
+  const siblingIds = node.parentId !== null && tree.nodes[node.parentId] !== void 0 ? tree.nodes[node.parentId].childIds : Object.values(tree.nodes).filter((candidate) => candidate.parentId === null).map((candidate) => candidate.id);
+  const index = siblingIds.indexOf(nodeId);
+  return {
+    index: index === -1 ? 1 : index + 1,
+    count: siblingIds.length,
+    siblingIds
+  };
+}
+
+export { activePathSet, buildBranchTree, linearTree, variantInfo, walkActivePath };
+//# sourceMappingURL=chunk-Z4IBQ53C.js.map
+//# sourceMappingURL=chunk-Z4IBQ53C.js.map

package/dist/chunk-Z4IBQ53C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat-core/tree.ts"],"names":[],"mappings":"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","file":"chunk-Z4IBQ53C.js","sourcesContent":["import type { ChatRole } from './types'\n\nexport interface BranchNode {\n  id: string\n  role: ChatRole\n  excerpt?: string\n  parentId: string | null\n  activeChildId: string | null\n  /** In insertion (sibling-order) order; the last entry is the newest sibling. */\n  childIds: string[]\n}\n\nexport interface BranchTree {\n  activeRootId: string | null\n  nodes: Record<string, BranchNode>\n}\n\nexport type BranchNodeInput = Omit<BranchNode, 'childIds'>\n\n/**\n * Index the server's branch-tree projection (family contract: the read-only\n * `GET …/tree` shape) and compute child lists. Insertion order defines\n * sibling order — the last child is the newest variant (fallback when a\n * parent has no `activeChildId`).\n */\nexport function buildBranchTree(input: { activeRootId?: string | null; nodes: BranchNodeInput[] }): BranchTree {\n  const nodes: Record<string, BranchNode> = {}\n  for (const node of input.nodes) {\n    nodes[node.id] = { ...node, childIds: [] }\n  }\n  for (const node of Object.values(nodes)) {\n    if (node.parentId !== null && nodes[node.parentId] !== undefined) {\n      nodes[node.parentId]!.childIds.push(node.id)\n    }\n  }\n  let activeRootId = input.activeRootId ?? null\n  if (activeRootId === null || nodes[activeRootId] === undefined) {\n    const roots = Object.values(nodes).filter((node) => node.parentId === null)\n    activeRootId = roots.length > 0 ? roots[roots.length - 1]!.id : null\n  }\n  return { activeRootId, nodes }\n}\n\n/**\n * Degenerate single-path tree from a visible (already active-path) message\n * list — for apps/backends without branching yet. Every message parents to\n * the previous one; the tree renders identically to a branched one.\n */\nexport function linearTree(items: { id: string; role: ChatRole; excerpt?: string }[]): BranchTree {\n  const nodes: Record<string, BranchNode> = {}\n  let previousId: string | null = null\n  for (const item of items) {\n    nodes[item.id] = {\n      id: item.id,\n      role: item.role,\n      excerpt: item.excerpt,\n      parentId: previousId,\n      activeChildId: null,\n      childIds: [],\n    }\n    if (previousId !== null) {\n      nodes[previousId]!.activeChildId = item.id\n      nodes[previousId]!.childIds.push(item.id)\n    }\n    previousId = item.id\n  }\n  return { activeRootId: items.length > 0 ? items[0]!.id : null, nodes }\n}\n\n/**\n * The visible conversation: pointer walk from the active root, following\n * each node's `activeChildId` (fallback: newest sibling). Cycle-safe.\n */\nexport function walkActivePath(tree: BranchTree): string[] {\n  const path: string[] = []\n  const visited = new Set<string>()\n  let currentId = tree.activeRootId\n  while (currentId !== null && !visited.has(currentId)) {\n    const node = tree.nodes[currentId]\n    if (node === undefined) {\n      break\n    }\n    visited.add(currentId)\n    path.push(currentId)\n    const fallback = node.childIds.length > 0 ? node.childIds[node.childIds.length - 1] ?? null : null\n    const nextId = node.activeChildId ?? fallback\n    currentId = nextId !== null && tree.nodes[nextId] !== undefined ? nextId : null\n  }\n  return path\n}\n\nexport function activePathSet(tree: BranchTree): Set<string> {\n  return new Set(walkActivePath(tree))\n}\n\n/**\n * Sibling variant info for the inline `‹ n/N ›` switcher: the 1-based index\n * of `nodeId` among its siblings (roots are siblings of each other) and the\n * ordered sibling ids.\n */\nexport function variantInfo(\n  tree: BranchTree,\n  nodeId: string,\n): { index: number; count: number; siblingIds: string[] } {\n  const node = tree.nodes[nodeId]\n  if (node === undefined) {\n    return { index: 1, count: 1, siblingIds: [nodeId] }\n  }\n  const siblingIds =\n    node.parentId !== null && tree.nodes[node.parentId] !== undefined\n      ? tree.nodes[node.parentId]!.childIds\n      : Object.values(tree.nodes)\n          .filter((candidate) => candidate.parentId === null)\n          .map((candidate) => candidate.id)\n  const index = siblingIds.indexOf(nodeId)\n  return {\n    index: index === -1 ? 1 : index + 1,\n    count: siblingIds.length,\n    siblingIds,\n  }\n}\n"]}

package/dist/{chunk-7KD4MG75.js → chunk-ZK2V2LPA.js}

@@ -10,7 +10,7 @@ var SettingsShell = React.forwardRef(
       {
         ref,
         "data-as": "settings-shell",
-        className: cn("grid grid-cols-1 gap-8 lg:grid-cols-4", className),
+        className: cn("grid gap-8", className),
         children: [
           /* @__PURE__ */ jsx(
             "nav",
@@ -79,5 +79,5 @@ var SettingsShell = React.forwardRef(
 );
 
 export { SettingsShell };
-//# sourceMappingURL=chunk-7KD4MG75.js.map
-//# sourceMappingURL=chunk-7KD4MG75.js.map
+//# sourceMappingURL=chunk-ZK2V2LPA.js.map
+//# sourceMappingURL=chunk-ZK2V2LPA.js.map

package/dist/chunk-ZK2V2LPA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/settings-shell/SettingsShell.tsx"],"names":["SettingsShell"],"mappings":";;;;AAyBO,IAAM,aAAA,GAAsB,KAAA,CAAA,UAAA;AAAA,EACjC,SAASA,cAAAA,CACP,EAAE,GAAA,EAAK,MAAA,EAAQ,UAAA,EAAY,MAAA,EAAQ,QAAA,EAAU,SAAA,EAAW,YAAA,EAAc,SAAA,EAAU,EAChF,GAAA,EACA;AACA,IAAA,MAAM,aAAa,MAAA,EAAQ,IAAA;AAC3B,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAQ,gBAAA;AAAA,QACR,SAAA,EAAW,EAAA,CAAG,YAAA,EAAc,SAAS,CAAA;AAAA,QAErC,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,eAAA;AAAA,cACV,YAAA,EAAW,mBAAA;AAAA,cACX,aAAA,EAAa,SAAA;AAAA,cAEb,QAAA,kBAAA,IAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,EAAA;AAAA,oBACT,gIAAA;AAAA,oBACA;AAAA,mBACF;AAAA,kBAEC,QAAA,EAAA;AAAA,oBAAA,MAAA,mBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6EAAA,EACZ,QAAA,EAAA;AAAA,sBAAA,UAAA,mBACC,GAAA;AAAA,wBAAC,UAAA;AAAA,wBAAA;AAAA,0BACC,SAAA,EAAU,0CAAA;AAAA,0BACV,aAAA,EAAW;AAAA;AAAA,uBACb,GACE,IAAA;AAAA,sCACJ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gDAAA,EACb,iBAAO,KAAA,EACV;AAAA,qBAAA,EACF,CAAA,GACE,IAAA;AAAA,oBACH,GAAA,CAAI,GAAA,CAAI,CAAC,EAAE,EAAA,EAAI,OAAO,WAAA,EAAa,IAAA,EAAM,IAAA,EAAM,QAAA,EAAS,KAAM;AAC7D,sBAAA,MAAM,WAAW,EAAA,KAAO,MAAA;AACxB,sBAAA,uBACE,IAAA;AAAA,wBAAC,QAAA;AAAA,wBAAA;AAAA,0BAEC,IAAA,EAAK,QAAA;AAAA,0BACL,cAAA,EAAc,WAAW,MAAA,GAAS,MAAA;AAAA,0BAClC,OAAA,EAAS,MAAM,UAAA,CAAW,EAAE,CAAA;AAAA,0BAC5B,SAAA,EAAW,EAAA;AAAA,4BACT,uNAAA;AAAA,4BACA,WACI,8FAAA,GACA;AAAA,2BACN;AAAA,0BAEC,QAAA,EAAA;AAAA,4BAAA,IAAA,mBACC,GAAA;AAAA,8BAAC,IAAA;AAAA,8BAAA;AAAA,gCACC,SAAA,EAAU,6BAAA;AAAA,gCACV,aAAA,EAAW;AAAA;AAAA,6BACb,GACE,IAAA;AAAA,4CACJ,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EACd,QAAA,EAAA;AAAA,8CAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAY,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,8BACjC,8BACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mDAAA,EACb,uBACH,CAAA,GACE;AAAA,6BAAA,EACN,CAAA;AAAA,4BACC,2BACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,4CAAA,EACb,oBACH,CAAA,GACE;AAAA;AAAA,yBAAA;AAAA,wBA7BC;AAAA,uBA8BP;AAAA,oBAEJ,CAAC;AAAA;AAAA;AAAA;AACH;AAAA,WACF;AAAA,0BACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EAAyB,QAAA,EAAS;AAAA;AAAA;AAAA,KACnD;AAAA,EAEJ;AACF","file":"chunk-ZK2V2LPA.js","sourcesContent":["import * as React from 'react'\nimport type { LucideIcon } from 'lucide-react'\nimport { cn } from '../../lib/utils'\n\nexport interface SettingsNavItem {\n  id: string\n  label: string\n  description?: string\n  icon?: LucideIcon\n  /** Optional trailing node (status dot, count, badge) at the row edge. */\n  trailing?: React.ReactNode\n}\n\nexport interface SettingsShellProps {\n  nav: SettingsNavItem[]\n  active: string\n  onNavigate: (id: string) => void\n  header?: { icon?: LucideIcon; title: string }\n  children: React.ReactNode\n  className?: string\n  navClassName?: string\n  /** Test hook: data-testid for the `<nav>` element. */\n  navTestId?: string\n}\n\nexport const SettingsShell = React.forwardRef<HTMLDivElement, SettingsShellProps>(\n  function SettingsShell(\n    { nav, active, onNavigate, header, children, className, navClassName, navTestId },\n    ref,\n  ) {\n    const HeaderIcon = header?.icon\n    return (\n      <div\n        ref={ref}\n        data-as=\"settings-shell\"\n        className={cn('grid gap-8', className)}\n      >\n        <nav\n          className=\"lg:col-span-1\"\n          aria-label=\"Settings sections\"\n          data-testid={navTestId}\n        >\n          <div\n            className={cn(\n              'space-y-1 rounded-[var(--as-radius-lg)] border border-[var(--as-border)] bg-[var(--as-surface-raised)] p-3 lg:sticky lg:top-24',\n              navClassName,\n            )}\n          >\n            {header ? (\n              <div className=\"mb-2 flex items-center gap-2.5 border-b border-[var(--as-border)] px-3 py-2\">\n                {HeaderIcon ? (\n                  <HeaderIcon\n                    className=\"size-5 shrink-0 text-[var(--as-primary)]\"\n                    aria-hidden\n                  />\n                ) : null}\n                <span className=\"truncate text-sm font-bold text-[var(--as-fg)]\">\n                  {header.title}\n                </span>\n              </div>\n            ) : null}\n            {nav.map(({ id, label, description, icon: Icon, trailing }) => {\n              const isActive = id === active\n              return (\n                <button\n                  key={id}\n                  type=\"button\"\n                  aria-current={isActive ? 'page' : undefined}\n                  onClick={() => onNavigate(id)}\n                  className={cn(\n                    'flex w-full cursor-pointer items-start rounded-[var(--as-radius)] px-3 py-2.5 text-left text-sm transition-colors focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]',\n                    isActive\n                      ? 'bg-[color-mix(in_srgb,var(--as-primary)_12%,transparent)] font-bold text-[var(--as-primary)]'\n                      : 'font-medium text-[var(--as-fg)] hover:bg-[var(--as-muted)]',\n                  )}\n                >\n                  {Icon ? (\n                    <Icon\n                      className=\"mr-3 mt-0.5 size-4 shrink-0\"\n                      aria-hidden\n                    />\n                  ) : null}\n                  <span className=\"flex min-w-0 flex-col\">\n                    <span className=\"truncate\">{label}</span>\n                    {description ? (\n                      <span className=\"text-[11px] font-normal text-[var(--as-muted-fg)]\">\n                        {description}\n                      </span>\n                    ) : null}\n                  </span>\n                  {trailing ? (\n                    <span className=\"ml-auto flex items-center self-center pl-2\">\n                      {trailing}\n                    </span>\n                  ) : null}\n                </button>\n              )\n            })}\n          </div>\n        </nav>\n        <div className=\"min-w-0 lg:col-span-3\">{children}</div>\n      </div>\n    )\n  },\n)\n"]}

package/dist/copy-button.js

@@ -1,3 +1,3 @@
-export { CopyButton } from './chunk-CZ2BL2ZL.js';
+export { CopyButton } from './chunk-3JJ2WCPN.js';
 //# sourceMappingURL=copy-button.js.map
 //# sourceMappingURL=copy-button.js.map

package/dist/index.d.ts

@@ -62,6 +62,20 @@ export { RichTextEditor, RichTextEditorIcons, RichTextEditorLabels, RichTextEdit
 export { DictationButton, DictationButtonProps, DictationError, DictationResult, DictationStatus, DictationStrip, DictationStripLabels, DictationStripProps, UseDictationOptions, useDictation } from './dictation.js';
 export { AiTextTransformEventHandlers, AiTextTransformStatus, AiTextTransformTransport, UseAiTextTransformOptions, useAiTextTransform } from './ai-text-transform.js';
 export { DiffCell, DiffRow, DiffSegment, LineDiffOptions, LineDiffResult, TextDiffView, TextDiffViewLabels, TextDiffViewProps, computeLineDiff, wordSegments } from './text-diff-view.js';
+export { a as ChatAttachmentView, b as ChatError, c as ChatMessageStatus, d as ChatMessageVariants, e as ChatMessageView, C as ChatRole } from './types-DZwzmyKE.js';
+export { ChatStreamEvent, ChatStreamTransport, FlowStepInfo, LiveNodeState, LiveToolCall, LiveTurnAction, LiveTurnState, LiveTurnStatus, UseChatStreamOptions, UseChatStreamResult, initialLiveTurnState, liveTurnReducer, useChatStream } from './chat-core.js';
+export { B as BranchNode, a as BranchNodeInput, b as BranchTree, c as activePathSet, d as buildBranchTree, l as linearTree, v as variantInfo, w as walkActivePath } from './tree-YaIz73vo.js';
+export { MarkdownCodeBlock, MarkdownCodeBlockLabels, MarkdownCodeBlockProps, MarkdownComponents, MarkdownSurface, MarkdownSurfaceProps, MermaidDiagram, MermaidDiagramProps } from './chat-markdown.js';
+export { ChatMessage, ChatMessageAction, ChatMessageActions, ChatMessageEditor, ChatMessageEditorLabels, ChatMessageEditorProps, ChatMessageLabels, ChatMessageProps, MessageVariantSwitcher, MessageVariantSwitcherLabels, MessageVariantSwitcherProps } from './chat-message.js';
+export { ChatReasoning, ChatReasoningLabels, ChatReasoningProps } from './chat-reasoning.js';
+export { ChatToolCard, ChatToolCardLabels, ChatToolCardProps } from './chat-tool-card.js';
+export { ChatComposer, ChatComposerIcons, ChatComposerLabels, ChatComposerProps } from './chat-composer.js';
+export { ChatTranscript, ChatTranscriptLabels, ChatTranscriptProps } from './chat-transcript.js';
+export { ChatBranchTree, ChatBranchTreeIcons, ChatBranchTreeLabels, ChatBranchTreeNode, ChatBranchTreeProps } from './chat-branch-tree.js';
+export { ChatSessionList, ChatSessionListIcons, ChatSessionListLabels, ChatSessionListProps, ChatSessionView } from './chat-session-list.js';
+export { ChatPanel, ChatPanelProps, ChatPanelVariant } from './chat-panel.js';
+export { ChatDrawer, ChatDrawerProps } from './chat-drawer.js';
+export { ChatLauncher, ChatLauncherProps } from './chat-launcher.js';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
 import 'lucide-react';
@@ -70,6 +84,7 @@ import '@radix-ui/react-dialog';
 import '@radix-ui/react-popover';
 import '@radix-ui/react-tooltip';
 import '@tiptap/react';
+import 'react-markdown';
 
 declare function cn(...inputs: ClassValue[]): string;
 

package/dist/index.js

@@ -1,58 +1,71 @@
-export { ThemeScope } from './chunk-TGU3PKNM.js';
-export { TimeList } from './chunk-GVOC3ARM.js';
-export { TimePicker, TimePickerContent } from './chunk-CR42EAF4.js';
-export { InfoTooltip, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './chunk-34NO2UOB.js';
 export { UndoNotice } from './chunk-OUHUVACM.js';
 export { ViewToggle } from './chunk-MXOBOS4Y.js';
 export { Stepper, Wizard } from './chunk-YMCMUAIF.js';
-export { ModelRegistry } from './chunk-BHHDCY2B.js';
-export { SelectionBar } from './chunk-HSUCCANX.js';
-export { Table } from './chunk-5LRRVD27.js';
 export { TaskAssignmentPicker } from './chunk-Q5THPPNL.js';
-export { SettingsShell } from './chunk-7KD4MG75.js';
+export { SettingsShell } from './chunk-ZK2V2LPA.js';
 export { SidebarNav } from './chunk-SW3YNICQ.js';
 export { UserMenu } from './chunk-535TM7SK.js';
-export { Portal } from './chunk-7YLR4AGA.js';
-export { ProviderForm } from './chunk-4WDXLXHL.js';
-export { RangeBar } from './chunk-PFAH25VU.js';
+export { ThemeScope } from './chunk-TGU3PKNM.js';
+export { TimeList } from './chunk-GVOC3ARM.js';
+export { TimePicker, TimePickerContent } from './chunk-CR42EAF4.js';
+export { InfoTooltip, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './chunk-34NO2UOB.js';
 export { ScaleSlider, scaleColorForValue } from './chunk-PSFJN7WH.js';
 export { SearchInput } from './chunk-H5U4KNXF.js';
+export { ModelRegistry } from './chunk-BHHDCY2B.js';
 export { CapabilityChips } from './chunk-G3DWN2DJ.js';
+export { SelectionBar } from './chunk-HSUCCANX.js';
+export { Table } from './chunk-5LRRVD27.js';
+export { ModelPicker } from './chunk-S4WHBQJ2.js';
+export { PanelModal } from './chunk-G6557MEN.js';
+export { ProviderForm } from './chunk-4WDXLXHL.js';
+export { RangeBar } from './chunk-PFAH25VU.js';
+export { Input } from './chunk-M4V7XHL7.js';
+export { RichTextEditor } from './chunk-AY77TWLT.js';
 export { DictationButton, DictationStrip, useDictation } from './chunk-KAC2DOLH.js';
 export { useAiTextTransform } from './chunk-BKAO7BTU.js';
 export { TextDiffView, computeLineDiff, wordSegments } from './chunk-2PR6POP6.js';
 export { MarqueeBand, MarqueeSurface, hitTestIds, marqueeRect, rectsIntersect, useMarquee } from './chunk-RU3DEF2O.js';
-export { ModelPicker } from './chunk-S4WHBQJ2.js';
-export { PanelModal } from './chunk-G6557MEN.js';
+export { ErrorBanner } from './chunk-BJOY3XL7.js';
+export { ExpandableSearch } from './chunk-4SW3ESVI.js';
+export { FileQueue } from './chunk-IQKP2BWE.js';
+export { FileCard, formatBytes } from './chunk-J4OELYDR.js';
 export { FlowStatusCard } from './chunk-PRHTQBCP.js';
 export { FieldLabel } from './chunk-I5J6SDLK.js';
 export { InfoButton } from './chunk-OT6EQFMP.js';
 export { PopoverButton } from './chunk-BE3XFZWU.js';
-export { Input } from './chunk-M4V7XHL7.js';
-export { RichTextEditor } from './chunk-4UJKXTWY.js';
-export { CopyButton } from './chunk-CZ2BL2ZL.js';
+export { ChipInput } from './chunk-HIRR2F4R.js';
+export { Combobox, ComboboxMulti } from './chunk-WDLUZS2G.js';
+export { ConfirmationModal } from './chunk-2YQSA5AE.js';
 export { ContextMenu } from './chunk-YIGLULRG.js';
 export { ActionMenu, Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuSeparator, MenuTrigger } from './chunk-XSJ3TWWZ.js';
 export { DatePicker } from './chunk-6VCJX4CP.js';
 export { EmptyState } from './chunk-KDJLYKR6.js';
-export { ErrorBanner } from './chunk-BJOY3XL7.js';
-export { ExpandableSearch } from './chunk-4SW3ESVI.js';
-export { FileQueue } from './chunk-IQKP2BWE.js';
-export { FileCard, formatBytes } from './chunk-J4OELYDR.js';
+export { ChatBranchTree } from './chunk-HQIYSW2D.js';
+export { ChatDrawer } from './chunk-X3C2FBMR.js';
+export { ChatReasoning } from './chunk-QVDCFZSE.js';
+export { ChatSessionList } from './chunk-NKYPNEOX.js';
+export { ChatToolCard } from './chunk-JPDD5AFN.js';
 export { ConnectionTestRow } from './chunk-OGQF4XJB.js';
 export { CheckIndicator } from './chunk-XE4TFW63.js';
-export { ChipInput } from './chunk-HIRR2F4R.js';
-export { Combobox, ComboboxMulti } from './chunk-WDLUZS2G.js';
-export { ConfirmationModal } from './chunk-2YQSA5AE.js';
+export { initialLiveTurnState, liveTurnReducer, useChatStream } from './chunk-6GNLY2EB.js';
+export { activePathSet, buildBranchTree, linearTree, variantInfo, walkActivePath } from './chunk-Z4IBQ53C.js';
+export { ChatLauncher } from './chunk-RPLEI6LQ.js';
+export { Portal } from './chunk-XZWLTTHA.js';
+export { ChatComposer } from './chunk-743FJDRA.js';
+export { ChatPanel } from './chunk-S62VJVWB.js';
+export { ChatTranscript } from './chunk-BVJT67B5.js';
+export { ChatMessage, ChatMessageEditor, MessageVariantSwitcher } from './chunk-BSIWLVDX.js';
+export { MarkdownCodeBlock, MarkdownSurface, MermaidDiagram } from './chunk-DZBTJZZV.js';
+export { CopyButton } from './chunk-3JJ2WCPN.js';
 export { rawTokens, semanticTokens } from './chunk-GDGKARRB.js';
 export { AiActionsDropdown } from './chunk-LWSLNCW2.js';
-export { AboutCard, AboutFooterLine, AboutLinkList, AboutNote, AboutPanel, FamilyBadge, SponsorCard, TechChips } from './chunk-INMAUGBK.js';
+export { AboutCard, AboutFooterLine, AboutLinkList, AboutNote, AboutPanel, FamilyBadge, SponsorCard, TechChips } from './chunk-OH7AJ3WY.js';
 export { CareerMark, HealthMark, NeuronectionMark, NeuronectionWordmark, StudyMark, useLogoId } from './chunk-Q2JMEAKN.js';
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-RYE5YCFF.js';
 export { ChipList } from './chunk-QUPGIPTT.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-RYE5YCFF.js';
 export { AiButton } from './chunk-3VCFRIIK.js';
 export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from './chunk-SIIY2EGI.js';
-export { AiMagicFill } from './chunk-EODV6JK7.js';
+export { AiMagicFill } from './chunk-5QTHDB3D.js';
 export { FormModal } from './chunk-62GIJMWT.js';
 export { Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalTitle, ModalTrigger, modalContentVariants } from './chunk-Y7BKBG57.js';
 export { Button, buttonVariants } from './chunk-GTXGTQ6F.js';