@arbidocs/react 0.4.2 → 0.4.4

package/dist/{chunk-3CLGHHME.js → chunk-MIJRORQL.js}

@@ -1,12 +1,9 @@
 import { cn, getCollisionPadding, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem, DropdownMenuSeparator } from './chunk-6ALMBER7.js';
+import * as React from 'react';
+import React__default, { createContext, forwardRef, memo, useContext, useState, useRef, useEffect, useMemo, useCallback, useId, Fragment as Fragment$1 } from 'react';
+import { createPortal } from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import * as React2 from 'react';
-import React2__default, { createContext, forwardRef, memo, useMemo, useContext, useState, useRef, useEffect, useCallback, useId, Fragment as Fragment$1 } from 'react';
-import Markdown from 'react-markdown';
-import remarkGfm from 'remark-gfm';
-import rehypeRaw from 'rehype-raw';
 import { Circle, Check, X, ChevronDown, ChevronUp, Search, MessageCircleMore, Loader2, Square, Mic, MoreVertical, Copy, MessageSquareLock, Info, FileQuestion, BookOpen, Upload, LogOut, LayoutGrid, Bell, MessageSquare, CircleUserRound, Wrench, CreditCard, ClipboardList, UserPlus, UserStar, Settings2, Users, User, NotebookPen, NotebookText, StickyNote, FolderPlus, Hash, EyeOff, Eye, CaptionsOff, FolderOpen, MessageSquareMore, MessageSquarePlus, MessageSquareText, MessageSquareOff, MessagesSquare, Columns3Cog, SquarePlus, SquareM, ChevronsDown, Bot, Calendar, Folder, List, SquareCheckBig, ChevronsUpDown, Minus, Plus, AlertTriangle, FileX, SkipForward, XCircle, CheckCircle } from 'lucide-react';
-import { createPortal } from 'react-dom';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { cva } from 'class-variance-authority';
 import { Slot } from '@radix-ui/react-slot';
@@ -25,263 +22,55 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { Command as Command$1 } from 'cmdk';
+import Markdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import rehypeRaw from 'rehype-raw';
 
-var markdownBaseComponents = {
-  h1: ({ children, ...props }) => /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold", "data-testid": "markdown-heading-1", ...props, children }),
-  h2: ({ children, ...props }) => /* @__PURE__ */ jsx("h2", { className: "font-semibold text-base", "data-testid": "markdown-heading-2", ...props, children }),
-  h3: ({ children, ...props }) => /* @__PURE__ */ jsx("h3", { className: "font-semibold text-base", "data-testid": "markdown-heading-3", ...props, children }),
-  h4: ({ children, ...props }) => /* @__PURE__ */ jsx("h4", { className: "font-semibold text-base", ...props, children }),
-  h5: ({ children, ...props }) => /* @__PURE__ */ jsx("h5", { className: "font-medium", ...props, children }),
-  strong: ({ children, ...props }) => /* @__PURE__ */ jsx("strong", { className: "font-semibold", ...props, children }),
-  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx("blockquote", { className: "border-l-2 border-primary pl-4", ...props, children }),
-  ol: ({ children, ...props }) => /* @__PURE__ */ jsx("ol", { className: "list-decimal space-y-2 pl-6", "data-testid": "markdown-ordered-list", ...props, children }),
-  ul: ({ children, ...props }) => /* @__PURE__ */ jsx("ul", { className: "list-none space-y-2 pl-6", "data-testid": "markdown-unordered-list", ...props, children }),
-  li: ({ children, ...props }) => /* @__PURE__ */ jsx("li", { className: "my-1.5", ...props, children }),
-  table: ({ children, ...props }) => /* @__PURE__ */ jsx("table", { "data-testid": "markdown-table", ...props, children }),
-  th: ({ children, ...props }) => /* @__PURE__ */ jsx("th", { ...props, children }),
-  td: ({ children, ...props }) => /* @__PURE__ */ jsx("td", { ...props, children }),
-  tr: ({ children, ...props }) => /* @__PURE__ */ jsx("tr", { ...props, children }),
-  p: ({ children, ...props }) => /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap", ...props, children }),
-  hr: (props) => /* @__PURE__ */ jsx("hr", { className: "border-foreground/20", ...props }),
-  sup: ({ children, ...props }) => /* @__PURE__ */ jsx("sup", { className: "text-xs", ...props, children }),
-  sub: ({ children, ...props }) => /* @__PURE__ */ jsx("sub", { className: "text-xs", ...props, children }),
-  div: ({ children, className, ...props }) => /* @__PURE__ */ jsx("div", { className, ...props, children }),
-  br: (props) => /* @__PURE__ */ jsx("br", { ...props }),
-  kbd: ({ children, ...props }) => /* @__PURE__ */ 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__ */ jsx("abbr", { title, className: "underline decoration-dotted cursor-help", ...props, children }),
-  cite: ({ children, ...props }) => /* @__PURE__ */ jsx("cite", { className: "italic", ...props, children })
-};
-var MarkdownStreamingContext = 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] = useState(false);
-  const handleCopy = async () => {
-    try {
-      await navigator.clipboard.writeText(code);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    } catch {
-    }
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "code-block relative my-3 overflow-hidden rounded-md border border-border bg-muted",
-      "data-testid": "markdown-code-block",
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-border px-3 py-1.5", children: [
-          /* @__PURE__ */ jsx("span", { className: "font-mono text-xs text-muted-foreground", children: language || "code" }),
-          /* @__PURE__ */ 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__ */ jsx(Check, { size: 12 }) : /* @__PURE__ */ jsx(Copy, { size: 12 }),
-                /* @__PURE__ */ jsx("span", { children: copied ? "Copied" : "Copy" })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto p-3 text-sm leading-relaxed", children: /* @__PURE__ */ jsx("code", { className: 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__ */ jsx(
-      "a",
-      {
-        className: "text-primary underline underline-offset-2",
-        href,
-        ...isInternal ? {} : { target: "_blank", rel: "noopener noreferrer" },
-        ...props,
-        children
-      }
-    );
-  },
-  em: ({ children, ...props }) => /* @__PURE__ */ jsx("em", { className: "italic", ...props, children }),
-  code: function MarkdownCode({
-    className,
-    children,
-    ...props
-  }) {
-    const match = /language-(\w+)/.exec(className || "");
-    if (!match) {
-      return /* @__PURE__ */ 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__ */ 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__ */ jsx(Fragment, { children }),
-  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx("blockquote", { className: "border-l-2 border-border pl-4 italic text-muted-foreground", ...props, children }),
-  table: ({ children, ...props }) => /* @__PURE__ */ jsx("div", { className: "my-3 overflow-x-auto rounded-lg border border-border", children: /* @__PURE__ */ jsx("table", { "data-testid": "markdown-table", className: "w-full border-collapse text-sm", ...props, children }) }),
-  thead: ({ children, ...props }) => /* @__PURE__ */ jsx("thead", { className: "bg-muted", ...props, children }),
-  th: ({ children, ...props }) => /* @__PURE__ */ jsx(
-    "th",
-    {
-      className: "border-b border-border px-3 py-2 text-left font-semibold text-foreground",
-      ...props,
-      children
-    }
-  ),
-  td: ({ children, ...props }) => /* @__PURE__ */ 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__ */ jsx("del", { className: "text-muted-foreground line-through", ...props, children }),
-  ins: ({ children, ...props }) => /* @__PURE__ */ jsx("ins", { className: "underline decoration-primary/60", ...props, children }),
-  mark: ({ children, ...props }) => /* @__PURE__ */ jsx("mark", { className: "rounded bg-primary/15 px-0.5 text-foreground", ...props, children })
-};
-var remarkPlugins = [remarkGfm];
-var rehypePlugins = [rehypeRaw];
-var MemoizedBlock = React2__default.memo(function MarkdownBlock({
-  content,
-  components
-}) {
-  return /* @__PURE__ */ jsx(Markdown, { remarkPlugins, rehypePlugins, components, children: content });
-});
-var MarkdownErrorBoundary = class extends React2__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 = useMemo(
-    () => customComponents ? { ...defaultComponents, ...customComponents } : defaultComponents,
-    [customComponents]
-  );
-  const blocks = useMemo(() => splitMarkdownBlocks(children), [children]);
-  return /* @__PURE__ */ jsx(
-    MarkdownErrorBoundary,
-    {
-      fallback: /* @__PURE__ */ jsx("div", { className: cn("whitespace-pre-wrap break-words text-foreground", className), children }),
-      children: /* @__PURE__ */ jsx(MarkdownStreamingContext.Provider, { value: isStreaming, children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "markdown-content space-y-3 break-words leading-relaxed text-foreground",
-            className
-          ),
-          "data-testid": testId,
-          children: blocks.map((block, index) => /* @__PURE__ */ jsx(MemoizedBlock, { content: block, components }, index))
-        }
-      ) })
-    }
-  );
-}
-var MarkdownRenderer = React2__default.memo(MarkdownRendererComponent);
-var TooltipContext = React2.createContext(null);
+var TooltipContext = React.createContext(null);
 var DEFAULT_DELAY = 300;
-var TooltipConfigContext = React2.createContext({
+var TooltipConfigContext = React.createContext({
   delayDuration: DEFAULT_DELAY
 });
 var TooltipProvider = ({ children, delayDuration = DEFAULT_DELAY }) => {
-  const value = React2.useMemo(() => ({ delayDuration }), [delayDuration]);
+  const value = React.useMemo(() => ({ delayDuration }), [delayDuration]);
   return /* @__PURE__ */ jsx(TooltipConfigContext.Provider, { value, children });
 };
 function Tooltip({ children, delayDuration }) {
-  const config = React2.useContext(TooltipConfigContext);
+  const config = React.useContext(TooltipConfigContext);
   const delay = delayDuration ?? config.delayDuration;
-  const [open, setOpen] = React2.useState(false);
-  const triggerRef = React2.useRef(null);
-  const timer = React2.useRef(null);
-  const contentId = React2.useId();
+  const [open, setOpen] = React.useState(false);
+  const triggerRef = React.useRef(null);
+  const timer = React.useRef(null);
+  const contentId = React.useId();
   const clearTimer = () => {
     if (timer.current) {
       clearTimeout(timer.current);
       timer.current = null;
     }
   };
-  const suppressed = React2.useRef(false);
-  const show = React2.useCallback(() => {
+  const suppressed = React.useRef(false);
+  const show = React.useCallback(() => {
     clearTimer();
     if (suppressed.current) return;
     timer.current = setTimeout(() => setOpen(true), delay);
   }, [delay]);
-  const hide = React2.useCallback(() => {
+  const hide = React.useCallback(() => {
     clearTimer();
     setOpen(false);
   }, []);
-  const suppress = React2.useCallback(() => {
+  const suppress = React.useCallback(() => {
     suppressed.current = true;
     clearTimer();
     setOpen(false);
   }, []);
-  const release = React2.useCallback(() => {
+  const release = React.useCallback(() => {
     suppressed.current = false;
   }, []);
-  const setTrigger = React2.useCallback((el) => {
+  const setTrigger = React.useCallback((el) => {
     triggerRef.current = el;
   }, []);
-  React2.useEffect(() => () => clearTimer(), []);
-  const value = React2.useMemo(
+  React.useEffect(() => () => clearTimer(), []);
+  const value = React.useMemo(
     () => ({ open, show, hide, suppress, release, setTrigger, triggerRef, contentId }),
     [open, show, hide, suppress, release, setTrigger, contentId]
   );
@@ -305,7 +94,7 @@ function showsOwnText(el) {
   return /\p{L}{2,}/u.test(visible);
 }
 function TooltipTrigger({ asChild, children, ...props }) {
-  const ctx = React2.useContext(TooltipContext);
+  const ctx = React.useContext(TooltipContext);
   if (!ctx) return /* @__PURE__ */ jsx(Fragment, { children });
   const triggerHandlers = {
     onPointerEnter: (e) => {
@@ -321,7 +110,7 @@ function TooltipTrigger({ asChild, children, ...props }) {
     },
     onPointerDown: (e) => {
       props.onPointerDown?.(e);
-      (asChild && React2.isValidElement(children) ? children.props.onPointerDown : void 0)?.(e);
+      (asChild && React.isValidElement(children) ? children.props.onPointerDown : void 0)?.(e);
       ctx.suppress();
     },
     onFocus: (e) => {
@@ -335,9 +124,9 @@ function TooltipTrigger({ asChild, children, ...props }) {
     "aria-describedby": ctx.open ? ctx.contentId : void 0,
     "data-state": ctx.open ? "open" : "closed"
   };
-  if (asChild && React2.isValidElement(children)) {
+  if (asChild && React.isValidElement(children)) {
     const child = children;
-    return React2.cloneElement(child, {
+    return React.cloneElement(child, {
       ...props,
       ...triggerHandlers,
       ref: ctx.setTrigger
@@ -360,12 +149,12 @@ var TRANSFORM_BY_SIDE = {
   left: "translate(-100%, -50%)",
   right: "translate(0, -50%)"
 };
-var TooltipContent = React2.forwardRef(
+var TooltipContent = React.forwardRef(
   ({ className, side = "top", sideOffset = 4, collisionPadding = 8, style, ...props }, ref) => {
-    const ctx = React2.useContext(TooltipContext);
-    const innerRef = React2.useRef(null);
-    const [coords, setCoords] = React2.useState(null);
-    React2.useLayoutEffect(() => {
+    const ctx = React.useContext(TooltipContext);
+    const innerRef = React.useRef(null);
+    const [coords, setCoords] = React.useState(null);
+    React.useLayoutEffect(() => {
       if (!ctx?.open || !ctx.triggerRef.current) {
         setCoords(null);
         return;
@@ -512,7 +301,7 @@ function DictateProvider({
 function useDictateContext() {
   return useContext(DictateContext);
 }
-var Avatar = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Avatar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Root,
   {
     ref,
@@ -521,7 +310,7 @@ var Avatar = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Image,
   {
     ref,
@@ -530,7 +319,7 @@ var AvatarImage = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -593,7 +382,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React2.forwardRef(
+var Button = React.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
@@ -602,7 +391,7 @@ var Button = React2.forwardRef(
 Button.displayName = "Button";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React2.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var HoverCardContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -629,7 +418,7 @@ var cardVariants = cva("rounded-lg bg-card text-card-foreground", {
     variant: "flat"
   }
 });
-var Card = React2.forwardRef(
+var Card = React.forwardRef(
   ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -641,7 +430,7 @@ var Card = React2.forwardRef(
   )
 );
 Card.displayName = "Card";
-var CardHeader = React2.forwardRef(
+var CardHeader = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -653,7 +442,7 @@ var CardHeader = React2.forwardRef(
   )
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React2.forwardRef(
+var CardTitle = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -665,7 +454,7 @@ var CardTitle = React2.forwardRef(
   )
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React2.forwardRef(
+var CardDescription = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -677,11 +466,11 @@ var CardDescription = React2.forwardRef(
   )
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React2.forwardRef(
+var CardContent = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, "data-slot": "card-content", className: cn("p-6 pt-0", className), ...props })
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React2.forwardRef(
+var CardFooter = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -1018,12 +807,12 @@ function InlineMicButton({
     )
   ] });
 }
-var Input = React2.forwardRef(
+var Input = React.forwardRef(
   ({ className, type, dictate, onFocus, onBlur, ...props }, forwardedRef) => {
     const dictateCtx = useDictateContext();
-    const [focused, setFocused] = React2.useState(false);
-    const innerRef = React2.useRef(null);
-    React2.useImperativeHandle(forwardedRef, () => innerRef.current);
+    const [focused, setFocused] = React.useState(false);
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(forwardedRef, () => innerRef.current);
     const showDictate = dictate && !!dictateCtx && !props.disabled && !props.readOnly;
     const input = /* @__PURE__ */ jsx(
       "input",
@@ -1074,7 +863,7 @@ var Input = React2.forwardRef(
   }
 );
 Input.displayName = "Input";
-var Label = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "label",
   {
     ref,
@@ -1083,7 +872,7 @@ var Label = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Label.displayName = "Label";
-var Separator = React2.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+var Separator = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -1098,12 +887,12 @@ var Separator = React2.forwardRef(({ className, orientation = "horizontal", deco
   }
 ));
 Separator.displayName = SeparatorPrimitive.Root.displayName;
-var Textarea = React2.forwardRef(
+var Textarea = React.forwardRef(
   ({ className, dictate, onFocus, onBlur, ...props }, forwardedRef) => {
     const dictateCtx = useDictateContext();
-    const [focused, setFocused] = React2.useState(false);
-    const innerRef = React2.useRef(null);
-    React2.useImperativeHandle(forwardedRef, () => innerRef.current);
+    const [focused, setFocused] = React.useState(false);
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(forwardedRef, () => innerRef.current);
     const showDictate = dictate && !!dictateCtx && !props.disabled && !props.readOnly;
     const textarea = /* @__PURE__ */ jsx(
       "textarea",
@@ -1155,7 +944,7 @@ Textarea.displayName = "Textarea";
 var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
-var Progress = React2.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
+var Progress = React.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
   ProgressPrimitive.Root,
   {
     ref,
@@ -1171,11 +960,11 @@ var Progress = React2.forwardRef(({ className, value, ...props }, ref) => /* @__
   }
 ));
 Progress.displayName = ProgressPrimitive.Root.displayName;
-var RadioGroup = React2.forwardRef(({ className, ...props }, ref) => {
+var RadioGroup = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref });
 });
 RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React2.forwardRef(({ className, ...props }, ref) => {
+var RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     RadioGroupPrimitive.Item,
     {
@@ -1190,7 +979,7 @@ var RadioGroupItem = React2.forwardRef(({ className, ...props }, ref) => {
   );
 });
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
-var Checkbox = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Checkbox = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -1203,7 +992,7 @@ var Checkbox = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-var Switch = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -1224,7 +1013,7 @@ var Switch = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 ));
 Switch.displayName = SwitchPrimitives.Root.displayName;
 var Tabs = TabsPrimitive.Root;
-var TabsList = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.List,
   {
     ref,
@@ -1236,7 +1025,7 @@ var TabsList = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -1248,7 +1037,7 @@ var TabsTrigger = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     ref,
@@ -1260,15 +1049,15 @@ var TabsContent = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
-var Table = React2.forwardRef(
+var Table = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
 );
 Table.displayName = "Table";
-var TableHeader = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+var TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tfoot",
   {
     ref,
@@ -1277,7 +1066,7 @@ var TableFooter = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React2.forwardRef(
+var TableRow = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "tr",
     {
@@ -1291,7 +1080,7 @@ var TableRow = React2.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React2.forwardRef(
+var TableHead = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "th",
     {
@@ -1305,7 +1094,7 @@ var TableHead = React2.forwardRef(
   )
 );
 TableHead.displayName = "TableHead";
-var TableCell = React2.forwardRef(
+var TableCell = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "td",
     {
@@ -1319,9 +1108,9 @@ var TableCell = React2.forwardRef(
   )
 );
 TableCell.displayName = "TableCell";
-var TableCaption = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
+var TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
 TableCaption.displayName = "TableCaption";
-var Slider = React2.forwardRef(
+var Slider = React.forwardRef(
   ({ className, rangeClassName, ...props }, ref) => /* @__PURE__ */ jsxs(
     SliderPrimitive.Root,
     {
@@ -1356,7 +1145,7 @@ var toggleVariants = cva(
     }
   }
 );
-var Toggle = React2.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+var Toggle = React.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
   TogglePrimitive.Root,
   {
     ref,
@@ -1365,11 +1154,11 @@ var Toggle = React2.forwardRef(({ className, variant, size, ...props }, ref) =>
   }
 ));
 Toggle.displayName = TogglePrimitive.Root.displayName;
-var ToggleGroupContext = React2.createContext({
+var ToggleGroupContext = React.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React2.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var ToggleGroup = React.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
   ToggleGroupPrimitive.Root,
   {
     ref,
@@ -1379,8 +1168,8 @@ var ToggleGroup = React2.forwardRef(({ className, variant, size, children, ...pr
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React2.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React2.useContext(ToggleGroupContext);
+var ToggleGroupItem = React.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
     {
@@ -1409,7 +1198,7 @@ var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -1426,7 +1215,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.forwardRef(
+var DialogContent = React.forwardRef(
   ({ className, children, hideCloseButton, presentation = "center", onInteractOutside, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
     /* @__PURE__ */ jsx(DialogOverlay, {}),
     /* @__PURE__ */ jsxs(
@@ -1480,7 +1269,7 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx(
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -1489,7 +1278,7 @@ var DialogTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -1501,7 +1290,7 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React2.forwardRef(({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsx(
+var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsx(
   PopoverPrimitive.Content,
   {
     ref,
@@ -1777,7 +1566,7 @@ function MarkMenu({
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React2.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -1793,7 +1582,7 @@ var SelectTrigger = React2.forwardRef(({ className, children, ...props }, ref) =
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -1803,7 +1592,7 @@ var SelectScrollUpButton = React2.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -1813,7 +1602,7 @@ var SelectScrollDownButton = React2.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React2.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+var SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
   SelectPrimitive.Content,
   {
     ref,
@@ -1842,7 +1631,7 @@ var SelectContent = React2.forwardRef(({ className, children, position = "popper
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -1851,7 +1640,7 @@ var SelectLabel = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React2.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -1867,7 +1656,7 @@ var SelectItem = React2.forwardRef(({ className, children, ...props }, ref) => /
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -1876,7 +1665,7 @@ var SelectSeparator = React2.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-var Command = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Command = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1,
   {
     ref,
@@ -1891,7 +1680,7 @@ Command.displayName = Command$1.displayName;
 var CommandDialog = ({ children, ...props }) => {
   return /* @__PURE__ */ jsx(Dialog, { ...props, children: /* @__PURE__ */ jsx(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ 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.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "data-cmdk-input-wrapper": "", children: [
+var CommandInput = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "data-cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ jsx(
     Command$1.Input,
@@ -1906,7 +1695,7 @@ var CommandInput = React2.forwardRef(({ className, ...props }, ref) => /* @__PUR
   )
 ] }));
 CommandInput.displayName = Command$1.Input.displayName;
-var CommandList = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.List,
   {
     ref,
@@ -1915,9 +1704,9 @@ var CommandList = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CommandList.displayName = Command$1.List.displayName;
-var CommandEmpty = React2.forwardRef((props, ref) => /* @__PURE__ */ jsx(Command$1.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+var CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(Command$1.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
 CommandEmpty.displayName = Command$1.Empty.displayName;
-var CommandGroup = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Group,
   {
     ref,
@@ -1929,7 +1718,7 @@ var CommandGroup = React2.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandGroup.displayName = Command$1.Group.displayName;
-var CommandSeparator = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Separator,
   {
     ref,
@@ -1938,7 +1727,7 @@ var CommandSeparator = React2.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CommandSeparator.displayName = Command$1.Separator.displayName;
-var CommandItem = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Item,
   {
     ref,
@@ -1960,6 +1749,299 @@ var CommandShortcut = ({ className, ...props }) => {
   );
 };
 CommandShortcut.displayName = "CommandShortcut";
+var markdownBaseComponents = {
+  h1: ({ children, ...props }) => /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold", "data-testid": "markdown-heading-1", ...props, children }),
+  h2: ({ children, ...props }) => /* @__PURE__ */ jsx("h2", { className: "font-semibold text-base", "data-testid": "markdown-heading-2", ...props, children }),
+  h3: ({ children, ...props }) => /* @__PURE__ */ jsx("h3", { className: "font-semibold text-base", "data-testid": "markdown-heading-3", ...props, children }),
+  h4: ({ children, ...props }) => /* @__PURE__ */ jsx("h4", { className: "font-semibold text-base", ...props, children }),
+  h5: ({ children, ...props }) => /* @__PURE__ */ jsx("h5", { className: "font-medium", ...props, children }),
+  strong: ({ children, ...props }) => /* @__PURE__ */ jsx("strong", { className: "font-semibold", ...props, children }),
+  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx("blockquote", { className: "border-l-2 border-primary pl-4", ...props, children }),
+  ol: ({ children, ...props }) => /* @__PURE__ */ jsx("ol", { className: "list-decimal space-y-2 pl-6", "data-testid": "markdown-ordered-list", ...props, children }),
+  ul: ({ children, ...props }) => /* @__PURE__ */ jsx("ul", { className: "list-none space-y-2 pl-6", "data-testid": "markdown-unordered-list", ...props, children }),
+  li: ({ children, ...props }) => /* @__PURE__ */ jsx("li", { className: "my-1.5", ...props, children }),
+  table: ({ children, ...props }) => /* @__PURE__ */ jsx("table", { "data-testid": "markdown-table", ...props, children }),
+  th: ({ children, ...props }) => /* @__PURE__ */ jsx("th", { ...props, children }),
+  td: ({ children, ...props }) => /* @__PURE__ */ jsx("td", { ...props, children }),
+  tr: ({ children, ...props }) => /* @__PURE__ */ jsx("tr", { ...props, children }),
+  p: ({ children, ...props }) => /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap", ...props, children }),
+  hr: (props) => /* @__PURE__ */ jsx("hr", { className: "border-foreground/20", ...props }),
+  sup: ({ children, ...props }) => /* @__PURE__ */ jsx("sup", { className: "text-xs", ...props, children }),
+  sub: ({ children, ...props }) => /* @__PURE__ */ jsx("sub", { className: "text-xs", ...props, children }),
+  div: ({ children, className, ...props }) => /* @__PURE__ */ jsx("div", { className, ...props, children }),
+  br: (props) => /* @__PURE__ */ jsx("br", { ...props }),
+  kbd: ({ children, ...props }) => /* @__PURE__ */ 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__ */ jsx("abbr", { title, className: "underline decoration-dotted cursor-help", ...props, children }),
+  cite: ({ children, ...props }) => /* @__PURE__ */ jsx("cite", { className: "italic", ...props, children })
+};
+var MarkdownStreamingContext = 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] = useState(false);
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(code);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center justify-between border-b border-current/20 px-3 py-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-mono text-xs text-muted-foreground", children: language || "code" }),
+          /* @__PURE__ */ 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__ */ jsx(Check, { size: 12 }) : /* @__PURE__ */ jsx(Copy, { size: 12 }),
+                /* @__PURE__ */ jsx("span", { children: copied ? "Copied" : "Copy" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto p-3 text-sm leading-relaxed", children: /* @__PURE__ */ jsx("code", { className: cn("font-mono", language && `language-${language}`), children: code }) })
+      ]
+    }
+  );
+}
+var defaultComponents = {
+  ...markdownBaseComponents,
+  a: ({ href, children, ...props }) => {
+    if (href?.startsWith("#cite-")) {
+      return /* @__PURE__ */ 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__ */ jsx(
+      "a",
+      {
+        className: "text-primary underline underline-offset-2",
+        href,
+        ...isInternal ? {} : { target: "_blank", rel: "noopener noreferrer" },
+        ...props,
+        children
+      }
+    );
+  },
+  em: ({ children, ...props }) => /* @__PURE__ */ jsx("em", { className: "italic", ...props, children }),
+  code: function MarkdownCode({
+    className,
+    children,
+    ...props
+  }) {
+    const match = /language-(\w+)/.exec(className || "");
+    if (!match) {
+      return /* @__PURE__ */ 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__ */ 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__ */ jsx(Fragment, { children }),
+  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx("blockquote", { className: "border-l-2 border-border pl-4 italic text-muted-foreground", ...props, children }),
+  table: ({ children, ...props }) => /* @__PURE__ */ jsx("div", { className: "my-3 overflow-x-auto rounded-lg border border-border", children: /* @__PURE__ */ jsx("table", { "data-testid": "markdown-table", className: "w-full border-collapse text-sm", ...props, children }) }),
+  thead: ({ children, ...props }) => /* @__PURE__ */ jsx("thead", { className: "bg-current/10", ...props, children }),
+  th: ({ children, ...props }) => /* @__PURE__ */ jsx("th", { className: "border-b border-border px-3 py-2 text-left font-semibold", ...props, children }),
+  td: ({ children, ...props }) => /* @__PURE__ */ 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__ */ jsx("del", { className: "text-muted-foreground line-through", ...props, children }),
+  ins: ({ children, ...props }) => /* @__PURE__ */ jsx("ins", { className: "underline decoration-primary/60", ...props, children }),
+  mark: ({ children, ...props }) => /* @__PURE__ */ jsx("mark", { className: "rounded bg-primary/15 px-0.5 text-inherit", ...props, children })
+};
+var remarkPlugins = [remarkGfm];
+var rehypePlugins = [rehypeRaw];
+var MemoizedBlock = React__default.memo(function MarkdownBlock({
+  content,
+  components
+}) {
+  return /* @__PURE__ */ jsx(Markdown, { remarkPlugins, rehypePlugins, components, children: content });
+});
+var MarkdownErrorBoundary = class extends React__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 = useMemo(
+    () => customComponents ? { ...defaultComponents, ...customComponents } : defaultComponents,
+    [customComponents]
+  );
+  const blocks = useMemo(() => splitMarkdownBlocks(normalizeCitationMarkup(children)), [children]);
+  return /* @__PURE__ */ jsx(
+    MarkdownErrorBoundary,
+    {
+      fallback: /* @__PURE__ */ jsx("div", { className: cn("whitespace-pre-wrap break-words", className), children }),
+      children: /* @__PURE__ */ jsx(MarkdownStreamingContext.Provider, { value: isStreaming, children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn("markdown-content space-y-3 break-words leading-relaxed", className),
+          "data-testid": testId,
+          children: blocks.map((block, index) => /* @__PURE__ */ jsx(MemoizedBlock, { content: block, components }, index))
+        }
+      ) })
+    }
+  );
+}
+var MarkdownRenderer = React__default.memo(MarkdownRendererComponent);
 var AI_COMPONENTS = {
   a: (p) => /* @__PURE__ */ jsx(
     "a",
@@ -1984,7 +2066,7 @@ function AiMarkdown({
   return /* @__PURE__ */ jsx(
     MarkdownRenderer,
     {
-      className: className ?? "text-sm text-foreground",
+      className: className ?? "text-sm",
       components: AI_COMPONENTS,
       isStreaming,
       testId: "ai-markdown",
@@ -3423,7 +3505,7 @@ var getEntityLabel = (entityType, form = "SINGULAR") => {
 };
 var EntityIcon = ({ entityType, variant = "DEFAULT", ...props }) => {
   const IconComponent = getEntityIcon(entityType, variant);
-  return IconComponent ? React2__default.createElement(IconComponent, props) : null;
+  return IconComponent ? React__default.createElement(IconComponent, props) : null;
 };
 var VISIBILITY_ICONS = {
   PRIVATE: MessageSquareLock,
@@ -3434,7 +3516,7 @@ var VisibilityIcon = ({
   ...props
 }) => {
   const IconComponent = isShared ? VISIBILITY_ICONS.SHARED : VISIBILITY_ICONS.PRIVATE;
-  return React2__default.createElement(IconComponent, props);
+  return React__default.createElement(IconComponent, props);
 };
 
 // src/entities/colors.ts
@@ -3699,7 +3781,7 @@ function RenameField({
   onCancel,
   testId
 }) {
-  const done = React2__default.useRef(false);
+  const done = React__default.useRef(false);
   const commit = (value) => {
     if (done.current) return;
     done.current = true;
@@ -3787,8 +3869,8 @@ function DocumentCard({
   const normalised = (status ?? "").toLowerCase();
   const isProcessing = ACTIVE_STATUSES.has(normalised);
   const showStatusMarker = !isProcessing && TERMINAL_STATUSES.has(normalised);
-  const [thumbFailed, setThumbFailed] = React2__default.useState(false);
-  const [thumbLandscape, setThumbLandscape] = React2__default.useState(false);
+  const [thumbFailed, setThumbFailed] = React__default.useState(false);
+  const [thumbLandscape, setThumbLandscape] = React__default.useState(false);
   const showThumbnail = !!thumbnailUrl && !thumbFailed && !isProcessing;
   return /* @__PURE__ */ jsxs(
     "div",
@@ -3877,6 +3959,6 @@ function DocumentCard({
   );
 }
 
-export { AgentBadge, AiMarkdown, ArbiBotHeadIcon, AudIcon, Avatar, AvatarFallback, AvatarImage, BASE_COLORS2 as BASE_COLORS, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DictateProvider, DocumentCard, DocumentEntity, ENTITY_MAPPINGS, EmlIcon, EntityIcon, EntityPill, FILE_TYPE_COLORS, HoverCard, HoverCardContent, HoverCardTrigger, IconToggle, ImgIcon, InlineMicButton, Input, Label, MarkMenu, MarkdownRenderer, MarkdownStreamingContext, MicRecordingOverlay, MicWaveformIndicator, NEUTRAL_GRAY2 as NEUTRAL_GRAY, PLACEHOLDER_COLOR, PassageCard, PdfIcon, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PresenceLabel, Progress, ProjectEntity, RadioGroup, RadioGroupItem, RagDot, RelevanceDot, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Slider, StatusPill, Switch, TAG_TYPE_ICONS, TAG_TYPE_LABELS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagEntity, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserEntity, UserMenu, VISIBILITY_ICONS, VidIcon, VisibilityIcon, badgeVariants, buttonVariants, cardVariants, classifyMediaError, configureEntityRegistry, configureRagLabels, configureStatusRegistry, formatElapsed, getDocIcon, getEntityColor2 as getEntityColor, getEntityColorStyles, getEntityIcon, getEntityLabel, getStatusVariant, getTagTypeIcon, getTagTypeLabel, getWorkspaceColor, markdownBaseComponents, splitMarkdownBlocks, toggleVariants, useAudioRecorder };
-//# sourceMappingURL=chunk-3CLGHHME.js.map
-//# sourceMappingURL=chunk-3CLGHHME.js.map
+export { AgentBadge, AiMarkdown, ArbiBotHeadIcon, AudIcon, Avatar, AvatarFallback, AvatarImage, BASE_COLORS2 as BASE_COLORS, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DictateProvider, DocumentCard, DocumentEntity, ENTITY_MAPPINGS, EmlIcon, EntityIcon, EntityPill, FILE_TYPE_COLORS, HoverCard, HoverCardContent, HoverCardTrigger, IconToggle, ImgIcon, InlineMicButton, Input, Label, MarkMenu, MarkdownRenderer, MarkdownStreamingContext, MicRecordingOverlay, MicWaveformIndicator, NEUTRAL_GRAY2 as NEUTRAL_GRAY, PLACEHOLDER_COLOR, PassageCard, PdfIcon, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PresenceLabel, Progress, ProjectEntity, RadioGroup, RadioGroupItem, RagDot, RelevanceDot, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Slider, StatusPill, Switch, TAG_TYPE_ICONS, TAG_TYPE_LABELS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagEntity, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserEntity, UserMenu, VISIBILITY_ICONS, VidIcon, VisibilityIcon, badgeVariants, buttonVariants, cardVariants, classifyMediaError, configureEntityRegistry, configureRagLabels, configureStatusRegistry, formatElapsed, getDocIcon, getEntityColor2 as getEntityColor, getEntityColorStyles, getEntityIcon, getEntityLabel, getStatusVariant, getTagTypeIcon, getTagTypeLabel, getWorkspaceColor, markdownBaseComponents, normalizeCitationMarkup, splitMarkdownBlocks, toggleVariants, useAudioRecorder };
+//# sourceMappingURL=chunk-MIJRORQL.js.map
+//# sourceMappingURL=chunk-MIJRORQL.js.map