@tetrascience-npm/tetrascience-react-ui 0.7.0-beta.107.1 → 0.7.0-beta.128.1

package/dist/components/composed/AssistantLayout/AssistantLayout.js

@@ -0,0 +1,142 @@
+import { jsxs as N, jsx as n, Fragment as z } from "react/jsx-runtime";
+import { PanelLeft as D, PanelBottom as C, PanelRight as L } from "lucide-react";
+import * as l from "react";
+import { dockPanels as $ } from "./dockLayout.js";
+import { Button as R } from "../../ui/button.js";
+import { ResizablePanel as P, ResizablePanelGroup as H, ResizableHandle as g } from "../../ui/resizable.js";
+import { cn as d } from "../../../lib/utils.js";
+const y = l.createContext(null);
+function _(s, t) {
+  if (typeof window > "u") return t;
+  const e = window.localStorage.getItem(`${s}.dock`);
+  return e === "right" || e === "bottom" || e === "left" ? e : t;
+}
+function E(s, t) {
+  if (typeof window > "u") return t;
+  const e = Number(window.localStorage.getItem(`${s}.size`));
+  return !Number.isFinite(e) || e <= 0 || e >= 100 ? t : e;
+}
+function G({
+  children: s,
+  storageKey: t = "ts-ui.assistant",
+  defaultDock: e = "left",
+  defaultSize: u = 32,
+  defaultVisible: m = !0,
+  persist: o = !0
+}) {
+  const [i, r] = l.useState(
+    () => o ? _(t, e) : e
+  ), [f, a] = l.useState(
+    () => o ? E(t, u) : u
+  ), [b, S] = l.useState(m), w = l.useCallback(
+    (c) => {
+      r(c), o && typeof window < "u" && window.localStorage.setItem(`${t}.dock`, c);
+    },
+    [t, o]
+  ), h = l.useCallback(
+    (c) => {
+      a(c), o && typeof window < "u" && window.localStorage.setItem(`${t}.size`, String(Math.round(c)));
+    },
+    [t, o]
+  ), v = l.useMemo(
+    () => ({ dock: i, setDock: w, size: f, setSize: h, visible: b, setVisible: S }),
+    [i, w, f, h, b]
+  );
+  return /* @__PURE__ */ n(y.Provider, { value: v, children: s });
+}
+function I() {
+  const s = l.useContext(y);
+  if (!s) throw new Error("useAssistantLayout must be used within an AssistantLayoutProvider");
+  return s;
+}
+const F = [
+  { value: "left", label: "Dock assistant left", Icon: D },
+  { value: "bottom", label: "Dock assistant bottom", Icon: C },
+  { value: "right", label: "Dock assistant right", Icon: L }
+];
+function q({ label: s = "AI Assistant", className: t }) {
+  const { dock: e, setDock: u, visible: m, setVisible: o } = I();
+  return /* @__PURE__ */ N("div", { className: d("flex items-center gap-2", t), children: [
+    s != null && /* @__PURE__ */ n("span", { className: "text-sm font-medium", children: s }),
+    /* @__PURE__ */ n("div", { className: "inline-flex overflow-hidden rounded-lg border border-border", children: F.map(({ value: i, label: r, Icon: f }) => {
+      const a = m && e === i;
+      return /* @__PURE__ */ n(
+        R,
+        {
+          variant: a ? "secondary" : "ghost",
+          size: "icon-sm",
+          className: "rounded-none bg-clip-border",
+          "aria-label": a ? "Hide AI Assistant" : r,
+          "aria-pressed": a,
+          title: a ? "Hide AI Assistant" : r,
+          onClick: () => {
+            a ? o(!1) : (u(i), o(!0));
+          },
+          children: /* @__PURE__ */ n(f, { className: "size-4" })
+        },
+        i
+      );
+    }) })
+  ] });
+}
+const A = "flex min-h-0 min-w-0 p-2", x = "flex h-full min-h-0 min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-border bg-card", k = "assistant";
+function J({
+  assistant: s,
+  children: t,
+  minSize: e = 20,
+  maxSize: u = 70,
+  className: m,
+  assistantClassName: o,
+  contentClassName: i
+}) {
+  const { dock: r, size: f, setSize: a, visible: b } = I(), { orientation: S, assistantFirst: w } = $(r);
+  if (!b)
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        "data-slot": "assistant-layout",
+        className: d("flex min-h-0 flex-1 overflow-hidden", m),
+        children: /* @__PURE__ */ n("div", { className: d(A, "flex-1"), children: /* @__PURE__ */ n("div", { "data-slot": "assistant-layout-content", className: d(x, i), children: t }) })
+      }
+    );
+  const h = /* @__PURE__ */ n(
+    P,
+    {
+      id: k,
+      defaultSize: `${f}%`,
+      minSize: `${e}%`,
+      maxSize: `${u}%`,
+      className: A,
+      children: /* @__PURE__ */ n("div", { "data-slot": "assistant-layout-assistant", className: d(x, o), children: s })
+    }
+  ), v = /* @__PURE__ */ n(P, { id: "content", className: A, children: /* @__PURE__ */ n("div", { "data-slot": "assistant-layout-content", className: d(x, i), children: t }) });
+  return /* @__PURE__ */ n(
+    H,
+    {
+      orientation: S,
+      "data-slot": "assistant-layout",
+      className: d("min-h-0 flex-1 overflow-hidden", m),
+      onLayoutChanged: (c) => {
+        const p = c[k];
+        typeof p == "number" && a(p);
+      },
+      children: w ? /* @__PURE__ */ N(z, { children: [
+        h,
+        /* @__PURE__ */ n(g, { withHandle: !0 }),
+        v
+      ] }) : /* @__PURE__ */ N(z, { children: [
+        v,
+        /* @__PURE__ */ n(g, { withHandle: !0 }),
+        h
+      ] })
+    },
+    r
+  );
+}
+export {
+  q as AssistantDockControls,
+  J as AssistantLayout,
+  G as AssistantLayoutProvider,
+  I as useAssistantLayout
+};
+//# sourceMappingURL=AssistantLayout.js.map

package/dist/components/composed/AssistantLayout/AssistantLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantLayout.js","sources":["../../../../src/components/composed/AssistantLayout/AssistantLayout.tsx"],"sourcesContent":["\"use client\"\n\nimport { PanelBottom, PanelLeft, PanelRight } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { dockPanels, type AssistantDock } from \"./dockLayout\"\n\nimport { Button } from \"@/components/ui/button\"\nimport {\n  ResizableHandle,\n  ResizablePanel,\n  ResizablePanelGroup,\n} from \"@/components/ui/resizable\"\nimport { cn } from \"@/lib/utils\"\n\n// ---------------------------------------------------------------------------\n// Context + provider\n// ---------------------------------------------------------------------------\n\ninterface AssistantLayoutContextValue {\n  /** Where the assistant docks. Persisted. */\n  dock: AssistantDock\n  setDock: (dock: AssistantDock) => void\n  /** Assistant size as a percentage of the layout along the dock axis. Persisted. */\n  size: number\n  setSize: (size: number) => void\n  /** Whether the assistant is shown. In-memory by default (resets to visible on reload). */\n  visible: boolean\n  setVisible: (visible: boolean) => void\n}\n\nconst AssistantLayoutContext = React.createContext<AssistantLayoutContextValue | null>(null)\n\nexport interface AssistantLayoutProviderProps {\n  children: React.ReactNode\n  /** localStorage key prefix for the persisted dock + size. */\n  storageKey?: string\n  /** Default dock when nothing is persisted. */\n  defaultDock?: AssistantDock\n  /** Default assistant size as a percentage (1–99) of the layout. */\n  defaultSize?: number\n  /** Whether the assistant starts visible. */\n  defaultVisible?: boolean\n  /** Persist dock + size to localStorage. Defaults to `true`. */\n  persist?: boolean\n}\n\nfunction readDock(key: string, fallback: AssistantDock): AssistantDock {\n  if (typeof window === \"undefined\") return fallback\n  const v = window.localStorage.getItem(`${key}.dock`)\n  return v === \"right\" || v === \"bottom\" || v === \"left\" ? v : fallback\n}\n\nfunction readSize(key: string, fallback: number): number {\n  if (typeof window === \"undefined\") return fallback\n  const v = Number(window.localStorage.getItem(`${key}.size`))\n  // Persisted as a percentage; ignore anything outside the open (0, 100) range.\n  if (!Number.isFinite(v) || v <= 0 || v >= 100) return fallback\n  return v\n}\n\nexport function AssistantLayoutProvider({\n  children,\n  storageKey = \"ts-ui.assistant\",\n  defaultDock = \"left\",\n  defaultSize = 32,\n  defaultVisible = true,\n  persist = true,\n}: AssistantLayoutProviderProps) {\n  const [dock, setDockState] = React.useState<AssistantDock>(() =>\n    persist ? readDock(storageKey, defaultDock) : defaultDock\n  )\n  const [size, setSizeState] = React.useState<number>(() =>\n    persist ? readSize(storageKey, defaultSize) : defaultSize\n  )\n  const [visible, setVisible] = React.useState(defaultVisible)\n\n  const setDock = React.useCallback(\n    (next: AssistantDock) => {\n      setDockState(next)\n      if (persist && typeof window !== \"undefined\")\n        window.localStorage.setItem(`${storageKey}.dock`, next)\n    },\n    [storageKey, persist]\n  )\n\n  const setSize = React.useCallback(\n    (next: number) => {\n      setSizeState(next)\n      if (persist && typeof window !== \"undefined\")\n        window.localStorage.setItem(`${storageKey}.size`, String(Math.round(next)))\n    },\n    [storageKey, persist]\n  )\n\n  const value = React.useMemo(\n    () => ({ dock, setDock, size, setSize, visible, setVisible }),\n    [dock, setDock, size, setSize, visible]\n  )\n\n  return <AssistantLayoutContext.Provider value={value}>{children}</AssistantLayoutContext.Provider>\n}\n\nexport function useAssistantLayout(): AssistantLayoutContextValue {\n  const ctx = React.useContext(AssistantLayoutContext)\n  if (!ctx) throw new Error(\"useAssistantLayout must be used within an AssistantLayoutProvider\")\n  return ctx\n}\n\n// ---------------------------------------------------------------------------\n// Dock controls (segmented icon control for a top bar)\n// ---------------------------------------------------------------------------\n\nconst DOCK_OPTIONS: { value: AssistantDock; label: string; Icon: typeof PanelLeft }[] = [\n  { value: \"left\", label: \"Dock assistant left\", Icon: PanelLeft },\n  { value: \"bottom\", label: \"Dock assistant bottom\", Icon: PanelBottom },\n  { value: \"right\", label: \"Dock assistant right\", Icon: PanelRight },\n]\n\nexport interface AssistantDockControlsProps {\n  /** Label shown before the icons. Pass `null` to hide it. */\n  label?: React.ReactNode\n  className?: string\n}\n\n/**\n * Segmented control of dock icons. Clicking an inactive icon docks + shows the\n * assistant there; clicking the active icon again hides it.\n */\nexport function AssistantDockControls({ label = \"AI Assistant\", className }: AssistantDockControlsProps) {\n  const { dock, setDock, visible, setVisible } = useAssistantLayout()\n\n  return (\n    <div className={cn(\"flex items-center gap-2\", className)}>\n      {label != null && <span className=\"text-sm font-medium\">{label}</span>}\n      <div className=\"inline-flex overflow-hidden rounded-lg border border-border\">\n        {DOCK_OPTIONS.map(({ value, label: optionLabel, Icon }) => {\n          const active = visible && dock === value\n          return (\n            <Button\n              key={value}\n              variant={active ? \"secondary\" : \"ghost\"}\n              size=\"icon-sm\"\n              // bg-clip-border so the filled (active/hover) state reaches the\n              // cell edge instead of leaving a 1px gap from the button's\n              // transparent border + default bg-clip-padding.\n              className=\"rounded-none bg-clip-border\"\n              aria-label={active ? \"Hide AI Assistant\" : optionLabel}\n              aria-pressed={active}\n              title={active ? \"Hide AI Assistant\" : optionLabel}\n              onClick={() => {\n                if (active) setVisible(false)\n                else {\n                  setDock(value)\n                  setVisible(true)\n                }\n              }}\n            >\n              <Icon className=\"size-4\" />\n            </Button>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Layout body\n// ---------------------------------------------------------------------------\n\n// Each panel is padded so the resize handle sits in a comfortable gutter between\n// the cards rather than a hairline seam (SW-2096). The padding lives inside the\n// panel box, so react-resizable-panels' flex sizing is unaffected.\nconst PANEL_PAD = \"flex min-h-0 min-w-0 p-2\"\n// The visible card surface rendered inside each panel.\nconst CARD_CLASS =\n  \"flex h-full min-h-0 min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-border bg-card\"\n\nconst ASSISTANT_PANEL_ID = \"assistant\"\n\nexport interface AssistantLayoutProps {\n  /** The AI Assistant panel content (e.g. a `<Chat />`). */\n  assistant: React.ReactNode\n  /** The main content; fills the remaining space (and the whole body when the assistant is hidden). */\n  children: React.ReactNode\n  /** Min assistant size as a percentage of the layout. */\n  minSize?: number\n  /** Max assistant size as a percentage of the layout. */\n  maxSize?: number\n  className?: string\n  assistantClassName?: string\n  contentClassName?: string\n}\n\n/**\n * Docks the assistant left / right / bottom of the main content and resizes it\n * with the design-system `Resizable` (react-resizable-panels). Must be rendered\n * inside an `AssistantLayoutProvider`; pair with `AssistantDockControls`.\n *\n * The group is keyed by `dock`, so changing dock remounts the panels. The\n * assistant panel is therefore re-created on redock (its transient state is not\n * preserved across a dock change) — a deliberate trade-off for using the shared\n * resizable primitive rather than a bespoke splitter.\n */\nexport function AssistantLayout({\n  assistant,\n  children,\n  minSize = 20,\n  maxSize = 70,\n  className,\n  assistantClassName,\n  contentClassName,\n}: AssistantLayoutProps) {\n  const { dock, size, setSize, visible } = useAssistantLayout()\n  const { orientation, assistantFirst } = dockPanels(dock)\n\n  // Hidden: no resizable group, content fills the whole body.\n  if (!visible) {\n    return (\n      <div\n        data-slot=\"assistant-layout\"\n        className={cn(\"flex min-h-0 flex-1 overflow-hidden\", className)}\n      >\n        {/* flex-1 so the lone content panel fills the width (the ResizablePanel\n            self-sizes when visible; this plain div needs to be told to grow).\n            Padded to match the inset the visible panels carry. */}\n        <div className={cn(PANEL_PAD, \"flex-1\")}>\n          <div data-slot=\"assistant-layout-content\" className={cn(CARD_CLASS, contentClassName)}>\n            {children}\n          </div>\n        </div>\n      </div>\n    )\n  }\n\n  const assistantPanel = (\n    <ResizablePanel\n      id={ASSISTANT_PANEL_ID}\n      defaultSize={`${size}%`}\n      minSize={`${minSize}%`}\n      maxSize={`${maxSize}%`}\n      className={PANEL_PAD}\n    >\n      <div data-slot=\"assistant-layout-assistant\" className={cn(CARD_CLASS, assistantClassName)}>\n        {assistant}\n      </div>\n    </ResizablePanel>\n  )\n\n  const contentPanel = (\n    <ResizablePanel id=\"content\" className={PANEL_PAD}>\n      <div data-slot=\"assistant-layout-content\" className={cn(CARD_CLASS, contentClassName)}>\n        {children}\n      </div>\n    </ResizablePanel>\n  )\n\n  return (\n    <ResizablePanelGroup\n      key={dock}\n      orientation={orientation}\n      data-slot=\"assistant-layout\"\n      className={cn(\"min-h-0 flex-1 overflow-hidden\", className)}\n      onLayoutChanged={(layout) => {\n        const pct = layout[ASSISTANT_PANEL_ID]\n        if (typeof pct === \"number\") setSize(pct)\n      }}\n    >\n      {assistantFirst ? (\n        <>\n          {assistantPanel}\n          <ResizableHandle withHandle />\n          {contentPanel}\n        </>\n      ) : (\n        <>\n          {contentPanel}\n          <ResizableHandle withHandle />\n          {assistantPanel}\n        </>\n      )}\n    </ResizablePanelGroup>\n  )\n}\n"],"names":["AssistantLayoutContext","React","readDock","key","fallback","v","readSize","AssistantLayoutProvider","children","storageKey","defaultDock","defaultSize","defaultVisible","persist","dock","setDockState","size","setSizeState","visible","setVisible","setDock","next","setSize","value","jsx","useAssistantLayout","ctx","DOCK_OPTIONS","PanelLeft","PanelBottom","PanelRight","AssistantDockControls","label","className","cn","optionLabel","Icon","active","Button","PANEL_PAD","CARD_CLASS","ASSISTANT_PANEL_ID","AssistantLayout","assistant","minSize","maxSize","assistantClassName","contentClassName","orientation","assistantFirst","dockPanels","assistantPanel","ResizablePanel","contentPanel","ResizablePanelGroup","layout","pct","jsxs","Fragment","ResizableHandle"],"mappings":"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"}

package/dist/components/composed/AssistantLayout/dockLayout.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(t){return{orientation:t==="bottom"?"vertical":"horizontal",assistantFirst:t==="left"}}exports.dockPanels=e;
+//# sourceMappingURL=dockLayout.cjs.map

package/dist/components/composed/AssistantLayout/dockLayout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dockLayout.cjs","sources":["../../../../src/components/composed/AssistantLayout/dockLayout.ts"],"sourcesContent":["/** Where the AI Assistant panel docks relative to the main content. */\nexport type AssistantDock = \"left\" | \"right\" | \"bottom\"\n\nexport interface DockPanels {\n  /** Resizable group orientation for this dock. */\n  orientation: \"horizontal\" | \"vertical\"\n  /** Whether the assistant panel renders before the content panel. */\n  assistantFirst: boolean\n}\n\n/**\n * Maps a dock position to the resizable group's orientation and panel order.\n *  - left   → horizontal, assistant first  [assistant | content]\n *  - right  → horizontal, content first    [content | assistant]\n *  - bottom → vertical,   content first    [content / assistant]\n */\nexport function dockPanels(dock: AssistantDock): DockPanels {\n  return {\n    orientation: dock === \"bottom\" ? \"vertical\" : \"horizontal\",\n    assistantFirst: dock === \"left\",\n  }\n}\n"],"names":["dockPanels","dock"],"mappings":"gFAgBO,SAASA,EAAWC,EAAiC,CAC1D,MAAO,CACL,YAAaA,IAAS,SAAW,WAAa,aAC9C,eAAgBA,IAAS,MAAA,CAE7B"}

package/dist/components/composed/AssistantLayout/dockLayout.js

@@ -0,0 +1,10 @@
+function n(t) {
+  return {
+    orientation: t === "bottom" ? "vertical" : "horizontal",
+    assistantFirst: t === "left"
+  };
+}
+export {
+  n as dockPanels
+};
+//# sourceMappingURL=dockLayout.js.map

package/dist/components/composed/AssistantLayout/dockLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dockLayout.js","sources":["../../../../src/components/composed/AssistantLayout/dockLayout.ts"],"sourcesContent":["/** Where the AI Assistant panel docks relative to the main content. */\nexport type AssistantDock = \"left\" | \"right\" | \"bottom\"\n\nexport interface DockPanels {\n  /** Resizable group orientation for this dock. */\n  orientation: \"horizontal\" | \"vertical\"\n  /** Whether the assistant panel renders before the content panel. */\n  assistantFirst: boolean\n}\n\n/**\n * Maps a dock position to the resizable group's orientation and panel order.\n *  - left   → horizontal, assistant first  [assistant | content]\n *  - right  → horizontal, content first    [content | assistant]\n *  - bottom → vertical,   content first    [content / assistant]\n */\nexport function dockPanels(dock: AssistantDock): DockPanels {\n  return {\n    orientation: dock === \"bottom\" ? \"vertical\" : \"horizontal\",\n    assistantFirst: dock === \"left\",\n  }\n}\n"],"names":["dockPanels","dock"],"mappings":"AAgBO,SAASA,EAAWC,GAAiC;AAC1D,SAAO;AAAA,IACL,aAAaA,MAAS,WAAW,aAAa;AAAA,IAC9C,gBAAgBA,MAAS;AAAA,EAAA;AAE7B;"}

package/dist/components/composed/Chat/Chat.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("lucide-react"),a=require("react"),j=require("../../ai/conversation.cjs"),t=require("../../ai/message.cjs"),n=require("../../ai/prompt-input.cjs"),M=require("../../ai/reasoning.cjs"),m=require("../../ai/sources.cjs"),L=require("../../ai/stream-status.cjs"),N=require("../../ai/suggestion.cjs"),O=require("../../../lib/utils.cjs"),z=[{id:"claude-sonnet-4-6",name:"Claude Sonnet"},{id:"claude-opus-4-7",name:"Claude Opus"}],V=["Explain quantum entanglement simply","Write a Python script to rename files","Summarise the latest AI research trends","What is the difference between TCP and UDP?"];let k=0;const w=()=>(k+=1,`chat-msg-${k}`),W=3e3,H=({initialMessages:S=[],models:c=z,defaultModel:d,suggestions:i=V,onSend:h,className:C})=>{const u=a.useId(),[x,b]=a.useState(S),[g,y]=a.useState(""),[I,B]=a.useState(d??c[0]?.id??""),[E,_]=a.useState(!1),[p,f]=a.useState("ready"),[P,T]=a.useState(),D=a.useCallback(async s=>{const r=g.trim();if(!r||p==="streaming")return;const l={id:w(),role:"user",content:r};b(o=>[...o,l]),y(""),f("streaming"),T(new Date);try{const o=await h?.(r,I),F={id:w(),role:"assistant",content:o??"I received your message."};b(G=>[...G,F])}finally{f("ready"),setTimeout(()=>T(void 0),W)}},[g,p,I,h]),U=a.useCallback(s=>{y(s)},[]),R=a.useCallback(s=>{navigator.clipboard.writeText(s).catch(()=>{})},[]),q=a.useCallback(s=>{b(r=>{const l=r.findIndex(o=>o.id===s);return l===-1?r:r.slice(0,l)})},[]);return e.jsxs("div",{className:O.cn("mx-auto flex h-full w-full max-w-[980px] flex-col",C),children:[e.jsxs(j.Conversation,{className:"flex-1",children:[e.jsxs(j.ConversationContent,{children:[x.length===0?e.jsx(j.ConversationEmptyState,{description:"Send a message or pick a suggestion below to start.",title:"Start a conversation"}):null,x.map((s,r)=>e.jsxs("div",{className:"space-y-1",children:[s.role==="assistant"&&s.branches&&s.branches.length>1?e.jsxs(t.MessageBranch,{children:[e.jsx(t.MessageBranchContent,{children:s.branches.map((l,o)=>e.jsx(A,{content:l,id:s.id,onCopy:R,onRetry:q,reasoning:o===0?s.reasoning:void 0,sources:o===0?s.sources:void 0},o))}),e.jsx(t.MessageToolbar,{children:e.jsxs(t.MessageBranchSelector,{children:[e.jsx(t.MessageBranchPrevious,{}),e.jsx(t.MessageBranchPage,{}),e.jsx(t.MessageBranchNext,{})]})})]}):s.role==="assistant"?e.jsx(e.Fragment,{children:e.jsx(A,{content:s.content,id:s.id,onCopy:R,onRetry:q,reasoning:s.reasoning,sources:s.sources})}):e.jsx(t.Message,{from:"user",children:e.jsx(t.MessageContent,{children:e.jsx(t.MessageResponse,{children:s.content})})}),r===x.length-1&&P&&e.jsx("div",{className:"mt-3",children:e.jsx(L.StreamStatus,{iconVariant:"loader-circle",isStreaming:p==="streaming",startTime:P})})]},s.id))]}),e.jsx(j.ConversationScrollButton,{})]}),x.length===0&&i.length>0&&e.jsx("div",{className:"px-4 pb-2",children:e.jsx(N.Suggestions,{children:i.map(s=>e.jsx(N.Suggestion,{onClick:U,suggestion:s},s))})}),e.jsx("div",{className:"px-4 pt-3 pb-4",children:e.jsxs(n.PromptInput,{onSubmit:D,children:[e.jsx(n.PromptInputBody,{children:e.jsx(n.PromptInputTextarea,{"aria-labelledby":u,onChange:s=>y(s.target.value),placeholder:"Ask anything...",value:g})}),e.jsxs(n.PromptInputFooter,{children:[e.jsxs(n.PromptInputTools,{children:[c.length>1&&e.jsxs(n.PromptInputSelect,{onValueChange:B,value:I,children:[e.jsx(n.PromptInputSelectTrigger,{children:e.jsx(n.PromptInputSelectValue,{})}),e.jsx(n.PromptInputSelectContent,{children:c.map(s=>e.jsx(n.PromptInputSelectItem,{value:s.id,children:s.name},s.id))})]}),e.jsxs(n.PromptInputButton,{onClick:()=>_(s=>!s),tooltip:{content:"Search the web"},variant:E?"default":"ghost",children:[e.jsx(v.GlobeIcon,{size:16}),e.jsx("span",{children:"Search"})]})]}),e.jsx(n.PromptInputSubmit,{disabled:!g.trim(),status:p})]})]})})]})},A=({id:S,content:c,reasoning:d,sources:i,onCopy:h,onRetry:C})=>e.jsxs("div",{className:"space-y-2",children:[d&&e.jsxs(M.Reasoning,{children:[e.jsx(M.ReasoningTrigger,{}),e.jsx(M.ReasoningContent,{children:d})]}),e.jsx(t.Message,{from:"assistant",children:e.jsx(t.MessageContent,{children:e.jsx(t.MessageResponse,{children:c})})}),i&&i.length>0&&e.jsxs(m.Sources,{children:[e.jsx(m.SourcesTrigger,{count:i.length}),e.jsx(m.SourcesContent,{children:i.map(u=>e.jsx(m.Source,{href:u.href,title:u.title},u.href))})]}),e.jsxs(t.MessageActions,{children:[e.jsx(t.MessageAction,{label:"Copy",onClick:()=>h(c),children:e.jsx(v.CopyIcon,{className:"size-3"})}),e.jsx(t.MessageAction,{label:"Retry",onClick:()=>C(S),children:e.jsx(v.RefreshCcwIcon,{className:"size-3"})})]})]});exports.Chat=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("lucide-react"),a=require("react"),j=require("../../ai/conversation.cjs"),t=require("../../ai/message.cjs"),n=require("../../ai/prompt-input.cjs"),M=require("../../ai/reasoning.cjs"),m=require("../../ai/sources.cjs"),L=require("../../ai/stream-status.cjs"),N=require("../../ai/suggestion.cjs"),O=require("../../../lib/utils.cjs"),z=[{id:"claude-sonnet-4-6",name:"Claude Sonnet"},{id:"claude-opus-4-7",name:"Claude Opus"}],V=["Explain quantum entanglement simply","Write a Python script to rename files","Summarise the latest AI research trends","What is the difference between TCP and UDP?"];let k=0;const w=()=>(k+=1,`chat-msg-${k}`),W=3e3,H=({initialMessages:S=[],models:c=z,defaultModel:d,suggestions:i=V,onSend:h,className:C})=>{const u=a.useId(),[x,b]=a.useState(S),[g,y]=a.useState(""),[I,B]=a.useState(d??c[0]?.id??""),[E,_]=a.useState(!1),[p,f]=a.useState("ready"),[P,T]=a.useState(),D=a.useCallback(async s=>{const r=g.trim();if(!r||p==="streaming")return;const l={id:w(),role:"user",content:r};b(o=>[...o,l]),y(""),f("streaming"),T(new Date);try{const o=await h?.(r,I),F={id:w(),role:"assistant",content:o??"I received your message."};b(G=>[...G,F])}finally{f("ready"),setTimeout(()=>T(void 0),W)}},[g,p,I,h]),U=a.useCallback(s=>{y(s)},[]),R=a.useCallback(s=>{navigator.clipboard.writeText(s).catch(()=>{})},[]),q=a.useCallback(s=>{b(r=>{const l=r.findIndex(o=>o.id===s);return l===-1?r:r.slice(0,l)})},[]);return e.jsxs("div",{className:O.cn("mx-auto flex h-full w-full max-w-[980px] flex-col",C),children:[e.jsxs(j.Conversation,{className:"flex-1",children:[e.jsxs(j.ConversationContent,{children:[x.length===0?e.jsx(j.ConversationEmptyState,{description:"Send a message or pick a suggestion below to start.",title:"Start a conversation"}):null,x.map((s,r)=>e.jsxs("div",{className:"space-y-1",children:[s.role==="assistant"&&s.branches&&s.branches.length>1?e.jsxs(t.MessageBranch,{children:[e.jsx(t.MessageBranchContent,{children:s.branches.map((l,o)=>e.jsx(A,{content:l,id:s.id,onCopy:R,onRetry:q,reasoning:o===0?s.reasoning:void 0,sources:o===0?s.sources:void 0},o))}),e.jsx(t.MessageToolbar,{children:e.jsxs(t.MessageBranchSelector,{children:[e.jsx(t.MessageBranchPrevious,{}),e.jsx(t.MessageBranchPage,{}),e.jsx(t.MessageBranchNext,{})]})})]}):s.role==="assistant"?e.jsx(e.Fragment,{children:e.jsx(A,{content:s.content,id:s.id,onCopy:R,onRetry:q,reasoning:s.reasoning,sources:s.sources})}):e.jsx(t.Message,{from:"user",children:e.jsx(t.MessageContent,{children:e.jsx(t.MessageResponse,{children:s.content})})}),r===x.length-1&&P&&e.jsx("div",{className:"mt-3",children:e.jsx(L.StreamStatus,{iconVariant:"loader-circle",isStreaming:p==="streaming",startTime:P})})]},s.id))]}),e.jsx(j.ConversationScrollButton,{})]}),x.length===0&&i.length>0&&e.jsx("div",{className:"px-4 pb-2",children:e.jsx(N.Suggestions,{children:i.map(s=>e.jsx(N.Suggestion,{onClick:U,suggestion:s},s))})}),e.jsx("div",{className:"px-4 pt-3 pb-4",children:e.jsxs(n.PromptInput,{onSubmit:D,children:[e.jsx(n.PromptInputBody,{children:e.jsx(n.PromptInputTextarea,{"aria-labelledby":u,onChange:s=>y(s.target.value),placeholder:"Ask anything...",value:g})}),e.jsxs(n.PromptInputFooter,{children:[e.jsxs(n.PromptInputTools,{children:[c.length>1&&e.jsxs(n.PromptInputSelect,{onValueChange:B,value:I,children:[e.jsx(n.PromptInputSelectTrigger,{"aria-label":"Select model",children:e.jsx(n.PromptInputSelectValue,{})}),e.jsx(n.PromptInputSelectContent,{children:c.map(s=>e.jsx(n.PromptInputSelectItem,{value:s.id,children:s.name},s.id))})]}),e.jsxs(n.PromptInputButton,{onClick:()=>_(s=>!s),tooltip:{content:"Search the web"},variant:E?"default":"ghost",children:[e.jsx(v.GlobeIcon,{size:16}),e.jsx("span",{children:"Search"})]})]}),e.jsx(n.PromptInputSubmit,{disabled:!g.trim(),status:p})]})]})})]})},A=({id:S,content:c,reasoning:d,sources:i,onCopy:h,onRetry:C})=>e.jsxs("div",{className:"space-y-2",children:[d&&e.jsxs(M.Reasoning,{children:[e.jsx(M.ReasoningTrigger,{}),e.jsx(M.ReasoningContent,{children:d})]}),e.jsx(t.Message,{from:"assistant",children:e.jsx(t.MessageContent,{children:e.jsx(t.MessageResponse,{children:c})})}),i&&i.length>0&&e.jsxs(m.Sources,{children:[e.jsx(m.SourcesTrigger,{count:i.length}),e.jsx(m.SourcesContent,{children:i.map(u=>e.jsx(m.Source,{href:u.href,title:u.title},u.href))})]}),e.jsxs(t.MessageActions,{children:[e.jsx(t.MessageAction,{label:"Copy",onClick:()=>h(c),children:e.jsx(v.CopyIcon,{className:"size-3"})}),e.jsx(t.MessageAction,{label:"Retry",onClick:()=>C(S),children:e.jsx(v.RefreshCcwIcon,{className:"size-3"})})]})]});exports.Chat=H;
 //# sourceMappingURL=Chat.cjs.map

package/dist/components/composed/Chat/Chat.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.cjs","sources":["../../../../src/components/composed/Chat/Chat.tsx"],"sourcesContent":["import { CopyIcon, GlobeIcon, RefreshCcwIcon } from \"lucide-react\"\nimport { useCallback, useId, useState } from \"react\"\n\nimport {\n  Conversation,\n  ConversationContent,\n  ConversationEmptyState,\n  ConversationScrollButton,\n} from \"@/components/ai/conversation\"\nimport {\n  Message,\n  MessageAction,\n  MessageActions,\n  MessageBranch,\n  MessageBranchContent,\n  MessageBranchNext,\n  MessageBranchPage,\n  MessageBranchPrevious,\n  MessageBranchSelector,\n  MessageContent,\n  MessageResponse,\n  MessageToolbar,\n} from \"@/components/ai/message\"\nimport {\n  PromptInput,\n  PromptInputBody,\n  PromptInputButton,\n  PromptInputFooter,\n  PromptInputSelect,\n  PromptInputSelectContent,\n  PromptInputSelectItem,\n  PromptInputSelectTrigger,\n  PromptInputSelectValue,\n  PromptInputSubmit,\n  PromptInputTextarea,\n  PromptInputTools,\n  type PromptInputMessage,\n} from \"@/components/ai/prompt-input\"\nimport { Reasoning, ReasoningContent, ReasoningTrigger } from \"@/components/ai/reasoning\"\nimport { Source, Sources, SourcesContent, SourcesTrigger } from \"@/components/ai/sources\"\nimport { StreamStatus } from \"@/components/ai/stream-status\"\nimport { Suggestion, Suggestions } from \"@/components/ai/suggestion\"\nimport { cn } from \"@/lib/utils\"\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface ChatSource {\n  href: string\n  title: string\n}\n\nexport interface ChatMessage {\n  id: string\n  role: \"user\" | \"assistant\"\n  content: string\n  /** Displayed in a collapsible Reasoning panel above the message content. */\n  reasoning?: string\n  /** Web sources used to produce this message. */\n  sources?: ChatSource[]\n  /** Multiple alternative responses (for branching). When provided, the\n   *  array should include `content` as one of its items. */\n  branches?: string[]\n}\n\nexport interface ChatModel {\n  id: string\n  name: string\n}\n\nexport interface ChatProps {\n  /** Initial messages to pre-populate the conversation. */\n  initialMessages?: ChatMessage[]\n  /** Available models shown in the model-selector dropdown. */\n  models?: ChatModel[]\n  /** Initial model id. Defaults to the first model in `models`. */\n  defaultModel?: string\n  /** Suggestion chips shown when the conversation is empty. */\n  suggestions?: string[]\n  /** Called when the user submits a message. The returned string (if any)\n   *  will be appended as the assistant's reply. Defaults to a no-op. */\n  onSend?: (message: string, model: string) => Promise<string | undefined> | string | undefined\n  className?: string\n}\n\n// ---------------------------------------------------------------------------\n// Default values\n// ---------------------------------------------------------------------------\n\nconst DEFAULT_MODELS: ChatModel[] = [\n  { id: \"claude-sonnet-4-6\", name: \"Claude Sonnet\" },\n  { id: \"claude-opus-4-7\", name: \"Claude Opus\" },\n]\n\nconst DEFAULT_SUGGESTIONS = [\n  \"Explain quantum entanglement simply\",\n  \"Write a Python script to rename files\",\n  \"Summarise the latest AI research trends\",\n  \"What is the difference between TCP and UDP?\",\n]\n\nlet _idCounter = 0\nconst nextId = () => {\n  _idCounter += 1\n  return `chat-msg-${_idCounter}`\n}\n\nconst STREAM_STATUS_LINGER_MS = 3000\n\n// ---------------------------------------------------------------------------\n// Chat component\n// ---------------------------------------------------------------------------\n\nexport const Chat = ({\n  initialMessages = [],\n  models = DEFAULT_MODELS,\n  defaultModel,\n  suggestions = DEFAULT_SUGGESTIONS,\n  onSend,\n  className,\n}: ChatProps) => {\n  const labelId = useId()\n  const [messages, setMessages] = useState<ChatMessage[]>(initialMessages)\n  const [text, setText] = useState(\"\")\n  const [model, setModel] = useState(defaultModel ?? models[0]?.id ?? \"\")\n  const [webSearch, setWebSearch] = useState(false)\n  const [status, setStatus] = useState<\"ready\" | \"streaming\">(\"ready\")\n  const [streamStart, setStreamStart] = useState<Date | undefined>()\n\n  const handleSubmit = useCallback(\n    async (_msg: PromptInputMessage) => {\n      const trimmed = text.trim()\n      if (!trimmed || status === \"streaming\") return\n\n      const userMsg: ChatMessage = {\n        id: nextId(),\n        role: \"user\",\n        content: trimmed,\n      }\n      setMessages((prev) => [...prev, userMsg])\n      setText(\"\")\n      setStatus(\"streaming\")\n      setStreamStart(new Date())\n\n      try {\n        const reply = await onSend?.(trimmed, model)\n        const assistantMsg: ChatMessage = {\n          id: nextId(),\n          role: \"assistant\",\n          content: reply ?? \"I received your message.\",\n        }\n        setMessages((prev) => [...prev, assistantMsg])\n      } finally {\n        setStatus(\"ready\")\n        // Keep streamStart briefly so the bubble-confirm ripple can play out\n        setTimeout(() => setStreamStart(undefined), STREAM_STATUS_LINGER_MS)\n      }\n    },\n    [text, status, model, onSend],\n  )\n\n  const handleSuggestion = useCallback((suggestion: string) => {\n    setText(suggestion)\n  }, [])\n\n  const handleCopy = useCallback((content: string) => {\n    navigator.clipboard.writeText(content).catch(() => {})\n  }, [])\n\n  const handleRetry = useCallback((id: string) => {\n    setMessages((prev) => {\n      const idx = prev.findIndex((m) => m.id === id)\n      if (idx === -1) return prev\n      return prev.slice(0, idx)\n    })\n  }, [])\n\n  return (\n    <div className={cn(\"mx-auto flex h-full w-full max-w-[980px] flex-col\", className)}>\n      {/* Conversation */}\n      <Conversation className=\"flex-1\">\n        <ConversationContent>\n          {messages.length === 0 ? (\n            <ConversationEmptyState\n              description=\"Send a message or pick a suggestion below to start.\"\n              title=\"Start a conversation\"\n            />\n          ) : null}\n\n          {messages.map((msg, index) => (\n            <div className=\"space-y-1\" key={msg.id}>\n              {/* Branch wrapper — renders alt responses side-by-side when branches exist */}\n              {msg.role === \"assistant\" && msg.branches && msg.branches.length > 1 ? (\n                <MessageBranch>\n                  <MessageBranchContent>\n                    {msg.branches.map((branch, i) => (\n                      <AssistantMessage\n                        key={i}\n                        content={branch}\n                        id={msg.id}\n                        onCopy={handleCopy}\n                        onRetry={handleRetry}\n                        reasoning={i === 0 ? msg.reasoning : undefined}\n                        sources={i === 0 ? msg.sources : undefined}\n                      />\n                    ))}\n                  </MessageBranchContent>\n                  <MessageToolbar>\n                    <MessageBranchSelector>\n                      <MessageBranchPrevious />\n                      <MessageBranchPage />\n                      <MessageBranchNext />\n                    </MessageBranchSelector>\n                  </MessageToolbar>\n                </MessageBranch>\n              ) : msg.role === \"assistant\" ? (\n                <>\n                  <AssistantMessage\n                    content={msg.content}\n                    id={msg.id}\n                    onCopy={handleCopy}\n                    onRetry={handleRetry}\n                    reasoning={msg.reasoning}\n                    sources={msg.sources}\n                  />\n                </>\n              ) : (\n                <Message from=\"user\">\n                  <MessageContent>\n                    <MessageResponse>{msg.content}</MessageResponse>\n                  </MessageContent>\n                </Message>\n              )}\n\n              {index === messages.length - 1 && streamStart && (\n                <div className=\"mt-3\">\n                  <StreamStatus\n                    iconVariant=\"loader-circle\"\n                    isStreaming={status === \"streaming\"}\n                    startTime={streamStart}\n                  />\n                </div>\n              )}\n            </div>\n          ))}\n        </ConversationContent>\n        <ConversationScrollButton />\n      </Conversation>\n\n      {/* Suggestions — only shown when conversation is empty */}\n      {messages.length === 0 && suggestions.length > 0 && (\n        <div className=\"px-4 pb-2\">\n          <Suggestions>\n            {suggestions.map((s) => (\n              <Suggestion key={s} onClick={handleSuggestion} suggestion={s} />\n            ))}\n          </Suggestions>\n        </div>\n      )}\n\n      {/* Prompt input */}\n      <div className=\"px-4 pt-3 pb-4\">\n        <PromptInput onSubmit={handleSubmit}>\n          <PromptInputBody>\n            <PromptInputTextarea\n              aria-labelledby={labelId}\n              onChange={(e) => setText(e.target.value)}\n              placeholder=\"Ask anything...\"\n              value={text}\n            />\n          </PromptInputBody>\n          <PromptInputFooter>\n            <PromptInputTools>\n              {/* Model selector */}\n              {models.length > 1 && (\n                <PromptInputSelect onValueChange={setModel} value={model}>\n                  <PromptInputSelectTrigger>\n                    <PromptInputSelectValue />\n                  </PromptInputSelectTrigger>\n                  <PromptInputSelectContent>\n                    {models.map((m) => (\n                      <PromptInputSelectItem key={m.id} value={m.id}>\n                        {m.name}\n                      </PromptInputSelectItem>\n                    ))}\n                  </PromptInputSelectContent>\n                </PromptInputSelect>\n              )}\n\n              {/* Web search toggle */}\n              <PromptInputButton\n                onClick={() => setWebSearch((v) => !v)}\n                tooltip={{ content: \"Search the web\" }}\n                variant={webSearch ? \"default\" : \"ghost\"}\n              >\n                <GlobeIcon size={16} />\n                <span>Search</span>\n              </PromptInputButton>\n            </PromptInputTools>\n\n            <PromptInputSubmit disabled={!text.trim()} status={status} />\n          </PromptInputFooter>\n        </PromptInput>\n      </div>\n    </div>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Internal sub-component for assistant messages\n// ---------------------------------------------------------------------------\n\ninterface AssistantMessageProps {\n  id: string\n  content: string\n  reasoning?: string\n  sources?: ChatSource[]\n  onCopy: (content: string) => void\n  onRetry: (id: string) => void\n}\n\nconst AssistantMessage = ({ id, content, reasoning, sources, onCopy, onRetry }: AssistantMessageProps) => (\n  <div className=\"space-y-2\">\n    {reasoning && (\n      <Reasoning>\n        <ReasoningTrigger />\n        <ReasoningContent>{reasoning}</ReasoningContent>\n      </Reasoning>\n    )}\n\n    <Message from=\"assistant\">\n      <MessageContent>\n        <MessageResponse>{content}</MessageResponse>\n      </MessageContent>\n    </Message>\n\n    {sources && sources.length > 0 && (\n      <Sources>\n        <SourcesTrigger count={sources.length} />\n        <SourcesContent>\n          {sources.map((s) => (\n            <Source href={s.href} key={s.href} title={s.title} />\n          ))}\n        </SourcesContent>\n      </Sources>\n    )}\n\n    <MessageActions>\n      <MessageAction label=\"Copy\" onClick={() => onCopy(content)}>\n        <CopyIcon className=\"size-3\" />\n      </MessageAction>\n      <MessageAction label=\"Retry\" onClick={() => onRetry(id)}>\n        <RefreshCcwIcon className=\"size-3\" />\n      </MessageAction>\n    </MessageActions>\n  </div>\n)\n"],"names":["DEFAULT_MODELS","DEFAULT_SUGGESTIONS","_idCounter","nextId","STREAM_STATUS_LINGER_MS","Chat","initialMessages","models","defaultModel","suggestions","onSend","className","labelId","useId","messages","setMessages","useState","text","setText","model","setModel","webSearch","setWebSearch","status","setStatus","streamStart","setStreamStart","handleSubmit","useCallback","_msg","trimmed","userMsg","prev","reply","assistantMsg","handleSuggestion","suggestion","handleCopy","content","handleRetry","id","idx","m","cn","jsxs","Conversation","ConversationContent","jsx","ConversationEmptyState","msg","index","MessageBranch","MessageBranchContent","branch","i","AssistantMessage","MessageToolbar","MessageBranchSelector","MessageBranchPrevious","MessageBranchPage","MessageBranchNext","Fragment","Message","MessageContent","MessageResponse","StreamStatus","ConversationScrollButton","Suggestions","Suggestion","PromptInput","PromptInputBody","PromptInputTextarea","e","PromptInputFooter","PromptInputTools","PromptInputSelect","PromptInputSelectTrigger","PromptInputSelectValue","PromptInputSelectContent","PromptInputSelectItem","PromptInputButton","v","GlobeIcon","PromptInputSubmit","reasoning","sources","onCopy","onRetry","Reasoning","ReasoningTrigger","ReasoningContent","Sources","SourcesTrigger","SourcesContent","s","Source","MessageActions","MessageAction","CopyIcon","RefreshCcwIcon"],"mappings":"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"}
+{"version":3,"file":"Chat.cjs","sources":["../../../../src/components/composed/Chat/Chat.tsx"],"sourcesContent":["import { CopyIcon, GlobeIcon, RefreshCcwIcon } from \"lucide-react\"\nimport { useCallback, useId, useState } from \"react\"\n\nimport {\n  Conversation,\n  ConversationContent,\n  ConversationEmptyState,\n  ConversationScrollButton,\n} from \"@/components/ai/conversation\"\nimport {\n  Message,\n  MessageAction,\n  MessageActions,\n  MessageBranch,\n  MessageBranchContent,\n  MessageBranchNext,\n  MessageBranchPage,\n  MessageBranchPrevious,\n  MessageBranchSelector,\n  MessageContent,\n  MessageResponse,\n  MessageToolbar,\n} from \"@/components/ai/message\"\nimport {\n  PromptInput,\n  PromptInputBody,\n  PromptInputButton,\n  PromptInputFooter,\n  PromptInputSelect,\n  PromptInputSelectContent,\n  PromptInputSelectItem,\n  PromptInputSelectTrigger,\n  PromptInputSelectValue,\n  PromptInputSubmit,\n  PromptInputTextarea,\n  PromptInputTools,\n  type PromptInputMessage,\n} from \"@/components/ai/prompt-input\"\nimport { Reasoning, ReasoningContent, ReasoningTrigger } from \"@/components/ai/reasoning\"\nimport { Source, Sources, SourcesContent, SourcesTrigger } from \"@/components/ai/sources\"\nimport { StreamStatus } from \"@/components/ai/stream-status\"\nimport { Suggestion, Suggestions } from \"@/components/ai/suggestion\"\nimport { cn } from \"@/lib/utils\"\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface ChatSource {\n  href: string\n  title: string\n}\n\nexport interface ChatMessage {\n  id: string\n  role: \"user\" | \"assistant\"\n  content: string\n  /** Displayed in a collapsible Reasoning panel above the message content. */\n  reasoning?: string\n  /** Web sources used to produce this message. */\n  sources?: ChatSource[]\n  /** Multiple alternative responses (for branching). When provided, the\n   *  array should include `content` as one of its items. */\n  branches?: string[]\n}\n\nexport interface ChatModel {\n  id: string\n  name: string\n}\n\nexport interface ChatProps {\n  /** Initial messages to pre-populate the conversation. */\n  initialMessages?: ChatMessage[]\n  /** Available models shown in the model-selector dropdown. */\n  models?: ChatModel[]\n  /** Initial model id. Defaults to the first model in `models`. */\n  defaultModel?: string\n  /** Suggestion chips shown when the conversation is empty. */\n  suggestions?: string[]\n  /** Called when the user submits a message. The returned string (if any)\n   *  will be appended as the assistant's reply. Defaults to a no-op. */\n  onSend?: (message: string, model: string) => Promise<string | undefined> | string | undefined\n  className?: string\n}\n\n// ---------------------------------------------------------------------------\n// Default values\n// ---------------------------------------------------------------------------\n\nconst DEFAULT_MODELS: ChatModel[] = [\n  { id: \"claude-sonnet-4-6\", name: \"Claude Sonnet\" },\n  { id: \"claude-opus-4-7\", name: \"Claude Opus\" },\n]\n\nconst DEFAULT_SUGGESTIONS = [\n  \"Explain quantum entanglement simply\",\n  \"Write a Python script to rename files\",\n  \"Summarise the latest AI research trends\",\n  \"What is the difference between TCP and UDP?\",\n]\n\nlet _idCounter = 0\nconst nextId = () => {\n  _idCounter += 1\n  return `chat-msg-${_idCounter}`\n}\n\nconst STREAM_STATUS_LINGER_MS = 3000\n\n// ---------------------------------------------------------------------------\n// Chat component\n// ---------------------------------------------------------------------------\n\nexport const Chat = ({\n  initialMessages = [],\n  models = DEFAULT_MODELS,\n  defaultModel,\n  suggestions = DEFAULT_SUGGESTIONS,\n  onSend,\n  className,\n}: ChatProps) => {\n  const labelId = useId()\n  const [messages, setMessages] = useState<ChatMessage[]>(initialMessages)\n  const [text, setText] = useState(\"\")\n  const [model, setModel] = useState(defaultModel ?? models[0]?.id ?? \"\")\n  const [webSearch, setWebSearch] = useState(false)\n  const [status, setStatus] = useState<\"ready\" | \"streaming\">(\"ready\")\n  const [streamStart, setStreamStart] = useState<Date | undefined>()\n\n  const handleSubmit = useCallback(\n    async (_msg: PromptInputMessage) => {\n      const trimmed = text.trim()\n      if (!trimmed || status === \"streaming\") return\n\n      const userMsg: ChatMessage = {\n        id: nextId(),\n        role: \"user\",\n        content: trimmed,\n      }\n      setMessages((prev) => [...prev, userMsg])\n      setText(\"\")\n      setStatus(\"streaming\")\n      setStreamStart(new Date())\n\n      try {\n        const reply = await onSend?.(trimmed, model)\n        const assistantMsg: ChatMessage = {\n          id: nextId(),\n          role: \"assistant\",\n          content: reply ?? \"I received your message.\",\n        }\n        setMessages((prev) => [...prev, assistantMsg])\n      } finally {\n        setStatus(\"ready\")\n        // Keep streamStart briefly so the bubble-confirm ripple can play out\n        setTimeout(() => setStreamStart(undefined), STREAM_STATUS_LINGER_MS)\n      }\n    },\n    [text, status, model, onSend],\n  )\n\n  const handleSuggestion = useCallback((suggestion: string) => {\n    setText(suggestion)\n  }, [])\n\n  const handleCopy = useCallback((content: string) => {\n    navigator.clipboard.writeText(content).catch(() => {})\n  }, [])\n\n  const handleRetry = useCallback((id: string) => {\n    setMessages((prev) => {\n      const idx = prev.findIndex((m) => m.id === id)\n      if (idx === -1) return prev\n      return prev.slice(0, idx)\n    })\n  }, [])\n\n  return (\n    <div className={cn(\"mx-auto flex h-full w-full max-w-[980px] flex-col\", className)}>\n      {/* Conversation */}\n      <Conversation className=\"flex-1\">\n        <ConversationContent>\n          {messages.length === 0 ? (\n            <ConversationEmptyState\n              description=\"Send a message or pick a suggestion below to start.\"\n              title=\"Start a conversation\"\n            />\n          ) : null}\n\n          {messages.map((msg, index) => (\n            <div className=\"space-y-1\" key={msg.id}>\n              {/* Branch wrapper — renders alt responses side-by-side when branches exist */}\n              {msg.role === \"assistant\" && msg.branches && msg.branches.length > 1 ? (\n                <MessageBranch>\n                  <MessageBranchContent>\n                    {msg.branches.map((branch, i) => (\n                      <AssistantMessage\n                        key={i}\n                        content={branch}\n                        id={msg.id}\n                        onCopy={handleCopy}\n                        onRetry={handleRetry}\n                        reasoning={i === 0 ? msg.reasoning : undefined}\n                        sources={i === 0 ? msg.sources : undefined}\n                      />\n                    ))}\n                  </MessageBranchContent>\n                  <MessageToolbar>\n                    <MessageBranchSelector>\n                      <MessageBranchPrevious />\n                      <MessageBranchPage />\n                      <MessageBranchNext />\n                    </MessageBranchSelector>\n                  </MessageToolbar>\n                </MessageBranch>\n              ) : msg.role === \"assistant\" ? (\n                <>\n                  <AssistantMessage\n                    content={msg.content}\n                    id={msg.id}\n                    onCopy={handleCopy}\n                    onRetry={handleRetry}\n                    reasoning={msg.reasoning}\n                    sources={msg.sources}\n                  />\n                </>\n              ) : (\n                <Message from=\"user\">\n                  <MessageContent>\n                    <MessageResponse>{msg.content}</MessageResponse>\n                  </MessageContent>\n                </Message>\n              )}\n\n              {index === messages.length - 1 && streamStart && (\n                <div className=\"mt-3\">\n                  <StreamStatus\n                    iconVariant=\"loader-circle\"\n                    isStreaming={status === \"streaming\"}\n                    startTime={streamStart}\n                  />\n                </div>\n              )}\n            </div>\n          ))}\n        </ConversationContent>\n        <ConversationScrollButton />\n      </Conversation>\n\n      {/* Suggestions — only shown when conversation is empty */}\n      {messages.length === 0 && suggestions.length > 0 && (\n        <div className=\"px-4 pb-2\">\n          <Suggestions>\n            {suggestions.map((s) => (\n              <Suggestion key={s} onClick={handleSuggestion} suggestion={s} />\n            ))}\n          </Suggestions>\n        </div>\n      )}\n\n      {/* Prompt input */}\n      <div className=\"px-4 pt-3 pb-4\">\n        <PromptInput onSubmit={handleSubmit}>\n          <PromptInputBody>\n            <PromptInputTextarea\n              aria-labelledby={labelId}\n              onChange={(e) => setText(e.target.value)}\n              placeholder=\"Ask anything...\"\n              value={text}\n            />\n          </PromptInputBody>\n          <PromptInputFooter>\n            <PromptInputTools>\n              {/* Model selector */}\n              {models.length > 1 && (\n                <PromptInputSelect onValueChange={setModel} value={model}>\n                  <PromptInputSelectTrigger aria-label=\"Select model\">\n                    <PromptInputSelectValue />\n                  </PromptInputSelectTrigger>\n                  <PromptInputSelectContent>\n                    {models.map((m) => (\n                      <PromptInputSelectItem key={m.id} value={m.id}>\n                        {m.name}\n                      </PromptInputSelectItem>\n                    ))}\n                  </PromptInputSelectContent>\n                </PromptInputSelect>\n              )}\n\n              {/* Web search toggle */}\n              <PromptInputButton\n                onClick={() => setWebSearch((v) => !v)}\n                tooltip={{ content: \"Search the web\" }}\n                variant={webSearch ? \"default\" : \"ghost\"}\n              >\n                <GlobeIcon size={16} />\n                <span>Search</span>\n              </PromptInputButton>\n            </PromptInputTools>\n\n            <PromptInputSubmit disabled={!text.trim()} status={status} />\n          </PromptInputFooter>\n        </PromptInput>\n      </div>\n    </div>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Internal sub-component for assistant messages\n// ---------------------------------------------------------------------------\n\ninterface AssistantMessageProps {\n  id: string\n  content: string\n  reasoning?: string\n  sources?: ChatSource[]\n  onCopy: (content: string) => void\n  onRetry: (id: string) => void\n}\n\nconst AssistantMessage = ({ id, content, reasoning, sources, onCopy, onRetry }: AssistantMessageProps) => (\n  <div className=\"space-y-2\">\n    {reasoning && (\n      <Reasoning>\n        <ReasoningTrigger />\n        <ReasoningContent>{reasoning}</ReasoningContent>\n      </Reasoning>\n    )}\n\n    <Message from=\"assistant\">\n      <MessageContent>\n        <MessageResponse>{content}</MessageResponse>\n      </MessageContent>\n    </Message>\n\n    {sources && sources.length > 0 && (\n      <Sources>\n        <SourcesTrigger count={sources.length} />\n        <SourcesContent>\n          {sources.map((s) => (\n            <Source href={s.href} key={s.href} title={s.title} />\n          ))}\n        </SourcesContent>\n      </Sources>\n    )}\n\n    <MessageActions>\n      <MessageAction label=\"Copy\" onClick={() => onCopy(content)}>\n        <CopyIcon className=\"size-3\" />\n      </MessageAction>\n      <MessageAction label=\"Retry\" onClick={() => onRetry(id)}>\n        <RefreshCcwIcon className=\"size-3\" />\n      </MessageAction>\n    </MessageActions>\n  </div>\n)\n"],"names":["DEFAULT_MODELS","DEFAULT_SUGGESTIONS","_idCounter","nextId","STREAM_STATUS_LINGER_MS","Chat","initialMessages","models","defaultModel","suggestions","onSend","className","labelId","useId","messages","setMessages","useState","text","setText","model","setModel","webSearch","setWebSearch","status","setStatus","streamStart","setStreamStart","handleSubmit","useCallback","_msg","trimmed","userMsg","prev","reply","assistantMsg","handleSuggestion","suggestion","handleCopy","content","handleRetry","id","idx","m","cn","jsxs","Conversation","ConversationContent","jsx","ConversationEmptyState","msg","index","MessageBranch","MessageBranchContent","branch","i","AssistantMessage","MessageToolbar","MessageBranchSelector","MessageBranchPrevious","MessageBranchPage","MessageBranchNext","Fragment","Message","MessageContent","MessageResponse","StreamStatus","ConversationScrollButton","Suggestions","Suggestion","PromptInput","PromptInputBody","PromptInputTextarea","e","PromptInputFooter","PromptInputTools","PromptInputSelect","PromptInputSelectTrigger","PromptInputSelectValue","PromptInputSelectContent","PromptInputSelectItem","PromptInputButton","v","GlobeIcon","PromptInputSubmit","reasoning","sources","onCopy","onRetry","Reasoning","ReasoningTrigger","ReasoningContent","Sources","SourcesTrigger","SourcesContent","s","Source","MessageActions","MessageAction","CopyIcon","RefreshCcwIcon"],"mappings":"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"}

package/dist/components/composed/Chat/Chat.js

@@ -3,9 +3,9 @@ import { GlobeIcon as O, CopyIcon as V, RefreshCcwIcon as W } from "lucide-react
 import { useId as j, useState as c, useCallback as g } from "react";
 import { Conversation as q, ConversationContent as $, ConversationEmptyState as H, ConversationScrollButton as J } from "../../ai/conversation.js";
 import { MessageBranch as K, MessageBranchContent as Q, MessageToolbar as X, MessageBranchSelector as Y, MessageBranchPrevious as Z, MessageBranchPage as ee, MessageBranchNext as te, Message as A, MessageContent as B, MessageResponse as E, MessageActions as ne, MessageAction as T } from "../../ai/message.js";
-import { PromptInput as re, PromptInputBody as ae, PromptInputTextarea as se, PromptInputFooter as oe, PromptInputTools as ie, PromptInputSelect as ce, PromptInputSelectTrigger as le, PromptInputSelectValue as de, PromptInputSelectContent as he, PromptInputSelectItem as me, PromptInputButton as pe, PromptInputSubmit as ue } from "../../ai/prompt-input.js";
+import { PromptInput as re, PromptInputBody as ae, PromptInputTextarea as oe, PromptInputFooter as se, PromptInputTools as ie, PromptInputSelect as ce, PromptInputSelectTrigger as le, PromptInputSelectValue as de, PromptInputSelectContent as he, PromptInputSelectItem as me, PromptInputButton as pe, PromptInputSubmit as ue } from "../../ai/prompt-input.js";
 import { Reasoning as ge, ReasoningTrigger as Se, ReasoningContent as fe } from "../../ai/reasoning.js";
-import { Sources as Ce, SourcesTrigger as ye, SourcesContent as Ie, Source as be } from "../../ai/sources.js";
+import { Sources as Ce, SourcesTrigger as be, SourcesContent as ye, Source as Ie } from "../../ai/sources.js";
 import { StreamStatus as ve } from "../../ai/stream-status.js";
 import { Suggestions as xe, Suggestion as Me } from "../../ai/suggestion.js";
 import { cn as Pe } from "../../../lib/utils.js";
@@ -21,13 +21,13 @@ const Te = [
 let N = 0;
 const R = () => (N += 1, `chat-msg-${N}`), Re = 3e3, ze = ({
   initialMessages: S = [],
-  models: o = Te,
+  models: s = Te,
   defaultModel: d,
-  suggestions: s = Ne,
+  suggestions: o = Ne,
   onSend: h,
   className: f
 }) => {
-  const l = j(), [m, C] = c(S), [p, y] = c(""), [I, k] = c(d ?? o[0]?.id ?? ""), [_, D] = c(!1), [u, b] = c("ready"), [v, x] = c(), U = g(
+  const l = j(), [m, C] = c(S), [p, b] = c(""), [y, k] = c(d ?? s[0]?.id ?? ""), [_, D] = c(!1), [u, I] = c("ready"), [v, x] = c(), U = g(
     async (t) => {
       const r = p.trim();
       if (!r || u === "streaming") return;
@@ -36,21 +36,21 @@ const R = () => (N += 1, `chat-msg-${N}`), Re = 3e3, ze = ({
         role: "user",
         content: r
       };
-      C((a) => [...a, i]), y(""), b("streaming"), x(/* @__PURE__ */ new Date());
+      C((a) => [...a, i]), b(""), I("streaming"), x(/* @__PURE__ */ new Date());
       try {
-        const a = await h?.(r, I), G = {
+        const a = await h?.(r, y), G = {
           id: R(),
           role: "assistant",
           content: a ?? "I received your message."
         };
         C((L) => [...L, G]);
       } finally {
-        b("ready"), setTimeout(() => x(void 0), Re);
+        I("ready"), setTimeout(() => x(void 0), Re);
       }
     },
-    [p, u, I, h]
+    [p, u, y, h]
   ), F = g((t) => {
-    y(t);
+    b(t);
   }, []), M = g((t) => {
     navigator.clipboard.writeText(t).catch(() => {
     });
@@ -112,22 +112,22 @@ const R = () => (N += 1, `chat-msg-${N}`), Re = 3e3, ze = ({
       ] }),
       /* @__PURE__ */ e(J, {})
     ] }),
-    m.length === 0 && s.length > 0 && /* @__PURE__ */ e("div", { className: "px-4 pb-2", children: /* @__PURE__ */ e(xe, { children: s.map((t) => /* @__PURE__ */ e(Me, { onClick: F, suggestion: t }, t)) }) }),
+    m.length === 0 && o.length > 0 && /* @__PURE__ */ e("div", { className: "px-4 pb-2", children: /* @__PURE__ */ e(xe, { children: o.map((t) => /* @__PURE__ */ e(Me, { onClick: F, suggestion: t }, t)) }) }),
     /* @__PURE__ */ e("div", { className: "px-4 pt-3 pb-4", children: /* @__PURE__ */ n(re, { onSubmit: U, children: [
       /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(
-        se,
+        oe,
         {
           "aria-labelledby": l,
-          onChange: (t) => y(t.target.value),
+          onChange: (t) => b(t.target.value),
           placeholder: "Ask anything...",
           value: p
         }
       ) }),
-      /* @__PURE__ */ n(oe, { children: [
+      /* @__PURE__ */ n(se, { children: [
         /* @__PURE__ */ n(ie, { children: [
-          o.length > 1 && /* @__PURE__ */ n(ce, { onValueChange: k, value: I, children: [
-            /* @__PURE__ */ e(le, { children: /* @__PURE__ */ e(de, {}) }),
-            /* @__PURE__ */ e(he, { children: o.map((t) => /* @__PURE__ */ e(me, { value: t.id, children: t.name }, t.id)) })
+          s.length > 1 && /* @__PURE__ */ n(ce, { onValueChange: k, value: y, children: [
+            /* @__PURE__ */ e(le, { "aria-label": "Select model", children: /* @__PURE__ */ e(de, {}) }),
+            /* @__PURE__ */ e(he, { children: s.map((t) => /* @__PURE__ */ e(me, { value: t.id, children: t.name }, t.id)) })
           ] }),
           /* @__PURE__ */ n(
             pe,
@@ -146,18 +146,18 @@ const R = () => (N += 1, `chat-msg-${N}`), Re = 3e3, ze = ({
       ] })
     ] }) })
   ] });
-}, w = ({ id: S, content: o, reasoning: d, sources: s, onCopy: h, onRetry: f }) => /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+}, w = ({ id: S, content: s, reasoning: d, sources: o, onCopy: h, onRetry: f }) => /* @__PURE__ */ n("div", { className: "space-y-2", children: [
   d && /* @__PURE__ */ n(ge, { children: [
     /* @__PURE__ */ e(Se, {}),
     /* @__PURE__ */ e(fe, { children: d })
   ] }),
-  /* @__PURE__ */ e(A, { from: "assistant", children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(E, { children: o }) }) }),
-  s && s.length > 0 && /* @__PURE__ */ n(Ce, { children: [
-    /* @__PURE__ */ e(ye, { count: s.length }),
-    /* @__PURE__ */ e(Ie, { children: s.map((l) => /* @__PURE__ */ e(be, { href: l.href, title: l.title }, l.href)) })
+  /* @__PURE__ */ e(A, { from: "assistant", children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(E, { children: s }) }) }),
+  o && o.length > 0 && /* @__PURE__ */ n(Ce, { children: [
+    /* @__PURE__ */ e(be, { count: o.length }),
+    /* @__PURE__ */ e(ye, { children: o.map((l) => /* @__PURE__ */ e(Ie, { href: l.href, title: l.title }, l.href)) })
   ] }),
   /* @__PURE__ */ n(ne, { children: [
-    /* @__PURE__ */ e(T, { label: "Copy", onClick: () => h(o), children: /* @__PURE__ */ e(V, { className: "size-3" }) }),
+    /* @__PURE__ */ e(T, { label: "Copy", onClick: () => h(s), children: /* @__PURE__ */ e(V, { className: "size-3" }) }),
     /* @__PURE__ */ e(T, { label: "Retry", onClick: () => f(S), children: /* @__PURE__ */ e(W, { className: "size-3" }) })
   ] })
 ] });

package/dist/components/composed/Chat/Chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.js","sources":["../../../../src/components/composed/Chat/Chat.tsx"],"sourcesContent":["import { CopyIcon, GlobeIcon, RefreshCcwIcon } from \"lucide-react\"\nimport { useCallback, useId, useState } from \"react\"\n\nimport {\n  Conversation,\n  ConversationContent,\n  ConversationEmptyState,\n  ConversationScrollButton,\n} from \"@/components/ai/conversation\"\nimport {\n  Message,\n  MessageAction,\n  MessageActions,\n  MessageBranch,\n  MessageBranchContent,\n  MessageBranchNext,\n  MessageBranchPage,\n  MessageBranchPrevious,\n  MessageBranchSelector,\n  MessageContent,\n  MessageResponse,\n  MessageToolbar,\n} from \"@/components/ai/message\"\nimport {\n  PromptInput,\n  PromptInputBody,\n  PromptInputButton,\n  PromptInputFooter,\n  PromptInputSelect,\n  PromptInputSelectContent,\n  PromptInputSelectItem,\n  PromptInputSelectTrigger,\n  PromptInputSelectValue,\n  PromptInputSubmit,\n  PromptInputTextarea,\n  PromptInputTools,\n  type PromptInputMessage,\n} from \"@/components/ai/prompt-input\"\nimport { Reasoning, ReasoningContent, ReasoningTrigger } from \"@/components/ai/reasoning\"\nimport { Source, Sources, SourcesContent, SourcesTrigger } from \"@/components/ai/sources\"\nimport { StreamStatus } from \"@/components/ai/stream-status\"\nimport { Suggestion, Suggestions } from \"@/components/ai/suggestion\"\nimport { cn } from \"@/lib/utils\"\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface ChatSource {\n  href: string\n  title: string\n}\n\nexport interface ChatMessage {\n  id: string\n  role: \"user\" | \"assistant\"\n  content: string\n  /** Displayed in a collapsible Reasoning panel above the message content. */\n  reasoning?: string\n  /** Web sources used to produce this message. */\n  sources?: ChatSource[]\n  /** Multiple alternative responses (for branching). When provided, the\n   *  array should include `content` as one of its items. */\n  branches?: string[]\n}\n\nexport interface ChatModel {\n  id: string\n  name: string\n}\n\nexport interface ChatProps {\n  /** Initial messages to pre-populate the conversation. */\n  initialMessages?: ChatMessage[]\n  /** Available models shown in the model-selector dropdown. */\n  models?: ChatModel[]\n  /** Initial model id. Defaults to the first model in `models`. */\n  defaultModel?: string\n  /** Suggestion chips shown when the conversation is empty. */\n  suggestions?: string[]\n  /** Called when the user submits a message. The returned string (if any)\n   *  will be appended as the assistant's reply. Defaults to a no-op. */\n  onSend?: (message: string, model: string) => Promise<string | undefined> | string | undefined\n  className?: string\n}\n\n// ---------------------------------------------------------------------------\n// Default values\n// ---------------------------------------------------------------------------\n\nconst DEFAULT_MODELS: ChatModel[] = [\n  { id: \"claude-sonnet-4-6\", name: \"Claude Sonnet\" },\n  { id: \"claude-opus-4-7\", name: \"Claude Opus\" },\n]\n\nconst DEFAULT_SUGGESTIONS = [\n  \"Explain quantum entanglement simply\",\n  \"Write a Python script to rename files\",\n  \"Summarise the latest AI research trends\",\n  \"What is the difference between TCP and UDP?\",\n]\n\nlet _idCounter = 0\nconst nextId = () => {\n  _idCounter += 1\n  return `chat-msg-${_idCounter}`\n}\n\nconst STREAM_STATUS_LINGER_MS = 3000\n\n// ---------------------------------------------------------------------------\n// Chat component\n// ---------------------------------------------------------------------------\n\nexport const Chat = ({\n  initialMessages = [],\n  models = DEFAULT_MODELS,\n  defaultModel,\n  suggestions = DEFAULT_SUGGESTIONS,\n  onSend,\n  className,\n}: ChatProps) => {\n  const labelId = useId()\n  const [messages, setMessages] = useState<ChatMessage[]>(initialMessages)\n  const [text, setText] = useState(\"\")\n  const [model, setModel] = useState(defaultModel ?? models[0]?.id ?? \"\")\n  const [webSearch, setWebSearch] = useState(false)\n  const [status, setStatus] = useState<\"ready\" | \"streaming\">(\"ready\")\n  const [streamStart, setStreamStart] = useState<Date | undefined>()\n\n  const handleSubmit = useCallback(\n    async (_msg: PromptInputMessage) => {\n      const trimmed = text.trim()\n      if (!trimmed || status === \"streaming\") return\n\n      const userMsg: ChatMessage = {\n        id: nextId(),\n        role: \"user\",\n        content: trimmed,\n      }\n      setMessages((prev) => [...prev, userMsg])\n      setText(\"\")\n      setStatus(\"streaming\")\n      setStreamStart(new Date())\n\n      try {\n        const reply = await onSend?.(trimmed, model)\n        const assistantMsg: ChatMessage = {\n          id: nextId(),\n          role: \"assistant\",\n          content: reply ?? \"I received your message.\",\n        }\n        setMessages((prev) => [...prev, assistantMsg])\n      } finally {\n        setStatus(\"ready\")\n        // Keep streamStart briefly so the bubble-confirm ripple can play out\n        setTimeout(() => setStreamStart(undefined), STREAM_STATUS_LINGER_MS)\n      }\n    },\n    [text, status, model, onSend],\n  )\n\n  const handleSuggestion = useCallback((suggestion: string) => {\n    setText(suggestion)\n  }, [])\n\n  const handleCopy = useCallback((content: string) => {\n    navigator.clipboard.writeText(content).catch(() => {})\n  }, [])\n\n  const handleRetry = useCallback((id: string) => {\n    setMessages((prev) => {\n      const idx = prev.findIndex((m) => m.id === id)\n      if (idx === -1) return prev\n      return prev.slice(0, idx)\n    })\n  }, [])\n\n  return (\n    <div className={cn(\"mx-auto flex h-full w-full max-w-[980px] flex-col\", className)}>\n      {/* Conversation */}\n      <Conversation className=\"flex-1\">\n        <ConversationContent>\n          {messages.length === 0 ? (\n            <ConversationEmptyState\n              description=\"Send a message or pick a suggestion below to start.\"\n              title=\"Start a conversation\"\n            />\n          ) : null}\n\n          {messages.map((msg, index) => (\n            <div className=\"space-y-1\" key={msg.id}>\n              {/* Branch wrapper — renders alt responses side-by-side when branches exist */}\n              {msg.role === \"assistant\" && msg.branches && msg.branches.length > 1 ? (\n                <MessageBranch>\n                  <MessageBranchContent>\n                    {msg.branches.map((branch, i) => (\n                      <AssistantMessage\n                        key={i}\n                        content={branch}\n                        id={msg.id}\n                        onCopy={handleCopy}\n                        onRetry={handleRetry}\n                        reasoning={i === 0 ? msg.reasoning : undefined}\n                        sources={i === 0 ? msg.sources : undefined}\n                      />\n                    ))}\n                  </MessageBranchContent>\n                  <MessageToolbar>\n                    <MessageBranchSelector>\n                      <MessageBranchPrevious />\n                      <MessageBranchPage />\n                      <MessageBranchNext />\n                    </MessageBranchSelector>\n                  </MessageToolbar>\n                </MessageBranch>\n              ) : msg.role === \"assistant\" ? (\n                <>\n                  <AssistantMessage\n                    content={msg.content}\n                    id={msg.id}\n                    onCopy={handleCopy}\n                    onRetry={handleRetry}\n                    reasoning={msg.reasoning}\n                    sources={msg.sources}\n                  />\n                </>\n              ) : (\n                <Message from=\"user\">\n                  <MessageContent>\n                    <MessageResponse>{msg.content}</MessageResponse>\n                  </MessageContent>\n                </Message>\n              )}\n\n              {index === messages.length - 1 && streamStart && (\n                <div className=\"mt-3\">\n                  <StreamStatus\n                    iconVariant=\"loader-circle\"\n                    isStreaming={status === \"streaming\"}\n                    startTime={streamStart}\n                  />\n                </div>\n              )}\n            </div>\n          ))}\n        </ConversationContent>\n        <ConversationScrollButton />\n      </Conversation>\n\n      {/* Suggestions — only shown when conversation is empty */}\n      {messages.length === 0 && suggestions.length > 0 && (\n        <div className=\"px-4 pb-2\">\n          <Suggestions>\n            {suggestions.map((s) => (\n              <Suggestion key={s} onClick={handleSuggestion} suggestion={s} />\n            ))}\n          </Suggestions>\n        </div>\n      )}\n\n      {/* Prompt input */}\n      <div className=\"px-4 pt-3 pb-4\">\n        <PromptInput onSubmit={handleSubmit}>\n          <PromptInputBody>\n            <PromptInputTextarea\n              aria-labelledby={labelId}\n              onChange={(e) => setText(e.target.value)}\n              placeholder=\"Ask anything...\"\n              value={text}\n            />\n          </PromptInputBody>\n          <PromptInputFooter>\n            <PromptInputTools>\n              {/* Model selector */}\n              {models.length > 1 && (\n                <PromptInputSelect onValueChange={setModel} value={model}>\n                  <PromptInputSelectTrigger>\n                    <PromptInputSelectValue />\n                  </PromptInputSelectTrigger>\n                  <PromptInputSelectContent>\n                    {models.map((m) => (\n                      <PromptInputSelectItem key={m.id} value={m.id}>\n                        {m.name}\n                      </PromptInputSelectItem>\n                    ))}\n                  </PromptInputSelectContent>\n                </PromptInputSelect>\n              )}\n\n              {/* Web search toggle */}\n              <PromptInputButton\n                onClick={() => setWebSearch((v) => !v)}\n                tooltip={{ content: \"Search the web\" }}\n                variant={webSearch ? \"default\" : \"ghost\"}\n              >\n                <GlobeIcon size={16} />\n                <span>Search</span>\n              </PromptInputButton>\n            </PromptInputTools>\n\n            <PromptInputSubmit disabled={!text.trim()} status={status} />\n          </PromptInputFooter>\n        </PromptInput>\n      </div>\n    </div>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Internal sub-component for assistant messages\n// ---------------------------------------------------------------------------\n\ninterface AssistantMessageProps {\n  id: string\n  content: string\n  reasoning?: string\n  sources?: ChatSource[]\n  onCopy: (content: string) => void\n  onRetry: (id: string) => void\n}\n\nconst AssistantMessage = ({ id, content, reasoning, sources, onCopy, onRetry }: AssistantMessageProps) => (\n  <div className=\"space-y-2\">\n    {reasoning && (\n      <Reasoning>\n        <ReasoningTrigger />\n        <ReasoningContent>{reasoning}</ReasoningContent>\n      </Reasoning>\n    )}\n\n    <Message from=\"assistant\">\n      <MessageContent>\n        <MessageResponse>{content}</MessageResponse>\n      </MessageContent>\n    </Message>\n\n    {sources && sources.length > 0 && (\n      <Sources>\n        <SourcesTrigger count={sources.length} />\n        <SourcesContent>\n          {sources.map((s) => (\n            <Source href={s.href} key={s.href} title={s.title} />\n          ))}\n        </SourcesContent>\n      </Sources>\n    )}\n\n    <MessageActions>\n      <MessageAction label=\"Copy\" onClick={() => onCopy(content)}>\n        <CopyIcon className=\"size-3\" />\n      </MessageAction>\n      <MessageAction label=\"Retry\" onClick={() => onRetry(id)}>\n        <RefreshCcwIcon className=\"size-3\" />\n      </MessageAction>\n    </MessageActions>\n  </div>\n)\n"],"names":["DEFAULT_MODELS","DEFAULT_SUGGESTIONS","_idCounter","nextId","STREAM_STATUS_LINGER_MS","Chat","initialMessages","models","defaultModel","suggestions","onSend","className","labelId","useId","messages","setMessages","useState","text","setText","model","setModel","webSearch","setWebSearch","status","setStatus","streamStart","setStreamStart","handleSubmit","useCallback","_msg","trimmed","userMsg","prev","reply","assistantMsg","handleSuggestion","suggestion","handleCopy","content","handleRetry","id","idx","m","cn","jsxs","Conversation","ConversationContent","jsx","ConversationEmptyState","msg","index","MessageBranch","MessageBranchContent","branch","i","AssistantMessage","MessageToolbar","MessageBranchSelector","MessageBranchPrevious","MessageBranchPage","MessageBranchNext","Fragment","Message","MessageContent","MessageResponse","StreamStatus","ConversationScrollButton","Suggestions","s","Suggestion","PromptInput","PromptInputBody","PromptInputTextarea","e","PromptInputFooter","PromptInputTools","PromptInputSelect","PromptInputSelectTrigger","PromptInputSelectValue","PromptInputSelectContent","PromptInputSelectItem","PromptInputButton","v","GlobeIcon","PromptInputSubmit","reasoning","sources","onCopy","onRetry","Reasoning","ReasoningTrigger","ReasoningContent","Sources","SourcesTrigger","SourcesContent","Source","MessageActions","MessageAction","CopyIcon","RefreshCcwIcon"],"mappings":";;;;;;;;;;;AA0FA,MAAMA,KAA8B;AAAA,EAClC,EAAE,IAAI,qBAAqB,MAAM,gBAAA;AAAA,EACjC,EAAE,IAAI,mBAAmB,MAAM,cAAA;AACjC,GAEMC,KAAsB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,IAAIC,IAAa;AACjB,MAAMC,IAAS,OACbD,KAAc,GACP,YAAYA,CAAU,KAGzBE,KAA0B,KAMnBC,KAAO,CAAC;AAAA,EACnB,iBAAAC,IAAkB,CAAA;AAAA,EAClB,QAAAC,IAASP;AAAA,EACT,cAAAQ;AAAA,EACA,aAAAC,IAAcR;AAAA,EACd,QAAAS;AAAA,EACA,WAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAA,GACV,CAACC,GAAUC,CAAW,IAAIC,EAAwBV,CAAe,GACjE,CAACW,GAAMC,CAAO,IAAIF,EAAS,EAAE,GAC7B,CAACG,GAAOC,CAAQ,IAAIJ,EAASR,KAAgBD,EAAO,CAAC,GAAG,MAAM,EAAE,GAChE,CAACc,GAAWC,CAAY,IAAIN,EAAS,EAAK,GAC1C,CAACO,GAAQC,CAAS,IAAIR,EAAgC,OAAO,GAC7D,CAACS,GAAaC,CAAc,IAAIV,EAAA,GAEhCW,IAAeC;AAAA,IACnB,OAAOC,MAA6B;AAClC,YAAMC,IAAUb,EAAK,KAAA;AACrB,UAAI,CAACa,KAAWP,MAAW,YAAa;AAExC,YAAMQ,IAAuB;AAAA,QAC3B,IAAI5B,EAAA;AAAA,QACJ,MAAM;AAAA,QACN,SAAS2B;AAAA,MAAA;AAEX,MAAAf,EAAY,CAACiB,MAAS,CAAC,GAAGA,GAAMD,CAAO,CAAC,GACxCb,EAAQ,EAAE,GACVM,EAAU,WAAW,GACrBE,EAAe,oBAAI,MAAM;AAEzB,UAAI;AACF,cAAMO,IAAQ,MAAMvB,IAASoB,GAASX,CAAK,GACrCe,IAA4B;AAAA,UAChC,IAAI/B,EAAA;AAAA,UACJ,MAAM;AAAA,UACN,SAAS8B,KAAS;AAAA,QAAA;AAEpB,QAAAlB,EAAY,CAACiB,MAAS,CAAC,GAAGA,GAAME,CAAY,CAAC;AAAA,MAC/C,UAAA;AACE,QAAAV,EAAU,OAAO,GAEjB,WAAW,MAAME,EAAe,MAAS,GAAGtB,EAAuB;AAAA,MACrE;AAAA,IACF;AAAA,IACA,CAACa,GAAMM,GAAQJ,GAAOT,CAAM;AAAA,EAAA,GAGxByB,IAAmBP,EAAY,CAACQ,MAAuB;AAC3D,IAAAlB,EAAQkB,CAAU;AAAA,EACpB,GAAG,CAAA,CAAE,GAECC,IAAaT,EAAY,CAACU,MAAoB;AAClD,cAAU,UAAU,UAAUA,CAAO,EAAE,MAAM,MAAM;AAAA,IAAC,CAAC;AAAA,EACvD,GAAG,CAAA,CAAE,GAECC,IAAcX,EAAY,CAACY,MAAe;AAC9C,IAAAzB,EAAY,CAACiB,MAAS;AACpB,YAAMS,IAAMT,EAAK,UAAU,CAACU,MAAMA,EAAE,OAAOF,CAAE;AAC7C,aAAIC,MAAQ,KAAWT,IAChBA,EAAK,MAAM,GAAGS,CAAG;AAAA,IAC1B,CAAC;AAAA,EACH,GAAG,CAAA,CAAE;AAEL,2BACG,OAAA,EAAI,WAAWE,GAAG,qDAAqDhC,CAAS,GAE/E,UAAA;AAAA,IAAA,gBAAAiC,EAACC,GAAA,EAAa,WAAU,UACtB,UAAA;AAAA,MAAA,gBAAAD,EAACE,GAAA,EACE,UAAA;AAAA,QAAAhC,EAAS,WAAW,IACnB,gBAAAiC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,aAAY;AAAA,YACZ,OAAM;AAAA,UAAA;AAAA,QAAA,IAEN;AAAA,QAEHlC,EAAS,IAAI,CAACmC,GAAKC,MAClB,gBAAAN,EAAC,OAAA,EAAI,WAAU,aAEZ,UAAA;AAAA,UAAAK,EAAI,SAAS,eAAeA,EAAI,YAAYA,EAAI,SAAS,SAAS,IACjE,gBAAAL,EAACO,GAAA,EACC,UAAA;AAAA,YAAA,gBAAAJ,EAACK,KACE,UAAAH,EAAI,SAAS,IAAI,CAACI,GAAQC,MACzB,gBAAAP;AAAA,cAACQ;AAAA,cAAA;AAAA,gBAEC,SAASF;AAAA,gBACT,IAAIJ,EAAI;AAAA,gBACR,QAAQZ;AAAA,gBACR,SAASE;AAAA,gBACT,WAAWe,MAAM,IAAIL,EAAI,YAAY;AAAA,gBACrC,SAASK,MAAM,IAAIL,EAAI,UAAU;AAAA,cAAA;AAAA,cAN5BK;AAAA,YAAA,CAQR,GACH;AAAA,YACA,gBAAAP,EAACS,GAAA,EACC,UAAA,gBAAAZ,EAACa,GAAA,EACC,UAAA;AAAA,cAAA,gBAAAV,EAACW,GAAA,EAAsB;AAAA,gCACtBC,IAAA,EAAkB;AAAA,gCAClBC,IAAA,CAAA,CAAkB;AAAA,YAAA,EAAA,CACrB,EAAA,CACF;AAAA,UAAA,GACF,IACEX,EAAI,SAAS,cACf,gBAAAF,EAAAc,GAAA,EACE,UAAA,gBAAAd;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,SAASN,EAAI;AAAA,cACb,IAAIA,EAAI;AAAA,cACR,QAAQZ;AAAA,cACR,SAASE;AAAA,cACT,WAAWU,EAAI;AAAA,cACf,SAASA,EAAI;AAAA,YAAA;AAAA,UAAA,GAEjB,IAEA,gBAAAF,EAACe,GAAA,EAAQ,MAAK,QACZ,UAAA,gBAAAf,EAACgB,GAAA,EACC,UAAA,gBAAAhB,EAACiB,GAAA,EAAiB,UAAAf,EAAI,QAAA,CAAQ,GAChC,GACF;AAAA,UAGDC,MAAUpC,EAAS,SAAS,KAAKW,KAChC,gBAAAsB,EAAC,OAAA,EAAI,WAAU,QACb,UAAA,gBAAAA;AAAA,YAACkB;AAAA,YAAA;AAAA,cACC,aAAY;AAAA,cACZ,aAAa1C,MAAW;AAAA,cACxB,WAAWE;AAAA,YAAA;AAAA,UAAA,EACb,CACF;AAAA,QAAA,EAAA,GAnD4BwB,EAAI,EAqDpC,CACD;AAAA,MAAA,GACH;AAAA,wBACCiB,GAAA,CAAA,CAAyB;AAAA,IAAA,GAC5B;AAAA,IAGCpD,EAAS,WAAW,KAAKL,EAAY,SAAS,KAC7C,gBAAAsC,EAAC,OAAA,EAAI,WAAU,aACb,UAAA,gBAAAA,EAACoB,IAAA,EACE,YAAY,IAAI,CAACC,MAChB,gBAAArB,EAACsB,IAAA,EAAmB,SAASlC,GAAkB,YAAYiC,EAAA,GAA1CA,CAA6C,CAC/D,EAAA,CACH,EAAA,CACF;AAAA,sBAID,OAAA,EAAI,WAAU,kBACb,UAAA,gBAAAxB,EAAC0B,IAAA,EAAY,UAAU3C,GACrB,UAAA;AAAA,MAAA,gBAAAoB,EAACwB,IAAA,EACC,UAAA,gBAAAxB;AAAA,QAACyB;AAAA,QAAA;AAAA,UACC,mBAAiB5D;AAAA,UACjB,UAAU,CAAC6D,MAAMvD,EAAQuD,EAAE,OAAO,KAAK;AAAA,UACvC,aAAY;AAAA,UACZ,OAAOxD;AAAA,QAAA;AAAA,MAAA,GAEX;AAAA,wBACCyD,IAAA,EACC,UAAA;AAAA,QAAA,gBAAA9B,EAAC+B,IAAA,EAEE,UAAA;AAAA,UAAApE,EAAO,SAAS,KACf,gBAAAqC,EAACgC,MAAkB,eAAexD,GAAU,OAAOD,GACjD,UAAA;AAAA,YAAA,gBAAA4B,EAAC8B,IAAA,EACC,UAAA,gBAAA9B,EAAC+B,IAAA,CAAA,CAAuB,GAC1B;AAAA,8BACCC,IAAA,EACE,UAAAxE,EAAO,IAAI,CAACmC,MACX,gBAAAK,EAACiC,IAAA,EAAiC,OAAOtC,EAAE,IACxC,UAAAA,EAAE,QADuBA,EAAE,EAE9B,CACD,EAAA,CACH;AAAA,UAAA,GACF;AAAA,UAIF,gBAAAE;AAAA,YAACqC;AAAA,YAAA;AAAA,cACC,SAAS,MAAM3D,EAAa,CAAC4D,MAAM,CAACA,CAAC;AAAA,cACrC,SAAS,EAAE,SAAS,iBAAA;AAAA,cACpB,SAAS7D,IAAY,YAAY;AAAA,cAEjC,UAAA;AAAA,gBAAA,gBAAA0B,EAACoC,GAAA,EAAU,MAAM,GAAA,CAAI;AAAA,gBACrB,gBAAApC,EAAC,UAAK,UAAA,SAAA,CAAM;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACd,GACF;AAAA,0BAECqC,IAAA,EAAkB,UAAU,CAACnE,EAAK,KAAA,GAAQ,QAAAM,EAAA,CAAgB;AAAA,MAAA,EAAA,CAC7D;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ,GAeMgC,IAAmB,CAAC,EAAE,IAAAf,GAAI,SAAAF,GAAS,WAAA+C,GAAW,SAAAC,GAAS,QAAAC,GAAQ,SAAAC,EAAA,MACnE,gBAAA5C,EAAC,OAAA,EAAI,WAAU,aACZ,UAAA;AAAA,EAAAyC,uBACEI,IAAA,EACC,UAAA;AAAA,IAAA,gBAAA1C,EAAC2C,IAAA,EAAiB;AAAA,IAClB,gBAAA3C,EAAC4C,MAAkB,UAAAN,EAAA,CAAU;AAAA,EAAA,GAC/B;AAAA,EAGF,gBAAAtC,EAACe,GAAA,EAAQ,MAAK,aACZ,UAAA,gBAAAf,EAACgB,KACC,UAAA,gBAAAhB,EAACiB,GAAA,EAAiB,UAAA1B,EAAA,CAAQ,EAAA,CAC5B,GACF;AAAA,EAECgD,KAAWA,EAAQ,SAAS,uBAC1BM,IAAA,EACC,UAAA;AAAA,IAAA,gBAAA7C,EAAC8C,IAAA,EAAe,OAAOP,EAAQ,OAAA,CAAQ;AAAA,sBACtCQ,IAAA,EACE,UAAAR,EAAQ,IAAI,CAAClB,MACZ,gBAAArB,EAACgD,IAAA,EAAO,MAAM3B,EAAE,MAAmB,OAAOA,EAAE,SAAjBA,EAAE,IAAsB,CACpD,EAAA,CACH;AAAA,EAAA,GACF;AAAA,oBAGD4B,IAAA,EACC,UAAA;AAAA,IAAA,gBAAAjD,EAACkD,GAAA,EAAc,OAAM,QAAO,SAAS,MAAMV,EAAOjD,CAAO,GACvD,UAAA,gBAAAS,EAACmD,GAAA,EAAS,WAAU,SAAA,CAAS,GAC/B;AAAA,IACA,gBAAAnD,EAACkD,GAAA,EAAc,OAAM,SAAQ,SAAS,MAAMT,EAAQhD,CAAE,GACpD,UAAA,gBAAAO,EAACoD,GAAA,EAAe,WAAU,UAAS,EAAA,CACrC;AAAA,EAAA,EAAA,CACF;AAAA,GACF;"}
+{"version":3,"file":"Chat.js","sources":["../../../../src/components/composed/Chat/Chat.tsx"],"sourcesContent":["import { CopyIcon, GlobeIcon, RefreshCcwIcon } from \"lucide-react\"\nimport { useCallback, useId, useState } from \"react\"\n\nimport {\n  Conversation,\n  ConversationContent,\n  ConversationEmptyState,\n  ConversationScrollButton,\n} from \"@/components/ai/conversation\"\nimport {\n  Message,\n  MessageAction,\n  MessageActions,\n  MessageBranch,\n  MessageBranchContent,\n  MessageBranchNext,\n  MessageBranchPage,\n  MessageBranchPrevious,\n  MessageBranchSelector,\n  MessageContent,\n  MessageResponse,\n  MessageToolbar,\n} from \"@/components/ai/message\"\nimport {\n  PromptInput,\n  PromptInputBody,\n  PromptInputButton,\n  PromptInputFooter,\n  PromptInputSelect,\n  PromptInputSelectContent,\n  PromptInputSelectItem,\n  PromptInputSelectTrigger,\n  PromptInputSelectValue,\n  PromptInputSubmit,\n  PromptInputTextarea,\n  PromptInputTools,\n  type PromptInputMessage,\n} from \"@/components/ai/prompt-input\"\nimport { Reasoning, ReasoningContent, ReasoningTrigger } from \"@/components/ai/reasoning\"\nimport { Source, Sources, SourcesContent, SourcesTrigger } from \"@/components/ai/sources\"\nimport { StreamStatus } from \"@/components/ai/stream-status\"\nimport { Suggestion, Suggestions } from \"@/components/ai/suggestion\"\nimport { cn } from \"@/lib/utils\"\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface ChatSource {\n  href: string\n  title: string\n}\n\nexport interface ChatMessage {\n  id: string\n  role: \"user\" | \"assistant\"\n  content: string\n  /** Displayed in a collapsible Reasoning panel above the message content. */\n  reasoning?: string\n  /** Web sources used to produce this message. */\n  sources?: ChatSource[]\n  /** Multiple alternative responses (for branching). When provided, the\n   *  array should include `content` as one of its items. */\n  branches?: string[]\n}\n\nexport interface ChatModel {\n  id: string\n  name: string\n}\n\nexport interface ChatProps {\n  /** Initial messages to pre-populate the conversation. */\n  initialMessages?: ChatMessage[]\n  /** Available models shown in the model-selector dropdown. */\n  models?: ChatModel[]\n  /** Initial model id. Defaults to the first model in `models`. */\n  defaultModel?: string\n  /** Suggestion chips shown when the conversation is empty. */\n  suggestions?: string[]\n  /** Called when the user submits a message. The returned string (if any)\n   *  will be appended as the assistant's reply. Defaults to a no-op. */\n  onSend?: (message: string, model: string) => Promise<string | undefined> | string | undefined\n  className?: string\n}\n\n// ---------------------------------------------------------------------------\n// Default values\n// ---------------------------------------------------------------------------\n\nconst DEFAULT_MODELS: ChatModel[] = [\n  { id: \"claude-sonnet-4-6\", name: \"Claude Sonnet\" },\n  { id: \"claude-opus-4-7\", name: \"Claude Opus\" },\n]\n\nconst DEFAULT_SUGGESTIONS = [\n  \"Explain quantum entanglement simply\",\n  \"Write a Python script to rename files\",\n  \"Summarise the latest AI research trends\",\n  \"What is the difference between TCP and UDP?\",\n]\n\nlet _idCounter = 0\nconst nextId = () => {\n  _idCounter += 1\n  return `chat-msg-${_idCounter}`\n}\n\nconst STREAM_STATUS_LINGER_MS = 3000\n\n// ---------------------------------------------------------------------------\n// Chat component\n// ---------------------------------------------------------------------------\n\nexport const Chat = ({\n  initialMessages = [],\n  models = DEFAULT_MODELS,\n  defaultModel,\n  suggestions = DEFAULT_SUGGESTIONS,\n  onSend,\n  className,\n}: ChatProps) => {\n  const labelId = useId()\n  const [messages, setMessages] = useState<ChatMessage[]>(initialMessages)\n  const [text, setText] = useState(\"\")\n  const [model, setModel] = useState(defaultModel ?? models[0]?.id ?? \"\")\n  const [webSearch, setWebSearch] = useState(false)\n  const [status, setStatus] = useState<\"ready\" | \"streaming\">(\"ready\")\n  const [streamStart, setStreamStart] = useState<Date | undefined>()\n\n  const handleSubmit = useCallback(\n    async (_msg: PromptInputMessage) => {\n      const trimmed = text.trim()\n      if (!trimmed || status === \"streaming\") return\n\n      const userMsg: ChatMessage = {\n        id: nextId(),\n        role: \"user\",\n        content: trimmed,\n      }\n      setMessages((prev) => [...prev, userMsg])\n      setText(\"\")\n      setStatus(\"streaming\")\n      setStreamStart(new Date())\n\n      try {\n        const reply = await onSend?.(trimmed, model)\n        const assistantMsg: ChatMessage = {\n          id: nextId(),\n          role: \"assistant\",\n          content: reply ?? \"I received your message.\",\n        }\n        setMessages((prev) => [...prev, assistantMsg])\n      } finally {\n        setStatus(\"ready\")\n        // Keep streamStart briefly so the bubble-confirm ripple can play out\n        setTimeout(() => setStreamStart(undefined), STREAM_STATUS_LINGER_MS)\n      }\n    },\n    [text, status, model, onSend],\n  )\n\n  const handleSuggestion = useCallback((suggestion: string) => {\n    setText(suggestion)\n  }, [])\n\n  const handleCopy = useCallback((content: string) => {\n    navigator.clipboard.writeText(content).catch(() => {})\n  }, [])\n\n  const handleRetry = useCallback((id: string) => {\n    setMessages((prev) => {\n      const idx = prev.findIndex((m) => m.id === id)\n      if (idx === -1) return prev\n      return prev.slice(0, idx)\n    })\n  }, [])\n\n  return (\n    <div className={cn(\"mx-auto flex h-full w-full max-w-[980px] flex-col\", className)}>\n      {/* Conversation */}\n      <Conversation className=\"flex-1\">\n        <ConversationContent>\n          {messages.length === 0 ? (\n            <ConversationEmptyState\n              description=\"Send a message or pick a suggestion below to start.\"\n              title=\"Start a conversation\"\n            />\n          ) : null}\n\n          {messages.map((msg, index) => (\n            <div className=\"space-y-1\" key={msg.id}>\n              {/* Branch wrapper — renders alt responses side-by-side when branches exist */}\n              {msg.role === \"assistant\" && msg.branches && msg.branches.length > 1 ? (\n                <MessageBranch>\n                  <MessageBranchContent>\n                    {msg.branches.map((branch, i) => (\n                      <AssistantMessage\n                        key={i}\n                        content={branch}\n                        id={msg.id}\n                        onCopy={handleCopy}\n                        onRetry={handleRetry}\n                        reasoning={i === 0 ? msg.reasoning : undefined}\n                        sources={i === 0 ? msg.sources : undefined}\n                      />\n                    ))}\n                  </MessageBranchContent>\n                  <MessageToolbar>\n                    <MessageBranchSelector>\n                      <MessageBranchPrevious />\n                      <MessageBranchPage />\n                      <MessageBranchNext />\n                    </MessageBranchSelector>\n                  </MessageToolbar>\n                </MessageBranch>\n              ) : msg.role === \"assistant\" ? (\n                <>\n                  <AssistantMessage\n                    content={msg.content}\n                    id={msg.id}\n                    onCopy={handleCopy}\n                    onRetry={handleRetry}\n                    reasoning={msg.reasoning}\n                    sources={msg.sources}\n                  />\n                </>\n              ) : (\n                <Message from=\"user\">\n                  <MessageContent>\n                    <MessageResponse>{msg.content}</MessageResponse>\n                  </MessageContent>\n                </Message>\n              )}\n\n              {index === messages.length - 1 && streamStart && (\n                <div className=\"mt-3\">\n                  <StreamStatus\n                    iconVariant=\"loader-circle\"\n                    isStreaming={status === \"streaming\"}\n                    startTime={streamStart}\n                  />\n                </div>\n              )}\n            </div>\n          ))}\n        </ConversationContent>\n        <ConversationScrollButton />\n      </Conversation>\n\n      {/* Suggestions — only shown when conversation is empty */}\n      {messages.length === 0 && suggestions.length > 0 && (\n        <div className=\"px-4 pb-2\">\n          <Suggestions>\n            {suggestions.map((s) => (\n              <Suggestion key={s} onClick={handleSuggestion} suggestion={s} />\n            ))}\n          </Suggestions>\n        </div>\n      )}\n\n      {/* Prompt input */}\n      <div className=\"px-4 pt-3 pb-4\">\n        <PromptInput onSubmit={handleSubmit}>\n          <PromptInputBody>\n            <PromptInputTextarea\n              aria-labelledby={labelId}\n              onChange={(e) => setText(e.target.value)}\n              placeholder=\"Ask anything...\"\n              value={text}\n            />\n          </PromptInputBody>\n          <PromptInputFooter>\n            <PromptInputTools>\n              {/* Model selector */}\n              {models.length > 1 && (\n                <PromptInputSelect onValueChange={setModel} value={model}>\n                  <PromptInputSelectTrigger aria-label=\"Select model\">\n                    <PromptInputSelectValue />\n                  </PromptInputSelectTrigger>\n                  <PromptInputSelectContent>\n                    {models.map((m) => (\n                      <PromptInputSelectItem key={m.id} value={m.id}>\n                        {m.name}\n                      </PromptInputSelectItem>\n                    ))}\n                  </PromptInputSelectContent>\n                </PromptInputSelect>\n              )}\n\n              {/* Web search toggle */}\n              <PromptInputButton\n                onClick={() => setWebSearch((v) => !v)}\n                tooltip={{ content: \"Search the web\" }}\n                variant={webSearch ? \"default\" : \"ghost\"}\n              >\n                <GlobeIcon size={16} />\n                <span>Search</span>\n              </PromptInputButton>\n            </PromptInputTools>\n\n            <PromptInputSubmit disabled={!text.trim()} status={status} />\n          </PromptInputFooter>\n        </PromptInput>\n      </div>\n    </div>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Internal sub-component for assistant messages\n// ---------------------------------------------------------------------------\n\ninterface AssistantMessageProps {\n  id: string\n  content: string\n  reasoning?: string\n  sources?: ChatSource[]\n  onCopy: (content: string) => void\n  onRetry: (id: string) => void\n}\n\nconst AssistantMessage = ({ id, content, reasoning, sources, onCopy, onRetry }: AssistantMessageProps) => (\n  <div className=\"space-y-2\">\n    {reasoning && (\n      <Reasoning>\n        <ReasoningTrigger />\n        <ReasoningContent>{reasoning}</ReasoningContent>\n      </Reasoning>\n    )}\n\n    <Message from=\"assistant\">\n      <MessageContent>\n        <MessageResponse>{content}</MessageResponse>\n      </MessageContent>\n    </Message>\n\n    {sources && sources.length > 0 && (\n      <Sources>\n        <SourcesTrigger count={sources.length} />\n        <SourcesContent>\n          {sources.map((s) => (\n            <Source href={s.href} key={s.href} title={s.title} />\n          ))}\n        </SourcesContent>\n      </Sources>\n    )}\n\n    <MessageActions>\n      <MessageAction label=\"Copy\" onClick={() => onCopy(content)}>\n        <CopyIcon className=\"size-3\" />\n      </MessageAction>\n      <MessageAction label=\"Retry\" onClick={() => onRetry(id)}>\n        <RefreshCcwIcon className=\"size-3\" />\n      </MessageAction>\n    </MessageActions>\n  </div>\n)\n"],"names":["DEFAULT_MODELS","DEFAULT_SUGGESTIONS","_idCounter","nextId","STREAM_STATUS_LINGER_MS","Chat","initialMessages","models","defaultModel","suggestions","onSend","className","labelId","useId","messages","setMessages","useState","text","setText","model","setModel","webSearch","setWebSearch","status","setStatus","streamStart","setStreamStart","handleSubmit","useCallback","_msg","trimmed","userMsg","prev","reply","assistantMsg","handleSuggestion","suggestion","handleCopy","content","handleRetry","id","idx","m","cn","jsxs","Conversation","ConversationContent","jsx","ConversationEmptyState","msg","index","MessageBranch","MessageBranchContent","branch","i","AssistantMessage","MessageToolbar","MessageBranchSelector","MessageBranchPrevious","MessageBranchPage","MessageBranchNext","Fragment","Message","MessageContent","MessageResponse","StreamStatus","ConversationScrollButton","Suggestions","s","Suggestion","PromptInput","PromptInputBody","PromptInputTextarea","e","PromptInputFooter","PromptInputTools","PromptInputSelect","PromptInputSelectTrigger","PromptInputSelectValue","PromptInputSelectContent","PromptInputSelectItem","PromptInputButton","v","GlobeIcon","PromptInputSubmit","reasoning","sources","onCopy","onRetry","Reasoning","ReasoningTrigger","ReasoningContent","Sources","SourcesTrigger","SourcesContent","Source","MessageActions","MessageAction","CopyIcon","RefreshCcwIcon"],"mappings":";;;;;;;;;;;AA0FA,MAAMA,KAA8B;AAAA,EAClC,EAAE,IAAI,qBAAqB,MAAM,gBAAA;AAAA,EACjC,EAAE,IAAI,mBAAmB,MAAM,cAAA;AACjC,GAEMC,KAAsB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,IAAIC,IAAa;AACjB,MAAMC,IAAS,OACbD,KAAc,GACP,YAAYA,CAAU,KAGzBE,KAA0B,KAMnBC,KAAO,CAAC;AAAA,EACnB,iBAAAC,IAAkB,CAAA;AAAA,EAClB,QAAAC,IAASP;AAAA,EACT,cAAAQ;AAAA,EACA,aAAAC,IAAcR;AAAA,EACd,QAAAS;AAAA,EACA,WAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAA,GACV,CAACC,GAAUC,CAAW,IAAIC,EAAwBV,CAAe,GACjE,CAACW,GAAMC,CAAO,IAAIF,EAAS,EAAE,GAC7B,CAACG,GAAOC,CAAQ,IAAIJ,EAASR,KAAgBD,EAAO,CAAC,GAAG,MAAM,EAAE,GAChE,CAACc,GAAWC,CAAY,IAAIN,EAAS,EAAK,GAC1C,CAACO,GAAQC,CAAS,IAAIR,EAAgC,OAAO,GAC7D,CAACS,GAAaC,CAAc,IAAIV,EAAA,GAEhCW,IAAeC;AAAA,IACnB,OAAOC,MAA6B;AAClC,YAAMC,IAAUb,EAAK,KAAA;AACrB,UAAI,CAACa,KAAWP,MAAW,YAAa;AAExC,YAAMQ,IAAuB;AAAA,QAC3B,IAAI5B,EAAA;AAAA,QACJ,MAAM;AAAA,QACN,SAAS2B;AAAA,MAAA;AAEX,MAAAf,EAAY,CAACiB,MAAS,CAAC,GAAGA,GAAMD,CAAO,CAAC,GACxCb,EAAQ,EAAE,GACVM,EAAU,WAAW,GACrBE,EAAe,oBAAI,MAAM;AAEzB,UAAI;AACF,cAAMO,IAAQ,MAAMvB,IAASoB,GAASX,CAAK,GACrCe,IAA4B;AAAA,UAChC,IAAI/B,EAAA;AAAA,UACJ,MAAM;AAAA,UACN,SAAS8B,KAAS;AAAA,QAAA;AAEpB,QAAAlB,EAAY,CAACiB,MAAS,CAAC,GAAGA,GAAME,CAAY,CAAC;AAAA,MAC/C,UAAA;AACE,QAAAV,EAAU,OAAO,GAEjB,WAAW,MAAME,EAAe,MAAS,GAAGtB,EAAuB;AAAA,MACrE;AAAA,IACF;AAAA,IACA,CAACa,GAAMM,GAAQJ,GAAOT,CAAM;AAAA,EAAA,GAGxByB,IAAmBP,EAAY,CAACQ,MAAuB;AAC3D,IAAAlB,EAAQkB,CAAU;AAAA,EACpB,GAAG,CAAA,CAAE,GAECC,IAAaT,EAAY,CAACU,MAAoB;AAClD,cAAU,UAAU,UAAUA,CAAO,EAAE,MAAM,MAAM;AAAA,IAAC,CAAC;AAAA,EACvD,GAAG,CAAA,CAAE,GAECC,IAAcX,EAAY,CAACY,MAAe;AAC9C,IAAAzB,EAAY,CAACiB,MAAS;AACpB,YAAMS,IAAMT,EAAK,UAAU,CAACU,MAAMA,EAAE,OAAOF,CAAE;AAC7C,aAAIC,MAAQ,KAAWT,IAChBA,EAAK,MAAM,GAAGS,CAAG;AAAA,IAC1B,CAAC;AAAA,EACH,GAAG,CAAA,CAAE;AAEL,2BACG,OAAA,EAAI,WAAWE,GAAG,qDAAqDhC,CAAS,GAE/E,UAAA;AAAA,IAAA,gBAAAiC,EAACC,GAAA,EAAa,WAAU,UACtB,UAAA;AAAA,MAAA,gBAAAD,EAACE,GAAA,EACE,UAAA;AAAA,QAAAhC,EAAS,WAAW,IACnB,gBAAAiC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,aAAY;AAAA,YACZ,OAAM;AAAA,UAAA;AAAA,QAAA,IAEN;AAAA,QAEHlC,EAAS,IAAI,CAACmC,GAAKC,MAClB,gBAAAN,EAAC,OAAA,EAAI,WAAU,aAEZ,UAAA;AAAA,UAAAK,EAAI,SAAS,eAAeA,EAAI,YAAYA,EAAI,SAAS,SAAS,IACjE,gBAAAL,EAACO,GAAA,EACC,UAAA;AAAA,YAAA,gBAAAJ,EAACK,KACE,UAAAH,EAAI,SAAS,IAAI,CAACI,GAAQC,MACzB,gBAAAP;AAAA,cAACQ;AAAA,cAAA;AAAA,gBAEC,SAASF;AAAA,gBACT,IAAIJ,EAAI;AAAA,gBACR,QAAQZ;AAAA,gBACR,SAASE;AAAA,gBACT,WAAWe,MAAM,IAAIL,EAAI,YAAY;AAAA,gBACrC,SAASK,MAAM,IAAIL,EAAI,UAAU;AAAA,cAAA;AAAA,cAN5BK;AAAA,YAAA,CAQR,GACH;AAAA,YACA,gBAAAP,EAACS,GAAA,EACC,UAAA,gBAAAZ,EAACa,GAAA,EACC,UAAA;AAAA,cAAA,gBAAAV,EAACW,GAAA,EAAsB;AAAA,gCACtBC,IAAA,EAAkB;AAAA,gCAClBC,IAAA,CAAA,CAAkB;AAAA,YAAA,EAAA,CACrB,EAAA,CACF;AAAA,UAAA,GACF,IACEX,EAAI,SAAS,cACf,gBAAAF,EAAAc,GAAA,EACE,UAAA,gBAAAd;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,SAASN,EAAI;AAAA,cACb,IAAIA,EAAI;AAAA,cACR,QAAQZ;AAAA,cACR,SAASE;AAAA,cACT,WAAWU,EAAI;AAAA,cACf,SAASA,EAAI;AAAA,YAAA;AAAA,UAAA,GAEjB,IAEA,gBAAAF,EAACe,GAAA,EAAQ,MAAK,QACZ,UAAA,gBAAAf,EAACgB,GAAA,EACC,UAAA,gBAAAhB,EAACiB,GAAA,EAAiB,UAAAf,EAAI,QAAA,CAAQ,GAChC,GACF;AAAA,UAGDC,MAAUpC,EAAS,SAAS,KAAKW,KAChC,gBAAAsB,EAAC,OAAA,EAAI,WAAU,QACb,UAAA,gBAAAA;AAAA,YAACkB;AAAA,YAAA;AAAA,cACC,aAAY;AAAA,cACZ,aAAa1C,MAAW;AAAA,cACxB,WAAWE;AAAA,YAAA;AAAA,UAAA,EACb,CACF;AAAA,QAAA,EAAA,GAnD4BwB,EAAI,EAqDpC,CACD;AAAA,MAAA,GACH;AAAA,wBACCiB,GAAA,CAAA,CAAyB;AAAA,IAAA,GAC5B;AAAA,IAGCpD,EAAS,WAAW,KAAKL,EAAY,SAAS,KAC7C,gBAAAsC,EAAC,OAAA,EAAI,WAAU,aACb,UAAA,gBAAAA,EAACoB,IAAA,EACE,YAAY,IAAI,CAACC,MAChB,gBAAArB,EAACsB,IAAA,EAAmB,SAASlC,GAAkB,YAAYiC,EAAA,GAA1CA,CAA6C,CAC/D,EAAA,CACH,EAAA,CACF;AAAA,sBAID,OAAA,EAAI,WAAU,kBACb,UAAA,gBAAAxB,EAAC0B,IAAA,EAAY,UAAU3C,GACrB,UAAA;AAAA,MAAA,gBAAAoB,EAACwB,IAAA,EACC,UAAA,gBAAAxB;AAAA,QAACyB;AAAA,QAAA;AAAA,UACC,mBAAiB5D;AAAA,UACjB,UAAU,CAAC6D,MAAMvD,EAAQuD,EAAE,OAAO,KAAK;AAAA,UACvC,aAAY;AAAA,UACZ,OAAOxD;AAAA,QAAA;AAAA,MAAA,GAEX;AAAA,wBACCyD,IAAA,EACC,UAAA;AAAA,QAAA,gBAAA9B,EAAC+B,IAAA,EAEE,UAAA;AAAA,UAAApE,EAAO,SAAS,KACf,gBAAAqC,EAACgC,MAAkB,eAAexD,GAAU,OAAOD,GACjD,UAAA;AAAA,YAAA,gBAAA4B,EAAC8B,IAAA,EAAyB,cAAW,gBACnC,UAAA,gBAAA9B,EAAC+B,MAAuB,GAC1B;AAAA,8BACCC,IAAA,EACE,UAAAxE,EAAO,IAAI,CAACmC,MACX,gBAAAK,EAACiC,IAAA,EAAiC,OAAOtC,EAAE,IACxC,UAAAA,EAAE,QADuBA,EAAE,EAE9B,CACD,EAAA,CACH;AAAA,UAAA,GACF;AAAA,UAIF,gBAAAE;AAAA,YAACqC;AAAA,YAAA;AAAA,cACC,SAAS,MAAM3D,EAAa,CAAC4D,MAAM,CAACA,CAAC;AAAA,cACrC,SAAS,EAAE,SAAS,iBAAA;AAAA,cACpB,SAAS7D,IAAY,YAAY;AAAA,cAEjC,UAAA;AAAA,gBAAA,gBAAA0B,EAACoC,GAAA,EAAU,MAAM,GAAA,CAAI;AAAA,gBACrB,gBAAApC,EAAC,UAAK,UAAA,SAAA,CAAM;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACd,GACF;AAAA,0BAECqC,IAAA,EAAkB,UAAU,CAACnE,EAAK,KAAA,GAAQ,QAAAM,EAAA,CAAgB;AAAA,MAAA,EAAA,CAC7D;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ,GAeMgC,IAAmB,CAAC,EAAE,IAAAf,GAAI,SAAAF,GAAS,WAAA+C,GAAW,SAAAC,GAAS,QAAAC,GAAQ,SAAAC,EAAA,MACnE,gBAAA5C,EAAC,OAAA,EAAI,WAAU,aACZ,UAAA;AAAA,EAAAyC,uBACEI,IAAA,EACC,UAAA;AAAA,IAAA,gBAAA1C,EAAC2C,IAAA,EAAiB;AAAA,IAClB,gBAAA3C,EAAC4C,MAAkB,UAAAN,EAAA,CAAU;AAAA,EAAA,GAC/B;AAAA,EAGF,gBAAAtC,EAACe,GAAA,EAAQ,MAAK,aACZ,UAAA,gBAAAf,EAACgB,KACC,UAAA,gBAAAhB,EAACiB,GAAA,EAAiB,UAAA1B,EAAA,CAAQ,EAAA,CAC5B,GACF;AAAA,EAECgD,KAAWA,EAAQ,SAAS,uBAC1BM,IAAA,EACC,UAAA;AAAA,IAAA,gBAAA7C,EAAC8C,IAAA,EAAe,OAAOP,EAAQ,OAAA,CAAQ;AAAA,sBACtCQ,IAAA,EACE,UAAAR,EAAQ,IAAI,CAAClB,MACZ,gBAAArB,EAACgD,IAAA,EAAO,MAAM3B,EAAE,MAAmB,OAAOA,EAAE,SAAjBA,EAAE,IAAsB,CACpD,EAAA,CACH;AAAA,EAAA,GACF;AAAA,oBAGD4B,IAAA,EACC,UAAA;AAAA,IAAA,gBAAAjD,EAACkD,GAAA,EAAc,OAAM,QAAO,SAAS,MAAMV,EAAOjD,CAAO,GACvD,UAAA,gBAAAS,EAACmD,GAAA,EAAS,WAAU,SAAA,CAAS,GAC/B;AAAA,IACA,gBAAAnD,EAACkD,GAAA,EAAc,OAAM,SAAQ,SAAS,MAAMT,EAAQhD,CAAE,GACpD,UAAA,gBAAAO,EAACoD,GAAA,EAAe,WAAU,UAAS,EAAA,CACrC;AAAA,EAAA,EAAA,CACF;AAAA,GACF;"}

package/dist/components/composed/ConfirmDialog/ConfirmDialog.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("lucide-react"),l=require("../../ui/button.cjs"),i=require("../../ui/dialog.cjs"),g=require("../../ui/spinner.cjs");function m({title:o,description:r,variant:s="default",confirmLabel:c="Confirm",cancelLabel:a="Cancel",onConfirm:d,onCancel:u,open:x,onOpenChange:h,trigger:t,loading:n=!1}){return e.jsxs(i.Dialog,{open:x,onOpenChange:h,children:[t&&e.jsx(i.DialogTrigger,{asChild:!0,children:t}),e.jsxs(i.DialogContent,{children:[e.jsxs(i.DialogHeader,{children:[e.jsx(i.DialogTitle,{children:o}),r&&e.jsx(i.DialogDescription,{children:r})]}),s==="destructive"&&e.jsxs("div",{className:"flex items-start gap-2 rounded-md border border-destructive/20 bg-destructive/10 px-3 py-2.5 text-sm text-destructive",children:[e.jsx(j.TriangleAlertIcon,{className:"mt-0.5 h-4 w-4 shrink-0"}),e.jsx("span",{children:"This action cannot be undone."})]}),e.jsxs(i.DialogFooter,{children:[e.jsx(i.DialogClose,{asChild:!0,children:e.jsx(l.Button,{variant:"outline",onClick:u,children:a})}),e.jsxs(l.Button,{variant:s==="destructive"?"destructive":"default",disabled:n,onClick:d,children:[n&&e.jsx(g.Spinner,{size:"sm",className:"mr-2"}),c]})]})]})]})}exports.ConfirmDialog=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("../../ui/banner.cjs"),o=require("../../ui/button.cjs"),i=require("../../ui/dialog.cjs"),g=require("../../ui/spinner.cjs");function D({title:l,description:n,variant:r="default",confirmLabel:a="Confirm",cancelLabel:c="Cancel",onConfirm:d,onCancel:u,open:j,onOpenChange:h,trigger:s,loading:t=!1}){return e.jsxs(i.Dialog,{open:j,onOpenChange:h,children:[s&&e.jsx(i.DialogTrigger,{asChild:!0,children:s}),e.jsxs(i.DialogContent,{children:[e.jsxs(i.DialogHeader,{children:[e.jsx(i.DialogTitle,{children:l}),n&&e.jsx(i.DialogDescription,{children:n})]}),r==="destructive"&&e.jsx(x.Banner,{variant:"destructive",description:"This action cannot be undone.",className:"rounded-md"}),e.jsxs(i.DialogFooter,{children:[e.jsx(i.DialogClose,{asChild:!0,children:e.jsx(o.Button,{variant:"outline",onClick:u,children:c})}),e.jsxs(o.Button,{variant:r==="destructive"?"destructive":"default",disabled:t,onClick:d,children:[t&&e.jsx(g.Spinner,{size:"sm",className:"mr-2"}),a]})]})]})]})}exports.ConfirmDialog=D;
 //# sourceMappingURL=ConfirmDialog.cjs.map

package/dist/components/composed/ConfirmDialog/ConfirmDialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.cjs","sources":["../../../../src/components/composed/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import { TriangleAlertIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/components/ui/dialog\"\nimport { Spinner } from \"@/components/ui/spinner\"\n\ninterface ConfirmDialogBaseProps {\n  title: string\n  description?: string\n  variant?: \"default\" | \"destructive\"\n  confirmLabel?: string\n  cancelLabel?: string\n  onConfirm?: () => void\n  onCancel?: () => void\n  trigger?: React.ReactElement\n  loading?: boolean\n}\n\ntype ConfirmDialogControlledProps = ConfirmDialogBaseProps & {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n}\n\ntype ConfirmDialogUncontrolledProps = ConfirmDialogBaseProps & {\n  open?: never\n  onOpenChange?: never\n}\n\nexport type ConfirmDialogProps =\n  | ConfirmDialogControlledProps\n  | ConfirmDialogUncontrolledProps\n\nexport function ConfirmDialog({\n  title,\n  description,\n  variant = \"default\",\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  onConfirm,\n  onCancel,\n  open,\n  onOpenChange,\n  trigger,\n  loading = false,\n}: ConfirmDialogProps) {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      {trigger && <DialogTrigger asChild>{trigger}</DialogTrigger>}\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          {description && (\n            <DialogDescription>{description}</DialogDescription>\n          )}\n        </DialogHeader>\n        {variant === \"destructive\" && (\n          <div className=\"flex items-start gap-2 rounded-md border border-destructive/20 bg-destructive/10 px-3 py-2.5 text-sm text-destructive\">\n            <TriangleAlertIcon className=\"mt-0.5 h-4 w-4 shrink-0\" />\n            <span>This action cannot be undone.</span>\n          </div>\n        )}\n        <DialogFooter>\n          <DialogClose asChild>\n            <Button variant=\"outline\" onClick={onCancel}>\n              {cancelLabel}\n            </Button>\n          </DialogClose>\n          <Button\n            variant={variant === \"destructive\" ? \"destructive\" : \"default\"}\n            disabled={loading}\n            onClick={onConfirm}\n          >\n            {loading && <Spinner size=\"sm\" className=\"mr-2\" />}\n            {confirmLabel}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],"names":["ConfirmDialog","title","description","variant","confirmLabel","cancelLabel","onConfirm","onCancel","open","onOpenChange","trigger","loading","jsxs","Dialog","jsx","DialogTrigger","DialogContent","DialogHeader","DialogTitle","DialogDescription","TriangleAlertIcon","DialogFooter","DialogClose","Button","Spinner"],"mappings":"mPA0CO,SAASA,EAAc,CAC5B,MAAAC,EACA,YAAAC,EACA,QAAAC,EAAU,UACV,aAAAC,EAAe,UACf,YAAAC,EAAc,SACd,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,aAAAC,EACA,QAAAC,EACA,QAAAC,EAAU,EACZ,EAAuB,CACrB,OACEC,EAAAA,KAACC,EAAAA,OAAA,CAAO,KAAAL,EAAY,aAAAC,EACjB,SAAA,CAAAC,GAAWI,EAAAA,IAACC,gBAAA,CAAc,QAAO,GAAE,SAAAL,EAAQ,SAC3CM,EAAAA,cAAA,CACC,SAAA,CAAAJ,OAACK,EAAAA,aAAA,CACC,SAAA,CAAAH,EAAAA,IAACI,EAAAA,aAAa,SAAAjB,CAAA,CAAM,EACnBC,GACCY,EAAAA,IAACK,EAAAA,kBAAA,CAAmB,SAAAjB,CAAA,CAAY,CAAA,EAEpC,EACCC,IAAY,eACXS,OAAC,MAAA,CAAI,UAAU,wHACb,SAAA,CAAAE,EAAAA,IAACM,EAAAA,kBAAA,CAAkB,UAAU,yBAAA,CAA0B,EACvDN,EAAAA,IAAC,QAAK,SAAA,+BAAA,CAA6B,CAAA,EACrC,SAEDO,EAAAA,aAAA,CACC,SAAA,CAAAP,EAAAA,IAACQ,EAAAA,YAAA,CAAY,QAAO,GAClB,SAAAR,EAAAA,IAACS,EAAAA,OAAA,CAAO,QAAQ,UAAU,QAAShB,EAChC,SAAAF,CAAA,CACH,EACF,EACAO,EAAAA,KAACW,EAAAA,OAAA,CACC,QAASpB,IAAY,cAAgB,cAAgB,UACrD,SAAUQ,EACV,QAASL,EAER,SAAA,CAAAK,GAAWG,EAAAA,IAACU,UAAA,CAAQ,KAAK,KAAK,UAAU,OAAO,EAC/CpB,CAAA,CAAA,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EACF,CAEJ"}
+{"version":3,"file":"ConfirmDialog.cjs","sources":["../../../../src/components/composed/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { Banner } from \"@/components/ui/banner\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/components/ui/dialog\"\nimport { Spinner } from \"@/components/ui/spinner\"\n\ninterface ConfirmDialogBaseProps {\n  title: string\n  description?: string\n  variant?: \"default\" | \"destructive\"\n  confirmLabel?: string\n  cancelLabel?: string\n  onConfirm?: () => void\n  onCancel?: () => void\n  trigger?: React.ReactElement\n  loading?: boolean\n}\n\ntype ConfirmDialogControlledProps = ConfirmDialogBaseProps & {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n}\n\ntype ConfirmDialogUncontrolledProps = ConfirmDialogBaseProps & {\n  open?: never\n  onOpenChange?: never\n}\n\nexport type ConfirmDialogProps =\n  | ConfirmDialogControlledProps\n  | ConfirmDialogUncontrolledProps\n\nexport function ConfirmDialog({\n  title,\n  description,\n  variant = \"default\",\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  onConfirm,\n  onCancel,\n  open,\n  onOpenChange,\n  trigger,\n  loading = false,\n}: ConfirmDialogProps) {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      {trigger && <DialogTrigger asChild>{trigger}</DialogTrigger>}\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          {description && (\n            <DialogDescription>{description}</DialogDescription>\n          )}\n        </DialogHeader>\n        {variant === \"destructive\" && (\n          <Banner\n            variant=\"destructive\"\n            description=\"This action cannot be undone.\"\n            className=\"rounded-md\"\n          />\n        )}\n        <DialogFooter>\n          <DialogClose asChild>\n            <Button variant=\"outline\" onClick={onCancel}>\n              {cancelLabel}\n            </Button>\n          </DialogClose>\n          <Button\n            variant={variant === \"destructive\" ? \"destructive\" : \"default\"}\n            disabled={loading}\n            onClick={onConfirm}\n          >\n            {loading && <Spinner size=\"sm\" className=\"mr-2\" />}\n            {confirmLabel}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],"names":["ConfirmDialog","title","description","variant","confirmLabel","cancelLabel","onConfirm","onCancel","open","onOpenChange","trigger","loading","jsxs","Dialog","jsx","DialogTrigger","DialogContent","DialogHeader","DialogTitle","DialogDescription","Banner","DialogFooter","DialogClose","Button","Spinner"],"mappings":"0PA0CO,SAASA,EAAc,CAC5B,MAAAC,EACA,YAAAC,EACA,QAAAC,EAAU,UACV,aAAAC,EAAe,UACf,YAAAC,EAAc,SACd,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,aAAAC,EACA,QAAAC,EACA,QAAAC,EAAU,EACZ,EAAuB,CACrB,OACEC,EAAAA,KAACC,EAAAA,OAAA,CAAO,KAAAL,EAAY,aAAAC,EACjB,SAAA,CAAAC,GAAWI,EAAAA,IAACC,gBAAA,CAAc,QAAO,GAAE,SAAAL,EAAQ,SAC3CM,EAAAA,cAAA,CACC,SAAA,CAAAJ,OAACK,EAAAA,aAAA,CACC,SAAA,CAAAH,EAAAA,IAACI,EAAAA,aAAa,SAAAjB,CAAA,CAAM,EACnBC,GACCY,EAAAA,IAACK,EAAAA,kBAAA,CAAmB,SAAAjB,CAAA,CAAY,CAAA,EAEpC,EACCC,IAAY,eACXW,EAAAA,IAACM,EAAAA,OAAA,CACC,QAAQ,cACR,YAAY,gCACZ,UAAU,YAAA,CAAA,SAGbC,EAAAA,aAAA,CACC,SAAA,CAAAP,EAAAA,IAACQ,EAAAA,YAAA,CAAY,QAAO,GAClB,SAAAR,EAAAA,IAACS,EAAAA,OAAA,CAAO,QAAQ,UAAU,QAAShB,EAChC,SAAAF,CAAA,CACH,EACF,EACAO,EAAAA,KAACW,EAAAA,OAAA,CACC,QAASpB,IAAY,cAAgB,cAAgB,UACrD,SAAUQ,EACV,QAASL,EAER,SAAA,CAAAK,GAAWG,EAAAA,IAACU,UAAA,CAAQ,KAAK,KAAK,UAAU,OAAO,EAC/CpB,CAAA,CAAA,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EACF,CAEJ"}