@arbidocs/react 0.4.2 → 0.4.3

package/dist/{chunk-OU2QLIKS.cjs → chunk-ORKGCXG3.cjs}

@@ -1,13 +1,10 @@
 'use strict';
 
 var chunkRZQACYNQ_cjs = require('./chunk-RZQACYNQ.cjs');
+var React = require('react');
+var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
-var React2 = require('react');
-var Markdown = require('react-markdown');
-var remarkGfm = require('remark-gfm');
-var rehypeRaw = require('rehype-raw');
 var lucideReact = require('lucide-react');
-var reactDom = require('react-dom');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
 var classVarianceAuthority = require('class-variance-authority');
 var reactSlot = require('@radix-ui/react-slot');
@@ -26,6 +23,9 @@ var DialogPrimitive = require('@radix-ui/react-dialog');
 var PopoverPrimitive = require('@radix-ui/react-popover');
 var SelectPrimitive = require('@radix-ui/react-select');
 var cmdk = require('cmdk');
+var Markdown = require('react-markdown');
+var remarkGfm = require('remark-gfm');
+var rehypeRaw = require('rehype-raw');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -47,10 +47,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
-var Markdown__default = /*#__PURE__*/_interopDefault(Markdown);
-var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
-var rehypeRaw__default = /*#__PURE__*/_interopDefault(rehypeRaw);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 var HoverCardPrimitive__namespace = /*#__PURE__*/_interopNamespace(HoverCardPrimitive);
 var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
@@ -66,263 +63,55 @@ var ToggleGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(ToggleGroup
 var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
 var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
+var Markdown__default = /*#__PURE__*/_interopDefault(Markdown);
+var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
+var rehypeRaw__default = /*#__PURE__*/_interopDefault(rehypeRaw);
 
-var markdownBaseComponents = {
-  h1: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-lg font-semibold", "data-testid": "markdown-heading-1", ...props, children }),
-  h2: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-semibold text-base", "data-testid": "markdown-heading-2", ...props, children }),
-  h3: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-base", "data-testid": "markdown-heading-3", ...props, children }),
-  h4: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-semibold text-base", ...props, children }),
-  h5: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("h5", { className: "font-medium", ...props, children }),
-  strong: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "font-semibold", ...props, children }),
-  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("blockquote", { className: "border-l-2 border-primary pl-4", ...props, children }),
-  ol: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "list-decimal space-y-2 pl-6", "data-testid": "markdown-ordered-list", ...props, children }),
-  ul: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "list-none space-y-2 pl-6", "data-testid": "markdown-unordered-list", ...props, children }),
-  li: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "my-1.5", ...props, children }),
-  table: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("table", { "data-testid": "markdown-table", ...props, children }),
-  th: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("th", { ...props, children }),
-  td: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("td", { ...props, children }),
-  tr: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("tr", { ...props, children }),
-  p: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("p", { className: "whitespace-pre-wrap", ...props, children }),
-  hr: (props) => /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-foreground/20", ...props }),
-  sup: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("sup", { className: "text-xs", ...props, children }),
-  sub: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("sub", { className: "text-xs", ...props, children }),
-  div: ({ children, className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className, ...props, children }),
-  br: (props) => /* @__PURE__ */ jsxRuntime.jsx("br", { ...props }),
-  kbd: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-    "kbd",
-    {
-      className: "px-1.5 py-0.5 text-xs font-mono bg-muted border border-border rounded",
-      ...props,
-      children
-    }
-  ),
-  abbr: ({ children, title, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("abbr", { title, className: "underline decoration-dotted cursor-help", ...props, children }),
-  cite: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("cite", { className: "italic", ...props, children })
-};
-var MarkdownStreamingContext = React2.createContext(false);
-
-// src/ai/split-markdown-blocks.ts
-var LIST_ITEM_RE = /^\s*([-*+]|\d+[.)])\s/;
-var BLOCKQUOTE_RE = /^\s*>/;
-function splitMarkdownBlocks(content) {
-  if (!content) return [];
-  const blocks = [];
-  let start = 0;
-  let inFence = false;
-  let i = 0;
-  while (i < content.length) {
-    if (content.startsWith("```", i)) {
-      inFence = !inFence;
-      i += 3;
-      continue;
-    }
-    if (!inFence && content[i] === "\n" && content[i + 1] === "\n") {
-      const before = content.slice(start, i);
-      const lastLine = before.slice(before.lastIndexOf("\n") + 1);
-      const afterStart = i + 2;
-      const nextNewline = content.indexOf("\n", afterStart);
-      const nextLine = content.slice(afterStart, nextNewline === -1 ? void 0 : nextNewline);
-      const bothListItems = LIST_ITEM_RE.test(lastLine) && LIST_ITEM_RE.test(nextLine);
-      const bothBlockquotes = BLOCKQUOTE_RE.test(lastLine) && BLOCKQUOTE_RE.test(nextLine);
-      if (bothListItems || bothBlockquotes) {
-        i += 2;
-        continue;
-      }
-      blocks.push(content.slice(start, afterStart));
-      start = afterStart;
-      i = afterStart;
-      continue;
-    }
-    i++;
-  }
-  if (start < content.length) blocks.push(content.slice(start));
-  return blocks;
-}
-function CodeBlock({ language, code }) {
-  const [copied, setCopied] = React2.useState(false);
-  const handleCopy = async () => {
-    try {
-      await navigator.clipboard.writeText(code);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    } catch {
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: "code-block relative my-3 overflow-hidden rounded-md border border-border bg-muted",
-      "data-testid": "markdown-code-block",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border-b border-border px-3 py-1.5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-xs text-muted-foreground", children: language || "code" }),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: handleCopy,
-              className: "flex items-center gap-1 text-xs text-muted-foreground transition-colors hover:text-foreground",
-              title: copied ? "Copied!" : "Copy code",
-              children: [
-                copied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { size: 12 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { size: 12 }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: copied ? "Copied" : "Copy" })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "overflow-x-auto p-3 text-sm leading-relaxed", children: /* @__PURE__ */ jsxRuntime.jsx("code", { className: chunkRZQACYNQ_cjs.cn("font-mono text-foreground", language && `language-${language}`), children: code }) })
-      ]
-    }
-  );
-}
-var defaultComponents = {
-  ...markdownBaseComponents,
-  a: ({ href, children, ...props }) => {
-    const isInternal = !href || href.startsWith("#") || href.startsWith("cite:");
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "a",
-      {
-        className: "text-primary underline underline-offset-2",
-        href,
-        ...isInternal ? {} : { target: "_blank", rel: "noopener noreferrer" },
-        ...props,
-        children
-      }
-    );
-  },
-  em: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("em", { className: "italic", ...props, children }),
-  code: function MarkdownCode({
-    className,
-    children,
-    ...props
-  }) {
-    const match = /language-(\w+)/.exec(className || "");
-    if (!match) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "code",
-        {
-          className: "rounded bg-muted px-1 py-0.5 font-mono text-[0.9em]",
-          "data-testid": "markdown-inline-code",
-          ...props,
-          children
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(CodeBlock, { language: match[1], code: String(children).replace(/\n$/, "") });
-  },
-  // The CodeBlock renders its own <pre>; unwrap react-markdown's wrapper so we
-  // don't nest <pre><pre>.
-  pre: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children }),
-  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("blockquote", { className: "border-l-2 border-border pl-4 italic text-muted-foreground", ...props, children }),
-  table: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-3 overflow-x-auto rounded-lg border border-border", children: /* @__PURE__ */ jsxRuntime.jsx("table", { "data-testid": "markdown-table", className: "w-full border-collapse text-sm", ...props, children }) }),
-  thead: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-muted", ...props, children }),
-  th: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-    "th",
-    {
-      className: "border-b border-border px-3 py-2 text-left font-semibold text-foreground",
-      ...props,
-      children
-    }
-  ),
-  td: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: "border-b border-border px-3 py-2 align-top", ...props, children }),
-  // General emphasis marks (GFM `~~strikethrough~~` → <del>, raw <ins>/<mark>).
-  del: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("del", { className: "text-muted-foreground line-through", ...props, children }),
-  ins: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("ins", { className: "underline decoration-primary/60", ...props, children }),
-  mark: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("mark", { className: "rounded bg-primary/15 px-0.5 text-foreground", ...props, children })
-};
-var remarkPlugins = [remarkGfm__default.default];
-var rehypePlugins = [rehypeRaw__default.default];
-var MemoizedBlock = React2__namespace.default.memo(function MarkdownBlock({
-  content,
-  components
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Markdown__default.default, { remarkPlugins, rehypePlugins, components, children: content });
-});
-var MarkdownErrorBoundary = class extends React2__namespace.default.Component {
-  state = { hasError: false };
-  static getDerivedStateFromError() {
-    return { hasError: true };
-  }
-  render() {
-    return this.state.hasError ? this.props.fallback : this.props.children;
-  }
-};
-function MarkdownRendererComponent({
-  children,
-  components: customComponents,
-  isStreaming = false,
-  className,
-  testId = "markdown-renderer"
-}) {
-  const components = React2.useMemo(
-    () => customComponents ? { ...defaultComponents, ...customComponents } : defaultComponents,
-    [customComponents]
-  );
-  const blocks = React2.useMemo(() => splitMarkdownBlocks(children), [children]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    MarkdownErrorBoundary,
-    {
-      fallback: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkRZQACYNQ_cjs.cn("whitespace-pre-wrap break-words text-foreground", className), children }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(MarkdownStreamingContext.Provider, { value: isStreaming, children: /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: chunkRZQACYNQ_cjs.cn(
-            "markdown-content space-y-3 break-words leading-relaxed text-foreground",
-            className
-          ),
-          "data-testid": testId,
-          children: blocks.map((block, index) => /* @__PURE__ */ jsxRuntime.jsx(MemoizedBlock, { content: block, components }, index))
-        }
-      ) })
-    }
-  );
-}
-var MarkdownRenderer = React2__namespace.default.memo(MarkdownRendererComponent);
-var TooltipContext = React2__namespace.createContext(null);
+var TooltipContext = React__namespace.createContext(null);
 var DEFAULT_DELAY = 300;
-var TooltipConfigContext = React2__namespace.createContext({
+var TooltipConfigContext = React__namespace.createContext({
   delayDuration: DEFAULT_DELAY
 });
 var TooltipProvider = ({ children, delayDuration = DEFAULT_DELAY }) => {
-  const value = React2__namespace.useMemo(() => ({ delayDuration }), [delayDuration]);
+  const value = React__namespace.useMemo(() => ({ delayDuration }), [delayDuration]);
   return /* @__PURE__ */ jsxRuntime.jsx(TooltipConfigContext.Provider, { value, children });
 };
 function Tooltip({ children, delayDuration }) {
-  const config = React2__namespace.useContext(TooltipConfigContext);
+  const config = React__namespace.useContext(TooltipConfigContext);
   const delay = delayDuration ?? config.delayDuration;
-  const [open, setOpen] = React2__namespace.useState(false);
-  const triggerRef = React2__namespace.useRef(null);
-  const timer = React2__namespace.useRef(null);
-  const contentId = React2__namespace.useId();
+  const [open, setOpen] = React__namespace.useState(false);
+  const triggerRef = React__namespace.useRef(null);
+  const timer = React__namespace.useRef(null);
+  const contentId = React__namespace.useId();
   const clearTimer = () => {
     if (timer.current) {
       clearTimeout(timer.current);
       timer.current = null;
     }
   };
-  const suppressed = React2__namespace.useRef(false);
-  const show = React2__namespace.useCallback(() => {
+  const suppressed = React__namespace.useRef(false);
+  const show = React__namespace.useCallback(() => {
     clearTimer();
     if (suppressed.current) return;
     timer.current = setTimeout(() => setOpen(true), delay);
   }, [delay]);
-  const hide = React2__namespace.useCallback(() => {
+  const hide = React__namespace.useCallback(() => {
     clearTimer();
     setOpen(false);
   }, []);
-  const suppress = React2__namespace.useCallback(() => {
+  const suppress = React__namespace.useCallback(() => {
     suppressed.current = true;
     clearTimer();
     setOpen(false);
   }, []);
-  const release = React2__namespace.useCallback(() => {
+  const release = React__namespace.useCallback(() => {
     suppressed.current = false;
   }, []);
-  const setTrigger = React2__namespace.useCallback((el) => {
+  const setTrigger = React__namespace.useCallback((el) => {
     triggerRef.current = el;
   }, []);
-  React2__namespace.useEffect(() => () => clearTimer(), []);
-  const value = React2__namespace.useMemo(
+  React__namespace.useEffect(() => () => clearTimer(), []);
+  const value = React__namespace.useMemo(
     () => ({ open, show, hide, suppress, release, setTrigger, triggerRef, contentId }),
     [open, show, hide, suppress, release, setTrigger, contentId]
   );
@@ -346,7 +135,7 @@ function showsOwnText(el) {
   return /\p{L}{2,}/u.test(visible);
 }
 function TooltipTrigger({ asChild, children, ...props }) {
-  const ctx = React2__namespace.useContext(TooltipContext);
+  const ctx = React__namespace.useContext(TooltipContext);
   if (!ctx) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   const triggerHandlers = {
     onPointerEnter: (e) => {
@@ -362,7 +151,7 @@ function TooltipTrigger({ asChild, children, ...props }) {
     },
     onPointerDown: (e) => {
       props.onPointerDown?.(e);
-      (asChild && React2__namespace.isValidElement(children) ? children.props.onPointerDown : void 0)?.(e);
+      (asChild && React__namespace.isValidElement(children) ? children.props.onPointerDown : void 0)?.(e);
       ctx.suppress();
     },
     onFocus: (e) => {
@@ -376,9 +165,9 @@ function TooltipTrigger({ asChild, children, ...props }) {
     "aria-describedby": ctx.open ? ctx.contentId : void 0,
     "data-state": ctx.open ? "open" : "closed"
   };
-  if (asChild && React2__namespace.isValidElement(children)) {
+  if (asChild && React__namespace.isValidElement(children)) {
     const child = children;
-    return React2__namespace.cloneElement(child, {
+    return React__namespace.cloneElement(child, {
       ...props,
       ...triggerHandlers,
       ref: ctx.setTrigger
@@ -401,12 +190,12 @@ var TRANSFORM_BY_SIDE = {
   left: "translate(-100%, -50%)",
   right: "translate(0, -50%)"
 };
-var TooltipContent = React2__namespace.forwardRef(
+var TooltipContent = React__namespace.forwardRef(
   ({ className, side = "top", sideOffset = 4, collisionPadding = 8, style, ...props }, ref) => {
-    const ctx = React2__namespace.useContext(TooltipContext);
-    const innerRef = React2__namespace.useRef(null);
-    const [coords, setCoords] = React2__namespace.useState(null);
-    React2__namespace.useLayoutEffect(() => {
+    const ctx = React__namespace.useContext(TooltipContext);
+    const innerRef = React__namespace.useRef(null);
+    const [coords, setCoords] = React__namespace.useState(null);
+    React__namespace.useLayoutEffect(() => {
       if (!ctx?.open || !ctx.triggerRef.current) {
         setCoords(null);
         return;
@@ -542,7 +331,7 @@ function IconToggle({
     ] }) : button
   ] });
 }
-var DictateContext = React2.createContext(null);
+var DictateContext = React.createContext(null);
 function DictateProvider({
   transcribe,
   onError,
@@ -551,9 +340,9 @@ function DictateProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(DictateContext.Provider, { value: { transcribe, onError }, children });
 }
 function useDictateContext() {
-  return React2.useContext(DictateContext);
+  return React.useContext(DictateContext);
 }
-var Avatar = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Avatar = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Root,
   {
     ref,
@@ -562,7 +351,7 @@ var Avatar = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
-var AvatarImage = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AvatarImage = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Image,
   {
     ref,
@@ -571,7 +360,7 @@ var AvatarImage = React2__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
-var AvatarFallback = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AvatarFallback = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Fallback,
   {
     ref,
@@ -634,7 +423,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React2__namespace.forwardRef(
+var Button = React__namespace.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
     return /* @__PURE__ */ jsxRuntime.jsx(Comp, { className: chunkRZQACYNQ_cjs.cn(buttonVariants({ variant, size, className })), ref, ...props });
@@ -643,7 +432,7 @@ var Button = React2__namespace.forwardRef(
 Button.displayName = "Button";
 var HoverCard = HoverCardPrimitive__namespace.Root;
 var HoverCardTrigger = HoverCardPrimitive__namespace.Trigger;
-var HoverCardContent = React2__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(HoverCardPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var HoverCardContent = React__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(HoverCardPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   HoverCardPrimitive__namespace.Content,
   {
     ref,
@@ -670,7 +459,7 @@ var cardVariants = classVarianceAuthority.cva("rounded-lg bg-card text-card-fore
     variant: "flat"
   }
 });
-var Card = React2__namespace.forwardRef(
+var Card = React__namespace.forwardRef(
   ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -682,7 +471,7 @@ var Card = React2__namespace.forwardRef(
   )
 );
 Card.displayName = "Card";
-var CardHeader = React2__namespace.forwardRef(
+var CardHeader = React__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -694,7 +483,7 @@ var CardHeader = React2__namespace.forwardRef(
   )
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React2__namespace.forwardRef(
+var CardTitle = React__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -706,7 +495,7 @@ var CardTitle = React2__namespace.forwardRef(
   )
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React2__namespace.forwardRef(
+var CardDescription = React__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -718,11 +507,11 @@ var CardDescription = React2__namespace.forwardRef(
   )
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React2__namespace.forwardRef(
+var CardContent = React__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, "data-slot": "card-content", className: chunkRZQACYNQ_cjs.cn("p-6 pt-0", className), ...props })
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React2__namespace.forwardRef(
+var CardFooter = React__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -754,23 +543,23 @@ function classifyMediaError(err, kind) {
 // src/documents/useAudioRecorder.ts
 var LEVEL_UPDATE_INTERVAL_MS = 50;
 function useAudioRecorder() {
-  const [state, setState] = React2.useState("idle");
-  const [level, setLevel] = React2.useState(0);
-  const [elapsedMs, setElapsedMs] = React2.useState(0);
-  const [blob, setBlob] = React2.useState(null);
-  const [mimeType, setMimeType] = React2.useState(null);
-  const [error, setError] = React2.useState(null);
-  const mediaRecorderRef = React2.useRef(null);
-  const chunksRef = React2.useRef([]);
-  const streamRef = React2.useRef(null);
-  const stateRef = React2.useRef("idle");
+  const [state, setState] = React.useState("idle");
+  const [level, setLevel] = React.useState(0);
+  const [elapsedMs, setElapsedMs] = React.useState(0);
+  const [blob, setBlob] = React.useState(null);
+  const [mimeType, setMimeType] = React.useState(null);
+  const [error, setError] = React.useState(null);
+  const mediaRecorderRef = React.useRef(null);
+  const chunksRef = React.useRef([]);
+  const streamRef = React.useRef(null);
+  const stateRef = React.useRef("idle");
   stateRef.current = state;
-  const segmentStartRef = React2.useRef(0);
-  const accumulatedMsRef = React2.useRef(0);
-  const audioContextRef = React2.useRef(null);
-  const analyserRef = React2.useRef(null);
-  const levelRafRef = React2.useRef(null);
-  const stopMeter = React2.useCallback(() => {
+  const segmentStartRef = React.useRef(0);
+  const accumulatedMsRef = React.useRef(0);
+  const audioContextRef = React.useRef(null);
+  const analyserRef = React.useRef(null);
+  const levelRafRef = React.useRef(null);
+  const stopMeter = React.useCallback(() => {
     if (levelRafRef.current !== null) cancelAnimationFrame(levelRafRef.current);
     levelRafRef.current = null;
     analyserRef.current = null;
@@ -778,7 +567,7 @@ function useAudioRecorder() {
     });
     audioContextRef.current = null;
   }, []);
-  const startMeter = React2.useCallback((stream) => {
+  const startMeter = React.useCallback((stream) => {
     const audioContext = new AudioContext();
     const source = audioContext.createMediaStreamSource(stream);
     const analyser = audioContext.createAnalyser();
@@ -807,18 +596,18 @@ function useAudioRecorder() {
     };
     levelRafRef.current = requestAnimationFrame(tick);
   }, []);
-  const stopTracks = React2.useCallback(() => {
+  const stopTracks = React.useCallback(() => {
     streamRef.current?.getTracks().forEach((t) => t.stop());
     streamRef.current = null;
   }, []);
-  React2.useEffect(
+  React.useEffect(
     () => () => {
       stopTracks();
       stopMeter();
     },
     [stopTracks, stopMeter]
   );
-  const start = React2.useCallback(async () => {
+  const start = React.useCallback(async () => {
     if (stateRef.current === "recording" || stateRef.current === "paused") return;
     setError(null);
     try {
@@ -843,7 +632,7 @@ function useAudioRecorder() {
       setError(classifyMediaError(err, "microphone"));
     }
   }, [startMeter, stopTracks]);
-  const pause = React2.useCallback(() => {
+  const pause = React.useCallback(() => {
     const recorder = mediaRecorderRef.current;
     if (!recorder || recorder.state !== "recording") return;
     recorder.pause();
@@ -852,7 +641,7 @@ function useAudioRecorder() {
     setLevel(0);
     setState("paused");
   }, [stopMeter]);
-  const resume = React2.useCallback(() => {
+  const resume = React.useCallback(() => {
     const recorder = mediaRecorderRef.current;
     if (!recorder || recorder.state !== "paused") return;
     recorder.resume();
@@ -860,7 +649,7 @@ function useAudioRecorder() {
     setState("recording");
     if (streamRef.current) startMeter(streamRef.current);
   }, [startMeter]);
-  const stop = React2.useCallback(() => {
+  const stop = React.useCallback(() => {
     const recorder = mediaRecorderRef.current;
     if (!recorder || recorder.state === "inactive") return;
     const finalElapsed = recorder.state === "paused" ? accumulatedMsRef.current : accumulatedMsRef.current + (performance.now() - segmentStartRef.current);
@@ -875,7 +664,7 @@ function useAudioRecorder() {
     };
     recorder.stop();
   }, [stopMeter, stopTracks]);
-  const reset = React2.useCallback(() => {
+  const reset = React.useCallback(() => {
     setState("idle");
     setBlob(null);
     setElapsedMs(0);
@@ -987,13 +776,13 @@ function InlineMicButton({
   className
 }) {
   const recorder = useAudioRecorder();
-  const [isTranscribing, setIsTranscribing] = React2.useState(false);
-  const [latched, setLatched] = React2.useState(false);
-  const pressedAtRef = React2.useRef(0);
-  React2.useEffect(() => {
+  const [isTranscribing, setIsTranscribing] = React.useState(false);
+  const [latched, setLatched] = React.useState(false);
+  const pressedAtRef = React.useRef(0);
+  React.useEffect(() => {
     if (recorder.error) onError?.(recorder.error);
   }, [recorder.error]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (recorder.state !== "stopped" || !recorder.blob) return;
     const blob = recorder.blob;
     setIsTranscribing(true);
@@ -1059,12 +848,12 @@ function InlineMicButton({
     )
   ] });
 }
-var Input = React2__namespace.forwardRef(
+var Input = React__namespace.forwardRef(
   ({ className, type, dictate, onFocus, onBlur, ...props }, forwardedRef) => {
     const dictateCtx = useDictateContext();
-    const [focused, setFocused] = React2__namespace.useState(false);
-    const innerRef = React2__namespace.useRef(null);
-    React2__namespace.useImperativeHandle(forwardedRef, () => innerRef.current);
+    const [focused, setFocused] = React__namespace.useState(false);
+    const innerRef = React__namespace.useRef(null);
+    React__namespace.useImperativeHandle(forwardedRef, () => innerRef.current);
     const showDictate = dictate && !!dictateCtx && !props.disabled && !props.readOnly;
     const input = /* @__PURE__ */ jsxRuntime.jsx(
       "input",
@@ -1115,7 +904,7 @@ var Input = React2__namespace.forwardRef(
   }
 );
 Input.displayName = "Input";
-var Label = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Label = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "label",
   {
     ref,
@@ -1124,7 +913,7 @@ var Label = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 Label.displayName = "Label";
-var Separator = React2__namespace.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Separator = React__namespace.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SeparatorPrimitive__namespace.Root,
   {
     ref,
@@ -1139,12 +928,12 @@ var Separator = React2__namespace.forwardRef(({ className, orientation = "horizo
   }
 ));
 Separator.displayName = SeparatorPrimitive__namespace.Root.displayName;
-var Textarea = React2__namespace.forwardRef(
+var Textarea = React__namespace.forwardRef(
   ({ className, dictate, onFocus, onBlur, ...props }, forwardedRef) => {
     const dictateCtx = useDictateContext();
-    const [focused, setFocused] = React2__namespace.useState(false);
-    const innerRef = React2__namespace.useRef(null);
-    React2__namespace.useImperativeHandle(forwardedRef, () => innerRef.current);
+    const [focused, setFocused] = React__namespace.useState(false);
+    const innerRef = React__namespace.useRef(null);
+    React__namespace.useImperativeHandle(forwardedRef, () => innerRef.current);
     const showDictate = dictate && !!dictateCtx && !props.disabled && !props.readOnly;
     const textarea = /* @__PURE__ */ jsxRuntime.jsx(
       "textarea",
@@ -1196,7 +985,7 @@ Textarea.displayName = "Textarea";
 var Collapsible = CollapsiblePrimitive__namespace.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive__namespace.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive__namespace.CollapsibleContent;
-var Progress = React2__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Progress = React__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ProgressPrimitive__namespace.Root,
   {
     ref,
@@ -1212,11 +1001,11 @@ var Progress = React2__namespace.forwardRef(({ className, value, ...props }, ref
   }
 ));
 Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
-var RadioGroup = React2__namespace.forwardRef(({ className, ...props }, ref) => {
+var RadioGroup = React__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Root, { className: chunkRZQACYNQ_cjs.cn("grid gap-2", className), ...props, ref });
 });
 RadioGroup.displayName = RadioGroupPrimitive__namespace.Root.displayName;
-var RadioGroupItem = React2__namespace.forwardRef(({ className, ...props }, ref) => {
+var RadioGroupItem = React__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     RadioGroupPrimitive__namespace.Item,
     {
@@ -1231,7 +1020,7 @@ var RadioGroupItem = React2__namespace.forwardRef(({ className, ...props }, ref)
   );
 });
 RadioGroupItem.displayName = RadioGroupPrimitive__namespace.Item.displayName;
-var Checkbox = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Checkbox = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   CheckboxPrimitive__namespace.Root,
   {
     ref,
@@ -1244,7 +1033,7 @@ var Checkbox = React2__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
-var Switch = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Switch = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SwitchPrimitives__namespace.Root,
   {
     className: chunkRZQACYNQ_cjs.cn(
@@ -1265,7 +1054,7 @@ var Switch = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @
 ));
 Switch.displayName = SwitchPrimitives__namespace.Root.displayName;
 var Tabs = TabsPrimitive__namespace.Root;
-var TabsList = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsList = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.List,
   {
     ref,
@@ -1277,7 +1066,7 @@ var TabsList = React2__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 TabsList.displayName = TabsPrimitive__namespace.List.displayName;
-var TabsTrigger = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsTrigger = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Trigger,
   {
     ref,
@@ -1289,7 +1078,7 @@ var TabsTrigger = React2__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
-var TabsContent = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsContent = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Content,
   {
     ref,
@@ -1301,15 +1090,15 @@ var TabsContent = React2__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
-var Table = React2__namespace.forwardRef(
+var Table = React__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx("table", { ref, className: chunkRZQACYNQ_cjs.cn("w-full caption-bottom text-sm", className), ...props }) })
 );
 Table.displayName = "Table";
-var TableHeader = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: chunkRZQACYNQ_cjs.cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: chunkRZQACYNQ_cjs.cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("tbody", { ref, className: chunkRZQACYNQ_cjs.cn("[&_tr:last-child]:border-0", className), ...props }));
+var TableBody = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("tbody", { ref, className: chunkRZQACYNQ_cjs.cn("[&_tr:last-child]:border-0", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableFooter = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tfoot",
   {
     ref,
@@ -1318,7 +1107,7 @@ var TableFooter = React2__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React2__namespace.forwardRef(
+var TableRow = React__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "tr",
     {
@@ -1332,7 +1121,7 @@ var TableRow = React2__namespace.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React2__namespace.forwardRef(
+var TableHead = React__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "th",
     {
@@ -1346,7 +1135,7 @@ var TableHead = React2__namespace.forwardRef(
   )
 );
 TableHead.displayName = "TableHead";
-var TableCell = React2__namespace.forwardRef(
+var TableCell = React__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "td",
     {
@@ -1360,9 +1149,9 @@ var TableCell = React2__namespace.forwardRef(
   )
 );
 TableCell.displayName = "TableCell";
-var TableCaption = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("caption", { ref, className: chunkRZQACYNQ_cjs.cn("mt-4 text-sm text-muted-foreground", className), ...props }));
+var TableCaption = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("caption", { ref, className: chunkRZQACYNQ_cjs.cn("mt-4 text-sm text-muted-foreground", className), ...props }));
 TableCaption.displayName = "TableCaption";
-var Slider = React2__namespace.forwardRef(
+var Slider = React__namespace.forwardRef(
   ({ className, rangeClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     SliderPrimitive__namespace.Root,
     {
@@ -1397,7 +1186,7 @@ var toggleVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Toggle = React2__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Toggle = React__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TogglePrimitive__namespace.Root,
   {
     ref,
@@ -1406,11 +1195,11 @@ var Toggle = React2__namespace.forwardRef(({ className, variant, size, ...props
   }
 ));
 Toggle.displayName = TogglePrimitive__namespace.Root.displayName;
-var ToggleGroupContext = React2__namespace.createContext({
+var ToggleGroupContext = React__namespace.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React2__namespace.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ToggleGroup = React__namespace.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ToggleGroupPrimitive__namespace.Root,
   {
     ref,
@@ -1420,8 +1209,8 @@ var ToggleGroup = React2__namespace.forwardRef(({ className, variant, size, chil
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive__namespace.Root.displayName;
-var ToggleGroupItem = React2__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React2__namespace.useContext(ToggleGroupContext);
+var ToggleGroupItem = React__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React__namespace.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ToggleGroupPrimitive__namespace.Item,
     {
@@ -1450,7 +1239,7 @@ var Dialog = DialogPrimitive__namespace.Root;
 var DialogTrigger = DialogPrimitive__namespace.Trigger;
 var DialogPortal = DialogPrimitive__namespace.Portal;
 var DialogClose = DialogPrimitive__namespace.Close;
-var DialogOverlay = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogOverlay = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -1467,7 +1256,7 @@ var PHONE_PRESENTATION = {
   sheet: "max-sm:top-auto max-sm:bottom-0 max-sm:left-0 max-sm:w-full max-sm:max-w-full max-sm:border-x-0 max-sm:border-b-0 max-sm:translate-x-0 max-sm:translate-y-0 max-sm:rounded-b-none max-sm:rounded-t-xl max-sm:pb-[max(1.5rem,env(safe-area-inset-bottom))] max-sm:max-h-[calc(100dvh-env(safe-area-inset-top,0px)-2.5rem)] max-sm:data-[state=open]:slide-in-from-bottom-10 max-sm:data-[state=open]:zoom-in-100 max-sm:data-[state=closed]:zoom-out-100",
   full: "max-sm:top-auto max-sm:bottom-0 max-sm:left-0 max-sm:border-x-0 max-sm:border-b-0 max-sm:h-[calc(100dvh-env(safe-area-inset-top,0px)-1rem)] max-sm:w-full max-sm:max-w-full max-sm:translate-x-0 max-sm:translate-y-0 max-sm:rounded-b-none max-sm:rounded-t-xl max-sm:pb-[max(1.5rem,env(safe-area-inset-bottom))] max-sm:max-h-none max-sm:data-[state=open]:slide-in-from-bottom-10 max-sm:data-[state=open]:zoom-in-100 max-sm:data-[state=closed]:zoom-out-100"
 };
-var DialogContent = React2__namespace.forwardRef(
+var DialogContent = React__namespace.forwardRef(
   ({ className, children, hideCloseButton, presentation = "center", onInteractOutside, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1521,7 +1310,7 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -1530,7 +1319,7 @@ var DialogTitle = React2__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var DialogDescription = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogDescription = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -1542,7 +1331,7 @@ DialogDescription.displayName = DialogPrimitive__namespace.Description.displayNa
 var Popover = PopoverPrimitive__namespace.Root;
 var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
 var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
-var PopoverContent = React2__namespace.forwardRef(({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsxRuntime.jsx(
+var PopoverContent = React__namespace.forwardRef(({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsxRuntime.jsx(
   PopoverPrimitive__namespace.Content,
   {
     ref,
@@ -1593,15 +1382,15 @@ function MarkMenu({
   onKeyDown,
   ...rest
 }) {
-  const [open, setOpen] = React2.useState(false);
-  const [side, setSide] = React2.useState("bottom");
-  const menuId = React2.useId();
-  const triggerRef = React2.useRef(null);
-  const contentRef = React2.useRef(null);
-  const timer = React2.useRef(null);
-  const mode = React2.useRef("hover");
-  const lastPointer = React2.useRef("mouse");
-  const focusFirstOnOpen = React2.useRef(false);
+  const [open, setOpen] = React.useState(false);
+  const [side, setSide] = React.useState("bottom");
+  const menuId = React.useId();
+  const triggerRef = React.useRef(null);
+  const contentRef = React.useRef(null);
+  const timer = React.useRef(null);
+  const mode = React.useRef("hover");
+  const lastPointer = React.useRef("mouse");
+  const focusFirstOnOpen = React.useRef(false);
   const isEmpty = items.length === 0 && !preview;
   const ordered = [...items].sort((a, b) => Number(!!b.primary) - Number(!!a.primary));
   const primary = ordered[0];
@@ -1609,7 +1398,7 @@ function MarkMenu({
     if (timer.current) clearTimeout(timer.current);
     timer.current = null;
   };
-  React2.useEffect(() => clearTimer, []);
+  React.useEffect(() => clearTimer, []);
   const rows = () => Array.from(contentRef.current?.querySelectorAll('[role="menuitem"]') ?? []);
   const firstItem = () => rows()[0];
   const openWith = (next, focusFirst = false) => {
@@ -1718,7 +1507,7 @@ function MarkMenu({
     close(wasKey);
     item.onSelect?.();
   };
-  const setTriggerRef = React2.useCallback(
+  const setTriggerRef = React.useCallback(
     (el) => {
       triggerRef.current = el;
       if (typeof externalRef === "function") externalRef(el);
@@ -1818,7 +1607,7 @@ function MarkMenu({
 var Select = SelectPrimitive__namespace.Root;
 var SelectGroup = SelectPrimitive__namespace.Group;
 var SelectValue = SelectPrimitive__namespace.Value;
-var SelectTrigger = React2__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectTrigger = React__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Trigger,
   {
     ref,
@@ -1834,7 +1623,7 @@ var SelectTrigger = React2__namespace.forwardRef(({ className, children, ...prop
   }
 ));
 SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
-var SelectScrollUpButton = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollUpButton = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollUpButton,
   {
     ref,
@@ -1844,7 +1633,7 @@ var SelectScrollUpButton = React2__namespace.forwardRef(({ className, ...props }
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
-var SelectScrollDownButton = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollDownButton = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollDownButton,
   {
     ref,
@@ -1854,7 +1643,7 @@ var SelectScrollDownButton = React2__namespace.forwardRef(({ className, ...props
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
-var SelectContent = React2__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectContent = React__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Content,
   {
     ref,
@@ -1883,7 +1672,7 @@ var SelectContent = React2__namespace.forwardRef(({ className, children, positio
   }
 ) }));
 SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
-var SelectLabel = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectLabel = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Label,
   {
     ref,
@@ -1892,7 +1681,7 @@ var SelectLabel = React2__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
-var SelectItem = React2__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectItem = React__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Item,
   {
     ref,
@@ -1908,7 +1697,7 @@ var SelectItem = React2__namespace.forwardRef(({ className, children, ...props }
   }
 ));
 SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
-var SelectSeparator = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectSeparator = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Separator,
   {
     ref,
@@ -1917,7 +1706,7 @@ var SelectSeparator = React2__namespace.forwardRef(({ className, ...props }, ref
   }
 ));
 SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
-var Command = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Command = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command,
   {
     ref,
@@ -1932,7 +1721,7 @@ Command.displayName = cmdk.Command.displayName;
 var CommandDialog = ({ children, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsxRuntime.jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
 };
-var CommandInput = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b px-3", "data-cmdk-input-wrapper": "", children: [
+var CommandInput = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b px-3", "data-cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ jsxRuntime.jsx(
     cmdk.Command.Input,
@@ -1947,7 +1736,7 @@ var CommandInput = React2__namespace.forwardRef(({ className, ...props }, ref) =
   )
 ] }));
 CommandInput.displayName = cmdk.Command.Input.displayName;
-var CommandList = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandList = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.List,
   {
     ref,
@@ -1956,9 +1745,9 @@ var CommandList = React2__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 CommandList.displayName = cmdk.Command.List.displayName;
-var CommandEmpty = React2__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+var CommandEmpty = React__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
 CommandEmpty.displayName = cmdk.Command.Empty.displayName;
-var CommandGroup = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandGroup = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Group,
   {
     ref,
@@ -1970,7 +1759,7 @@ var CommandGroup = React2__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 CommandGroup.displayName = cmdk.Command.Group.displayName;
-var CommandSeparator = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandSeparator = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Separator,
   {
     ref,
@@ -1979,7 +1768,7 @@ var CommandSeparator = React2__namespace.forwardRef(({ className, ...props }, re
   }
 ));
 CommandSeparator.displayName = cmdk.Command.Separator.displayName;
-var CommandItem = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandItem = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Item,
   {
     ref,
@@ -2001,6 +1790,299 @@ var CommandShortcut = ({ className, ...props }) => {
   );
 };
 CommandShortcut.displayName = "CommandShortcut";
+var markdownBaseComponents = {
+  h1: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-lg font-semibold", "data-testid": "markdown-heading-1", ...props, children }),
+  h2: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-semibold text-base", "data-testid": "markdown-heading-2", ...props, children }),
+  h3: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-base", "data-testid": "markdown-heading-3", ...props, children }),
+  h4: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-semibold text-base", ...props, children }),
+  h5: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("h5", { className: "font-medium", ...props, children }),
+  strong: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "font-semibold", ...props, children }),
+  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("blockquote", { className: "border-l-2 border-primary pl-4", ...props, children }),
+  ol: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "list-decimal space-y-2 pl-6", "data-testid": "markdown-ordered-list", ...props, children }),
+  ul: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "list-none space-y-2 pl-6", "data-testid": "markdown-unordered-list", ...props, children }),
+  li: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "my-1.5", ...props, children }),
+  table: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("table", { "data-testid": "markdown-table", ...props, children }),
+  th: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("th", { ...props, children }),
+  td: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("td", { ...props, children }),
+  tr: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("tr", { ...props, children }),
+  p: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("p", { className: "whitespace-pre-wrap", ...props, children }),
+  hr: (props) => /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-foreground/20", ...props }),
+  sup: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("sup", { className: "text-xs", ...props, children }),
+  sub: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("sub", { className: "text-xs", ...props, children }),
+  div: ({ children, className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className, ...props, children }),
+  br: (props) => /* @__PURE__ */ jsxRuntime.jsx("br", { ...props }),
+  kbd: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "kbd",
+    {
+      className: "px-1.5 py-0.5 text-xs font-mono bg-muted border border-border rounded",
+      ...props,
+      children
+    }
+  ),
+  abbr: ({ children, title, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("abbr", { title, className: "underline decoration-dotted cursor-help", ...props, children }),
+  cite: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("cite", { className: "italic", ...props, children })
+};
+var MarkdownStreamingContext = React.createContext(false);
+
+// src/ai/split-markdown-blocks.ts
+var LIST_ITEM_RE = /^\s*([-*+]|\d+[.)])\s/;
+var BLOCKQUOTE_RE = /^\s*>/;
+function splitMarkdownBlocks(content) {
+  if (!content) return [];
+  const blocks = [];
+  let start = 0;
+  let inFence = false;
+  let i = 0;
+  while (i < content.length) {
+    if (content.startsWith("```", i)) {
+      inFence = !inFence;
+      i += 3;
+      continue;
+    }
+    if (!inFence && content[i] === "\n" && content[i + 1] === "\n") {
+      const before = content.slice(start, i);
+      const lastLine = before.slice(before.lastIndexOf("\n") + 1);
+      const afterStart = i + 2;
+      const nextNewline = content.indexOf("\n", afterStart);
+      const nextLine = content.slice(afterStart, nextNewline === -1 ? void 0 : nextNewline);
+      const bothListItems = LIST_ITEM_RE.test(lastLine) && LIST_ITEM_RE.test(nextLine);
+      const bothBlockquotes = BLOCKQUOTE_RE.test(lastLine) && BLOCKQUOTE_RE.test(nextLine);
+      if (bothListItems || bothBlockquotes) {
+        i += 2;
+        continue;
+      }
+      blocks.push(content.slice(start, afterStart));
+      start = afterStart;
+      i = afterStart;
+      continue;
+    }
+    i++;
+  }
+  if (start < content.length) blocks.push(content.slice(start));
+  return blocks;
+}
+
+// src/ai/normalize-citations.ts
+var CITE_LINK = /\[([^\]\n]+)\]\((#cite-[\w-]+)\)/g;
+var BLOCK_MARKER = /^(?:[-*+]|\d{1,9}[.)]|#{1,6})[ \t]+/;
+var LEADING_EMPHASIS = /^(?:\*\*|__|\*|_)+/;
+var TRAILING_EMPHASIS = /(\*\*|__|\*|_)(:?)$/;
+function countToken(text, token) {
+  const double = token + token;
+  if (token.length === 2) return text.split(token).length - 1;
+  const withoutDouble = text.split(double).join("");
+  return withoutDouble.split(token).length - 1;
+}
+function emphasisTokens(run) {
+  const char = run[0];
+  const tokens = [];
+  let rest = run;
+  while (rest.length > 0) {
+    const size = rest.length >= 2 ? 2 : 1;
+    tokens.push(char.repeat(size));
+    rest = rest.slice(size);
+  }
+  return tokens;
+}
+function hoistFromLink(text, before, after) {
+  let body = text;
+  let prefix = "";
+  let suffix = "";
+  if (before.trim() === "") {
+    const marker = BLOCK_MARKER.exec(body);
+    if (marker) {
+      prefix += marker[0];
+      body = body.slice(marker[0].length);
+    }
+  }
+  const leading = LEADING_EMPHASIS.exec(body);
+  if (leading) {
+    let kept = "";
+    let rest = body.slice(leading[0].length);
+    for (const token of emphasisTokens(leading[0]).reverse()) {
+      if (countToken(rest, token) % 2 === 1) {
+        kept = token + kept;
+        continue;
+      }
+      if (countToken(after, token) % 2 === 1) prefix += token;
+      else kept = token + kept;
+    }
+    body = kept + rest;
+    rest = "";
+  }
+  const trailing = TRAILING_EMPHASIS.exec(body);
+  if (trailing) {
+    const token = trailing[1];
+    const inner = body.slice(0, body.length - trailing[0].length);
+    const openedBefore = countToken(before + prefix, token) % 2 === 1;
+    if (countToken(inner, token) % 2 === 0 && openedBefore) {
+      body = inner;
+      suffix = trailing[0];
+    }
+  }
+  return [prefix, body, suffix];
+}
+function normalizeLine(line) {
+  if (!line.includes("](#cite-")) return line;
+  return line.replace(CITE_LINK, (match, text, href, offset) => {
+    const before = line.slice(0, offset);
+    const after = line.slice(offset + match.length);
+    const [prefix, body, suffix] = hoistFromLink(text, before, after);
+    if (!prefix && !suffix && body === text) return match;
+    return `${prefix}[${body}](${href})${suffix}`;
+  });
+}
+function normalizeCitationMarkup(markdown) {
+  if (!markdown.includes("](#cite-")) return markdown;
+  let inFence = false;
+  return markdown.split("\n").map((line) => {
+    if (/^\s*(```|~~~)/.test(line)) {
+      inFence = !inFence;
+      return line;
+    }
+    return inFence ? line : normalizeLine(line);
+  }).join("\n");
+}
+function CodeBlock({ language, code }) {
+  const [copied, setCopied] = React.useState(false);
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(code);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "code-block relative my-3 overflow-hidden rounded-md border border-current/20 bg-current/5",
+      "data-testid": "markdown-code-block",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border-b border-current/20 px-3 py-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-xs text-muted-foreground", children: language || "code" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: handleCopy,
+              className: "flex items-center gap-1 text-xs text-muted-foreground transition-colors hover:text-foreground",
+              title: copied ? "Copied!" : "Copy code",
+              children: [
+                copied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { size: 12 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { size: 12 }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: copied ? "Copied" : "Copy" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "overflow-x-auto p-3 text-sm leading-relaxed", children: /* @__PURE__ */ jsxRuntime.jsx("code", { className: chunkRZQACYNQ_cjs.cn("font-mono", language && `language-${language}`), children: code }) })
+      ]
+    }
+  );
+}
+var defaultComponents = {
+  ...markdownBaseComponents,
+  a: ({ href, children, ...props }) => {
+    if (href?.startsWith("#cite-")) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: "cited-text underline decoration-dotted underline-offset-4",
+          "data-cite": href.slice(6),
+          children
+        }
+      );
+    }
+    const isInternal = !href || href.startsWith("#") || href.startsWith("cite:");
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        className: "text-primary underline underline-offset-2",
+        href,
+        ...isInternal ? {} : { target: "_blank", rel: "noopener noreferrer" },
+        ...props,
+        children
+      }
+    );
+  },
+  em: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("em", { className: "italic", ...props, children }),
+  code: function MarkdownCode({
+    className,
+    children,
+    ...props
+  }) {
+    const match = /language-(\w+)/.exec(className || "");
+    if (!match) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "code",
+        {
+          className: "rounded bg-current/10 px-1 py-0.5 font-mono text-[0.9em]",
+          "data-testid": "markdown-inline-code",
+          ...props,
+          children
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(CodeBlock, { language: match[1], code: String(children).replace(/\n$/, "") });
+  },
+  // The CodeBlock renders its own <pre>; unwrap react-markdown's wrapper so we
+  // don't nest <pre><pre>.
+  pre: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children }),
+  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("blockquote", { className: "border-l-2 border-border pl-4 italic text-muted-foreground", ...props, children }),
+  table: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-3 overflow-x-auto rounded-lg border border-border", children: /* @__PURE__ */ jsxRuntime.jsx("table", { "data-testid": "markdown-table", className: "w-full border-collapse text-sm", ...props, children }) }),
+  thead: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-current/10", ...props, children }),
+  th: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("th", { className: "border-b border-border px-3 py-2 text-left font-semibold", ...props, children }),
+  td: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: "border-b border-border px-3 py-2 align-top", ...props, children }),
+  // General emphasis marks (GFM `~~strikethrough~~` → <del>, raw <ins>/<mark>).
+  del: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("del", { className: "text-muted-foreground line-through", ...props, children }),
+  ins: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("ins", { className: "underline decoration-primary/60", ...props, children }),
+  mark: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("mark", { className: "rounded bg-primary/15 px-0.5 text-inherit", ...props, children })
+};
+var remarkPlugins = [remarkGfm__default.default];
+var rehypePlugins = [rehypeRaw__default.default];
+var MemoizedBlock = React__namespace.default.memo(function MarkdownBlock({
+  content,
+  components
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Markdown__default.default, { remarkPlugins, rehypePlugins, components, children: content });
+});
+var MarkdownErrorBoundary = class extends React__namespace.default.Component {
+  state = { hasError: false };
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+  render() {
+    return this.state.hasError ? this.props.fallback : this.props.children;
+  }
+};
+function MarkdownRendererComponent({
+  children,
+  components: customComponents,
+  isStreaming = false,
+  className,
+  testId = "markdown-renderer"
+}) {
+  const components = React.useMemo(
+    () => customComponents ? { ...defaultComponents, ...customComponents } : defaultComponents,
+    [customComponents]
+  );
+  const blocks = React.useMemo(() => splitMarkdownBlocks(normalizeCitationMarkup(children)), [children]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    MarkdownErrorBoundary,
+    {
+      fallback: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkRZQACYNQ_cjs.cn("whitespace-pre-wrap break-words", className), children }),
+      children: /* @__PURE__ */ jsxRuntime.jsx(MarkdownStreamingContext.Provider, { value: isStreaming, children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: chunkRZQACYNQ_cjs.cn("markdown-content space-y-3 break-words leading-relaxed", className),
+          "data-testid": testId,
+          children: blocks.map((block, index) => /* @__PURE__ */ jsxRuntime.jsx(MemoizedBlock, { content: block, components }, index))
+        }
+      ) })
+    }
+  );
+}
+var MarkdownRenderer = React__namespace.default.memo(MarkdownRendererComponent);
 var AI_COMPONENTS = {
   a: (p) => /* @__PURE__ */ jsxRuntime.jsx(
     "a",
@@ -2025,7 +2107,7 @@ function AiMarkdown({
   return /* @__PURE__ */ jsxRuntime.jsx(
     MarkdownRenderer,
     {
-      className: className ?? "text-sm text-foreground",
+      className: className ?? "text-sm",
       components: AI_COMPONENTS,
       isStreaming,
       testId: "ai-markdown",
@@ -2033,7 +2115,7 @@ function AiMarkdown({
     }
   );
 }
-var EntityPill = React2.forwardRef(function EntityPill2({
+var EntityPill = React.forwardRef(function EntityPill2({
   icon,
   label,
   secondaryText,
@@ -2738,7 +2820,7 @@ var EmlIcon = ({ size = 16, className = "" }) => {
   );
 };
 var ArbiBotHeadIcon = ({ size = 24, className = "" }) => {
-  const maskId = React2.useId();
+  const maskId = React.useId();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -2952,7 +3034,7 @@ var presenceColorClasses = {
   error: "bg-status-busy",
   hidden: "bg-status-offline"
 };
-var UserEntity = React2.memo(function UserEntity2({
+var UserEntity = React.memo(function UserEntity2({
   size = "md",
   variant = "pill",
   className,
@@ -3464,7 +3546,7 @@ var getEntityLabel = (entityType, form = "SINGULAR") => {
 };
 var EntityIcon = ({ entityType, variant = "DEFAULT", ...props }) => {
   const IconComponent = getEntityIcon(entityType, variant);
-  return IconComponent ? React2__namespace.default.createElement(IconComponent, props) : null;
+  return IconComponent ? React__namespace.default.createElement(IconComponent, props) : null;
 };
 var VISIBILITY_ICONS = {
   PRIVATE: lucideReact.MessageSquareLock,
@@ -3475,7 +3557,7 @@ var VisibilityIcon = ({
   ...props
 }) => {
   const IconComponent = isShared ? VISIBILITY_ICONS.SHARED : VISIBILITY_ICONS.PRIVATE;
-  return React2__namespace.default.createElement(IconComponent, props);
+  return React__namespace.default.createElement(IconComponent, props);
 };
 
 // src/entities/colors.ts
@@ -3642,7 +3724,7 @@ function UserMenu({
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(chunkRZQACYNQ_cjs.DropdownMenuSeparator, {}),
-          items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(React2.Fragment, { children: [
+          items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
             item.separatorBefore && /* @__PURE__ */ jsxRuntime.jsx(chunkRZQACYNQ_cjs.DropdownMenuSeparator, {}),
             /* @__PURE__ */ jsxRuntime.jsxs(
               chunkRZQACYNQ_cjs.DropdownMenuItem,
@@ -3740,7 +3822,7 @@ function RenameField({
   onCancel,
   testId
 }) {
-  const done = React2__namespace.default.useRef(false);
+  const done = React__namespace.default.useRef(false);
   const commit = (value) => {
     if (done.current) return;
     done.current = true;
@@ -3828,8 +3910,8 @@ function DocumentCard({
   const normalised = (status ?? "").toLowerCase();
   const isProcessing = ACTIVE_STATUSES.has(normalised);
   const showStatusMarker = !isProcessing && TERMINAL_STATUSES.has(normalised);
-  const [thumbFailed, setThumbFailed] = React2__namespace.default.useState(false);
-  const [thumbLandscape, setThumbLandscape] = React2__namespace.default.useState(false);
+  const [thumbFailed, setThumbFailed] = React__namespace.default.useState(false);
+  const [thumbLandscape, setThumbLandscape] = React__namespace.default.useState(false);
   const showThumbnail = !!thumbnailUrl && !thumbFailed && !isProcessing;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -4053,8 +4135,9 @@ exports.getTagTypeIcon = getTagTypeIcon;
 exports.getTagTypeLabel = getTagTypeLabel;
 exports.getWorkspaceColor = getWorkspaceColor;
 exports.markdownBaseComponents = markdownBaseComponents;
+exports.normalizeCitationMarkup = normalizeCitationMarkup;
 exports.splitMarkdownBlocks = splitMarkdownBlocks;
 exports.toggleVariants = toggleVariants;
 exports.useAudioRecorder = useAudioRecorder;
-//# sourceMappingURL=chunk-OU2QLIKS.cjs.map
-//# sourceMappingURL=chunk-OU2QLIKS.cjs.map
+//# sourceMappingURL=chunk-ORKGCXG3.cjs.map
+//# sourceMappingURL=chunk-ORKGCXG3.cjs.map