@arbidocs/react 0.3.184 → 0.4.0

package/dist/chunk-I256BUCX.js

@@ -1,1819 +0,0 @@
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import * as React2 from 'react';
-import React2__default, { createContext, useMemo, useContext, useState, useRef, useEffect, useCallback } from 'react';
-import Markdown from 'react-markdown';
-import remarkGfm from 'remark-gfm';
-import rehypeRaw from 'rehype-raw';
-import { Circle, Check, X, ChevronRight, ChevronDown, ChevronUp, Search, Loader2, Square, Mic, Copy, Minus, Plus } 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';
-import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
-import * as ProgressPrimitive from '@radix-ui/react-progress';
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import * as SwitchPrimitives from '@radix-ui/react-switch';
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-import * as SliderPrimitive from '@radix-ui/react-slider';
-import * as TogglePrimitive from '@radix-ui/react-toggle';
-import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import * as SelectPrimitive from '@radix-ui/react-select';
-import { Command as Command$1 } from 'cmdk';
-
-// src/lib/utils.ts
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-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 DEFAULT_DELAY = 300;
-var TooltipConfigContext = React2.createContext({
-  delayDuration: DEFAULT_DELAY
-});
-var TooltipProvider = ({ children, delayDuration = DEFAULT_DELAY }) => {
-  const value = React2.useMemo(() => ({ delayDuration }), [delayDuration]);
-  return /* @__PURE__ */ jsx(TooltipConfigContext.Provider, { value, children });
-};
-function Tooltip({ children, delayDuration }) {
-  const config = React2.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 clearTimer = () => {
-    if (timer.current) {
-      clearTimeout(timer.current);
-      timer.current = null;
-    }
-  };
-  const show = React2.useCallback(() => {
-    clearTimer();
-    timer.current = setTimeout(() => setOpen(true), delay);
-  }, [delay]);
-  const hide = React2.useCallback(() => {
-    clearTimer();
-    setOpen(false);
-  }, []);
-  const setTrigger = React2.useCallback((el) => {
-    triggerRef.current = el;
-  }, []);
-  React2.useEffect(() => () => clearTimer(), []);
-  const value = React2.useMemo(
-    () => ({ open, show, hide, setTrigger, triggerRef, contentId }),
-    [open, show, hide, setTrigger, contentId]
-  );
-  return /* @__PURE__ */ jsx(TooltipContext.Provider, { value, children });
-}
-function TooltipTrigger({ asChild, children, ...props }) {
-  const ctx = React2.useContext(TooltipContext);
-  if (!ctx) return /* @__PURE__ */ jsx(Fragment, { children });
-  const triggerHandlers = {
-    onPointerEnter: (e) => {
-      props.onPointerEnter?.(e);
-      ctx.show();
-    },
-    onPointerLeave: (e) => {
-      props.onPointerLeave?.(e);
-      ctx.hide();
-    },
-    onFocus: (e) => {
-      props.onFocus?.(e);
-      ctx.show();
-    },
-    onBlur: (e) => {
-      props.onBlur?.(e);
-      ctx.hide();
-    },
-    "aria-describedby": ctx.open ? ctx.contentId : void 0,
-    "data-state": ctx.open ? "open" : "closed"
-  };
-  if (asChild && React2.isValidElement(children)) {
-    const child = children;
-    return React2.cloneElement(child, {
-      ...props,
-      ...triggerHandlers,
-      ref: ctx.setTrigger
-    });
-  }
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      ...props,
-      ...triggerHandlers,
-      ref: ctx.setTrigger,
-      children
-    }
-  );
-}
-var TRANSFORM_BY_SIDE = {
-  top: "translate(-50%, -100%)",
-  bottom: "translate(-50%, 0)",
-  left: "translate(-100%, -50%)",
-  right: "translate(0, -50%)"
-};
-var TooltipContent = React2.forwardRef(
-  ({ className, side = "top", sideOffset = 4, style, ...props }, ref) => {
-    const ctx = React2.useContext(TooltipContext);
-    const innerRef = React2.useRef(null);
-    const [coords, setCoords] = React2.useState(null);
-    React2.useLayoutEffect(() => {
-      if (!ctx?.open || !ctx.triggerRef.current) {
-        setCoords(null);
-        return;
-      }
-      const r = ctx.triggerRef.current.getBoundingClientRect();
-      const c = innerRef.current?.getBoundingClientRect();
-      const ch = c?.height ?? 0;
-      const cw = c?.width ?? 0;
-      const vh = window.innerHeight;
-      const vw = window.innerWidth;
-      let s = side;
-      if (s === "top" && r.top - sideOffset - ch < 0) s = "bottom";
-      else if (s === "bottom" && r.bottom + sideOffset + ch > vh) s = "top";
-      else if (s === "left" && r.left - sideOffset - cw < 0) s = "right";
-      else if (s === "right" && r.right + sideOffset + cw > vw) s = "left";
-      setCoords({
-        top: s === "top" ? r.top - sideOffset : s === "bottom" ? r.bottom + sideOffset : r.top + r.height / 2,
-        left: s === "left" ? r.left - sideOffset : s === "right" ? r.right + sideOffset : r.left + r.width / 2,
-        transform: TRANSFORM_BY_SIDE[s]
-      });
-    }, [ctx?.open, side, sideOffset, ctx?.triggerRef]);
-    if (!ctx?.open) return null;
-    const setRefs = (node) => {
-      innerRef.current = node;
-      if (typeof ref === "function") ref(node);
-      else if (ref) ref.current = node;
-    };
-    return createPortal(
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref: setRefs,
-          id: ctx.contentId,
-          role: "tooltip",
-          className: cn(
-            // The kit owns the tooltip's look: semantic tokens only, so it is
-            // legible in every app without one of them defining a global class.
-            // The `tooltip-content` hook is kept last-but-one so a host stylesheet
-            // can still restyle every tooltip in one place (the ARBI app does, with
-            // `!important` rules that win over these defaults).
-            "pointer-events-none max-w-[300px] break-words rounded-md border border-border bg-popover px-3 py-2 text-sm font-normal text-popover-foreground shadow-lg",
-            "tooltip-content",
-            className
-          ),
-          style: {
-            position: "fixed",
-            top: coords?.top ?? -9999,
-            left: coords?.left ?? -9999,
-            transform: coords?.transform ?? TRANSFORM_BY_SIDE[side],
-            opacity: coords ? void 0 : 0,
-            zIndex: 9999,
-            ...style
-          },
-          ...props
-        }
-      ),
-      document.body
-    );
-  }
-);
-TooltipContent.displayName = "TooltipContent";
-function IconToggle({
-  icon: Icon2,
-  isActive,
-  onToggle,
-  colors,
-  fillWhenActive = false,
-  disabled = false,
-  disabledTooltip,
-  showLabel = false,
-  label,
-  tooltipActive,
-  tooltipInactive,
-  tooltipMixed,
-  isMixed = false,
-  showTooltip = true,
-  "data-testid": dataTestId
-}) {
-  const handleClick = (e) => {
-    e.stopPropagation();
-    onToggle(!isActive);
-  };
-  const { bg: bgColorClass } = colors;
-  const tooltipText = disabled ? disabledTooltip : isMixed ? tooltipMixed : isActive ? tooltipActive : tooltipInactive;
-  const { text: textColorClass } = colors;
-  const button = /* @__PURE__ */ jsx("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      onClick: handleClick,
-      disabled,
-      "data-testid": dataTestId,
-      "aria-pressed": isMixed ? "mixed" : isActive,
-      className: `
-          group/toggle relative inline-flex items-center h-4 w-8 rounded-full
-          transition-colors cursor-pointer
-          disabled:opacity-50 disabled:cursor-not-allowed
-          ${isActive ? bgColorClass : isMixed ? "bg-gray-400" : "bg-muted"}
-        `,
-      children: [
-        isActive && !disabled && /* @__PURE__ */ jsx("div", { className: "absolute left-0 w-4 h-4 flex items-center justify-center", children: /* @__PURE__ */ jsx(Minus, { className: "w-2.5 h-2.5 text-white/70 hidden group-hover/toggle:block" }) }),
-        !isActive && !disabled && /* @__PURE__ */ jsx("div", { className: "absolute right-0 w-4 h-4 flex items-center justify-center", children: /* @__PURE__ */ jsx(Plus, { className: "w-2.5 h-2.5 text-muted-foreground hidden group-hover/toggle:block" }) }),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: `
-            absolute h-4 w-4 rounded-full bg-white shadow-sm
-            flex items-center justify-center
-            transition-transform duration-200
-            ${isActive ? "translate-x-4" : "translate-x-0"}
-          `,
-            children: /* @__PURE__ */ jsx(
-              Icon2,
-              {
-                className: `w-2.5 h-2.5 ${isActive ? textColorClass : "text-muted-foreground"} ${isActive && fillWhenActive ? "fill-current" : ""}`
-              }
-            )
-          }
-        )
-      ]
-    }
-  ) });
-  return /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-2", children: [
-    showLabel && label && /* @__PURE__ */ jsx("span", { className: "font-semibold text-sm text-primary", children: label }),
-    tooltipText && showTooltip ? /* @__PURE__ */ jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, onFocusCapture: (e) => e.stopPropagation(), children: button }),
-      /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: tooltipText }) })
-    ] }) : button
-  ] });
-}
-var DictateContext = createContext(null);
-function DictateProvider({
-  transcribe,
-  onError,
-  children
-}) {
-  return /* @__PURE__ */ jsx(DictateContext.Provider, { value: { transcribe, onError }, children });
-}
-function useDictateContext() {
-  return useContext(DictateContext);
-}
-var Avatar = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  AvatarPrimitive.Root,
-  {
-    ref,
-    className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className),
-    ...props
-  }
-));
-Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  AvatarPrimitive.Image,
-  {
-    ref,
-    className: cn("aspect-square h-full w-full object-cover", className),
-    ...props
-  }
-));
-AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  AvatarPrimitive.Fallback,
-  {
-    ref,
-    className: cn(
-      "flex h-full w-full items-center justify-center rounded-full bg-muted",
-      className
-    ),
-    ...props
-  }
-));
-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-var badgeVariants = cva(
-  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-sm font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
-        accent: "border-transparent bg-ai-accent-soft text-ai-accent",
-        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
-        outline: "text-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
-}
-var buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-base font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        accent: "bg-ai-accent text-ai-accent-foreground shadow hover:bg-ai-accent/90",
-        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-9 px-4 py-2",
-        sm: "h-8 rounded-md px-3",
-        lg: "h-10 rounded-md px-8",
-        icon: "h-9 w-9"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React2.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 });
-  }
-);
-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(
-  HoverCardPrimitive.Content,
-  {
-    ref,
-    align,
-    sideOffset,
-    className: cn(
-      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-hover-card-content-transform-origin]",
-      className
-    ),
-    ...props
-  }
-) }));
-HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
-var cardVariants = cva("rounded-lg bg-card text-card-foreground", {
-  variants: {
-    variant: {
-      flat: "",
-      outline: "border",
-      elevated: "border shadow-sm"
-    }
-  },
-  defaultVariants: {
-    variant: "flat"
-  }
-});
-var Card = React2.forwardRef(
-  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "card",
-      className: cn(cardVariants({ variant }), className),
-      ...props
-    }
-  )
-);
-Card.displayName = "Card";
-var CardHeader = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "card-header",
-      className: cn("flex flex-col space-y-1.5 p-6", className),
-      ...props
-    }
-  )
-);
-CardHeader.displayName = "CardHeader";
-var CardTitle = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "card-title",
-      className: cn("font-semibold leading-none tracking-tight", className),
-      ...props
-    }
-  )
-);
-CardTitle.displayName = "CardTitle";
-var CardDescription = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "card-description",
-      className: cn("text-sm text-muted-foreground", className),
-      ...props
-    }
-  )
-);
-CardDescription.displayName = "CardDescription";
-var CardContent = React2.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(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "card-footer",
-      className: cn("flex items-center p-6 pt-0", className),
-      ...props
-    }
-  )
-);
-CardFooter.displayName = "CardFooter";
-
-// src/documents/media-error.ts
-function classifyMediaError(err, kind) {
-  const label = kind === "camera" ? "Camera" : "Microphone";
-  const name = err instanceof DOMException ? err.name : void 0;
-  if (name === "NotAllowedError" || name === "SecurityError") {
-    return `${label} access is blocked. Allow ${kind} permission in your browser settings to use this feature.`;
-  }
-  if (name === "NotFoundError" || name === "DevicesNotFoundError") {
-    return `No ${kind} found on this device.`;
-  }
-  if (!navigator.mediaDevices?.getUserMedia) {
-    return `${kind === "camera" ? "Camera" : "Voice"} input is not supported in this browser.`;
-  }
-  return `Could not access the ${kind}. Please try again.`;
-}
-
-// src/documents/useAudioRecorder.ts
-var LEVEL_UPDATE_INTERVAL_MS = 50;
-function useAudioRecorder() {
-  const [state, setState] = useState("idle");
-  const [level, setLevel] = useState(0);
-  const [elapsedMs, setElapsedMs] = useState(0);
-  const [blob, setBlob] = useState(null);
-  const [mimeType, setMimeType] = useState(null);
-  const [error, setError] = useState(null);
-  const mediaRecorderRef = useRef(null);
-  const chunksRef = useRef([]);
-  const streamRef = useRef(null);
-  const stateRef = useRef("idle");
-  stateRef.current = state;
-  const segmentStartRef = useRef(0);
-  const accumulatedMsRef = useRef(0);
-  const audioContextRef = useRef(null);
-  const analyserRef = useRef(null);
-  const levelRafRef = useRef(null);
-  const stopMeter = useCallback(() => {
-    if (levelRafRef.current !== null) cancelAnimationFrame(levelRafRef.current);
-    levelRafRef.current = null;
-    analyserRef.current = null;
-    void audioContextRef.current?.close().catch(() => {
-    });
-    audioContextRef.current = null;
-  }, []);
-  const startMeter = useCallback((stream) => {
-    const audioContext = new AudioContext();
-    const source = audioContext.createMediaStreamSource(stream);
-    const analyser = audioContext.createAnalyser();
-    analyser.fftSize = 256;
-    source.connect(analyser);
-    audioContextRef.current = audioContext;
-    analyserRef.current = analyser;
-    const data = new Uint8Array(analyser.frequencyBinCount);
-    let lastUpdate = 0;
-    const tick = (t) => {
-      const active = analyserRef.current;
-      if (!active) return;
-      if (t - lastUpdate >= LEVEL_UPDATE_INTERVAL_MS) {
-        lastUpdate = t;
-        active.getByteTimeDomainData(data);
-        let sumSquares = 0;
-        for (let i = 0; i < data.length; i++) {
-          const centered = (data[i] - 128) / 128;
-          sumSquares += centered * centered;
-        }
-        const rms = Math.sqrt(sumSquares / data.length);
-        setLevel(Math.sqrt(Math.min(1, rms * 8)));
-        setElapsedMs(accumulatedMsRef.current + (t - segmentStartRef.current));
-      }
-      levelRafRef.current = requestAnimationFrame(tick);
-    };
-    levelRafRef.current = requestAnimationFrame(tick);
-  }, []);
-  const stopTracks = useCallback(() => {
-    streamRef.current?.getTracks().forEach((t) => t.stop());
-    streamRef.current = null;
-  }, []);
-  useEffect(
-    () => () => {
-      stopTracks();
-      stopMeter();
-    },
-    [stopTracks, stopMeter]
-  );
-  const start = useCallback(async () => {
-    if (stateRef.current === "recording" || stateRef.current === "paused") return;
-    setError(null);
-    try {
-      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
-      streamRef.current = stream;
-      const mt = MediaRecorder.isTypeSupported("audio/webm") ? "audio/webm" : "audio/mp4";
-      const recorder = new MediaRecorder(stream, { mimeType: mt });
-      chunksRef.current = [];
-      recorder.ondataavailable = (e) => {
-        if (e.data.size > 0) chunksRef.current.push(e.data);
-      };
-      mediaRecorderRef.current = recorder;
-      setMimeType(mt);
-      setBlob(null);
-      accumulatedMsRef.current = 0;
-      segmentStartRef.current = performance.now();
-      recorder.start();
-      setState("recording");
-      startMeter(stream);
-    } catch (err) {
-      stopTracks();
-      setError(classifyMediaError(err, "microphone"));
-    }
-  }, [startMeter, stopTracks]);
-  const pause = useCallback(() => {
-    const recorder = mediaRecorderRef.current;
-    if (!recorder || recorder.state !== "recording") return;
-    recorder.pause();
-    accumulatedMsRef.current += performance.now() - segmentStartRef.current;
-    stopMeter();
-    setLevel(0);
-    setState("paused");
-  }, [stopMeter]);
-  const resume = useCallback(() => {
-    const recorder = mediaRecorderRef.current;
-    if (!recorder || recorder.state !== "paused") return;
-    recorder.resume();
-    segmentStartRef.current = performance.now();
-    setState("recording");
-    if (streamRef.current) startMeter(streamRef.current);
-  }, [startMeter]);
-  const stop = useCallback(() => {
-    const recorder = mediaRecorderRef.current;
-    if (!recorder || recorder.state === "inactive") return;
-    const finalElapsed = recorder.state === "paused" ? accumulatedMsRef.current : accumulatedMsRef.current + (performance.now() - segmentStartRef.current);
-    stopMeter();
-    recorder.onstop = () => {
-      stopTracks();
-      const finalBlob = chunksRef.current.length ? new Blob(chunksRef.current, { type: recorder.mimeType }) : null;
-      setBlob(finalBlob);
-      setElapsedMs(finalElapsed);
-      setLevel(0);
-      setState("stopped");
-    };
-    recorder.stop();
-  }, [stopMeter, stopTracks]);
-  const reset = useCallback(() => {
-    setState("idle");
-    setBlob(null);
-    setElapsedMs(0);
-    setLevel(0);
-    setMimeType(null);
-    setError(null);
-  }, []);
-  return { state, level, elapsedMs, blob, mimeType, error, start, pause, resume, stop, reset };
-}
-
-// src/documents/format-elapsed.ts
-function formatElapsed(ms) {
-  const totalSeconds = Math.max(0, Math.floor(ms / 1e3));
-  const minutes = Math.floor(totalSeconds / 60);
-  const seconds = totalSeconds % 60;
-  return `${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}`;
-}
-var BAR_WEIGHTS = [
-  0.25,
-  0.32,
-  0.48,
-  0.62,
-  0.82,
-  0.56,
-  0.92,
-  0.72,
-  1,
-  0.86,
-  0.62,
-  0.96,
-  0.76,
-  0.5,
-  0.84,
-  0.66,
-  0.42,
-  0.56,
-  0.36,
-  0.28,
-  0.22
-];
-var MIN_BAR_PX = 3;
-var MAX_BAR_PX = 40;
-function MicWaveformIndicator({
-  level,
-  elapsedMs,
-  paused = false
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3", "data-testid": "mic-waveform-indicator", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxs("span", { className: "relative flex h-2 w-2", children: [
-        !paused && /* @__PURE__ */ jsx("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-red-500 opacity-75" }),
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: `relative inline-flex h-2 w-2 rounded-full ${paused ? "bg-muted-foreground" : "bg-red-500"}`
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: `text-xs font-semibold uppercase tracking-wide ${paused ? "text-muted-foreground" : "text-red-500"}`,
-          children: paused ? "Paused" : "Rec"
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { className: "font-mono text-xs tabular-nums text-muted-foreground", children: formatElapsed(elapsedMs) })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex h-10 items-end gap-[3px]", "data-testid": "mic-waveform-indicator-bars", children: BAR_WEIGHTS.map((weight, i) => /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: "w-1 rounded-full bg-secondary transition-[height] duration-75 ease-out",
-        style: {
-          height: Math.min(MAX_BAR_PX, Math.max(MIN_BAR_PX, level * weight * MAX_BAR_PX))
-        }
-      },
-      i
-    )) })
-  ] });
-}
-function MicRecordingOverlay({
-  level,
-  elapsedMs,
-  paused,
-  caption = "Keep button pressed while speaking"
-}) {
-  if (typeof document === "undefined") return null;
-  return createPortal(
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        "aria-hidden": true,
-        className: "pointer-events-none fixed inset-0 z-[2147483647] flex items-center justify-center",
-        "data-testid": "mic-recording-overlay",
-        children: /* @__PURE__ */ jsxs("div", { className: "flex w-72 flex-col items-center gap-3 rounded-2xl bg-background/95 px-6 py-5 shadow-2xl ring-1 ring-border backdrop-blur-sm", children: [
-          /* @__PURE__ */ jsx(MicWaveformIndicator, { level, elapsedMs, paused }),
-          /* @__PURE__ */ jsx("p", { className: "text-center text-sm font-medium text-muted-foreground", children: caption })
-        ] })
-      }
-    ),
-    document.body
-  );
-}
-var HOLD_THRESHOLD_MS = 350;
-function InlineMicButton({
-  focused,
-  onTranscript,
-  onError,
-  transcribe,
-  className
-}) {
-  const recorder = useAudioRecorder();
-  const [isTranscribing, setIsTranscribing] = useState(false);
-  const [latched, setLatched] = useState(false);
-  const pressedAtRef = useRef(0);
-  useEffect(() => {
-    if (recorder.error) onError?.(recorder.error);
-  }, [recorder.error]);
-  useEffect(() => {
-    if (recorder.state !== "stopped" || !recorder.blob) return;
-    const blob = recorder.blob;
-    setIsTranscribing(true);
-    transcribe(blob).then((text) => {
-      if (text.trim()) onTranscript(text.trim());
-    }).catch((err) => {
-      onError?.(err instanceof Error ? err.message : "Could not transcribe audio.");
-    }).finally(() => {
-      setIsTranscribing(false);
-      setLatched(false);
-      recorder.reset();
-    });
-  }, [recorder.state, recorder.blob]);
-  const isRecording = recorder.state === "recording";
-  const isBusy = isTranscribing;
-  if (!focused && !isRecording && !isBusy) return null;
-  const handlePointerDown = (e) => {
-    e.preventDefault();
-    if (isRecording) return;
-    pressedAtRef.current = Date.now();
-    void recorder.start();
-  };
-  const handlePointerUp = () => {
-    if (!isRecording) return;
-    if (latched) {
-      recorder.stop();
-      setLatched(false);
-      return;
-    }
-    const held = Date.now() - pressedAtRef.current;
-    if (held >= HOLD_THRESHOLD_MS) {
-      recorder.stop();
-    } else {
-      setLatched(true);
-    }
-  };
-  const handlePointerLeave = () => {
-    if (isRecording && !latched) recorder.stop();
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onPointerDown: handlePointerDown,
-        onPointerUp: handlePointerUp,
-        onPointerLeave: handlePointerLeave,
-        onPointerCancel: handlePointerLeave,
-        disabled: isBusy,
-        title: isRecording ? "Release to stop, or tap again if hands-free" : "Hold, or tap to dictate",
-        "data-testid": "inline-mic-button",
-        className: `inline-flex items-center justify-center rounded-full transition-colors disabled:pointer-events-none ${isRecording ? "h-7 w-7 bg-red-500 text-white shadow-sm hover:bg-red-600" : isBusy ? "h-6 w-6 text-muted-foreground" : "h-6 w-6 text-muted-foreground/50 hover:bg-muted hover:text-muted-foreground"} ${className ?? ""}`,
-        children: isBusy ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : isRecording ? /* @__PURE__ */ jsx(Square, { className: "h-3 w-3 fill-current" }) : /* @__PURE__ */ jsx(Mic, { className: "h-3.5 w-3.5" })
-      }
-    ),
-    isRecording && /* @__PURE__ */ jsx(
-      MicRecordingOverlay,
-      {
-        level: recorder.level,
-        elapsedMs: recorder.elapsedMs,
-        caption: latched ? "Tap the mic again to stop" : "Release to stop, or keep holding"
-      }
-    )
-  ] });
-}
-var Input = React2.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 showDictate = dictate && !!dictateCtx && !props.disabled && !props.readOnly;
-    const input = /* @__PURE__ */ jsx(
-      "input",
-      {
-        type,
-        "data-slot": "input",
-        className: cn(
-          "flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground/60 focus-visible:outline-none focus-visible:border-ring/50 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-          showDictate && "pr-9",
-          className
-        ),
-        ref: innerRef,
-        onFocus: (e) => {
-          setFocused(true);
-          onFocus?.(e);
-        },
-        onBlur: (e) => {
-          setFocused(false);
-          onBlur?.(e);
-        },
-        ...props
-      }
-    );
-    if (!showDictate) return input;
-    return /* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
-      input,
-      /* @__PURE__ */ jsx(
-        InlineMicButton,
-        {
-          focused,
-          transcribe: dictateCtx.transcribe,
-          onError: dictateCtx.onError,
-          className: "absolute right-1.5 top-1/2 -translate-y-1/2",
-          onTranscript: (text) => {
-            const el = innerRef.current;
-            if (!el) return;
-            const next = el.value ? `${el.value} ${text}` : text;
-            const setter = Object.getOwnPropertyDescriptor(
-              window.HTMLInputElement.prototype,
-              "value"
-            )?.set;
-            setter?.call(el, next);
-            el.dispatchEvent(new Event("input", { bubbles: true }));
-          }
-        }
-      )
-    ] });
-  }
-);
-Input.displayName = "Input";
-var Label = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "label",
-  {
-    ref,
-    className: `text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 ${className || ""}`,
-    ...props
-  }
-));
-Label.displayName = "Label";
-var Separator = React2.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
-  SeparatorPrimitive.Root,
-  {
-    ref,
-    decorative,
-    orientation,
-    className: cn(
-      "shrink-0 bg-border",
-      orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-      className
-    ),
-    ...props
-  }
-));
-Separator.displayName = SeparatorPrimitive.Root.displayName;
-var Textarea = React2.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 showDictate = dictate && !!dictateCtx && !props.disabled && !props.readOnly;
-    const textarea = /* @__PURE__ */ jsx(
-      "textarea",
-      {
-        className: cn(
-          "flex min-h-[60px] w-full rounded-md border border-input bg-background px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground/60 focus-visible:outline-none focus-visible:border-ring/50 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-          showDictate && "pr-9",
-          className
-        ),
-        ref: innerRef,
-        onFocus: (e) => {
-          setFocused(true);
-          onFocus?.(e);
-        },
-        onBlur: (e) => {
-          setFocused(false);
-          onBlur?.(e);
-        },
-        ...props
-      }
-    );
-    if (!showDictate) return textarea;
-    return /* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
-      textarea,
-      /* @__PURE__ */ jsx(
-        InlineMicButton,
-        {
-          focused,
-          transcribe: dictateCtx.transcribe,
-          onError: dictateCtx.onError,
-          className: "absolute right-1.5 top-1.5",
-          onTranscript: (text) => {
-            const el = innerRef.current;
-            if (!el) return;
-            const next = el.value ? `${el.value} ${text}` : text;
-            const setter = Object.getOwnPropertyDescriptor(
-              window.HTMLTextAreaElement.prototype,
-              "value"
-            )?.set;
-            setter?.call(el, next);
-            el.dispatchEvent(new Event("input", { bubbles: true }));
-          }
-        }
-      )
-    ] });
-  }
-);
-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(
-  ProgressPrimitive.Root,
-  {
-    ref,
-    className: cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className),
-    ...props,
-    children: /* @__PURE__ */ jsx(
-      ProgressPrimitive.Indicator,
-      {
-        className: "h-full w-full flex-1 bg-primary transition-all",
-        style: { transform: `translateX(-${100 - (value || 0)}%)` }
-      }
-    )
-  }
-));
-Progress.displayName = ProgressPrimitive.Root.displayName;
-var ScrollArea = React2.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  ScrollAreaPrimitive.Root,
-  {
-    ref,
-    className: cn("relative overflow-hidden", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx(ScrollBar, {}),
-      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
-    ]
-  }
-));
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React2.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
-  ScrollAreaPrimitive.ScrollAreaScrollbar,
-  {
-    ref,
-    orientation,
-    className: cn(
-      "flex touch-none select-none transition-colors",
-      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
-  }
-));
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-var RadioGroup = React2.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) => {
-  return /* @__PURE__ */ jsx(
-    RadioGroupPrimitive.Item,
-    {
-      ref,
-      className: cn(
-        "aspect-square h-4 w-4 rounded-full border border-primary text-primary focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
-    }
-  );
-});
-RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
-var Checkbox = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  CheckboxPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) })
-  }
-));
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-var Switch = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SwitchPrimitives.Root,
-  {
-    className: cn(
-      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
-      className
-    ),
-    ...props,
-    ref,
-    children: /* @__PURE__ */ jsx(
-      SwitchPrimitives.Thumb,
-      {
-        className: cn(
-          "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
-        )
-      }
-    )
-  }
-));
-Switch.displayName = SwitchPrimitives.Root.displayName;
-var Tabs = TabsPrimitive.Root;
-var TabsList = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  TabsPrimitive.List,
-  {
-    ref,
-    className: cn(
-      "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
-      className
-    ),
-    ...props
-  }
-));
-TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  TabsPrimitive.Trigger,
-  {
-    ref,
-    className: cn(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
-      className
-    ),
-    ...props
-  }
-));
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  TabsPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      className
-    ),
-    ...props
-  }
-));
-TabsContent.displayName = TabsPrimitive.Content.displayName;
-var Table = React2.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 }));
-TableHeader.displayName = "TableHeader";
-var TableBody = React2.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(
-  "tfoot",
-  {
-    ref,
-    className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
-    ...props
-  }
-));
-TableFooter.displayName = "TableFooter";
-var TableRow = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "tr",
-    {
-      ref,
-      className: cn(
-        "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
-        className
-      ),
-      ...props
-    }
-  )
-);
-TableRow.displayName = "TableRow";
-var TableHead = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "th",
-    {
-      ref,
-      className: cn(
-        "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-        className
-      ),
-      ...props
-    }
-  )
-);
-TableHead.displayName = "TableHead";
-var TableCell = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "td",
-    {
-      ref,
-      className: cn(
-        "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-        className
-      ),
-      ...props
-    }
-  )
-);
-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 }));
-TableCaption.displayName = "TableCaption";
-var Slider = React2.forwardRef(
-  ({ className, rangeClassName, ...props }, ref) => /* @__PURE__ */ jsxs(
-    SliderPrimitive.Root,
-    {
-      ref,
-      className: cn("relative flex w-full touch-none select-none items-center", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: cn("absolute h-full bg-primary", rangeClassName) }) }),
-        /* @__PURE__ */ jsx(SliderPrimitive.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })
-      ]
-    }
-  )
-);
-Slider.displayName = SliderPrimitive.Root.displayName;
-var toggleVariants = cva(
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        outline: "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground"
-      },
-      size: {
-        default: "h-9 px-2 min-w-9",
-        sm: "h-8 px-1.5 min-w-8",
-        lg: "h-10 px-2.5 min-w-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Toggle = React2.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
-  TogglePrimitive.Root,
-  {
-    ref,
-    className: cn(toggleVariants({ variant, size, className })),
-    ...props
-  }
-));
-Toggle.displayName = TogglePrimitive.Root.displayName;
-var ToggleGroupContext = React2.createContext({
-  size: "default",
-  variant: "default"
-});
-var ToggleGroup = React2.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
-  ToggleGroupPrimitive.Root,
-  {
-    ref,
-    className: cn("flex items-center justify-center gap-1", className),
-    ...props,
-    children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
-  }
-));
-ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React2.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React2.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx(
-    ToggleGroupPrimitive.Item,
-    {
-      ref,
-      className: cn(
-        toggleVariants({
-          variant: context.variant || variant,
-          size: context.size || size
-        }),
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-});
-ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
-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(
-  DialogPrimitive.Overlay,
-  {
-    ref,
-    className: cn(
-      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    ),
-    ...props
-  }
-));
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React2.forwardRef(({ className, children, hideCloseButton, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
-  /* @__PURE__ */ jsx(DialogOverlay, {}),
-  /* @__PURE__ */ jsxs(
-    DialogPrimitive.Content,
-    {
-      ref,
-      className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-[calc(100%-2rem)] max-w-lg max-h-[90vh] translate-x-[-50%] translate-y-[-50%] gap-4 overflow-y-auto border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 rounded-md",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        !hideCloseButton && /* @__PURE__ */ jsxs(
-          DialogPrimitive.Close,
-          {
-            className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
-            "data-testid": "dialog-close-button",
-            children: [
-              /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close dialog" })
-            ]
-          }
-        )
-      ]
-    }
-  )
-] }));
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
-DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
-    ...props
-  }
-);
-DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Title,
-  {
-    ref,
-    className: cn("text-lg font-semibold leading-none tracking-tight", className),
-    ...props
-  }
-));
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Description,
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-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(
-  PopoverPrimitive.Content,
-  {
-    ref,
-    align,
-    sideOffset,
-    className: cn(
-      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",
-      className
-    ),
-    ...props
-  }
-) }));
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var DropdownMenu = DropdownMenuPrimitive.Root;
-var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-var DropdownMenuGroup = DropdownMenuPrimitive.Group;
-var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
-var DropdownMenuSub = DropdownMenuPrimitive.Sub;
-var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React2.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  DropdownMenuPrimitive.SubTrigger,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      inset && "pl-8",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto" })
-    ]
-  }
-));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DropdownMenuPrimitive.SubContent,
-  {
-    ref,
-    className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React2.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-  DropdownMenuPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
-      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
-      className
-    ),
-    ...props
-  }
-) }));
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React2.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
-  DropdownMenuPrimitive.Item,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
-      inset && "pl-8",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React2.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
-  DropdownMenuPrimitive.CheckboxItem,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    checked,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-4 w-4 items-center justify-center rounded border border-border bg-popover", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 text-primary" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React2.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  DropdownMenuPrimitive.RadioItem,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React2.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
-  DropdownMenuPrimitive.Label,
-  {
-    ref,
-    className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
-    ...props
-  }
-));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DropdownMenuPrimitive.Separator,
-  {
-    ref,
-    className: cn("-mx-1 my-1 h-px bg-muted", className),
-    ...props
-  }
-));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-var DropdownMenuShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx("span", { className: cn("ml-auto text-sm tracking-widest opacity-60", className), ...props });
-};
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-var Select = SelectPrimitive.Root;
-var SelectGroup = SelectPrimitive.Group;
-var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React2.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  SelectPrimitive.Trigger,
-  {
-    ref,
-    className: cn(
-      "flex h-9 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground/60 focus:outline-none focus-visible:border-ring/50 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
-    ]
-  }
-));
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.ScrollUpButton,
-  {
-    ref,
-    className: cn("flex cursor-default items-center justify-center py-1", className),
-    ...props,
-    children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" })
-  }
-));
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.ScrollDownButton,
-  {
-    ref,
-    className: cn("flex cursor-default items-center justify-center py-1", className),
-    ...props,
-    children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
-  }
-));
-SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React2.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
-  SelectPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-      className
-    ),
-    position,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx(
-        SelectPrimitive.Viewport,
-        {
-          className: cn(
-            "p-1",
-            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-          ),
-          children
-        }
-      ),
-      /* @__PURE__ */ jsx(SelectScrollDownButton, {})
-    ]
-  }
-) }));
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.Label,
-  {
-    ref,
-    className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
-    ...props
-  }
-));
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React2.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  SelectPrimitive.Item,
-  {
-    ref,
-    className: cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
-    ]
-  }
-));
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.Separator,
-  {
-    ref,
-    className: cn("-mx-1 my-1 h-px bg-muted", className),
-    ...props
-  }
-));
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-var Command = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  Command$1,
-  {
-    ref,
-    className: cn(
-      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
-      className
-    ),
-    ...props
-  }
-));
-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: [
-  /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ jsx(
-    Command$1.Input,
-    {
-      ref,
-      className: cn(
-        "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      ),
-      ...props
-    }
-  )
-] }));
-CommandInput.displayName = Command$1.Input.displayName;
-var CommandList = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  Command$1.List,
-  {
-    ref,
-    className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
-    ...props
-  }
-));
-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 }));
-CommandEmpty.displayName = Command$1.Empty.displayName;
-var CommandGroup = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  Command$1.Group,
-  {
-    ref,
-    className: cn(
-      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-      className
-    ),
-    ...props
-  }
-));
-CommandGroup.displayName = Command$1.Group.displayName;
-var CommandSeparator = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  Command$1.Separator,
-  {
-    ref,
-    className: cn("-mx-1 h-px bg-border", className),
-    ...props
-  }
-));
-CommandSeparator.displayName = Command$1.Separator.displayName;
-var CommandItem = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  Command$1.Item,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      className
-    ),
-    ...props
-  }
-));
-CommandItem.displayName = Command$1.Item.displayName;
-var CommandShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: cn("ml-auto text-sm tracking-widest text-muted-foreground", className),
-      ...props
-    }
-  );
-};
-CommandShortcut.displayName = "CommandShortcut";
-var AI_COMPONENTS = {
-  a: (p) => /* @__PURE__ */ jsx(
-    "a",
-    {
-      className: "text-ai-accent underline underline-offset-2",
-      target: "_blank",
-      rel: "noopener noreferrer",
-      ...p
-    }
-  ),
-  // Redline marks: deletions in red strike, <ins>/<mark> additions accented.
-  del: (p) => /* @__PURE__ */ jsx("del", { className: "rounded bg-destructive/10 text-destructive decoration-destructive/60", ...p }),
-  ins: (p) => /* @__PURE__ */ jsx("ins", { className: "rounded bg-ai-accent-soft px-0.5 text-ai-accent no-underline", ...p }),
-  mark: (p) => /* @__PURE__ */ jsx("mark", { className: "rounded bg-ai-accent-soft px-0.5 text-ai-accent", ...p }),
-  thead: (p) => /* @__PURE__ */ jsx("thead", { className: "bg-secondary/60", ...p })
-};
-function AiMarkdown({
-  children,
-  className,
-  isStreaming
-}) {
-  return /* @__PURE__ */ jsx(
-    MarkdownRenderer,
-    {
-      className: className ?? "text-sm text-foreground",
-      components: AI_COMPONENTS,
-      isStreaming,
-      testId: "ai-markdown",
-      children
-    }
-  );
-}
-
-export { AiMarkdown, Avatar, AvatarFallback, AvatarImage, 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, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HoverCard, HoverCardContent, HoverCardTrigger, IconToggle, InlineMicButton, Input, Label, MarkdownRenderer, MarkdownStreamingContext, MicRecordingOverlay, MicWaveformIndicator, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cardVariants, classifyMediaError, cn, formatElapsed, markdownBaseComponents, splitMarkdownBlocks, toggleVariants, useAudioRecorder };
-//# sourceMappingURL=chunk-I256BUCX.js.map
-//# sourceMappingURL=chunk-I256BUCX.js.map