@arbidocs/react 0.3.103 → 0.3.105

package/dist/index.cjs

@@ -11,11 +11,18 @@ var AvatarPrimitive = require('@radix-ui/react-avatar');
 var classVarianceAuthority = require('class-variance-authority');
 var reactSlot = require('@radix-ui/react-slot');
 var HoverCardPrimitive = require('@radix-ui/react-hover-card');
+var diff = require('diff');
+var ReactMarkdown = require('react-markdown');
+var remarkGfm = require('remark-gfm');
+var rehypeRaw = require('rehype-raw');
 var lucideReact = require('lucide-react');
+var framerMotion = require('framer-motion');
 var agGridReact = require('ag-grid-react');
 var agGridCommunity = require('ag-grid-community');
 var zustand = require('zustand');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   var n = Object.create(null);
@@ -37,6 +44,9 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 var HoverCardPrimitive__namespace = /*#__PURE__*/_interopNamespace(HoverCardPrimitive);
+var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
+var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
+var rehypeRaw__default = /*#__PURE__*/_interopDefault(rehypeRaw);
 
 // src/ArbiProvider.tsx
 var ArbiContext = React.createContext(null);
@@ -1414,6 +1424,7 @@ var badgeVariants = classVarianceAuthority.cva(
     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"
@@ -1433,6 +1444,7 @@ var buttonVariants = classVarianceAuthority.cva(
     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",
@@ -1475,6 +1487,748 @@ var HoverCardContent = React__namespace.forwardRef(({ className, align = "center
   }
 ) }));
 HoverCardContent.displayName = HoverCardPrimitive__namespace.Content.displayName;
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card",
+      className: cn(
+        "rounded-xl border border-border bg-card text-card-foreground shadow-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn("flex flex-col gap-1.5 p-6", className),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: cn("text-lg font-semibold leading-none tracking-tight", className),
+      ...props
+    }
+  );
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card-content", className: cn("p-6 pt-0", className), ...props });
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: cn("flex items-center p-6 pt-0", className),
+      ...props
+    }
+  );
+}
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "flex h-9 w-full rounded-md border border-input bg-card px-3 py-1 text-sm shadow-sm transition-colors",
+        "placeholder:text-muted-foreground/70",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:border-ring/60",
+        "disabled:cursor-not-allowed disabled:opacity-50 file:border-0 file:bg-transparent file:text-sm file:font-medium",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function useWorkspaceDocs(workspaceId) {
+  const { data: docs = [], isLoading, isError } = useDocuments(workspaceId);
+  const docIds = React.useMemo(
+    () => docs.map((d) => d.external_id).filter((id) => !!id),
+    [docs]
+  );
+  return { wsId: workspaceId, docs, docIds, isLoading, isError, ready: docIds.length > 0 };
+}
+function useAiTask() {
+  const mutation = useAssistantQuery();
+  const [status, setStatus] = React.useState("idle");
+  const [text, setText] = React.useState("");
+  const [stepCount, setStepCount] = React.useState(0);
+  const [error, setError] = React.useState(null);
+  const [responseId, setResponseId] = React.useState(null);
+  const [artifacts, setArtifacts] = React.useState([]);
+  const bufferRef = React.useRef("");
+  const artifactsRef = React.useRef(/* @__PURE__ */ new Map());
+  const reset = React.useCallback(() => {
+    setStatus("idle");
+    setText("");
+    setStepCount(0);
+    setError(null);
+    setResponseId(null);
+    setArtifacts([]);
+    artifactsRef.current = /* @__PURE__ */ new Map();
+    bufferRef.current = "";
+  }, []);
+  const run = React.useCallback(
+    async (question, docIds, opts) => {
+      setStatus("running");
+      setText("");
+      setStepCount(0);
+      setError(null);
+      setArtifacts([]);
+      artifactsRef.current = /* @__PURE__ */ new Map();
+      bufferRef.current = "";
+      let streamError = null;
+      try {
+        const result = await mutation.mutateAsync({
+          question,
+          docIds,
+          previousResponseId: opts?.previousResponseId ?? void 0,
+          model: opts?.model,
+          onToken: (c) => {
+            bufferRef.current += c;
+            setText(bufferRef.current);
+          },
+          onAgentStep: () => setStepCount((n) => n + 1),
+          onArtifact: (a) => {
+            artifactsRef.current.set(a.doc_ext_id, a);
+            setArtifacts([...artifactsRef.current.values()]);
+          },
+          onError: (m) => {
+            streamError = m;
+          }
+        });
+        const finalText = result.text || bufferRef.current;
+        setText(finalText);
+        setResponseId(result.assistantMessageExtId);
+        setStepCount(result.agentSteps.length || 0);
+        if (result.artifacts?.length) {
+          for (const a of result.artifacts) artifactsRef.current.set(a.doc_ext_id, a);
+          setArtifacts([...artifactsRef.current.values()]);
+        }
+        const err = streamError || result.errors[0] || null;
+        if (err && !finalText) {
+          setError(err);
+          setStatus("error");
+        } else {
+          setStatus("done");
+        }
+        return result;
+      } catch (e) {
+        setError(e instanceof Error ? e.message : "The assistant request failed.");
+        setStatus("error");
+        return null;
+      }
+    },
+    [mutation]
+  );
+  return {
+    status,
+    text,
+    stepCount,
+    error,
+    responseId,
+    artifacts,
+    run,
+    reset,
+    isRunning: status === "running",
+    isDone: status === "done"
+  };
+}
+function useSemanticSearch(docIds) {
+  const arbi = useArbi();
+  const [results, setResults] = React.useState([]);
+  const [status, setStatus] = React.useState("idle");
+  const [error, setError] = React.useState(null);
+  const [query, setQuery] = React.useState("");
+  const search = React.useCallback(
+    async (q, mode = "hybrid") => {
+      const trimmed = q.trim();
+      setQuery(trimmed);
+      if (!trimmed || docIds.length === 0) {
+        setResults([]);
+        setStatus("idle");
+        return;
+      }
+      setStatus("running");
+      setError(null);
+      try {
+        const res = await arbi.assistant.retrieve(trimmed, docIds, { searchMode: mode });
+        const byTool = res.retrieval_chunk?.tool_responses ?? {};
+        const chunks = Object.values(byTool).flat().map(
+          (c) => ({
+            docId: c.metadata.doc_ext_id,
+            docTitle: c.metadata.doc_title,
+            page: c.metadata.page_number,
+            score: c.metadata.rerank_score ?? c.metadata.score,
+            content: c.content
+          })
+        ).sort((a, b) => (b.score ?? 0) - (a.score ?? 0));
+        setResults(chunks);
+        setStatus("done");
+      } catch (e) {
+        setError(e instanceof Error ? e.message : "Search failed.");
+        setStatus("error");
+      }
+    },
+    [arbi, docIds]
+  );
+  return { query, results, status, error, search, isRunning: status === "running" };
+}
+function toRedlineMarkdown(original, revised) {
+  const parts = diff.diffWords(original ?? "", revised ?? "");
+  return parts.map((p) => {
+    if (p.added) return `<ins>${p.value}</ins>`;
+    if (p.removed) return `<del>${p.value}</del>`;
+    return p.value;
+  }).join("");
+}
+function redlineStats(original, revised) {
+  let added = 0;
+  let removed = 0;
+  for (const p of diff.diffWords(original ?? "", revised ?? "")) {
+    const words = p.value.trim() ? p.value.trim().split(/\s+/).length : 0;
+    if (p.added) added += words;
+    else if (p.removed) removed += words;
+  }
+  return { added, removed };
+}
+function textToArtifact(title, content, opts) {
+  return {
+    type: "arbi.artifact",
+    doc_ext_id: opts?.id ?? `local-${title.replace(/\W+/g, "-").toLowerCase()}`,
+    title,
+    mode: opts?.mode ?? "markdown",
+    content,
+    is_complete: opts?.isComplete ?? true,
+    version: opts?.version ?? 1,
+    message_ext_id: null,
+    t: null
+  };
+}
+function AiMarkdown({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn("text-sm leading-relaxed text-foreground", className),
+      "data-testid": "ai-markdown",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        ReactMarkdown__default.default,
+        {
+          remarkPlugins: [remarkGfm__default.default],
+          rehypePlugins: [rehypeRaw__default.default],
+          components: {
+            h1: (p) => /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mb-2 mt-4 text-lg font-semibold text-foreground first:mt-0", ...p }),
+            h2: (p) => /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mb-2 mt-4 text-base font-semibold text-foreground first:mt-0", ...p }),
+            h3: (p) => /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-1.5 mt-3 text-sm font-semibold text-foreground first:mt-0", ...p }),
+            p: (p) => /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 last:mb-0", ...p }),
+            ul: (p) => /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mb-3 list-disc space-y-1 pl-5 last:mb-0", ...p }),
+            ol: (p) => /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "mb-3 list-decimal space-y-1 pl-5 last:mb-0", ...p }),
+            li: (p) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "pl-1", ...p }),
+            strong: (p) => /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "font-semibold text-foreground", ...p }),
+            a: (p) => /* @__PURE__ */ jsxRuntime.jsx("a", { className: "text-ai-accent underline underline-offset-2", ...p }),
+            // Redline marks: deletions in red strike, <ins>/<mark> additions accented.
+            del: (p) => /* @__PURE__ */ jsxRuntime.jsx(
+              "del",
+              {
+                className: "rounded bg-destructive/10 text-destructive decoration-destructive/60",
+                ...p
+              }
+            ),
+            ins: (p) => /* @__PURE__ */ jsxRuntime.jsx("ins", { className: "rounded bg-ai-accent-soft px-0.5 text-ai-accent no-underline", ...p }),
+            mark: (p) => /* @__PURE__ */ jsxRuntime.jsx("mark", { className: "rounded bg-ai-accent-soft px-0.5 text-ai-accent", ...p }),
+            code: (p) => /* @__PURE__ */ jsxRuntime.jsx("code", { className: "rounded bg-secondary px-1 py-0.5 font-mono text-[0.8em]", ...p }),
+            blockquote: (p) => /* @__PURE__ */ jsxRuntime.jsx(
+              "blockquote",
+              {
+                className: "my-3 border-l-2 border-ai-accent/40 pl-3 italic text-muted-foreground",
+                ...p
+              }
+            ),
+            table: (p) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-3 overflow-x-auto rounded-lg border border-border", children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full border-collapse text-xs", ...p }) }),
+            thead: (p) => /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-secondary/60", ...p }),
+            th: (p) => /* @__PURE__ */ jsxRuntime.jsx(
+              "th",
+              {
+                className: "border-b border-border px-3 py-2 text-left font-semibold text-foreground",
+                ...p
+              }
+            ),
+            td: (p) => /* @__PURE__ */ jsxRuntime.jsx(
+              "td",
+              {
+                className: "border-b border-border px-3 py-2 align-top text-muted-foreground",
+                ...p
+              }
+            )
+          },
+          children
+        }
+      )
+    }
+  );
+}
+function AiAnswer({
+  status,
+  text,
+  stepCount,
+  error,
+  className,
+  emptyHint,
+  groundedNote = "Grounded in the live workspace \xB7 verify citations before relying on it",
+  runningHint = "Reading the documents\u2026",
+  testId = "ai-answer"
+}) {
+  const [copied, setCopied] = React.useState(false);
+  const running = status === "running";
+  const hasText = text.trim().length > 0;
+  const copy = async () => {
+    await navigator.clipboard.writeText(text);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1600);
+  };
+  if (status === "idle" && !hasText) {
+    return emptyHint ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm text-muted-foreground", className), "data-testid": `${testId}-empty`, children: emptyHint }) : null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-3", className), "data-testid": testId, "data-status": status, children: [
+    running && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "flex items-center gap-2 text-xs font-medium text-ai-accent",
+        "data-testid": `${testId}-thinking`,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-3.5 animate-spin" }),
+          stepCount && stepCount > 0 ? `Working \u2014 ${stepCount} step${stepCount === 1 ? "" : "s"}\u2026` : "Thinking\u2026"
+        ]
+      }
+    ),
+    status === "error" && !hasText && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "flex items-start gap-2 rounded-lg border border-destructive/30 bg-destructive/5 p-3 text-sm text-destructive",
+        "data-testid": `${testId}-error`,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: "mt-0.5 size-4 shrink-0" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: error ?? "The assistant request failed." })
+        ]
+      }
+    ),
+    hasText && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(AiMarkdown, { children: text }),
+      !running && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border-t border-border pt-2.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldCheck, { className: "size-3.5 text-ai-accent" }),
+          groundedNote
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: copy,
+            className: "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground",
+            "data-testid": `${testId}-copy`,
+            children: [
+              copied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3.5 text-ai-accent" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "size-3.5" }),
+              copied ? "Copied" : "Copy"
+            ]
+          }
+        )
+      ] })
+    ] }),
+    running && !hasText && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "size-4 animate-pulse text-ai-accent" }),
+      " ",
+      runningHint
+    ] })
+  ] });
+}
+function AiActionCard({
+  icon: Icon = lucideReact.Sparkles,
+  title,
+  description,
+  prompt,
+  docIds,
+  runLabel = "Run",
+  noDocsHint = "Connect to the workspace to run this.",
+  disabled,
+  testId
+}) {
+  const task = useAiTask();
+  const noDocs = docIds.length === 0;
+  const onRun = () => {
+    const p = typeof prompt === "function" ? prompt() : prompt;
+    void task.run(p, docIds);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-5", "data-testid": testId, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-9 shrink-0 items-center justify-center rounded-lg bg-ai-accent-soft text-ai-accent", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-4" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-foreground", children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs leading-relaxed text-muted-foreground", children: description })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        Button,
+        {
+          variant: task.isDone ? "outline" : "accent",
+          size: "sm",
+          onClick: onRun,
+          disabled: disabled || noDocs || task.isRunning,
+          "data-testid": testId && `${testId}-run`,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "size-3.5" }),
+            task.isRunning ? "Running\u2026" : task.isDone ? "Re-run" : runLabel
+          ]
+        }
+      )
+    ] }),
+    (task.status !== "idle" || noDocs) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: noDocs ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: noDocsHint }) : /* @__PURE__ */ jsxRuntime.jsx(
+      AiAnswer,
+      {
+        status: task.status,
+        text: task.text,
+        stepCount: task.stepCount,
+        error: task.error,
+        testId: testId && `${testId}-answer`
+      }
+    ) })
+  ] });
+}
+function ArtifactCanvas({
+  artifacts,
+  className,
+  emptyHint = "Draft artifacts produced by the agent will open here.",
+  busy = false,
+  busyHint = "The agent is working through the documents\u2026",
+  stepCount,
+  error = null
+}) {
+  const [activeId, setActiveId] = React.useState(null);
+  const [copied, setCopied] = React.useState(false);
+  React.useEffect(() => {
+    if (artifacts.length && (!activeId || !artifacts.some((a) => a.doc_ext_id === activeId))) {
+      setActiveId(artifacts[artifacts.length - 1].doc_ext_id);
+    }
+  }, [artifacts, activeId]);
+  if (artifacts.length === 0) {
+    if (error && !busy) {
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "flex h-full min-h-[280px] flex-col items-center justify-center rounded-xl border border-destructive/30 bg-destructive/5 p-8 text-center",
+            className
+          ),
+          "data-testid": "artifact-canvas-error",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: "size-8 text-destructive/70" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 max-w-md text-sm text-foreground", children: error })
+          ]
+        }
+      );
+    }
+    if (busy) {
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "flex h-full min-h-[280px] flex-col items-center justify-center rounded-xl border border-border bg-ai-surface/40 p-8 text-center",
+            className
+          ),
+          "data-testid": "artifact-canvas-busy",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-8 animate-spin text-ai-accent" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 max-w-xs text-sm font-medium text-foreground", children: busyHint }),
+            typeof stepCount === "number" && stepCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-1 text-xs text-muted-foreground", "data-testid": "artifact-canvas-steps", children: [
+              stepCount,
+              " ",
+              stepCount === 1 ? "step" : "steps",
+              " so far"
+            ] })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "flex h-full min-h-[280px] flex-col items-center justify-center rounded-xl border border-dashed border-border bg-secondary/30 p-8 text-center",
+          className
+        ),
+        "data-testid": "artifact-canvas-empty",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "size-8 text-muted-foreground/50" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 max-w-xs text-sm text-muted-foreground", children: emptyHint })
+        ]
+      }
+    );
+  }
+  const active = artifacts.find((a) => a.doc_ext_id === activeId) ?? artifacts[artifacts.length - 1];
+  const isRedline = /~~|<ins|<del|<mark/i.test(active.content);
+  const copy = async () => {
+    await navigator.clipboard.writeText(active.content);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1600);
+  };
+  const download = () => {
+    const ext = active.mode === "html" ? "html" : active.mode === "text" ? "txt" : "md";
+    const blob = new Blob([active.content], { type: "text/plain" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `${active.title.replace(/[^\w.-]+/g, "_") || "artifact"}.${ext}`;
+    a.click();
+    URL.revokeObjectURL(url);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "flex h-full flex-col overflow-hidden rounded-xl border border-border bg-card",
+        className
+      ),
+      "data-testid": "artifact-canvas",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 border-b border-border bg-secondary/40 px-4 py-2.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "size-4 shrink-0 text-ai-accent" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: "min-w-0 flex-1 truncate text-sm font-medium text-foreground",
+              "data-testid": "artifact-title",
+              children: active.title
+            }
+          ),
+          isRedline && /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: "accent", className: "gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GitCompareArrows, { className: "size-3" }),
+            " Redline"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: "secondary", children: [
+            "v",
+            active.version
+          ] }),
+          !active.is_complete ? /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              className: "inline-flex items-center gap-1 text-xs text-ai-accent",
+              "data-testid": "artifact-streaming",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-3 animate-spin" }),
+                " drafting"
+              ]
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: copy,
+                className: "rounded p-1 text-muted-foreground hover:bg-accent hover:text-foreground",
+                title: "Copy",
+                "data-testid": "artifact-copy",
+                children: copied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3.5 text-ai-accent" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "size-3.5" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: download,
+                className: "rounded p-1 text-muted-foreground hover:bg-accent hover:text-foreground",
+                title: "Download",
+                "data-testid": "artifact-download",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "size-3.5" })
+              }
+            )
+          ] })
+        ] }),
+        artifacts.length > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-1 overflow-x-auto border-b border-border bg-card px-2 py-1.5", children: artifacts.map((a) => /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => setActiveId(a.doc_ext_id),
+            className: cn(
+              "shrink-0 rounded-md px-2.5 py-1 text-xs font-medium",
+              a.doc_ext_id === active.doc_ext_id ? "bg-ai-accent-soft text-ai-accent" : "text-muted-foreground hover:bg-accent"
+            ),
+            children: a.title.slice(0, 28)
+          },
+          a.doc_ext_id
+        )) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto bg-ai-surface/40 p-6", children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.div,
+          {
+            initial: { opacity: 0, y: 6 },
+            animate: { opacity: 1, y: 0 },
+            transition: { duration: 0.2 },
+            className: "mx-auto max-w-2xl rounded-lg bg-card p-8 shadow-sm ring-1 ring-border",
+            children: active.mode === "html" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm", dangerouslySetInnerHTML: { __html: active.content } }) : active.mode === "text" ? /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "whitespace-pre-wrap font-mono text-xs text-foreground", children: active.content }) : /* @__PURE__ */ jsxRuntime.jsx(AiMarkdown, { children: active.content })
+          },
+          active.doc_ext_id
+        ) }) })
+      ]
+    }
+  );
+}
+function DocSearch({
+  docIds,
+  onOpenDoc,
+  placeholder = "Semantic search across your documents\u2026",
+  className
+}) {
+  const { results, status, error, search, isRunning, query } = useSemanticSearch(docIds);
+  const [value, setValue] = React.useState("");
+  const submit = () => {
+    if (value.trim()) void search(value, "hybrid");
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-3", className), "data-testid": "doc-search", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+      isRunning && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "absolute right-3 top-1/2 size-4 -translate-y-1/2 animate-spin text-ai-accent" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          value,
+          onChange: (e) => setValue(e.target.value),
+          onKeyDown: (e) => e.key === "Enter" && (e.preventDefault(), submit()),
+          placeholder,
+          className: "h-11 w-full rounded-lg border border-input bg-background pl-9 pr-24 text-sm outline-none focus:border-ai-accent/50 focus:ring-2 focus:ring-ai-accent/15",
+          "data-testid": "doc-search-input"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: submit,
+          className: "absolute right-2 top-1/2 flex -translate-y-1/2 items-center gap-1 rounded-md bg-ai-accent px-2.5 py-1 text-xs font-medium text-ai-accent-foreground",
+          "data-testid": "doc-search-submit",
+          children: [
+            "Search ",
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CornerDownLeft, { className: "size-3" })
+          ]
+        }
+      )
+    ] }),
+    status === "error" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive", "data-testid": "doc-search-error", children: error }),
+    status === "done" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", "data-testid": "doc-search-results", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: results.length === 0 ? `No passages matched \u201C${query}\u201D.` : `${results.length} passage${results.length === 1 ? "" : "s"} for \u201C${query}\u201D` }),
+      results.slice(0, 8).map((r, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+        Card,
+        {
+          className: cn(
+            "p-3",
+            onOpenDoc && r.docId && "cursor-pointer transition-colors hover:border-ai-accent/40"
+          ),
+          onClick: () => r.docId && onOpenDoc?.(r.docId),
+          "data-testid": `doc-search-hit-${i}`,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1 flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "size-3.5 text-ai-accent" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs font-medium text-foreground", children: r.docTitle ?? "Document" }),
+              r.page != null && /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: "secondary", children: [
+                "p.",
+                r.page
+              ] }),
+              r.score != null && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-auto text-[10px] text-muted-foreground", children: [
+                "score ",
+                r.score.toFixed(2)
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "line-clamp-3 text-xs leading-relaxed text-muted-foreground", children: r.content })
+          ]
+        },
+        `${r.docId}-${r.page}-${i}`
+      ))
+    ] })
+  ] });
+}
+function DocQaPanel({ docId, docName }) {
+  const task = useAiTask();
+  const [q, setQ] = React.useState("");
+  const ask = () => {
+    const question = q.trim();
+    if (!question || task.isRunning) return;
+    void task.run(
+      `You are answering strictly from the single document "${docName ?? docId}". Cite the page/section for each point and say if the document does not address the question.
+
+Question: ${question}`,
+      [docId]
+    );
+  };
+  const suggestTags = () => void task.run(
+    `Suggest 3-6 concise, reusable labels for the document "${docName ?? docId}" \u2014 covering document type, the key issues it touches, and any key parties. Return them as a short comma-separated list with a one-line rationale for each.`,
+    [docId]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", "data-testid": "doc-qa", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Input,
+        {
+          value: q,
+          onChange: (e) => setQ(e.target.value),
+          onKeyDown: (e) => e.key === "Enter" && (e.preventDefault(), ask()),
+          placeholder: "Ask about this document\u2026",
+          "data-testid": "doc-qa-input"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          variant: "accent",
+          size: "icon",
+          onClick: ask,
+          disabled: task.isRunning || !q.trim(),
+          "data-testid": "doc-qa-send",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Send, { className: "size-4" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: suggestTags,
+          disabled: task.isRunning,
+          "data-testid": "doc-qa-tags",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Tags, { className: "size-4" }),
+            " Tags"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      AiAnswer,
+      {
+        status: task.status,
+        text: task.text,
+        stepCount: task.stepCount,
+        error: task.error,
+        emptyHint: "Ask a question, or suggest tags \u2014 answered from this document only.",
+        testId: "doc-qa-answer"
+      }
+    )
+  ] });
+}
 
 // src/icons/colors.ts
 var NEUTRAL_GRAY = "#64748b";
@@ -2492,15 +3246,27 @@ Object.defineProperty(exports, "ArbiError", {
   enumerable: true,
   get: function () { return browser.ArbiError; }
 });
+exports.AiActionCard = AiActionCard;
+exports.AiAnswer = AiAnswer;
+exports.AiMarkdown = AiMarkdown;
 exports.ArbiChat = ArbiChat;
 exports.ArbiChatPanel = ArbiChatPanel;
 exports.ArbiProvider = ArbiProvider;
+exports.ArtifactCanvas = ArtifactCanvas;
 exports.AudIcon = AudIcon;
 exports.Avatar = Avatar;
 exports.AvatarFallback = AvatarFallback;
 exports.AvatarImage = AvatarImage;
 exports.Badge = Badge;
 exports.Button = Button;
+exports.Card = Card;
+exports.CardContent = CardContent;
+exports.CardDescription = CardDescription;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardTitle = CardTitle;
+exports.DocQaPanel = DocQaPanel;
+exports.DocSearch = DocSearch;
 exports.DocumentEntity = DocumentEntity;
 exports.DocumentTable = DocumentTable;
 exports.EmlIcon = EmlIcon;
@@ -2511,6 +3277,7 @@ exports.HoverCard = HoverCard;
 exports.HoverCardContent = HoverCardContent;
 exports.HoverCardTrigger = HoverCardTrigger;
 exports.ImgIcon = ImgIcon;
+exports.Input = Input;
 exports.PdfIcon = PdfIcon;
 exports.ProjectEntity = ProjectEntity;
 exports.TagEntity = TagEntity;
@@ -2523,7 +3290,11 @@ exports.arbiQueryKeys = arbiQueryKeys;
 exports.badgeVariants = badgeVariants;
 exports.buttonVariants = buttonVariants;
 exports.cn = cn;
+exports.redlineStats = redlineStats;
+exports.textToArtifact = textToArtifact;
+exports.toRedlineMarkdown = toRedlineMarkdown;
 exports.useAgents = useAgents;
+exports.useAiTask = useAiTask;
 exports.useArbi = useArbi;
 exports.useArbiUiStore = useArbiUiStore;
 exports.useAssistantQuery = useAssistantQuery;
@@ -2533,9 +3304,11 @@ exports.useDeleteAgents = useDeleteAgents;
 exports.useDocuments = useDocuments;
 exports.useHealth = useHealth;
 exports.useMemories = useMemories;
+exports.useSemanticSearch = useSemanticSearch;
 exports.useSessions = useSessions;
 exports.useTags = useTags;
 exports.useTasks = useTasks;
+exports.useWorkspaceDocs = useWorkspaceDocs;
 exports.useWorkspaces = useWorkspaces;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map