@krak-stack/registry 0.1.18 → 0.1.20

package/dist/services/agent/client/index.js

@@ -56,6 +56,17 @@ var reduceAgentEvent = (state, event) => {
         ...state,
         messages: state.messages.map((message) => message.id === event.messageId ? { ...message, text: message.text + event.delta } : message)
       };
+    case "markdown-snapshot":
+      return {
+        ...state,
+        messages: state.messages.map((message) => message.id === event.messageId ? {
+          ...message,
+          markdown: {
+            codeBlocks: event.codeBlocks,
+            html: event.html
+          }
+        } : message)
+      };
     case "history":
       return { ...state, history: event.value };
     case "error":
@@ -133,9 +144,8 @@ var makeAgentAtoms = ({
   return { removeContext, reset, state, submit };
 };
 // ../../src/services/agent/client/widget.tsx
-import { useEffect, useId, useRef, useState } from "react";
+import { useEffect as useEffect2, useId, useRef as useRef2, useState as useState2 } from "react";
 import { Dialog as DialogPrimitive2 } from "@base-ui/react/dialog";
-import { code } from "@streamdown/code";
 import {
   ArrowDownIcon as ArrowDownIcon2,
   BotIcon,
@@ -148,9 +158,9 @@ import {
   SquareIcon,
   XIcon as XIcon2
 } from "lucide-react";
-import { Streamdown } from "streamdown";
 
-// ../../src/components/ui/alert.tsx
+// ../../src/components/ui/button.tsx
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
 import { cva } from "class-variance-authority";
 
 // ../../src/lib/utils.ts
@@ -160,9 +170,235 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
-// ../../src/components/ui/alert.tsx
+// ../../src/components/ui/button.tsx
 import { jsx } from "react/jsx-runtime";
-var alertVariants = cva("group/alert relative grid w-full gap-0.5 rounded-lg border px-4 py-3 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4", {
+var buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+  variants: {
+    variant: {
+      default: "bg-primary text-primary-foreground hover:bg-primary/80",
+      outline: "border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+      secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+      ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+      destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+      link: "text-primary underline-offset-4 hover:underline"
+    },
+    size: {
+      default: "h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+      xs: "h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+      sm: "h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
+      lg: "h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+      icon: "size-9",
+      "icon-xs": "size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3",
+      "icon-sm": "size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md",
+      "icon-lg": "size-10"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ButtonPrimitive, {
+    "data-slot": "button",
+    className: cn(buttonVariants({ variant, size, className })),
+    ...props
+  });
+}
+
+// ../../src/components/ui/copy-button.tsx
+import { Check, Copy, TriangleAlert } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function CopyButton({
+  value,
+  valueDescription,
+  copyVariant = "default",
+  messages,
+  onCopied,
+  onCopyError,
+  resetDelay = 1500,
+  disabled,
+  size,
+  "aria-label": ariaLabel,
+  ...props
+}) {
+  const [copyState, setCopyState] = useState("idle");
+  const copyTimeout = useRef(undefined);
+  const labels = {
+    copy: messages?.copy ?? "Copy",
+    copied: messages?.copied ?? "Copied",
+    copyFailed: messages?.copyFailed ?? "Copy failed"
+  };
+  const accessibleLabel = ariaLabel ?? (valueDescription ? `${labels.copy} ${valueDescription}` : labels.copy);
+  const isLarge = copyVariant === "large";
+  const defaultSize = copyVariant === "sm" ? "icon-xs" : isLarge ? "sm" : "icon-sm";
+  useEffect(() => {
+    return () => {
+      if (copyTimeout.current)
+        clearTimeout(copyTimeout.current);
+    };
+  }, []);
+  const resetCopyState = () => {
+    if (copyTimeout.current)
+      clearTimeout(copyTimeout.current);
+    copyTimeout.current = setTimeout(() => setCopyState("idle"), resetDelay);
+  };
+  const copy = async () => {
+    try {
+      await navigator.clipboard.writeText(value);
+      setCopyState("copied");
+      onCopied?.();
+    } catch (error) {
+      setCopyState("failed");
+      onCopyError?.(error instanceof Error ? error : new Error("Copy failed", { cause: error }));
+    }
+    resetCopyState();
+  };
+  const status = copyState === "copied" ? valueDescription ? `${labels.copied}: ${valueDescription}` : labels.copied : copyState === "failed" ? valueDescription ? `${labels.copyFailed}: ${valueDescription}` : labels.copyFailed : "";
+  return /* @__PURE__ */ jsxs(Button, {
+    "aria-label": accessibleLabel,
+    disabled,
+    onClick: copy,
+    size: size ?? defaultSize,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx2("span", {
+        "aria-live": "polite",
+        className: "sr-only",
+        role: "status",
+        children: status
+      }),
+      copyState === "copied" ? /* @__PURE__ */ jsx2(Check, {
+        "aria-hidden": "true"
+      }) : null,
+      copyState === "failed" ? /* @__PURE__ */ jsx2(TriangleAlert, {
+        "aria-hidden": "true"
+      }) : null,
+      copyState === "idle" ? /* @__PURE__ */ jsx2(Copy, {
+        "aria-hidden": "true"
+      }) : null,
+      isLarge ? /* @__PURE__ */ jsx2("span", {
+        children: labels.copy
+      }) : null
+    ]
+  });
+}
+
+// ../../src/components/ui/code-block.tsx
+import { highlight } from "@tanstack/highlight";
+import { createThemeCss } from "@tanstack/highlight/theme";
+import { githubDarkTheme } from "@tanstack/highlight/themes/github-dark";
+import { githubLightTheme } from "@tanstack/highlight/themes/github-light";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var themeCss = `${createThemeCss({
+  light: githubLightTheme,
+  dark: githubDarkTheme,
+  lightSelector: "[data-code-theme]",
+  darkSelector: ".dark [data-code-theme]",
+  codeBlockSelector: "[data-code-theme] pre.th-code",
+  lineNumbersSelector: "[data-code-theme] .th-code--line-numbers"
+})}
+[data-code-theme] pre.th-code {
+  margin: 0;
+  overflow: visible;
+  background: transparent;
+  font: inherit;
+  color: inherit;
+}
+[data-code-theme] pre.th-code code { font: inherit; }`;
+function CodeBlock({
+  code,
+  language = "text",
+  messages
+}) {
+  const normalizedLanguage = language.toLowerCase() || "text";
+  const highlighted = highlight(code, { lang: normalizedLanguage });
+  const copyMessages = {};
+  if (messages?.copy !== undefined)
+    copyMessages.copy = messages.copy;
+  if (messages?.copied !== undefined)
+    copyMessages.copied = messages.copied;
+  if (messages?.copyFailed !== undefined) {
+    copyMessages.copyFailed = messages.copyFailed;
+  }
+  return /* @__PURE__ */ jsxs2("div", {
+    className: "not-prose bg-muted overflow-hidden rounded-md border text-[var(--th-token)]",
+    "data-code-theme": true,
+    children: [
+      /* @__PURE__ */ jsx3("style", {
+        children: themeCss
+      }),
+      /* @__PURE__ */ jsxs2("div", {
+        className: "bg-background border-border/60 flex items-center justify-between border-b px-3 py-2",
+        children: [
+          /* @__PURE__ */ jsx3("span", {
+            className: "text-muted-foreground font-mono text-xs",
+            children: highlighted.lang
+          }),
+          /* @__PURE__ */ jsx3(CopyButton, {
+            value: code,
+            valueDescription: `${highlighted.lang} code`,
+            variant: "secondary",
+            messages: copyMessages
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx3("div", {
+        className: "max-h-full overflow-auto font-mono text-[0.875rem] leading-[1.625]",
+        dangerouslySetInnerHTML: { __html: highlighted.html }
+      })
+    ]
+  });
+}
+
+// ../../src/lib/markdown/content.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var MarkdownContent = ({
+  className,
+  codeBlocks,
+  html,
+  messages
+}) => {
+  const content = [];
+  let remainingHtml = html;
+  codeBlocks.forEach((block, index) => {
+    const marker = `<markdown-code-block data-index="${index}"></markdown-code-block>`;
+    const markerIndex = remainingHtml.indexOf(marker);
+    if (markerIndex === -1)
+      return;
+    content.push(/* @__PURE__ */ jsx4("div", {
+      dangerouslySetInnerHTML: {
+        __html: remainingHtml.slice(0, markerIndex)
+      }
+    }, `html-${index}`), /* @__PURE__ */ jsx4("div", {
+      className: "my-5",
+      children: /* @__PURE__ */ jsx4(CodeBlock, {
+        code: block.code,
+        language: block.language,
+        messages: { copy: messages?.copy, copied: messages?.copied }
+      })
+    }, `code-${index}`));
+    remainingHtml = remainingHtml.slice(markerIndex + marker.length);
+  });
+  content.push(/* @__PURE__ */ jsx4("div", {
+    dangerouslySetInnerHTML: { __html: remainingHtml }
+  }, "html-final"));
+  return /* @__PURE__ */ jsx4("div", {
+    className: cn("[&_a:hover]:text-primary [&_a]:decoration-border [&_blockquote]:border-primary/40 [&_blockquote]:bg-muted/40 [&_h2_a]:text-muted-foreground [&_h3_a]:text-muted-foreground [&_[data-inline-code]]:bg-muted text-[0.98rem] leading-7 [&_[data-markdown-table]]:overflow-x-auto [&_[data-inline-code]]:rounded [&_[data-inline-code]]:px-1.5 [&_[data-inline-code]]:py-0.5 [&_[data-inline-code]]:font-mono [&_[data-inline-code]]:text-[0.875em] [&_a]:font-medium [&_a]:underline [&_a]:decoration-1 [&_a]:underline-offset-4 [&_a]:transition-colors [&_blockquote]:rounded-r-lg [&_blockquote]:border-l-4 [&_blockquote]:px-5 [&_blockquote]:py-1 [&_h2]:mt-12 [&_h2]:scroll-mt-20 [&_h2]:border-t [&_h2]:pt-8 [&_h2]:text-2xl [&_h2]:font-bold [&_h2]:tracking-tight [&_h2_a]:ml-2 [&_h2_a]:no-underline [&_h2:first-of-type]:mt-0 [&_h2:first-of-type]:border-t-0 [&_h2:first-of-type]:pt-0 [&_h3]:mt-8 [&_h3]:scroll-mt-20 [&_h3]:text-xl [&_h3]:font-semibold [&_h3]:tracking-tight [&_h3_a]:ml-2 [&_h3_a]:no-underline [&_ol]:my-5 [&_p]:my-5 [&_table]:w-full [&_table]:text-sm [&_td]:border-b [&_td]:p-2 [&_th]:border-b [&_th]:p-2 [&_th]:text-left [&_ul]:my-5", className),
+    children: content
+  });
+};
+
+// ../../src/components/ui/alert.tsx
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var alertVariants = cva2("group/alert relative grid w-full gap-0.5 rounded-lg border px-4 py-3 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4", {
   variants: {
     variant: {
       default: "bg-card text-card-foreground",
@@ -178,7 +414,7 @@ function Alert({
   variant,
   ...props
 }) {
-  return /* @__PURE__ */ jsx("div", {
+  return /* @__PURE__ */ jsx5("div", {
     "data-slot": "alert",
     role: "alert",
     className: cn(alertVariants({ variant }), className),
@@ -186,7 +422,7 @@ function Alert({
   });
 }
 function AlertTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", {
+  return /* @__PURE__ */ jsx5("div", {
     "data-slot": "alert-title",
     className: cn("font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground", className),
     ...props
@@ -196,7 +432,7 @@ function AlertDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx("div", {
+  return /* @__PURE__ */ jsx5("div", {
     "data-slot": "alert-description",
     className: cn("text-sm text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", className),
     ...props
@@ -206,8 +442,8 @@ function AlertDescription({
 // ../../src/components/ui/badge.tsx
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-import { cva as cva2 } from "class-variance-authority";
-var badgeVariants = cva2("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
+import { cva as cva3 } from "class-variance-authority";
+var badgeVariants = cva3("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
   variants: {
     variant: {
       default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
@@ -244,9 +480,9 @@ function Badge({
 // ../../src/components/ui/bubble.tsx
 import { mergeProps as mergeProps2 } from "@base-ui/react/merge-props";
 import { useRender as useRender2 } from "@base-ui/react/use-render";
-import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var bubbleVariants = cva3("group/bubble relative flex w-fit max-w-[80%] min-w-0 flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full", {
+import { cva as cva4 } from "class-variance-authority";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var bubbleVariants = cva4("group/bubble relative flex w-fit max-w-[80%] min-w-0 flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full", {
   variants: {
     variant: {
       default: "*:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/80",
@@ -268,7 +504,7 @@ function Bubble({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx2("div", {
+  return /* @__PURE__ */ jsx6("div", {
     "data-slot": "bubble",
     "data-variant": variant,
     "data-align": align,
@@ -292,7 +528,7 @@ function BubbleContent({
     }
   });
 }
-var bubbleReactionsVariants = cva3("absolute z-10 flex w-fit shrink-0 items-center justify-center gap-1 rounded-full bg-muted px-1.5 py-0.5 text-sm ring-3 ring-card has-[button]:p-0", {
+var bubbleReactionsVariants = cva4("absolute z-10 flex w-fit shrink-0 items-center justify-center gap-1 rounded-full bg-muted px-1.5 py-0.5 text-sm ring-3 ring-card has-[button]:p-0", {
   variants: {
     side: {
       top: "top-0 -translate-y-3/4",
@@ -309,57 +545,14 @@ var bubbleReactionsVariants = cva3("absolute z-10 flex w-fit shrink-0 items-cent
   }
 });
 
-// ../../src/components/ui/button.tsx
-import { Button as ButtonPrimitive } from "@base-ui/react/button";
-import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var buttonVariants = cva4("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
-  variants: {
-    variant: {
-      default: "bg-primary text-primary-foreground hover:bg-primary/80",
-      outline: "border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-      secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-      ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
-      destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
-      link: "text-primary underline-offset-4 hover:underline"
-    },
-    size: {
-      default: "h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-      xs: "h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-      sm: "h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
-      lg: "h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-      icon: "size-9",
-      "icon-xs": "size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3",
-      "icon-sm": "size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md",
-      "icon-lg": "size-10"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "default"
-  }
-});
-function Button({
-  className,
-  variant = "default",
-  size = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(ButtonPrimitive, {
-    "data-slot": "button",
-    className: cn(buttonVariants({ variant, size, className })),
-    ...props
-  });
-}
-
 // ../../src/components/ui/card.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function Card({
   className,
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx4("div", {
+  return /* @__PURE__ */ jsx7("div", {
     "data-slot": "card",
     "data-size": size,
     className: cn("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground shadow-xs ring-1 ring-foreground/10 [--card-spacing:--spacing(6)] has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(4)] *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className),
@@ -367,35 +560,35 @@ function Card({
   });
 }
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx4("div", {
+  return /* @__PURE__ */ jsx7("div", {
     "data-slot": "card-header",
     className: cn("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", className),
     ...props
   });
 }
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx4("div", {
+  return /* @__PURE__ */ jsx7("div", {
     "data-slot": "card-title",
     className: cn("text-base leading-normal font-medium group-data-[size=sm]/card:text-sm", className),
     ...props
   });
 }
 function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx4("div", {
+  return /* @__PURE__ */ jsx7("div", {
     "data-slot": "card-description",
     className: cn("text-sm text-muted-foreground", className),
     ...props
   });
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx4("div", {
+  return /* @__PURE__ */ jsx7("div", {
     "data-slot": "card-content",
     className: cn("px-(--card-spacing)", className),
     ...props
   });
 }
 function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx4("div", {
+  return /* @__PURE__ */ jsx7("div", {
     "data-slot": "card-footer",
     className: cn("flex items-center rounded-b-xl px-(--card-spacing) [.border-t]:pt-(--card-spacing)", className),
     ...props
@@ -404,21 +597,21 @@ function CardFooter({ className, ...props }) {
 
 // ../../src/components/ui/collapsible.tsx
 import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 function Collapsible({ ...props }) {
-  return /* @__PURE__ */ jsx5(CollapsiblePrimitive.Root, {
+  return /* @__PURE__ */ jsx8(CollapsiblePrimitive.Root, {
     "data-slot": "collapsible",
     ...props
   });
 }
 function CollapsibleTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx5(CollapsiblePrimitive.Trigger, {
+  return /* @__PURE__ */ jsx8(CollapsiblePrimitive.Trigger, {
     "data-slot": "collapsible-trigger",
     ...props
   });
 }
 function CollapsibleContent({ ...props }) {
-  return /* @__PURE__ */ jsx5(CollapsiblePrimitive.Panel, {
+  return /* @__PURE__ */ jsx8(CollapsiblePrimitive.Panel, {
     "data-slot": "collapsible-content",
     ...props
   });
@@ -431,33 +624,33 @@ import { SearchIcon } from "lucide-react";
 // ../../src/components/ui/dialog.tsx
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
 import { XIcon } from "lucide-react";
-import { jsx as jsx6, jsxs } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
 function Dialog({ ...props }) {
-  return /* @__PURE__ */ jsx6(DialogPrimitive.Root, {
+  return /* @__PURE__ */ jsx9(DialogPrimitive.Root, {
     "data-slot": "dialog",
     ...props
   });
 }
 function DialogTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx6(DialogPrimitive.Trigger, {
+  return /* @__PURE__ */ jsx9(DialogPrimitive.Trigger, {
     "data-slot": "dialog-trigger",
     ...props
   });
 }
 function DialogPortal({ ...props }) {
-  return /* @__PURE__ */ jsx6(DialogPrimitive.Portal, {
+  return /* @__PURE__ */ jsx9(DialogPrimitive.Portal, {
     "data-slot": "dialog-portal",
     ...props
   });
 }
 function DialogClose({ ...props }) {
-  return /* @__PURE__ */ jsx6(DialogPrimitive.Close, {
+  return /* @__PURE__ */ jsx9(DialogPrimitive.Close, {
     "data-slot": "dialog-close",
     ...props
   });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx6("div", {
+  return /* @__PURE__ */ jsx9("div", {
     "data-slot": "dialog-header",
     className: cn("grid gap-1.5", className),
     ...props
@@ -467,7 +660,7 @@ function DialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(DialogPrimitive.Title, {
+  return /* @__PURE__ */ jsx9(DialogPrimitive.Title, {
     "data-slot": "dialog-title",
     className: cn("text-lg font-medium", className),
     ...props
@@ -475,12 +668,12 @@ function DialogTitle({
 }
 
 // ../../src/components/ui/command.tsx
-import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 function Command({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(CommandPrimitive, {
+  return /* @__PURE__ */ jsx10(CommandPrimitive, {
     "data-slot": "command",
     className: cn("flex size-full flex-col overflow-hidden rounded-xl bg-popover p-1 text-popover-foreground", className),
     ...props
@@ -490,7 +683,7 @@ function CommandList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(CommandPrimitive.List, {
+  return /* @__PURE__ */ jsx10(CommandPrimitive.List, {
     "data-slot": "command-list",
     className: cn("max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none", className),
     ...props
@@ -500,7 +693,7 @@ function CommandEmpty({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(CommandPrimitive.Empty, {
+  return /* @__PURE__ */ jsx10(CommandPrimitive.Empty, {
     "data-slot": "command-empty",
     className: cn("py-6 text-center text-sm", className),
     ...props
@@ -510,7 +703,7 @@ function CommandGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(CommandPrimitive.Group, {
+  return /* @__PURE__ */ jsx10(CommandPrimitive.Group, {
     "data-slot": "command-group",
     className: cn("overflow-hidden p-1 text-foreground **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-muted-foreground", className),
     ...props
@@ -520,7 +713,7 @@ function CommandItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(CommandPrimitive.Item, {
+  return /* @__PURE__ */ jsx10(CommandPrimitive.Item, {
     "data-slot": "command-item",
     className: cn("group/command-item relative flex cursor-default items-center gap-2 rounded-lg px-2 py-1.5 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-selected:bg-muted data-selected:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
     ...props
@@ -529,16 +722,16 @@ function CommandItem({
 
 // ../../src/components/ui/empty.tsx
 import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function Empty({ className, ...props }) {
-  return /* @__PURE__ */ jsx8("div", {
+  return /* @__PURE__ */ jsx11("div", {
     "data-slot": "empty",
     className: cn("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-lg border-dashed p-12 text-center text-balance", className),
     ...props
   });
 }
 function EmptyHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx8("div", {
+  return /* @__PURE__ */ jsx11("div", {
     "data-slot": "empty-header",
     className: cn("flex max-w-sm flex-col items-center gap-2", className),
     ...props
@@ -560,7 +753,7 @@ function EmptyMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx8("div", {
+  return /* @__PURE__ */ jsx11("div", {
     "data-slot": "empty-icon",
     "data-variant": variant,
     className: cn(emptyMediaVariants({ variant, className })),
@@ -568,14 +761,14 @@ function EmptyMedia({
   });
 }
 function EmptyTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx8("div", {
+  return /* @__PURE__ */ jsx11("div", {
     "data-slot": "empty-title",
     className: cn("text-lg font-medium tracking-tight", className),
     ...props
   });
 }
 function EmptyDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx8("div", {
+  return /* @__PURE__ */ jsx11("div", {
     "data-slot": "empty-description",
     className: cn("text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
     ...props
@@ -587,12 +780,11 @@ import { cva as cva6 } from "class-variance-authority";
 
 // ../../src/components/ui/input.tsx
 import { Input as InputPrimitive } from "@base-ui/react/input";
-import { jsx as jsx9 } from "react/jsx-runtime";
 
 // ../../src/components/ui/textarea.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx10("textarea", {
+  return /* @__PURE__ */ jsx12("textarea", {
     "data-slot": "textarea",
     className: cn("flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-2.5 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
     ...props
@@ -600,9 +792,9 @@ function Textarea({ className, ...props }) {
 }
 
 // ../../src/components/ui/input-group.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx11("div", {
+  return /* @__PURE__ */ jsx13("div", {
     "data-slot": "input-group",
     role: "group",
     className: cn("group/input-group relative flex h-9 w-full min-w-0 items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", className),
@@ -625,7 +817,7 @@ function InputGroupAddon({
   align = "inline-start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx11("div", {
+  return /* @__PURE__ */ jsx13("div", {
     role: "group",
     "data-slot": "input-group-addon",
     "data-align": align,
@@ -657,7 +849,7 @@ function InputGroupButton({
   size = "xs",
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(Button, {
+  return /* @__PURE__ */ jsx13(Button, {
     type,
     "data-size": size,
     variant,
@@ -669,7 +861,7 @@ function InputGroupTextarea({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(Textarea, {
+  return /* @__PURE__ */ jsx13(Textarea, {
     "data-slot": "input-group-control",
     className: cn("flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent", className),
     ...props
@@ -680,7 +872,7 @@ function InputGroupTextarea({
 import { mergeProps as mergeProps3 } from "@base-ui/react/merge-props";
 import { useRender as useRender3 } from "@base-ui/react/use-render";
 import { cva as cva7 } from "class-variance-authority";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var markerVariants = cva7("group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground", {
   variants: {
     variant: {
@@ -709,7 +901,7 @@ function Marker({
   });
 }
 function MarkerContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx12("span", {
+  return /* @__PURE__ */ jsx14("span", {
     "data-slot": "marker-content",
     className: cn("min-w-0 wrap-break-word group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
     ...props
@@ -717,13 +909,13 @@ function MarkerContent({ className, ...props }) {
 }
 
 // ../../src/components/ui/message.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function Message({
   className,
   align = "start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx13("div", {
+  return /* @__PURE__ */ jsx15("div", {
     "data-slot": "message",
     "data-align": align,
     className: cn("group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse", className),
@@ -731,7 +923,7 @@ function Message({
   });
 }
 function MessageContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx13("div", {
+  return /* @__PURE__ */ jsx15("div", {
     "data-slot": "message-content",
     className: cn("flex w-full min-w-0 flex-col gap-2.5 wrap-break-word group-data-[align=end]/message:*:data-slot:self-end", className),
     ...props
@@ -746,9 +938,9 @@ import {
   useMessageScrollerVisibility
 } from "@shadcn/react/message-scroller";
 import { ArrowDownIcon } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs3, Fragment } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs5, Fragment } from "react/jsx-runtime";
 function MessageScrollerProvider(props) {
-  return /* @__PURE__ */ jsx14(MessageScrollerPrimitive.Provider, {
+  return /* @__PURE__ */ jsx16(MessageScrollerPrimitive.Provider, {
     ...props
   });
 }
@@ -756,7 +948,7 @@ function MessageScroller({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(MessageScrollerPrimitive.Root, {
+  return /* @__PURE__ */ jsx16(MessageScrollerPrimitive.Root, {
     "data-slot": "message-scroller",
     className: cn("group/message-scroller relative flex size-full min-h-0 flex-col overflow-hidden", className),
     ...props
@@ -766,7 +958,7 @@ function MessageScrollerViewport({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(MessageScrollerPrimitive.Viewport, {
+  return /* @__PURE__ */ jsx16(MessageScrollerPrimitive.Viewport, {
     "data-slot": "message-scroller-viewport",
     className: cn("size-full min-h-0 min-w-0 scroll-fade-b scrollbar-thin scrollbar-gutter-stable overflow-y-auto overscroll-contain contain-content data-autoscrolling:scrollbar-thumb-transparent data-autoscrolling:scrollbar-track-transparent", className),
     ...props
@@ -776,7 +968,7 @@ function MessageScrollerContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(MessageScrollerPrimitive.Content, {
+  return /* @__PURE__ */ jsx16(MessageScrollerPrimitive.Content, {
     "data-slot": "message-scroller-content",
     className: cn("flex h-max min-h-full flex-col gap-8", className),
     ...props
@@ -787,7 +979,7 @@ function MessageScrollerItem({
   scrollAnchor = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(MessageScrollerPrimitive.Item, {
+  return /* @__PURE__ */ jsx16(MessageScrollerPrimitive.Item, {
     "data-slot": "message-scroller-item",
     scrollAnchor,
     className: cn("min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]", className),
@@ -803,22 +995,22 @@ function MessageScrollerButton({
   size = "icon-sm",
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(MessageScrollerPrimitive.Button, {
+  return /* @__PURE__ */ jsx16(MessageScrollerPrimitive.Button, {
     "data-slot": "message-scroller-button",
     "data-direction": direction,
     "data-variant": variant,
     "data-size": size,
     direction,
     className: cn("absolute inset-s-1/2 -translate-x-1/2 border-border bg-background text-foreground transition-[translate,scale,opacity] duration-200 hover:bg-muted hover:text-foreground data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)] data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[active=true]:ease-[cubic-bezier(0.23,1,0.32,1)] data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180", className),
-    render: render ?? /* @__PURE__ */ jsx14(Button, {
+    render: render ?? /* @__PURE__ */ jsx16(Button, {
       variant,
       size
     }),
     ...props,
-    children: children ?? /* @__PURE__ */ jsxs3(Fragment, {
+    children: children ?? /* @__PURE__ */ jsxs5(Fragment, {
       children: [
-        /* @__PURE__ */ jsx14(ArrowDownIcon, {}),
-        /* @__PURE__ */ jsx14("span", {
+        /* @__PURE__ */ jsx16(ArrowDownIcon, {}),
+        /* @__PURE__ */ jsx16("span", {
           className: "sr-only",
           children: direction === "end" ? "Scroll to end" : "Scroll to start"
         })
@@ -829,15 +1021,15 @@ function MessageScrollerButton({
 
 // ../../src/components/ui/popover.tsx
 import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function Popover({ ...props }) {
-  return /* @__PURE__ */ jsx15(PopoverPrimitive.Root, {
+  return /* @__PURE__ */ jsx17(PopoverPrimitive.Root, {
     "data-slot": "popover",
     ...props
   });
 }
 function PopoverTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx15(PopoverPrimitive.Trigger, {
+  return /* @__PURE__ */ jsx17(PopoverPrimitive.Trigger, {
     "data-slot": "popover-trigger",
     ...props
   });
@@ -850,14 +1042,14 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(PopoverPrimitive.Portal, {
-    children: /* @__PURE__ */ jsx15(PopoverPrimitive.Positioner, {
+  return /* @__PURE__ */ jsx17(PopoverPrimitive.Portal, {
+    children: /* @__PURE__ */ jsx17(PopoverPrimitive.Positioner, {
       align,
       alignOffset,
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsx15(PopoverPrimitive.Popup, {
+      children: /* @__PURE__ */ jsx17(PopoverPrimitive.Popup, {
         "data-slot": "popover-content",
         className: cn("z-50 flex w-72 origin-(--transform-origin) flex-col gap-4 rounded-md bg-popover p-4 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
         ...props
@@ -868,16 +1060,16 @@ function PopoverContent({
 
 // ../../src/components/ui/tooltip.tsx
 import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
-import { jsx as jsx16, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
 "use client";
 function Tooltip({ ...props }) {
-  return /* @__PURE__ */ jsx16(TooltipPrimitive.Root, {
+  return /* @__PURE__ */ jsx18(TooltipPrimitive.Root, {
     "data-slot": "tooltip",
     ...props
   });
 }
 function TooltipTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx16(TooltipPrimitive.Trigger, {
+  return /* @__PURE__ */ jsx18(TooltipPrimitive.Trigger, {
     "data-slot": "tooltip-trigger",
     ...props
   });
@@ -891,20 +1083,20 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(TooltipPrimitive.Portal, {
-    children: /* @__PURE__ */ jsx16(TooltipPrimitive.Positioner, {
+  return /* @__PURE__ */ jsx18(TooltipPrimitive.Portal, {
+    children: /* @__PURE__ */ jsx18(TooltipPrimitive.Positioner, {
       align,
       alignOffset,
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsxs4(TooltipPrimitive.Popup, {
+      children: /* @__PURE__ */ jsxs6(TooltipPrimitive.Popup, {
         "data-slot": "tooltip-content",
         className: cn("z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsx16(TooltipPrimitive.Arrow, {
+          /* @__PURE__ */ jsx18(TooltipPrimitive.Arrow, {
             className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5"
           })
         ]
@@ -1370,6 +1562,10 @@ var AgentToolMetadata = Schema2.Struct({
   description: Schema2.optional(Schema2.String),
   destructive: Schema2.Boolean
 }).annotate({ identifier: "AgentToolMetadata" });
+var AgentMarkdownCodeBlock = Schema2.Struct({
+  code: Schema2.String,
+  language: Schema2.String
+}).annotate({ identifier: "AgentMarkdownCodeBlock" });
 var AgentEvent = Schema2.Union([
   Schema2.Struct({
     type: Schema2.Literal("message-start"),
@@ -1380,6 +1576,12 @@ var AgentEvent = Schema2.Union([
     messageId: Schema2.String,
     delta: Schema2.String
   }),
+  Schema2.Struct({
+    type: Schema2.Literal("markdown-snapshot"),
+    messageId: Schema2.String,
+    html: Schema2.String,
+    codeBlocks: Schema2.Array(AgentMarkdownCodeBlock)
+  }),
   Schema2.Struct({
     type: Schema2.Literal("tool-call"),
     messageId: Schema2.String,
@@ -1422,7 +1624,7 @@ var AgentStreamError = Schema2.Struct({
 });
 
 // ../../src/services/agent/client/widget.tsx
-import { jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
 var messages = {
   en: {
     approve: "Approve",
@@ -1495,8 +1697,8 @@ var agentWidgetMessages = (locale = getLocale(), overrides) => ({
   ...locale.startsWith("fr") ? messages.fr : messages.en,
   ...overrides
 });
-var errorMessage = (code2, labels) => {
-  switch (code2) {
+var errorMessage = (code, labels) => {
+  switch (code) {
     case "invalid-request":
       return labels.errorInvalidRequest;
     case "stream-failed":
@@ -1505,14 +1707,7 @@ var errorMessage = (code2, labels) => {
       return labels.errorUnavailable;
   }
 };
-var inputCodeBlock = (input) => {
-  const value = JSON.stringify(input, null, 2) ?? String(input);
-  const longestFence = Math.max(0, ...value.match(/`+/g)?.map((fence2) => fence2.length) ?? []);
-  const fence = "`".repeat(Math.max(3, longestFence + 1));
-  return `${fence}json
-${value}
-${fence}`;
-};
+var inputCode = (input) => JSON.stringify(input, null, 2) ?? String(input);
 var escapeRegExp = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 var referenceMentionPattern = (label) => new RegExp(`@${escapeRegExp(label)}(?![\\p{L}\\p{N}_-])`, "u");
 var hasReferenceMention = (input, label) => referenceMentionPattern(label).test(input);
@@ -1522,7 +1717,7 @@ var highlightedInput = (input, references) => {
     return input;
   const mentionPattern = new RegExp(`(${mentions.map(escapeRegExp).join("|")})(?![\\p{L}\\p{N}_-])`, "gu");
   const mentionSet = new Set(mentions);
-  return input.split(mentionPattern).map((part, index) => mentionSet.has(part) ? /* @__PURE__ */ jsx17("span", {
+  return input.split(mentionPattern).map((part, index) => mentionSet.has(part) ? /* @__PURE__ */ jsx19("span", {
     className: "bg-primary text-primary-foreground rounded-sm [box-shadow:2px_0_0_var(--primary),-2px_0_0_var(--primary)]",
     children: part
   }, `${part}:${index}`) : part);
@@ -1557,16 +1752,16 @@ var ToolLabel = ({
 }) => {
   if (!description)
     return label;
-  return /* @__PURE__ */ jsxs5(Tooltip, {
+  return /* @__PURE__ */ jsxs7(Tooltip, {
     children: [
-      /* @__PURE__ */ jsx17(TooltipTrigger, {
-        render: /* @__PURE__ */ jsx17("span", {
+      /* @__PURE__ */ jsx19(TooltipTrigger, {
+        render: /* @__PURE__ */ jsx19("span", {
           className: "cursor-help",
           tabIndex: 0
         }),
         children: label
       }),
-      /* @__PURE__ */ jsx17(TooltipContent, {
+      /* @__PURE__ */ jsx19(TooltipContent, {
         className: "max-w-sm",
         children: description
       })
@@ -1579,101 +1774,91 @@ function ToolActivityCard({
   onApproval,
   tool
 }) {
-  const [detailsOpen, setDetailsOpen] = useState(false);
+  const [detailsOpen, setDetailsOpen] = useState2(false);
   const requiresApproval = tool.status === "approval-required";
   const label = tool.metadata.title ?? tool.name;
   if (!requiresApproval) {
-    return /* @__PURE__ */ jsxs5(Marker, {
+    return /* @__PURE__ */ jsxs7(Marker, {
       children: [
-        /* @__PURE__ */ jsx17(MarkerContent, {
-          children: /* @__PURE__ */ jsx17("span", {
+        /* @__PURE__ */ jsx19(MarkerContent, {
+          children: /* @__PURE__ */ jsx19("span", {
             className: cn("block w-fit max-w-full", tool.status === "running" && "shimmer"),
-            children: /* @__PURE__ */ jsx17(ToolLabel, {
+            children: /* @__PURE__ */ jsx19(ToolLabel, {
               description: tool.metadata.description,
               label
             })
           })
         }),
-        tool.status === "failed" || tool.status === "denied" ? /* @__PURE__ */ jsx17(Badge, {
+        tool.status === "failed" || tool.status === "denied" ? /* @__PURE__ */ jsx19(Badge, {
           variant: "destructive",
           children: tool.status === "failed" ? labels.toolFailed : labels.toolDenied
         }) : null
       ]
     });
   }
-  return /* @__PURE__ */ jsx17(Collapsible, {
+  return /* @__PURE__ */ jsx19(Collapsible, {
     className: "mx-1",
     open: detailsOpen,
     onOpenChange: setDetailsOpen,
-    children: /* @__PURE__ */ jsxs5(Card, {
+    children: /* @__PURE__ */ jsxs7(Card, {
       size: "sm",
       className: "w-full border shadow-none ring-0",
       children: [
-        /* @__PURE__ */ jsxs5(CardHeader, {
+        /* @__PURE__ */ jsxs7(CardHeader, {
           children: [
-            /* @__PURE__ */ jsxs5(CardTitle, {
+            /* @__PURE__ */ jsxs7(CardTitle, {
               className: "flex items-center gap-2",
               children: [
-                /* @__PURE__ */ jsx17(ToolLabel, {
+                /* @__PURE__ */ jsx19(ToolLabel, {
                   description: tool.metadata.description,
                   label
                 }),
-                tool.metadata.destructive ? /* @__PURE__ */ jsx17(Badge, {
+                tool.metadata.destructive ? /* @__PURE__ */ jsx19(Badge, {
                   variant: "destructive",
                   children: labels.approvalDestructiveLabel
                 }) : null
               ]
             }),
-            /* @__PURE__ */ jsx17(CardDescription, {
+            /* @__PURE__ */ jsx19(CardDescription, {
               children: tool.metadata.destructive ? labels.approvalDestructive : labels.approvalRequired
             })
           ]
         }),
-        /* @__PURE__ */ jsx17(CollapsibleContent, {
-          children: /* @__PURE__ */ jsx17(CardContent, {
+        /* @__PURE__ */ jsx19(CollapsibleContent, {
+          children: /* @__PURE__ */ jsx19(CardContent, {
             className: "min-w-0 overflow-hidden border-y py-3",
-            children: /* @__PURE__ */ jsx17(Streamdown, {
-              className: "min-w-0 text-xs",
-              controls: {
-                code: { copy: true, download: false },
-                mermaid: false,
-                table: false
-              },
-              linkSafety: { enabled: false },
-              plugins: { code },
-              translations: {
-                copied: labels.copied,
-                copyCode: labels.copy
-              },
-              children: inputCodeBlock(tool.input)
+            children: /* @__PURE__ */ jsx19(CodeBlock, {
+              code: inputCode(tool.input),
+              language: "json",
+              messages: { copied: labels.copied, copy: labels.copy }
             })
           })
         }),
-        /* @__PURE__ */ jsxs5(CardFooter, {
+        /* @__PURE__ */ jsxs7(CardFooter, {
           className: "flex flex-wrap gap-2",
           children: [
-            /* @__PURE__ */ jsx17(Button, {
+            /* @__PURE__ */ jsx19(Button, {
               size: "sm",
               variant: tool.metadata.destructive ? "destructive" : "default",
               disabled,
               onClick: () => onApproval(tool, true),
               children: labels.approve
             }),
-            /* @__PURE__ */ jsx17(Button, {
+            /* @__PURE__ */ jsx19(Button, {
               size: "sm",
               variant: "outline",
               disabled,
               onClick: () => onApproval(tool, false),
               children: labels.cancel
             }),
-            /* @__PURE__ */ jsx17(CollapsibleTrigger, {
-              render: /* @__PURE__ */ jsxs5(Button, {
+            /* @__PURE__ */ jsx19(CollapsibleTrigger, {
+              render: /* @__PURE__ */ jsxs7(Button, {
                 variant: "ghost",
                 size: "sm",
                 className: "ml-auto",
                 children: [
                   detailsOpen ? labels.viewLess : labels.viewMore,
-                  /* @__PURE__ */ jsx17(ChevronDownIcon, {
+                  /* @__PURE__ */ jsx19(ChevronDownIcon, {
                     "data-icon": "inline-end",
                     className: cn("transition-transform", detailsOpen && "rotate-180")
                   })
@@ -1694,12 +1879,12 @@ function ToolActivityLog({
   tools,
   workedSeconds
 }) {
-  const [logOpen, setLogOpen] = useState(false);
+  const [logOpen, setLogOpen] = useState2(false);
   const currentTool = tools.at(-1);
   if (!currentTool) {
-    return /* @__PURE__ */ jsx17(Marker, {
-      children: /* @__PURE__ */ jsx17(MarkerContent, {
-        children: /* @__PURE__ */ jsx17("span", {
+    return /* @__PURE__ */ jsx19(Marker, {
+      children: /* @__PURE__ */ jsx19(MarkerContent, {
+        children: /* @__PURE__ */ jsx19("span", {
           className: "shimmer block w-fit max-w-full",
           children: labels.toolRunning
         })
@@ -1711,30 +1896,30 @@ function ToolActivityLog({
   const isWorking = pending && workedSeconds === undefined && currentTool.status !== "approval-required";
   const loggedTools = showWorkedSummary ? tools : tools.slice(0, -1);
   if (currentTool.status === "approval-required") {
-    return /* @__PURE__ */ jsxs5("div", {
+    return /* @__PURE__ */ jsxs7("div", {
       className: "flex flex-col gap-2",
       children: [
-        loggedTools.length > 0 ? /* @__PURE__ */ jsxs5(Collapsible, {
+        loggedTools.length > 0 ? /* @__PURE__ */ jsxs7(Collapsible, {
           open: logOpen,
           onOpenChange: setLogOpen,
           children: [
-            /* @__PURE__ */ jsxs5(CollapsibleTrigger, {
-              render: /* @__PURE__ */ jsx17(Button, {
+            /* @__PURE__ */ jsxs7(CollapsibleTrigger, {
+              render: /* @__PURE__ */ jsx19(Button, {
                 variant: "ghost",
                 size: "sm",
                 className: "ml-auto"
               }),
               children: [
                 logOpen ? labels.viewLess : labels.viewMore,
-                /* @__PURE__ */ jsx17(ChevronDownIcon, {
+                /* @__PURE__ */ jsx19(ChevronDownIcon, {
                   "data-icon": "inline-end",
                   className: cn("transition-transform", logOpen && "rotate-180")
                 })
               ]
             }),
-            /* @__PURE__ */ jsx17(CollapsibleContent, {
+            /* @__PURE__ */ jsx19(CollapsibleContent, {
               className: "mt-2 ml-2 flex flex-col gap-2 border-l pl-3",
-              children: loggedTools.map((tool) => /* @__PURE__ */ jsx17(ToolActivityCard, {
+              children: loggedTools.map((tool) => /* @__PURE__ */ jsx19(ToolActivityCard, {
                 disabled,
                 labels,
                 onApproval,
@@ -1743,7 +1928,7 @@ function ToolActivityLog({
             })
           ]
         }) : null,
-        /* @__PURE__ */ jsx17(ToolActivityCard, {
+        /* @__PURE__ */ jsx19(ToolActivityCard, {
           disabled,
           labels,
           onApproval,
@@ -1752,47 +1937,47 @@ function ToolActivityLog({
       ]
     });
   }
-  return /* @__PURE__ */ jsxs5(Collapsible, {
+  return /* @__PURE__ */ jsxs7(Collapsible, {
     open: logOpen,
     onOpenChange: setLogOpen,
     children: [
-      /* @__PURE__ */ jsxs5(CollapsibleTrigger, {
-        render: /* @__PURE__ */ jsx17(Marker, {
+      /* @__PURE__ */ jsxs7(CollapsibleTrigger, {
+        render: /* @__PURE__ */ jsx19(Marker, {
           className: "focus-visible:ring-ring/50 cursor-pointer rounded-sm outline-none focus-visible:ring-3",
-          render: /* @__PURE__ */ jsx17("button", {
+          render: /* @__PURE__ */ jsx19("button", {
             type: "button"
           })
         }),
         children: [
-          /* @__PURE__ */ jsx17(MarkerContent, {
+          /* @__PURE__ */ jsx19(MarkerContent, {
             className: "flex-1",
-            children: /* @__PURE__ */ jsx17("span", {
+            children: /* @__PURE__ */ jsx19("span", {
               className: cn("block w-fit max-w-full", isWorking && "shimmer"),
               children: showWorkedSummary ? labels.toolWorked(workedSeconds) : label
             })
           }),
-          currentTool.status === "failed" || currentTool.status === "denied" ? /* @__PURE__ */ jsx17(Badge, {
+          currentTool.status === "failed" || currentTool.status === "denied" ? /* @__PURE__ */ jsx19(Badge, {
             variant: "destructive",
             children: currentTool.status === "failed" ? labels.toolFailed : labels.toolDenied
           }) : null,
-          /* @__PURE__ */ jsx17(ChevronDownIcon, {
+          /* @__PURE__ */ jsx19(ChevronDownIcon, {
             className: cn("transition-transform", logOpen && "rotate-180")
           }),
-          /* @__PURE__ */ jsx17("span", {
+          /* @__PURE__ */ jsx19("span", {
             className: "sr-only",
             children: logOpen ? labels.viewLess : labels.viewMore
           })
         ]
       }),
-      /* @__PURE__ */ jsxs5(CollapsibleContent, {
+      /* @__PURE__ */ jsxs7(CollapsibleContent, {
         className: "mt-2 ml-2 flex flex-col gap-2 border-l pl-3",
         children: [
-          /* @__PURE__ */ jsx17(Marker, {
-            children: /* @__PURE__ */ jsx17(MarkerContent, {
+          /* @__PURE__ */ jsx19(Marker, {
+            children: /* @__PURE__ */ jsx19(MarkerContent, {
               children: labels.toolRunning
             })
           }),
-          loggedTools.map((tool) => /* @__PURE__ */ jsx17(ToolActivityCard, {
+          loggedTools.map((tool) => /* @__PURE__ */ jsx19(ToolActivityCard, {
             disabled,
             labels,
             onApproval,
@@ -1811,12 +1996,12 @@ function AgentMessageRow({
   pending
 }) {
   const isUser = message.role === "user";
-  const activeStartedAt = useRef(undefined);
-  const activeMilliseconds = useRef(0);
-  const wasPending = useRef(pending);
-  const [workedSeconds, setWorkedSeconds] = useState();
+  const activeStartedAt = useRef2(undefined);
+  const activeMilliseconds = useRef2(0);
+  const wasPending = useRef2(pending);
+  const [workedSeconds, setWorkedSeconds] = useState2();
   const hasPendingApproval = message.tools.some((tool) => tool.status === "approval-required");
-  useEffect(() => {
+  useEffect2(() => {
     const isWorking = pending && !hasPendingApproval;
     if (isWorking) {
       wasPending.current = true;
@@ -1840,11 +2025,11 @@ function AgentMessageRow({
     pending,
     workedSeconds
   ]);
-  return /* @__PURE__ */ jsx17(Message, {
+  return /* @__PURE__ */ jsx19(Message, {
     align: isUser ? "end" : "start",
-    children: /* @__PURE__ */ jsxs5(MessageContent, {
+    children: /* @__PURE__ */ jsxs7(MessageContent, {
       children: [
-        !isUser && (message.tools.length > 0 || pending && !message.text) ? /* @__PURE__ */ jsx17(ToolActivityLog, {
+        !isUser && (message.tools.length > 0 || pending && !message.text) ? /* @__PURE__ */ jsx19(ToolActivityLog, {
           disabled,
           labels,
           onApproval,
@@ -1852,27 +2037,19 @@ function AgentMessageRow({
           tools: message.tools,
           workedSeconds
         }) : null,
-        message.text ? isUser ? /* @__PURE__ */ jsx17(Bubble, {
+        message.text ? isUser ? /* @__PURE__ */ jsx19(Bubble, {
           align: "end",
-          children: /* @__PURE__ */ jsx17(BubbleContent, {
+          children: /* @__PURE__ */ jsx19(BubbleContent, {
             className: "whitespace-pre-wrap",
             children: message.text
           })
-        }) : /* @__PURE__ */ jsx17(Streamdown, {
-          animated: true,
+        }) : message.markdown ? /* @__PURE__ */ jsx19(MarkdownContent, {
           className: "w-full",
-          controls: {
-            code: { copy: true, download: false },
-            mermaid: false,
-            table: false
-          },
-          isAnimating: pending,
-          linkSafety: { enabled: false },
-          plugins: { code },
-          translations: {
-            copied: labels.copied,
-            copyCode: labels.copy
-          },
+          codeBlocks: message.markdown.codeBlocks,
+          html: message.markdown.html,
+          messages: { copied: labels.copied, copy: labels.copy }
+        }) : /* @__PURE__ */ jsx19("div", {
+          className: "w-full whitespace-pre-wrap",
           children: message.text
         }) : null
       ]
@@ -1892,15 +2069,15 @@ function AgentWidget({
   const labels = agentWidgetMessages(getLocale(), messageOverrides);
   const referenceInputId = useId();
   const referenceListId = `${referenceInputId}-list`;
-  const [open, setOpen] = useState(false);
-  const [maximized, setMaximized] = useState(false);
-  const [referencePickerOpen, setReferencePickerOpen] = useState(false);
-  const [activeReferenceKey, setActiveReferenceKey] = useState("");
-  const [activeReferenceSearch, setActiveReferenceSearch] = useState();
-  const [input, setInput] = useState("");
-  const inputRef = useRef(null);
-  const inputOverlayRef = useRef(null);
-  const [references, setReferences] = useState([]);
+  const [open, setOpen] = useState2(false);
+  const [maximized, setMaximized] = useState2(false);
+  const [referencePickerOpen, setReferencePickerOpen] = useState2(false);
+  const [activeReferenceKey, setActiveReferenceKey] = useState2("");
+  const [activeReferenceSearch, setActiveReferenceSearch] = useState2();
+  const [input, setInput] = useState2("");
+  const inputRef = useRef2(null);
+  const inputOverlayRef = useRef2(null);
+  const [references, setReferences] = useState2([]);
   const activeContext = state.contextLocked ? state.context ? {
     ...state.context,
     icon: availableReferences.find(({ key }) => key === state.context?.key)?.icon
@@ -1967,71 +2144,71 @@ function AgentWidget({
     }
     setOpen(nextOpen);
   };
-  return /* @__PURE__ */ jsxs5(Dialog, {
+  return /* @__PURE__ */ jsxs7(Dialog, {
     open,
     onOpenChange: handleOpenChange,
     modal: false,
     disablePointerDismissal: true,
     children: [
-      /* @__PURE__ */ jsxs5(DialogTrigger, {
-        render: /* @__PURE__ */ jsx17(Button, {
+      /* @__PURE__ */ jsxs7(DialogTrigger, {
+        render: /* @__PURE__ */ jsx19(Button, {
           size: "icon-lg",
           className: "fixed right-4 bottom-4 z-9999 rounded-full shadow-lg md:right-6 md:bottom-6"
         }),
         children: [
-          /* @__PURE__ */ jsx17(BotIcon, {}),
-          /* @__PURE__ */ jsx17("span", {
+          /* @__PURE__ */ jsx19(BotIcon, {}),
+          /* @__PURE__ */ jsx19("span", {
             className: "sr-only",
             children: labels.open
           })
         ]
       }),
-      /* @__PURE__ */ jsx17(DialogPortal, {
-        children: /* @__PURE__ */ jsxs5(DialogPrimitive2.Popup, {
+      /* @__PURE__ */ jsx19(DialogPortal, {
+        children: /* @__PURE__ */ jsxs7(DialogPrimitive2.Popup, {
           "data-slot": "dialog-content",
           className: cn("bg-popover text-popover-foreground ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 fixed z-50 flex flex-col gap-0 overflow-hidden rounded-xl text-sm shadow-lg ring-1 duration-100 outline-none", maximized ? "inset-4 max-h-none max-w-none md:inset-6" : "right-4 bottom-20 h-[min(42rem,calc(100svh-6rem))] w-[calc(100%-2rem)] max-w-md md:right-6"),
           children: [
-            /* @__PURE__ */ jsx17(DialogHeader, {
+            /* @__PURE__ */ jsx19(DialogHeader, {
               className: "shrink-0 border-b p-4",
-              children: /* @__PURE__ */ jsxs5("div", {
+              children: /* @__PURE__ */ jsxs7("div", {
                 className: "flex items-center gap-1",
                 children: [
-                  /* @__PURE__ */ jsx17(DialogTitle, {
+                  /* @__PURE__ */ jsx19(DialogTitle, {
                     className: "min-w-0 flex-1 truncate text-sm leading-none font-medium",
                     children: labels.title
                   }),
-                  /* @__PURE__ */ jsxs5(Button, {
+                  /* @__PURE__ */ jsxs7(Button, {
                     variant: "ghost",
                     size: "icon-sm",
                     onClick: () => setOpen(false),
                     children: [
-                      /* @__PURE__ */ jsx17(MinusIcon, {}),
-                      /* @__PURE__ */ jsx17("span", {
+                      /* @__PURE__ */ jsx19(MinusIcon, {}),
+                      /* @__PURE__ */ jsx19("span", {
                         className: "sr-only",
                         children: labels.minimize
                       })
                     ]
                   }),
-                  /* @__PURE__ */ jsxs5(Button, {
+                  /* @__PURE__ */ jsxs7(Button, {
                     variant: "ghost",
                     size: "icon-sm",
                     onClick: () => setMaximized((current) => !current),
                     children: [
-                      maximized ? /* @__PURE__ */ jsx17(Minimize2Icon, {}) : /* @__PURE__ */ jsx17(Maximize2Icon, {}),
-                      /* @__PURE__ */ jsx17("span", {
+                      maximized ? /* @__PURE__ */ jsx19(Minimize2Icon, {}) : /* @__PURE__ */ jsx19(Maximize2Icon, {}),
+                      /* @__PURE__ */ jsx19("span", {
                         className: "sr-only",
                         children: maximized ? labels.restore : labels.maximize
                       })
                     ]
                   }),
-                  /* @__PURE__ */ jsxs5(DialogClose, {
-                    render: /* @__PURE__ */ jsx17(Button, {
+                  /* @__PURE__ */ jsxs7(DialogClose, {
+                    render: /* @__PURE__ */ jsx19(Button, {
                       variant: "ghost",
                       size: "icon-sm"
                     }),
                     children: [
-                      /* @__PURE__ */ jsx17(XIcon2, {}),
-                      /* @__PURE__ */ jsx17("span", {
+                      /* @__PURE__ */ jsx19(XIcon2, {}),
+                      /* @__PURE__ */ jsx19("span", {
                         className: "sr-only",
                         children: labels.close
                       })
@@ -2040,39 +2217,39 @@ function AgentWidget({
                 ]
               })
             }),
-            /* @__PURE__ */ jsx17("div", {
+            /* @__PURE__ */ jsx19("div", {
               className: "min-h-0 flex-1 overflow-hidden",
-              children: state.messages.length === 0 && !state.error ? /* @__PURE__ */ jsx17(Empty, {
+              children: state.messages.length === 0 && !state.error ? /* @__PURE__ */ jsx19(Empty, {
                 className: "h-full",
-                children: /* @__PURE__ */ jsxs5(EmptyHeader, {
+                children: /* @__PURE__ */ jsxs7(EmptyHeader, {
                   children: [
-                    /* @__PURE__ */ jsx17(EmptyMedia, {
+                    /* @__PURE__ */ jsx19(EmptyMedia, {
                       variant: "icon",
-                      children: /* @__PURE__ */ jsx17(MessageCircleDashedIcon, {})
+                      children: /* @__PURE__ */ jsx19(MessageCircleDashedIcon, {})
                     }),
-                    /* @__PURE__ */ jsx17(EmptyTitle, {
+                    /* @__PURE__ */ jsx19(EmptyTitle, {
                       children: labels.welcome
                     }),
-                    /* @__PURE__ */ jsx17(EmptyDescription, {
+                    /* @__PURE__ */ jsx19(EmptyDescription, {
                       children: labels.description
                     })
                   ]
                 })
-              }) : /* @__PURE__ */ jsx17(MessageScrollerProvider, {
+              }) : /* @__PURE__ */ jsx19(MessageScrollerProvider, {
                 autoScroll: true,
-                children: /* @__PURE__ */ jsxs5(MessageScroller, {
+                children: /* @__PURE__ */ jsxs7(MessageScroller, {
                   children: [
-                    /* @__PURE__ */ jsx17(MessageScrollerViewport, {
+                    /* @__PURE__ */ jsx19(MessageScrollerViewport, {
                       "aria-label": labels.title,
                       className: "[scrollbar-width:thin] [scrollbar-color:var(--border)_transparent]",
-                      children: /* @__PURE__ */ jsxs5(MessageScrollerContent, {
+                      children: /* @__PURE__ */ jsxs7(MessageScrollerContent, {
                         "aria-busy": state.pending,
                         className: "p-4",
                         children: [
-                          state.messages.map((message, index) => /* @__PURE__ */ jsx17(MessageScrollerItem, {
+                          state.messages.map((message, index) => /* @__PURE__ */ jsx19(MessageScrollerItem, {
                             messageId: message.id,
                             scrollAnchor: message.role === "user",
-                            children: /* @__PURE__ */ jsx17(AgentMessageRow, {
+                            children: /* @__PURE__ */ jsx19(AgentMessageRow, {
                               disabled: state.pending,
                               labels,
                               message,
@@ -2080,15 +2257,15 @@ function AgentWidget({
                               pending: state.pending && index === state.messages.length - 1
                             })
                           }, message.id)),
-                          state.error ? /* @__PURE__ */ jsx17(MessageScrollerItem, {
+                          state.error ? /* @__PURE__ */ jsx19(MessageScrollerItem, {
                             messageId: "error",
-                            children: /* @__PURE__ */ jsxs5(Alert, {
+                            children: /* @__PURE__ */ jsxs7(Alert, {
                               variant: "destructive",
                               children: [
-                                /* @__PURE__ */ jsx17(AlertTitle, {
+                                /* @__PURE__ */ jsx19(AlertTitle, {
                                   children: labels.title
                                 }),
-                                /* @__PURE__ */ jsx17(AlertDescription, {
+                                /* @__PURE__ */ jsx19(AlertDescription, {
                                   children: errorMessage(state.error, labels)
                                 })
                               ]
@@ -2097,10 +2274,10 @@ function AgentWidget({
                         ]
                       })
                     }),
-                    /* @__PURE__ */ jsxs5(MessageScrollerButton, {
+                    /* @__PURE__ */ jsxs7(MessageScrollerButton, {
                       children: [
-                        /* @__PURE__ */ jsx17(ArrowDownIcon2, {}),
-                        /* @__PURE__ */ jsx17("span", {
+                        /* @__PURE__ */ jsx19(ArrowDownIcon2, {}),
+                        /* @__PURE__ */ jsx19("span", {
                           className: "sr-only",
                           children: labels.scrollLatest
                         })
@@ -2110,47 +2287,47 @@ function AgentWidget({
                 })
               })
             }),
-            /* @__PURE__ */ jsx17("form", {
+            /* @__PURE__ */ jsx19("form", {
               className: "shrink-0 border-t p-3",
               onSubmit: (event) => {
                 event.preventDefault();
                 sendMessage();
               },
-              children: /* @__PURE__ */ jsxs5(InputGroup, {
+              children: /* @__PURE__ */ jsxs7(InputGroup, {
                 children: [
-                  activeContext ? /* @__PURE__ */ jsxs5(InputGroupAddon, {
+                  activeContext ? /* @__PURE__ */ jsxs7(InputGroupAddon, {
                     align: "block-start",
                     className: "bg-background rounded-t-[calc(var(--radius-md)-1px)] border-b",
                     children: [
                       activeContext.icon,
-                      /* @__PURE__ */ jsx17("span", {
+                      /* @__PURE__ */ jsx19("span", {
                         className: "min-w-0 flex-1 truncate text-left",
                         children: activeContext.label
                       }),
-                      onRemoveContext ? /* @__PURE__ */ jsx17(InputGroupButton, {
+                      onRemoveContext ? /* @__PURE__ */ jsx19(InputGroupButton, {
                         size: "icon-xs",
                         "aria-label": `${labels.removeContext}: ${activeContext.label}`,
                         onClick: onRemoveContext,
-                        children: /* @__PURE__ */ jsx17(XIcon2, {})
+                        children: /* @__PURE__ */ jsx19(XIcon2, {})
                       }) : null
                     ]
                   }) : null,
-                  /* @__PURE__ */ jsxs5("div", {
+                  /* @__PURE__ */ jsxs7("div", {
                     className: "relative w-full min-w-0 self-stretch text-left",
                     children: [
-                      /* @__PURE__ */ jsx17("div", {
+                      /* @__PURE__ */ jsx19("div", {
                         ref: inputOverlayRef,
                         "aria-hidden": "true",
                         className: "text-foreground pointer-events-none absolute inset-0 [scrollbar-width:thin] [scrollbar-gutter:stable] overflow-hidden px-2.5 py-2 text-left font-[inherit] text-base break-words whitespace-pre-wrap md:text-sm",
                         children: highlightedInput(input, references)
                       }),
-                      /* @__PURE__ */ jsxs5(Popover, {
+                      /* @__PURE__ */ jsxs7(Popover, {
                         open: referencePickerOpen,
                         triggerId: referenceInputId,
                         children: [
-                          /* @__PURE__ */ jsx17(PopoverTrigger, {
+                          /* @__PURE__ */ jsx19(PopoverTrigger, {
                             id: referenceInputId,
-                            render: /* @__PURE__ */ jsx17(InputGroupTextarea, {
+                            render: /* @__PURE__ */ jsx19(InputGroupTextarea, {
                               ref: inputRef,
                               className: "caret-foreground selection:bg-primary selection:text-primary-foreground relative max-h-32 w-full [scrollbar-width:thin] [scrollbar-color:var(--border)_transparent] [scrollbar-gutter:stable] overflow-y-auto overscroll-contain text-left text-transparent",
                               value: input,
@@ -2202,30 +2379,30 @@ function AgentWidget({
                               }
                             })
                           }),
-                          /* @__PURE__ */ jsx17(PopoverContent, {
+                          /* @__PURE__ */ jsx19(PopoverContent, {
                             align: "start",
                             initialFocus: false,
                             side: "top",
                             className: "w-[min(24rem,calc(100vw-2rem))] p-0",
-                            children: /* @__PURE__ */ jsx17(Command, {
+                            children: /* @__PURE__ */ jsx19(Command, {
                               shouldFilter: false,
                               value: activeReference?.key ?? "",
                               onValueChange: setActiveReferenceKey,
-                              children: /* @__PURE__ */ jsxs5(CommandList, {
+                              children: /* @__PURE__ */ jsxs7(CommandList, {
                                 id: referenceListId,
                                 children: [
-                                  /* @__PURE__ */ jsx17(CommandEmpty, {
+                                  /* @__PURE__ */ jsx19(CommandEmpty, {
                                     children: labels.noReferences
                                   }),
-                                  matchingReferences.length > 0 ? /* @__PURE__ */ jsx17(CommandGroup, {
+                                  matchingReferences.length > 0 ? /* @__PURE__ */ jsx19(CommandGroup, {
                                     heading: labels.references,
-                                    children: matchingReferences.map((reference, index) => /* @__PURE__ */ jsxs5(CommandItem, {
+                                    children: matchingReferences.map((reference, index) => /* @__PURE__ */ jsxs7(CommandItem, {
                                       id: `${referenceInputId}-reference-${index}`,
                                       value: reference.key,
                                       onSelect: () => selectReference(reference),
                                       children: [
                                         reference.icon,
-                                        /* @__PURE__ */ jsx17("span", {
+                                        /* @__PURE__ */ jsx19("span", {
                                           className: "truncate",
                                           children: reference.label
                                         })
@@ -2240,26 +2417,26 @@ function AgentWidget({
                       })
                     ]
                   }),
-                  /* @__PURE__ */ jsx17(InputGroupAddon, {
+                  /* @__PURE__ */ jsx19(InputGroupAddon, {
                     align: "block-end",
                     className: "justify-end",
-                    children: state.pending ? /* @__PURE__ */ jsxs5(InputGroupButton, {
+                    children: state.pending ? /* @__PURE__ */ jsxs7(InputGroupButton, {
                       size: "icon-xs",
                       onClick: onInterrupt,
                       children: [
-                        /* @__PURE__ */ jsx17(SquareIcon, {}),
-                        /* @__PURE__ */ jsx17("span", {
+                        /* @__PURE__ */ jsx19(SquareIcon, {}),
+                        /* @__PURE__ */ jsx19("span", {
                           className: "sr-only",
                           children: labels.stop
                         })
                       ]
-                    }) : /* @__PURE__ */ jsxs5(InputGroupButton, {
+                    }) : /* @__PURE__ */ jsxs7(InputGroupButton, {
                       type: "submit",
                       size: "icon-xs",
                       disabled: !input.trim() || hasPendingApproval,
                       children: [
-                        /* @__PURE__ */ jsx17(SendIcon, {}),
-                        /* @__PURE__ */ jsx17("span", {
+                        /* @__PURE__ */ jsx19(SendIcon, {}),
+                        /* @__PURE__ */ jsx19("span", {
                           className: "sr-only",
                           children: labels.send
                         })
@@ -2276,9 +2453,9 @@ function AgentWidget({
   });
 }
 export {
-  reduceAgentEvent,
-  makeAgentAtoms,
-  initialAgentState,
+  AgentWidget,
   agentWidgetMessages,
-  AgentWidget
+  initialAgentState,
+  makeAgentAtoms,
+  reduceAgentEvent
 };