@arbidocs/blocks 0.4.128 → 0.4.130

package/dist/{chunk-KELGOCJA.js → chunk-65S53MZK.js}

@@ -1,9 +1,10 @@
 "use client";
+import { ARTIFACT_CSP, ARTIFACT_SANDBOX, ARTIFACT_MESSAGE_TAG } from './chunk-NS4JD2VR.js';
 import { testIdOr } from './chunk-7F6CBP3Z.js';
-import { Eye, EyeOff, ArrowLeftRight, X, Pencil, GitCompare, Loader2, Check, History, Undo2, Languages } from 'lucide-react';
+import { Eye, EyeOff, ArrowLeftRight, X, Pencil, GitCompare, Loader2, Check, History, Undo2, Languages, RefreshCw, AlertTriangle, Copy } from 'lucide-react';
 import { cn, Button } from '@arbidocs/react/ui';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useCallback, useRef, useState, useMemo, useLayoutEffect } from 'react';
+import { useCallback, useRef, useState, useMemo, useLayoutEffect, useEffect } from 'react';
 
 var DEFAULT_ARTIFACT_COMPARE_BAR_LABELS = {
   compareVs: "Compare vs.",
@@ -907,7 +908,175 @@ function VersionTimeline({
     }
   );
 }
+var FAILURE_MESSAGE = "This couldn't be displayed. Ask the assistant to fix it.";
+var DEFAULT_ARTIFACT_RUNTIME_URL = "/artifact-runtime/";
+var runtimes = /* @__PURE__ */ new Map();
+function loadArtifactRuntime(runtimeUrl = DEFAULT_ARTIFACT_RUNTIME_URL) {
+  const base = runtimeUrl.endsWith("/") ? runtimeUrl : `${runtimeUrl}/`;
+  let pending = runtimes.get(base);
+  if (!pending) {
+    pending = (async () => {
+      const [react, tailwind] = await Promise.all(
+        ["react-runtime.js", "tailwind.js"].map(async (file) => {
+          const res = await fetch(`${base}${file}`);
+          if (!res.ok)
+            throw new Error(`Could not load the preview runtime (${file}: ${res.status})`);
+          return res.text();
+        })
+      );
+      return { react, tailwind };
+    })().catch((err) => {
+      runtimes.delete(base);
+      throw err;
+    });
+    runtimes.set(base, pending);
+  }
+  return pending;
+}
+function isSandboxMessage(data) {
+  return typeof data === "object" && data !== null && data[ARTIFACT_MESSAGE_TAG] === true;
+}
+function ArtifactPreview({
+  kind,
+  source,
+  isStreaming = false,
+  runtimeUrl = DEFAULT_ARTIFACT_RUNTIME_URL
+}) {
+  const frameRef = useRef(null);
+  const [sandbox, setSandbox] = useState(null);
+  const [runtimeUnavailable, setRuntimeUnavailable] = useState(false);
+  const [reloadKey, setReloadKey] = useState(0);
+  const [failedRun, setFailedRun] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    Promise.all([loadArtifactRuntime(runtimeUrl), import('./sandboxDocument-JLEETIWW.js')]).then(
+      ([runtime, mod]) => !cancelled && setSandbox({ runtime, build: mod.buildSandboxDocument }),
+      (err) => {
+        if (cancelled) return;
+        console.error("Artifact preview runtime unavailable", err);
+        setRuntimeUnavailable(true);
+      }
+    );
+    return () => {
+      cancelled = true;
+    };
+  }, [runtimeUrl]);
+  const built = useMemo(() => {
+    if (!sandbox || isStreaming || !source.trim()) return null;
+    try {
+      return { doc: sandbox.build(kind, source, sandbox.runtime), failed: false };
+    } catch (err) {
+      console.error("Artifact could not be compiled", err);
+      return { doc: null, failed: true };
+    }
+  }, [kind, source, sandbox, isStreaming]);
+  const currentDoc = built?.doc ?? null;
+  const runRef = useRef({ doc: null, reloadKey: 0 });
+  useLayoutEffect(() => {
+    runRef.current = { doc: currentDoc, reloadKey };
+  }, [currentDoc, reloadKey]);
+  useEffect(() => {
+    const onMessage = (event) => {
+      if (event.source !== frameRef.current?.contentWindow || !isSandboxMessage(event.data)) return;
+      const { doc, reloadKey: key } = runRef.current;
+      if (event.data.type === "error" && doc) setFailedRun({ doc, reloadKey: key });
+    };
+    window.addEventListener("message", onMessage);
+    return () => window.removeEventListener("message", onMessage);
+  }, []);
+  const runtimeFailed = failedRun?.doc === currentDoc && failedRun?.reloadKey === reloadKey;
+  const reload = useCallback(() => setReloadKey((k) => k + 1), []);
+  const cannotDisplay = runtimeUnavailable || (built?.failed ?? false);
+  return /* @__PURE__ */ jsx("div", { className: "relative flex h-full min-h-0 flex-col bg-white", "data-testid": "artifact-preview", children: cannotDisplay ? /* @__PURE__ */ jsx(Notice, { testId: "artifact-preview-problem" }) : isStreaming ? /* @__PURE__ */ jsx(Status, { testId: "artifact-preview-generating", children: "Creating your preview\u2026" }) : built?.doc ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "iframe",
+      {
+        ref: frameRef,
+        title: "Artifact preview",
+        "data-testid": "artifact-preview-frame",
+        sandbox: ARTIFACT_SANDBOX,
+        referrerPolicy: "no-referrer",
+        allow: "",
+        srcDoc: built.doc,
+        className: "min-h-0 w-full flex-1 border-0 bg-white",
+        ...{ csp: ARTIFACT_CSP }
+      },
+      reloadKey
+    ),
+    runtimeFailed && /* @__PURE__ */ jsx(Notice, { testId: "artifact-runtime-error", compact: true }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: reload,
+        "aria-label": "Reload",
+        title: "Reload",
+        className: "absolute top-2 right-2 inline-flex h-7 w-7 items-center justify-center rounded-md bg-background/80 text-muted-foreground ring-1 ring-border backdrop-blur hover:bg-background hover:text-foreground",
+        "data-testid": "artifact-reload",
+        children: /* @__PURE__ */ jsx(RefreshCw, { className: "h-3.5 w-3.5" })
+      }
+    )
+  ] }) : /* @__PURE__ */ jsx(Status, { testId: "artifact-preview-loading", children: "Loading\u2026" }) });
+}
+function Status({ testId, children }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "status",
+      "data-testid": testId,
+      className: "flex h-full items-center justify-center gap-2 p-6 text-sm text-muted-foreground",
+      children: [
+        /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
+        children
+      ]
+    }
+  );
+}
+function Notice({ testId, compact = false }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "alert",
+      "data-testid": testId,
+      className: compact ? "flex items-center gap-2 border-t bg-muted/60 px-3 py-2 text-sm text-muted-foreground" : "flex items-center gap-2 p-6 text-sm text-muted-foreground",
+      children: [
+        /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4 shrink-0" }),
+        FAILURE_MESSAGE
+      ]
+    }
+  );
+}
+function ArtifactCodeView({ source, fileName }) {
+  const [copied, setCopied] = useState(false);
+  const copy = async () => {
+    try {
+      await navigator.clipboard.writeText(source);
+      setCopied(true);
+      window.setTimeout(() => setCopied(false), 1500);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col", "data-testid": "artifact-code-view", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b px-3 py-1.5 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: fileName ?? "Source" }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: copy,
+          className: "ml-auto inline-flex items-center gap-1 rounded px-1.5 py-0.5 hover:bg-muted hover:text-foreground",
+          "data-testid": "artifact-code-copy",
+          children: [
+            copied ? /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(Copy, { className: "h-3.5 w-3.5" }),
+            copied ? "Copied" : "Copy"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("pre", { className: "min-h-0 flex-1 overflow-auto p-4 font-mono text-xs leading-relaxed whitespace-pre-wrap break-words", children: source })
+  ] });
+}
 
-export { ArtifactCompareBar, ArtifactEditor, ArtifactEditorBody, ArtifactRedlineView, ArtifactToolbar, ArtifactVersionBar, DEFAULT_ARTIFACT_COMPARE_BAR_LABELS, DEFAULT_ARTIFACT_EDITOR_STATUS_LABELS, DEFAULT_ARTIFACT_TOOLBAR_LABELS, DEFAULT_ARTIFACT_VERSION_BAR_LABELS, DEFAULT_REDLINE_LABELS, DEFAULT_VERSION_TIMELINE_LABELS, RedlineComputing, RedlineDocument, RedlineFrame, RedlineHeader, RedlineMark, RedlineRevertGutter, RedlineStatus, VersionTimeline };
-//# sourceMappingURL=chunk-KELGOCJA.js.map
-//# sourceMappingURL=chunk-KELGOCJA.js.map
+export { ArtifactCodeView, ArtifactCompareBar, ArtifactEditor, ArtifactEditorBody, ArtifactPreview, ArtifactRedlineView, ArtifactToolbar, ArtifactVersionBar, DEFAULT_ARTIFACT_COMPARE_BAR_LABELS, DEFAULT_ARTIFACT_EDITOR_STATUS_LABELS, DEFAULT_ARTIFACT_RUNTIME_URL, DEFAULT_ARTIFACT_TOOLBAR_LABELS, DEFAULT_ARTIFACT_VERSION_BAR_LABELS, DEFAULT_REDLINE_LABELS, DEFAULT_VERSION_TIMELINE_LABELS, RedlineComputing, RedlineDocument, RedlineFrame, RedlineHeader, RedlineMark, RedlineRevertGutter, RedlineStatus, VersionTimeline, loadArtifactRuntime };
+//# sourceMappingURL=chunk-65S53MZK.js.map
+//# sourceMappingURL=chunk-65S53MZK.js.map

package/dist/chunk-65S53MZK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/artifacts/ArtifactCompareBar.tsx","../src/artifacts/ArtifactEditorBody.tsx","../src/artifacts/ArtifactToolbar.tsx","../src/artifacts/ArtifactVersionBar.tsx","../src/artifacts/ArtifactEditor.tsx","../src/artifacts/RedlineParts.tsx","../src/artifacts/ArtifactRedlineView.tsx","../src/artifacts/VersionTimeline.tsx","../src/artifacts/ArtifactPreview.tsx","../src/artifacts/ArtifactCodeView.tsx"],"names":["jsx","cn","jsxs","Fragment","X","Button","GitCompare","Loader2","ArrowLeftRight","Eye","History","useRef","useState","useMemo","useLayoutEffect","useCallback","Check"],"mappings":"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","file":"chunk-65S53MZK.js","sourcesContent":["import type { ReactNode } from 'react'\nimport { ArrowLeftRight, Eye, EyeOff, X } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\n\n/** Every fixed string of the compare bar. Pass a partial `labels` to translate or reword. */\nexport interface ArtifactCompareBarLabels {\n  compareVs: string\n  trackChanges: string\n  trackChangesBack: string\n  trackChangesView: string\n  flipComparison: string\n  stopComparing: string\n}\n\nexport const DEFAULT_ARTIFACT_COMPARE_BAR_LABELS: ArtifactCompareBarLabels = {\n  compareVs: 'Compare vs.',\n  trackChanges: 'Track changes',\n  trackChangesBack: 'Back to editing (your comparison stays active)',\n  trackChangesView: 'View tracked changes against Compare vs.',\n  flipComparison: 'Flip comparison direction',\n  stopComparing: 'Stop comparing',\n}\n\nexport interface ArtifactCompareBarTestIds {\n  trackChanges: string\n}\n\nexport interface ArtifactCompareBarProps {\n  /** The compared-against version (the host renders its name or pill). */\n  compareTarget: ReactNode\n  /** \"v2\": which version it is, when every version shares one file name. */\n  versionLabel?: string | null\n  /** An editable artifact toggles Track changes; a read-only comparison gets a flip arrow. */\n  mode: 'track-changes' | 'flip'\n  showTrackChanges: boolean\n  onToggleTrackChanges: () => void\n  onFlip: () => void\n  onStop: () => void\n  labels?: Partial<ArtifactCompareBarLabels>\n  testIds?: Partial<ArtifactCompareBarTestIds>\n}\n\nconst barButton =\n  'inline-flex shrink-0 items-center gap-1 rounded-md px-1.5 py-0.5 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11 pointer-coarse:min-w-11 pointer-coarse:px-2.5'\n\n/**\n * \"Compare vs. [version]\" row contents: always an explicit text label (an icon-only pill was\n * unclear), with Track changes or Flip, and Stop comparing.\n */\nexport function ArtifactCompareBar({\n  compareTarget,\n  versionLabel,\n  mode,\n  showTrackChanges,\n  onToggleTrackChanges,\n  onFlip,\n  onStop,\n  labels,\n  testIds,\n}: ArtifactCompareBarProps) {\n  const l = { ...DEFAULT_ARTIFACT_COMPARE_BAR_LABELS, ...labels }\n  return (\n    <>\n      <span className=\"shrink-0 text-sm text-muted-foreground\">{l.compareVs}</span>\n      {compareTarget}\n      {versionLabel && (\n        <span className=\"shrink-0 text-xs text-muted-foreground\">{versionLabel}</span>\n      )}\n      {mode === 'track-changes' ? (\n        <button\n          type=\"button\"\n          onClick={onToggleTrackChanges}\n          aria-pressed={showTrackChanges}\n          className={cn(\n            barButton,\n            showTrackChanges\n              ? 'bg-accent text-accent-foreground hover:bg-accent/70'\n              : 'text-muted-foreground hover:bg-muted hover:text-foreground'\n          )}\n          title={showTrackChanges ? l.trackChangesBack : l.trackChangesView}\n          data-testid={testIdOr(testIds?.trackChanges, { testId: 'track-changes-toggle' })}\n        >\n          {showTrackChanges ? (\n            <Eye className=\"size-3.5\" aria-hidden />\n          ) : (\n            <EyeOff className=\"size-3.5\" aria-hidden />\n          )}\n          {l.trackChanges}\n        </button>\n      ) : (\n        <button\n          type=\"button\"\n          onClick={onFlip}\n          className={cn(\n            barButton,\n            'p-1 text-muted-foreground hover:bg-muted hover:text-foreground'\n          )}\n          title={l.flipComparison}\n          aria-label={l.flipComparison}\n        >\n          <ArrowLeftRight className=\"size-3.5\" aria-hidden />\n        </button>\n      )}\n      <button\n        type=\"button\"\n        onClick={onStop}\n        className={cn(\n          barButton,\n          'ml-auto text-muted-foreground hover:bg-muted hover:text-foreground'\n        )}\n        title={l.stopComparing}\n      >\n        <X className=\"size-3\" aria-hidden />\n        {l.stopComparing}\n      </button>\n    </>\n  )\n}\n","import { useCallback, type KeyboardEvent, type ReactNode } from 'react'\nimport { cn } from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\nimport type { RenderMarkdown } from './ArtifactRedlineView'\n\nexport interface ArtifactEditorBodyTestIds {\n  /** The read-only rendered document. */\n  rendered: string\n  /** The track-changes panel. */\n  trackChanges: string\n}\n\nexport interface ArtifactEditorBodyProps {\n  /** The saved markdown, shown rendered while not editing. */\n  content: string\n  isEditing: boolean\n  /** A comparison is active. */\n  comparing: boolean\n  /** Show the track-changes panel instead of the editor (needs `comparing`). */\n  showTrackChanges: boolean\n  /** The editing surface (for example `ArtifactMarkdownEditor`). */\n  editor: ReactNode\n  /** The track-changes panel (for example `ArtifactRedlineView`). */\n  redline: ReactNode\n  renderMarkdown: RenderMarkdown\n  /** Mod+S while editing; omit to leave the shortcut to the browser. */\n  onSave?: () => void\n  /** Mod+S only saves when this is true (there are changes and no save is running). */\n  canSave?: boolean\n  className?: string\n  testIds?: Partial<ArtifactEditorBodyTestIds>\n}\n\n/**\n * The body of an artifact: the rendered document when reading, the editor when editing, and the\n * track-changes panel in its place while comparing. It is either typing or reviewing, never both\n * stacked, as in Word's Show Markup. Mod+S saves from anywhere inside it.\n */\nexport function ArtifactEditorBody({\n  content,\n  isEditing,\n  comparing,\n  showTrackChanges,\n  editor,\n  redline,\n  renderMarkdown,\n  onSave,\n  canSave = true,\n  className,\n  testIds,\n}: ArtifactEditorBodyProps) {\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLDivElement>) => {\n      if (!isEditing || !onSave) return\n      if ((e.metaKey || e.ctrlKey) && !e.altKey && e.key.toLowerCase() === 's') {\n        e.preventDefault()\n        if (canSave) onSave()\n      }\n    },\n    [isEditing, onSave, canSave]\n  )\n\n  const tracking = isEditing && comparing && showTrackChanges\n  return (\n    // The key handler only listens to bubbling keystrokes of the editor inside; the editor itself\n    // is the focusable element.\n    <div\n      data-slot=\"artifact-body\"\n      className={cn('h-full min-h-0 overflow-auto', className)}\n      onKeyDown={onKeyDown}\n    >\n      {!isEditing ? (\n        <div\n          className=\"p-6\"\n          data-slot=\"artifact-rendered\"\n          data-testid={testIdOr(testIds?.rendered, { testId: 'document-rendered-markdown' })}\n        >\n          {renderMarkdown(content)}\n        </div>\n      ) : tracking ? (\n        <div\n          className=\"h-full\"\n          data-testid={testIdOr(testIds?.trackChanges, { testId: 'track-changes-panel' })}\n        >\n          {redline}\n        </div>\n      ) : (\n        editor\n      )}\n    </div>\n  )\n}\n","import { Check, GitCompare, Loader2, Pencil, X } from 'lucide-react'\nimport { Button, cn } from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\n\n/** Every fixed string of the toolbar. Pass a partial `labels` to translate or reword. */\nexport interface ArtifactToolbarLabels {\n  /** The accessible name of the group of actions. */\n  group: string\n  edit: string\n  cancel: string\n  cancelTitle: string\n  compare: string\n  compareTitle: string\n  saveDocument: string\n  saveAsVersion: string\n  noChanges: string\n  saving: string\n  save: string\n  saveVersion: string\n  /** Announced (not shown) when there are unsaved changes. */\n  unsaved: string\n}\n\nexport const DEFAULT_ARTIFACT_TOOLBAR_LABELS: ArtifactToolbarLabels = {\n  group: 'Document actions',\n  edit: 'Edit',\n  cancel: 'Cancel',\n  cancelTitle: 'Cancel editing',\n  compare: 'Compare with previous',\n  compareTitle: 'Compare against the previous version',\n  saveDocument: 'Save document',\n  saveAsVersion: 'Save as a new version',\n  noChanges: 'No changes to save',\n  saving: 'Saving…',\n  save: 'Save',\n  saveVersion: 'Save version',\n  unsaved: 'Unsaved changes',\n}\n\nexport interface ArtifactToolbarTestIds {\n  edit: string\n  cancel: string\n  compare: string\n  save: string\n  unsavedDot: string\n}\n\nexport interface ArtifactToolbarProps {\n  isEditing: boolean\n  /** A new document that has no earlier version: \"Save\" instead of \"Save version\", no Cancel. */\n  isDraft?: boolean\n  /** Narrow panel: icon-only Edit and Compare. Save keeps its label. */\n  compact?: boolean\n  /** The buffer differs from the saved version. */\n  hasChanges: boolean\n  isSaving: boolean\n  /** Offer \"Compare against the previous version\". */\n  canCompare: boolean\n  onStartEdit: () => void\n  /** Edit is not offered yet (the text is still being prepared). */\n  editDisabled?: boolean\n  /** Discard the buffer and leave edit mode. */\n  onCancel: () => void\n  onCompare: () => void\n  /** Save the buffer as a NEW version. */\n  onSave: () => void\n  className?: string\n  labels?: Partial<ArtifactToolbarLabels>\n  testIds?: Partial<ArtifactToolbarTestIds>\n}\n\n/**\n * Edit, Cancel (discard), Compare and Save for an artifact. Save is the ONE filled button and only\n * once there is something to save; a dot marks unsaved changes and a polite status announces them.\n * Touch targets are 44px on coarse pointers.\n */\nexport function ArtifactToolbar({\n  isEditing,\n  isDraft = false,\n  compact = false,\n  hasChanges,\n  isSaving,\n  canCompare,\n  editDisabled = false,\n  onStartEdit,\n  onCancel,\n  onCompare,\n  onSave,\n  className,\n  labels,\n  testIds,\n}: ArtifactToolbarProps) {\n  const l = { ...DEFAULT_ARTIFACT_TOOLBAR_LABELS, ...labels }\n  const group = (children: React.ReactNode): React.ReactElement => (\n    <div\n      role=\"group\"\n      aria-label={l.group}\n      data-slot=\"artifact-toolbar\"\n      className={cn('flex items-center gap-2', compact && 'gap-1', className)}\n    >\n      {children}\n    </div>\n  )\n\n  if (!isEditing) {\n    return group(\n      <Button\n        onClick={onStartEdit}\n        disabled={editDisabled}\n        variant=\"outline\"\n        size={compact ? 'icon' : 'sm'}\n        title={l.edit}\n        aria-label={l.edit}\n        data-testid={testIdOr(testIds?.edit, { testId: 'edit-document-button' })}\n        className=\"pointer-coarse:min-h-11 pointer-coarse:min-w-11\"\n      >\n        <Pencil className=\"size-4\" aria-hidden />\n        {!compact && <span className=\"ml-1\">{l.edit}</span>}\n      </Button>\n    )\n  }\n  return group(\n    <>\n      {/* A draft has no Cancel: the panel's own Close is the one way out (it warns first). */}\n      {!isDraft && (\n        <Button\n          onClick={onCancel}\n          variant=\"outline\"\n          size=\"sm\"\n          title={l.cancelTitle}\n          data-testid={testIdOr(testIds?.cancel, { testId: 'cancel-edit-button' })}\n          className=\"pointer-coarse:min-h-11\"\n        >\n          <X className=\"size-4\" aria-hidden />\n          <span className=\"ml-1\">{l.cancel}</span>\n        </Button>\n      )}\n      {canCompare && (\n        <Button\n          onClick={onCompare}\n          variant=\"outline\"\n          size={compact ? 'icon' : 'sm'}\n          title={l.compareTitle}\n          aria-label={l.compare}\n          data-testid={testIdOr(testIds?.compare, { testId: 'compare-button' })}\n          className=\"pointer-coarse:min-h-11 pointer-coarse:min-w-11\"\n        >\n          <GitCompare className=\"size-4\" aria-hidden />\n          {!compact && <span className=\"ml-1\">{l.compare}</span>}\n        </Button>\n      )}\n      <div className=\"relative\">\n        <Button\n          onClick={onSave}\n          variant={hasChanges ? 'default' : 'outline'}\n          size=\"sm\"\n          title={hasChanges ? (isDraft ? l.saveDocument : l.saveAsVersion) : l.noChanges}\n          disabled={!hasChanges || isSaving}\n          data-testid={testIdOr(testIds?.save, { testId: 'save-document-button' })}\n          className=\"pointer-coarse:min-h-11\"\n        >\n          {isSaving ? (\n            <Loader2 className=\"size-4 animate-spin\" aria-hidden />\n          ) : (\n            <Check className=\"size-4\" aria-hidden />\n          )}\n          <span className=\"ml-1\">{isSaving ? l.saving : isDraft ? l.save : l.saveVersion}</span>\n        </Button>\n        {hasChanges && !isSaving && (\n          <span\n            className=\"absolute -right-1 -top-1 size-2.5 rounded-full bg-primary ring-2 ring-background\"\n            aria-hidden\n            data-testid={testIdOr(testIds?.unsavedDot, { testId: 'unsaved-changes-dot' })}\n          />\n        )}\n      </div>\n      <span role=\"status\" className=\"sr-only\">\n        {hasChanges && !isSaving ? l.unsaved : ''}\n      </span>\n    </>\n  )\n}\n","import { GitCompare, History } from 'lucide-react'\nimport { Button, cn } from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\nimport type { VersionEntry } from './VersionTimeline'\n\n/** Every fixed string of the version bar. Pass a partial `labels` to translate or reword. */\nexport interface ArtifactVersionBarLabels {\n  group: string\n  /** \"Version 2 of 3\". */\n  position: (index: number, total: number) => string\n  /** The only version: nothing to choose from yet. */\n  only: string\n  latest: string\n  select: string\n  option: (index: number, date: string, isCurrent: boolean) => string\n  compare: string\n  compareTitle: string\n}\n\nexport const DEFAULT_ARTIFACT_VERSION_BAR_LABELS: ArtifactVersionBarLabels = {\n  group: 'Versions',\n  position: (index, total) => `Version ${index} of ${total}`,\n  only: 'Version 1',\n  latest: 'Latest',\n  select: 'Open a version',\n  option: (index, date, isCurrent) => `Version ${index} · ${date}${isCurrent ? ' (open)' : ''}`,\n  compare: 'Compare with previous',\n  compareTitle: 'Compare this version against the one it was saved from',\n}\n\nexport interface ArtifactVersionBarTestIds {\n  root: string\n  position: string\n  select: string\n  compare: string\n}\n\nexport interface ArtifactVersionBarProps {\n  /** The lineage, oldest first. */\n  versions: VersionEntry[]\n  /** The open version. */\n  currentId: string\n  formatDate: (iso: string) => string\n  /** Open another version (selected from the list). */\n  onOpen: (id: string) => void\n  /** Compare the open version with the one before it. Omit to hide the button. */\n  onCompare?: () => void\n  className?: string\n  labels?: Partial<ArtifactVersionBarLabels>\n  testIds?: Partial<ArtifactVersionBarTestIds>\n}\n\n/**\n * Where you are in an artifact's versions: \"Version 2 of 3\", a list to open any version, and\n * Compare with the previous one. Saving a new version is the toolbar's Save button; the editor\n * lays the two out on one row. The list is a native select: it is keyboard and screen-reader\n * complete and uses the phone's own picker.\n */\nexport function ArtifactVersionBar({\n  versions,\n  currentId,\n  formatDate,\n  onOpen,\n  onCompare,\n  className,\n  labels,\n  testIds,\n}: ArtifactVersionBarProps) {\n  const l = { ...DEFAULT_ARTIFACT_VERSION_BAR_LABELS, ...labels }\n  const index = versions.findIndex((v) => v.id === currentId)\n  const isLatest = index === versions.length - 1\n  return (\n    <div\n      role=\"group\"\n      aria-label={l.group}\n      data-slot=\"artifact-version-bar\"\n      className={cn('flex min-w-0 flex-wrap items-center gap-2 text-sm', className)}\n      data-testid={testIdOr(testIds?.root, { testId: 'artifact-version-bar' })}\n    >\n      <History className=\"size-4 shrink-0 text-muted-foreground\" aria-hidden />\n      <span\n        className=\"shrink-0 font-medium text-foreground\"\n        data-testid={testIdOr(testIds?.position, { testId: 'artifact-version-position' })}\n      >\n        {versions.length > 1 && index >= 0 ? l.position(index + 1, versions.length) : l.only}\n      </span>\n      {versions.length > 1 && index >= 0 && isLatest && (\n        <span className=\"shrink-0 rounded-full bg-accent px-2 py-0.5 text-xs font-medium text-accent-foreground\">\n          {l.latest}\n        </span>\n      )}\n      {versions.length > 1 && (\n        <select\n          aria-label={l.select}\n          value={currentId}\n          onChange={(e) => onOpen(e.target.value)}\n          className=\"min-w-0 max-w-full rounded-md border border-input bg-background px-2 py-1 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11 pointer-coarse:text-base\"\n          data-testid={testIdOr(testIds?.select, { testId: 'artifact-version-select' })}\n        >\n          {versions.map((v, i) => (\n            <option key={v.id} value={v.id}>\n              {l.option(v.number ?? i + 1, formatDate(v.createdAt), v.id === currentId)}\n            </option>\n          ))}\n        </select>\n      )}\n      {onCompare && (\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={onCompare}\n          title={l.compareTitle}\n          className=\"pointer-coarse:min-h-11\"\n          data-testid={testIdOr(testIds?.compare, { testId: 'artifact-version-compare' })}\n        >\n          <GitCompare className=\"size-4\" aria-hidden />\n          <span className=\"ml-1\">{l.compare}</span>\n        </Button>\n      )}\n    </div>\n  )\n}\n","import type { ReactNode } from 'react'\nimport { Loader2 } from 'lucide-react'\nimport { Button, cn } from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\nimport { ArtifactCompareBar, type ArtifactCompareBarLabels } from './ArtifactCompareBar'\nimport { ArtifactEditorBody, type ArtifactEditorBodyTestIds } from './ArtifactEditorBody'\nimport type { RenderMarkdown } from './ArtifactRedlineView'\nimport { ArtifactToolbar, type ArtifactToolbarLabels } from './ArtifactToolbar'\nimport {\n  ArtifactVersionBar,\n  type ArtifactVersionBarLabels,\n  type ArtifactVersionBarTestIds,\n} from './ArtifactVersionBar'\nimport type { VersionEntry } from './VersionTimeline'\n\n/** Whether the artifact's text is available (`ArtifactTextStatus` of `@arbidocs/react/artifacts`). */\nexport type ArtifactEditorStatus = 'loading' | 'parsing' | 'ready' | 'error'\n\nexport interface ArtifactEditorStatusLabels {\n  /** Shown while the backend is still parsing a fresh upload. */\n  preparing: string\n  error: string\n  retry: string\n}\n\nexport const DEFAULT_ARTIFACT_EDITOR_STATUS_LABELS: ArtifactEditorStatusLabels = {\n  preparing: 'Preparing editor…',\n  error: \"The document couldn't be prepared for editing.\",\n  retry: 'Try again',\n}\n\nexport interface ArtifactEditorLabels {\n  status: Partial<ArtifactEditorStatusLabels>\n  toolbar: Partial<ArtifactToolbarLabels>\n  versions: Partial<ArtifactVersionBarLabels>\n  compare: Partial<ArtifactCompareBarLabels>\n}\n\nexport interface ArtifactEditorTestIds {\n  root: string\n  /** The \"Preparing editor\" state. */\n  preparing: string\n  /** The error state and its retry button. */\n  error: string\n  retry: string\n  compareRow: string\n  body: Partial<ArtifactEditorBodyTestIds>\n  versions: Partial<ArtifactVersionBarTestIds>\n}\n\nexport interface ArtifactEditorProps {\n  /** The saved markdown of the open version. */\n  content: string\n  isEditing: boolean\n  hasChanges: boolean\n  isSaving: boolean\n  isDraft?: boolean\n  /** Narrow container: icon-only Edit and Compare. */\n  compact?: boolean\n  canCompare: boolean\n  /** A comparison is active. */\n  comparing: boolean\n  /** The version being compared against. */\n  compareId?: string | null\n  showTrackChanges: boolean\n  /**\n   * Whether the text is available. While `loading` or `parsing` the body is a \"Preparing editor\"\n   * state (the toolbar is disabled: an editor on an empty baseline would save a blank version);\n   * `error` shows `labels.status.error` with Retry (`onRetry`). Default `ready`.\n   */\n  status?: ArtifactEditorStatus\n  /** Ask for the text again after an `error`. */\n  onRetry?: () => void\n  /** The lineage, oldest first. The version bar shows only for two or more. */\n  versions?: VersionEntry[]\n  currentVersionId?: string\n  onStartEdit: () => void\n  onCancel: () => void\n  /** Save the buffer as a new version. */\n  onSave: () => void\n  onCompare: () => void\n  onStopCompare: () => void\n  onToggleTrackChanges: () => void\n  /** Open another version from the version list. */\n  onOpenVersion?: (id: string) => void\n  formatDate?: (iso: string) => string\n  /** The editing surface (for example `ArtifactMarkdownEditor`). */\n  editor: ReactNode\n  /** The track-changes panel (for example `ArtifactRedlineView`). */\n  redline: ReactNode\n  renderMarkdown: RenderMarkdown\n  /** Extra actions in the header (share, download...). */\n  actions?: ReactNode\n  className?: string\n  labels?: Partial<ArtifactEditorLabels>\n  testIds?: Partial<ArtifactEditorTestIds>\n}\n\nconst defaultFormatDate = (iso: string): string => {\n  const date = new Date(iso)\n  return Number.isNaN(date.getTime()) ? iso : date.toLocaleString()\n}\n\n/**\n * The artifact surface: a header with the version bar and the toolbar (Edit, Cancel, Compare,\n * Save as a new version), a compare row while comparing, and the body (read, edit or track\n * changes). Everything is view-model driven: a host binds state with `useArtifactSession` from\n * `@arbidocs/react/artifacts` and passes the editor and redline as slots.\n */\nexport function ArtifactEditor({\n  content,\n  isEditing,\n  hasChanges,\n  isSaving,\n  isDraft = false,\n  compact = false,\n  canCompare,\n  comparing,\n  compareId,\n  showTrackChanges,\n  status = 'ready',\n  onRetry,\n  versions = [],\n  currentVersionId = '',\n  onStartEdit,\n  onCancel,\n  onSave,\n  onCompare,\n  onStopCompare,\n  onToggleTrackChanges,\n  onOpenVersion,\n  formatDate = defaultFormatDate,\n  editor,\n  redline,\n  renderMarkdown,\n  actions,\n  className,\n  labels,\n  testIds,\n}: ArtifactEditorProps) {\n  const compared = versions.findIndex((v) => v.id === compareId)\n  const unavailable = status !== 'ready'\n  const statusLabels = { ...DEFAULT_ARTIFACT_EDITOR_STATUS_LABELS, ...labels?.status }\n  return (\n    <div\n      data-slot=\"artifact-editor\"\n      className={cn('flex h-full max-h-dvh min-h-0 flex-col bg-background', className)}\n      data-testid={testIdOr(testIds?.root, { testId: 'artifact-editor' })}\n    >\n      <div className=\"flex flex-wrap items-center justify-between gap-2 border-b border-border px-3 py-2\">\n        {versions.length > 0 && onOpenVersion ? (\n          <ArtifactVersionBar\n            versions={versions}\n            currentId={currentVersionId}\n            formatDate={formatDate}\n            onOpen={onOpenVersion}\n            // While reading, Compare is here; while editing it is in the toolbar.\n            onCompare={canCompare && !isEditing && !unavailable ? onCompare : undefined}\n            labels={labels?.versions}\n            testIds={testIds?.versions}\n          />\n        ) : (\n          <span />\n        )}\n        <div className=\"flex items-center gap-2\">\n          <ArtifactToolbar\n            isEditing={isEditing}\n            isDraft={isDraft}\n            compact={compact}\n            hasChanges={hasChanges}\n            isSaving={isSaving}\n            // Reading with a version bar: the bar carries Compare. Editing: the toolbar does.\n            canCompare={\n              canCompare && !unavailable && (isEditing || !(versions.length > 0 && onOpenVersion))\n            }\n            editDisabled={unavailable}\n            onStartEdit={onStartEdit}\n            onCancel={onCancel}\n            onCompare={onCompare}\n            onSave={onSave}\n            labels={labels?.toolbar}\n          />\n          {actions}\n        </div>\n      </div>\n      {comparing && (\n        <div\n          className=\"flex flex-wrap items-center gap-1.5 border-b border-border px-3 py-1.5\"\n          data-testid={testIdOr(testIds?.compareRow, { testId: 'artifact-compare-row' })}\n        >\n          <ArtifactCompareBar\n            compareTarget={\n              <span className=\"min-w-0 truncate text-sm font-medium text-foreground\">\n                {compared >= 0 ? versions[compared].name : ''}\n              </span>\n            }\n            versionLabel={\n              compared >= 0 && versions.length > 1\n                ? `v${versions[compared].number ?? compared + 1}`\n                : null\n            }\n            mode=\"track-changes\"\n            showTrackChanges={showTrackChanges}\n            onToggleTrackChanges={onToggleTrackChanges}\n            onFlip={onStopCompare}\n            onStop={onStopCompare}\n            labels={labels?.compare}\n          />\n        </div>\n      )}\n      <div className=\"min-h-0 flex-1\">\n        {unavailable ? (\n          status === 'error' ? (\n            <div\n              role=\"alert\"\n              className=\"flex h-full flex-col items-center justify-center gap-3 p-6 text-center text-sm\"\n              data-testid={testIdOr(testIds?.error, { testId: 'artifact-editor-error' })}\n            >\n              <p className=\"text-foreground\">{statusLabels.error}</p>\n              {onRetry && (\n                <Button\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={onRetry}\n                  className=\"pointer-coarse:min-h-11\"\n                  data-testid={testIdOr(testIds?.retry, { testId: 'artifact-editor-retry' })}\n                >\n                  {statusLabels.retry}\n                </Button>\n              )}\n            </div>\n          ) : (\n            <p\n              role=\"status\"\n              className=\"flex h-full items-center justify-center gap-2 p-6 text-sm text-muted-foreground\"\n              data-testid={testIdOr(testIds?.preparing, { testId: 'artifact-editor-preparing' })}\n            >\n              <Loader2 className=\"size-4 animate-spin\" aria-hidden />\n              {statusLabels.preparing}\n            </p>\n          )\n        ) : (\n          <ArtifactEditorBody\n            content={content}\n            isEditing={isEditing}\n            comparing={comparing}\n            showTrackChanges={showTrackChanges}\n            editor={editor}\n            redline={redline}\n            renderMarkdown={renderMarkdown}\n            onSave={onSave}\n            canSave={hasChanges && !isSaving}\n            testIds={testIds?.body}\n          />\n        )}\n      </div>\n    </div>\n  )\n}\n","import type { ComponentPropsWithoutRef, ReactNode, Ref } from 'react'\nimport { ArrowLeftRight, Undo2 } from 'lucide-react'\nimport { Button, cn } from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\n\n/** Every fixed string of the redline parts. Pass a partial `labels` to translate or reword. */\nexport interface RedlineLabels {\n  flipComparison: string\n  noDocument: string\n  noChangesYet: string\n  identical: string\n  unavailable: string\n  revertMove: string\n  revertReplace: string\n  revertAdd: string\n  revertRemove: string\n  /** The accessible name of the redline region. */\n  tracked: string\n  /** Announced while the diff computes. */\n  computing: string\n}\n\nexport const DEFAULT_REDLINE_LABELS: RedlineLabels = {\n  flipComparison: 'Flip comparison',\n  noDocument: 'No document selected for comparison.',\n  noChangesYet: 'No changes yet — start editing to see redlined differences here.',\n  identical: 'Documents are identical.',\n  unavailable: 'Document text not available for comparison.',\n  revertMove: 'Undo this move (revert both ends)',\n  revertReplace: 'Undo this edit',\n  revertAdd: 'Undo this insertion',\n  revertRemove: 'Undo this deletion',\n  tracked: 'Tracked changes',\n  computing: 'Comparing…',\n}\n\nexport type RedlineRegionKind = 'replace' | 'remove' | 'add' | 'move'\n\n// ── Frame ───────────────────────────────────────────────────────────────────────────────────\n\nexport interface RedlineFrameProps {\n  /** Optional header row (see RedlineHeader). */\n  header?: ReactNode\n  children: ReactNode\n}\n\n/** Column shell for a redline: optional header, scrolling body. */\nexport function RedlineFrame({ header, children }: RedlineFrameProps) {\n  return (\n    <div className=\"flex h-full flex-col\" data-slot=\"redline-frame\">\n      {header}\n      <div className=\"flex-1 overflow-auto text-sm leading-relaxed\">{children}</div>\n    </div>\n  )\n}\n\nexport interface RedlineHeaderProps {\n  /** The base document pill. */\n  base: ReactNode\n  /** The compared document pill. */\n  compare?: ReactNode\n  onFlip: () => void\n  labels?: Partial<RedlineLabels>\n}\n\n/** \"Base ⇄ Compare\" row with the flip control. */\nexport function RedlineHeader({ base, compare, onFlip, labels }: RedlineHeaderProps) {\n  const l = { ...DEFAULT_REDLINE_LABELS, ...labels }\n  return (\n    <div className=\"flex shrink-0 items-center gap-2 border-b border-border bg-muted px-3 py-2\">\n      {base}\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        className=\"size-6 shrink-0 pointer-coarse:size-11\"\n        onClick={onFlip}\n        title={l.flipComparison}\n        aria-label={l.flipComparison}\n      >\n        <ArrowLeftRight className=\"size-3.5\" />\n      </Button>\n      {compare}\n    </div>\n  )\n}\n\nexport type RedlineStatusKind = 'idle' | 'identical' | 'unavailable'\n\n/** A centred status line for the redline body (nothing to diff). */\nexport function RedlineStatus({\n  kind,\n  reviewMode,\n  labels,\n}: {\n  kind: RedlineStatusKind\n  /** Accept/reject mode: \"identical\" means no edits yet. */\n  reviewMode?: boolean\n  labels?: Partial<RedlineLabels>\n}) {\n  const l = { ...DEFAULT_REDLINE_LABELS, ...labels }\n  const text =\n    kind === 'idle'\n      ? l.noDocument\n      : kind === 'identical'\n        ? reviewMode\n          ? l.noChangesYet\n          : l.identical\n        : l.unavailable\n  return (\n    <div className=\"flex h-full items-center justify-center text-sm text-muted-foreground\">\n      {text}\n    </div>\n  )\n}\n\n/** Centres a loading indicator while the diff computes. */\nexport function RedlineComputing({ children }: { children: ReactNode }) {\n  return <div className=\"flex h-full items-center justify-center\">{children}</div>\n}\n\n// ── Document + marks ────────────────────────────────────────────────────────────────────────\n\nexport interface RedlineDocumentProps {\n  /** Rendered redline markdown. */\n  children: ReactNode\n  /** Ref to the rendered body (the host measures change positions from it). */\n  bodyRef?: Ref<HTMLDivElement>\n  /** Margin gutter (revert buttons) shown in accept/reject mode. */\n  gutter?: ReactNode\n}\n\nexport function RedlineDocument({ children, bodyRef, gutter }: RedlineDocumentProps) {\n  return (\n    <div className=\"relative\">\n      <div ref={bodyRef} className=\"mx-auto max-w-3xl px-6 py-4 pr-14\">\n        {children}\n      </div>\n      {gutter}\n    </div>\n  )\n}\n\nconst MARK_TONE = {\n  del: {\n    base: 'font-semibold text-red-600 line-through decoration-2 dark:text-red-400',\n    move: 'font-semibold text-emerald-600 line-through decoration-2 dark:text-emerald-400',\n  },\n  ins: {\n    base: 'font-semibold text-blue-600 underline decoration-2 dark:text-blue-400',\n    move: 'font-semibold text-emerald-600 underline decoration-2 dark:text-emerald-400',\n  },\n} as const\n\n/** `<del>` / `<ins>` for the markdown renderer: red strike, blue underline, green for moves. */\nexport function RedlineMark({\n  as: Tag,\n  isMove,\n  children,\n  ...props\n}: (ComponentPropsWithoutRef<'del'> | ComponentPropsWithoutRef<'ins'>) & {\n  as: 'del' | 'ins'\n  isMove: boolean\n}) {\n  const cls = MARK_TONE[Tag][isMove ? 'move' : 'base']\n  return (\n    <Tag className={cls} {...props}>\n      {children}\n    </Tag>\n  )\n}\n\n// ── Revert gutter ───────────────────────────────────────────────────────────────────────────\n\nexport interface RedlineMarkerView {\n  cid: string\n  /** Vertical offset in px, already spaced so buttons never overlap. */\n  top: number\n  kind: RedlineRegionKind\n}\n\nconst REVERT_TONE: Record<RedlineRegionKind, string> = {\n  move: 'border-emerald-600 text-emerald-700 hover:bg-emerald-50 dark:border-emerald-400 dark:text-emerald-300 dark:hover:bg-emerald-950/40',\n  add: 'border-blue-600 text-blue-700 hover:bg-blue-50 dark:border-blue-400 dark:text-blue-300 dark:hover:bg-blue-950/40',\n  replace:\n    'border-blue-600 text-blue-700 hover:bg-blue-50 dark:border-blue-400 dark:text-blue-300 dark:hover:bg-blue-950/40',\n  remove:\n    'border-red-600 text-red-700 hover:bg-red-50 dark:border-red-400 dark:text-red-300 dark:hover:bg-red-950/40',\n}\n\n/** One undo button per change, aligned with the change in the margin. */\nexport function RedlineRevertGutter({\n  markers,\n  onRevert,\n  labels,\n  testId,\n}: {\n  markers: RedlineMarkerView[]\n  onRevert: (cid: string) => void\n  labels?: Partial<RedlineLabels>\n  /** Replaces the whole `redline-revert-<cid>` id. */\n  testId?: (cid: string) => string\n}) {\n  if (markers.length === 0) return null\n  const l = { ...DEFAULT_REDLINE_LABELS, ...labels }\n  const revertTitle: Record<RedlineRegionKind, string> = {\n    move: l.revertMove,\n    replace: l.revertReplace,\n    add: l.revertAdd,\n    remove: l.revertRemove,\n  }\n  return (\n    <div className=\"pointer-events-none absolute right-2 top-0 w-9\" data-slot=\"redline-gutter\">\n      {markers.map((m) => (\n        <button\n          key={m.cid}\n          type=\"button\"\n          onClick={() => onRevert(m.cid)}\n          title={revertTitle[m.kind]}\n          aria-label={revertTitle[m.kind]}\n          style={{ top: m.top - 2 }}\n          className={cn(\n            'pointer-events-auto absolute right-0 inline-flex h-6 w-7 items-center justify-center rounded-md border bg-background transition-colors pointer-coarse:h-11 pointer-coarse:w-11',\n            REVERT_TONE[m.kind]\n          )}\n          data-testid={testIdOr(testId?.(m.cid), { testId: `redline-revert-${m.cid}` })}\n        >\n          <Undo2 className=\"size-3.5\" />\n        </button>\n      ))}\n    </div>\n  )\n}\n","import { useLayoutEffect, useMemo, useRef, useState, type ReactNode } from 'react'\nimport { Loader2 } from 'lucide-react'\nimport { testIdOr } from '../chat/test-id'\nimport {\n  DEFAULT_REDLINE_LABELS,\n  RedlineComputing,\n  RedlineDocument,\n  RedlineFrame,\n  RedlineMark,\n  RedlineRevertGutter,\n  RedlineStatus,\n  type RedlineLabels,\n  type RedlineMarkerView,\n  type RedlineRegionKind,\n} from './RedlineParts'\n\ntype DelProps = React.ComponentPropsWithoutRef<'del'> & { 'data-cid'?: string }\ntype InsProps = React.ComponentPropsWithoutRef<'ins'> & { 'data-cid'?: string }\n\n/** The `<del>` / `<ins>` renderers a markdown renderer must use for the tracked changes. */\nexport interface RedlineMarkdownComponents {\n  del: React.FC<DelProps>\n  ins: React.FC<InsProps>\n}\n\n/**\n * Renders markdown to React. The redline markdown carries raw `<del>` / `<ins>` tags, so the\n * renderer must allow inline HTML and honour `components`.\n */\nexport type RenderMarkdown = (markdown: string, components?: RedlineMarkdownComponents) => ReactNode\n\n/** What the view shows. Matches `RedlineState` of `@arbidocs/react/artifacts`. */\nexport type ArtifactRedlineState =\n  | { kind: 'idle' }\n  | { kind: 'computing' }\n  | { kind: 'ready'; markdown: string; regions: { id: string; kind: RedlineRegionKind }[] }\n  | { kind: 'identical' }\n  | { kind: 'unavailable' }\n\nexport interface ArtifactRedlineViewTestIds {\n  /** Replaces the whole `redline-revert-<cid>` id. */\n  revert: (cid: string) => string\n  root: string\n}\n\nexport interface ArtifactRedlineViewProps {\n  state: ArtifactRedlineState\n  renderMarkdown: RenderMarkdown\n  /** Accept/reject mode: a margin button per change undoes that change. Omit for read-only. */\n  onRevert?: (regionId: string) => void\n  /** A header row (for example `RedlineHeader`). */\n  header?: ReactNode\n  labels?: Partial<RedlineLabels>\n  testIds?: Partial<ArtifactRedlineViewTestIds>\n}\n\n/** First char of a change id encodes its kind: p(replace) r(remove) a(add) m(move). */\nfunction kindFromCid(cid: string | undefined): RedlineRegionKind | null {\n  switch (cid?.[0]) {\n    case 'p':\n      return 'replace'\n    case 'r':\n      return 'remove'\n    case 'a':\n      return 'add'\n    case 'm':\n      return 'move'\n    default:\n      return null\n  }\n}\n\n/** Two changes on one line would stack their buttons; nudge each down by one button height. */\nconst MARKER_MIN_GAP = 26\n\n/**\n * Word-style track changes between two versions: deletions struck through in red, insertions\n * underlined in blue, moves in green, status lines when there is nothing to diff, and (when\n * `onRevert` is set) an undo button per change aligned in the margin.\n */\nexport function ArtifactRedlineView({\n  state,\n  renderMarkdown,\n  onRevert,\n  header,\n  labels,\n  testIds,\n}: ArtifactRedlineViewProps) {\n  const l = { ...DEFAULT_REDLINE_LABELS, ...labels }\n  const reviewMode = typeof onRevert === 'function'\n  const bodyRef = useRef<HTMLDivElement | null>(null)\n  const [markers, setMarkers] = useState<RedlineMarkerView[]>([])\n\n  const regionKinds = useMemo(\n    () => (state.kind === 'ready' ? new Map(state.regions.map((r) => [r.id, r.kind])) : null),\n    [state]\n  )\n\n  const components = useMemo<RedlineMarkdownComponents>(() => {\n    const isMove = (cid: string | undefined): boolean =>\n      (regionKinds?.get(cid ?? '') ?? kindFromCid(cid)) === 'move'\n    return {\n      del: ({ children, ...props }: DelProps) => (\n        <RedlineMark as=\"del\" isMove={isMove(props['data-cid'])} {...props}>\n          {children}\n        </RedlineMark>\n      ),\n      ins: ({ children, ...props }: InsProps) => (\n        <RedlineMark as=\"ins\" isMove={isMove(props['data-cid'])} {...props}>\n          {children}\n        </RedlineMark>\n      ),\n    }\n  }, [regionKinds])\n\n  // After each render, find each change's first element and put its undo button level with it.\n  useLayoutEffect(() => {\n    const host = bodyRef.current\n    if (!reviewMode || state.kind !== 'ready' || !host) {\n      setMarkers([])\n      return\n    }\n    const hostTop = host.getBoundingClientRect().top\n    const seen = new Map<string, { top: number; kind: RedlineRegionKind }>()\n    host.querySelectorAll<HTMLElement>('[data-cid]').forEach((el) => {\n      const cid = el.dataset.cid\n      if (!cid || seen.has(cid)) return\n      seen.set(cid, {\n        top: el.getBoundingClientRect().top - hostTop,\n        kind: regionKinds?.get(cid) ?? kindFromCid(cid) ?? 'replace',\n      })\n    })\n    const sorted = Array.from(seen, ([cid, v]) => ({ cid, ...v })).sort((a, b) => a.top - b.top)\n    const spaced: RedlineMarkerView[] = []\n    for (const m of sorted) {\n      const prev = spaced[spaced.length - 1]\n      spaced.push({\n        ...m,\n        top: prev && m.top - prev.top < MARKER_MIN_GAP ? prev.top + MARKER_MIN_GAP : m.top,\n      })\n    }\n    setMarkers(spaced)\n  }, [reviewMode, state, regionKinds])\n\n  return (\n    <section\n      aria-label={l.tracked}\n      className=\"h-full\"\n      data-testid={testIdOr(testIds?.root, { testId: 'artifact-redline' })}\n    >\n      <RedlineFrame header={header}>\n        {state.kind === 'idle' || state.kind === 'identical' || state.kind === 'unavailable' ? (\n          <div role=\"status\" className=\"h-full\">\n            <RedlineStatus kind={state.kind} reviewMode={reviewMode} labels={labels} />\n          </div>\n        ) : state.kind === 'computing' ? (\n          <RedlineComputing>\n            <Loader2 className=\"size-5 animate-spin text-muted-foreground\" aria-hidden />\n            <span className=\"sr-only\" role=\"status\">\n              {l.computing}\n            </span>\n          </RedlineComputing>\n        ) : (\n          <RedlineDocument\n            bodyRef={bodyRef}\n            gutter={\n              reviewMode ? (\n                <RedlineRevertGutter\n                  markers={markers}\n                  onRevert={onRevert}\n                  labels={labels}\n                  testId={testIds?.revert}\n                />\n              ) : null\n            }\n          >\n            {renderMarkdown(state.markdown, components)}\n          </RedlineDocument>\n        )}\n      </RedlineFrame>\n    </section>\n  )\n}\n","import { Eye, GitCompare, History, Languages } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\n\n/** Every fixed string of the timeline. Pass a partial `labels` to translate or reword. */\nexport interface VersionTimelineLabels {\n  emptyLive: string\n  emptyDocument: string\n  untitled: string\n  latest: string\n  viewing: string\n  current: string\n  version: (n: number) => string\n  branchedFrom: (n: number) => string\n  /** Why a version exists, keyed by its `reason` (upload | edit | signed | sync). */\n  reasons: Record<string, string>\n  open: string\n  compare: string\n  /** Heading of the document's translations (separate documents made from its versions). */\n  translations: string\n  translatedFrom: (n: number) => string\n  finalPdf: string\n  /** Before the thread a version was made in: \"in {thread}\". */\n  madeIn: string\n}\n\nexport const DEFAULT_VERSION_TIMELINE_LABELS: VersionTimelineLabels = {\n  emptyLive:\n    'No earlier versions yet. When you ask the assistant for a change, the previous version is kept here.',\n  emptyDocument:\n    'No earlier versions yet. Editing this draft and saving creates a new version here.',\n  untitled: 'Untitled',\n  latest: 'Latest',\n  viewing: 'Viewing',\n  current: 'Current',\n  version: (n) => `Version ${n}`,\n  branchedFrom: (n) => `branched from Version ${n}`,\n  reasons: {\n    upload: 'Original upload',\n    edit: 'Saved edit',\n    signed: 'Signed',\n    sync: 'Synced',\n  },\n  open: 'Open',\n  compare: 'Compare',\n  translations: 'Translations',\n  translatedFrom: (n) => `from Version ${n}`,\n  finalPdf: 'final PDF',\n  madeIn: 'in',\n}\n\nexport interface VersionTimelineTestIds {\n  root: string\n  empty: string\n  currentBadge: string\n  /** Replaces the whole `version-row-<id>` id. */\n  row: (id: string) => string\n  branch: (id: string) => string\n  open: (id: string) => string\n  compare: (id: string) => string\n}\n\nexport interface VersionEntry {\n  id: string\n  /** File name as stored (live artifacts have their extension stripped for display). */\n  name: string\n  /** ISO string; formatted with `formatDate`. */\n  createdAt: string\n  /** 1-based version number; defaults to the row's position. */\n  number?: number\n  /** The version this one was saved from (a restore when it is not the row above). */\n  savedFromId?: string | null\n  /** Why the version exists: upload | edit | signed | sync. Shown as a label on the row. */\n  reason?: string | null\n  /** The thread whose turn made this version: named on the row, opening it at that turn. */\n  madeIn?: { label: string; onOpen: () => void } | null\n}\n\n/** A translation of the document: its own document, made from one of these versions. */\nexport interface TranslationEntry {\n  id: string\n  name: string\n  /** ISO string; formatted with `formatDate`. */\n  createdAt: string\n  /** The source version it translates (null: not recorded). */\n  sourceVersion?: number | null\n  /** A finalised translation: the PDF saved from a translation (the editable draft is listed too). */\n  final?: boolean\n}\n\nexport interface VersionTimelineProps {\n  /** Versions in creation order (oldest first). */\n  versions: VersionEntry[]\n  /** The version currently open. */\n  currentId: string\n  /**\n   * A live (html/react) artifact: plain-language labels for non-developers, no file extension,\n   * and no Compare (a text diff of source code means nothing to them).\n   */\n  live?: boolean\n  formatDate: (iso: string) => string\n  onOpen: (id: string) => void\n  /** Omit to hide Compare (also hidden for `live`). */\n  onCompare?: (id: string) => void\n  /** The document's translations, listed under its versions; each opens as its own document. */\n  translations?: TranslationEntry[]\n  onOpenTranslation?: (id: string) => void\n  className?: string\n  labels?: Partial<VersionTimelineLabels>\n  /** Overrides for the test ids (defaults keep the current ids). */\n  testIds?: Partial<VersionTimelineTestIds>\n}\n\n/**\n * Clickable timeline of an immutable version chain: open any version or compare it with the\n * current one. Versions are numbered in creation order; a version saved from an OLD version is a\n * deliberate branch and says where it came from instead of implying it follows the row above.\n * Test ids: `version-timeline`, `version-timeline-empty`, `version-row-{id}`,\n * `version-current-badge`, `version-branch-{id}`, `open-version-{id}`, `compare-version-{id}`.\n */\nexport function VersionTimeline({\n  versions,\n  currentId,\n  live = false,\n  formatDate,\n  onOpen,\n  onCompare,\n  translations = [],\n  onOpenTranslation,\n  className,\n  labels,\n  testIds,\n}: VersionTimelineProps) {\n  const l = { ...DEFAULT_VERSION_TIMELINE_LABELS, ...labels }\n  const translationList =\n    translations.length > 0 ? (\n      <section className=\"mx-auto mt-4 max-w-2xl\" data-testid=\"version-translations\">\n        <h3 className=\"px-3 pb-1 text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n          {l.translations}\n        </h3>\n        <ul className=\"space-y-1\">\n          {translations.map((t) => (\n            <li\n              key={t.id}\n              className=\"flex items-center gap-3 rounded-md px-3 py-2.5\"\n              data-testid={`translation-row-${t.id}`}\n            >\n              <Languages className=\"size-4 shrink-0 text-muted-foreground\" aria-hidden />\n              <div className=\"min-w-0 flex-1 truncate text-sm text-muted-foreground\">\n                <span className=\"font-semibold text-foreground\">{t.name}</span>\n                {t.final ? ` · ${l.finalPdf}` : ''}\n                {t.sourceVersion ? ` · ${l.translatedFrom(t.sourceVersion)}` : ''} ·{' '}\n                {formatDate(t.createdAt)}\n              </div>\n              {onOpenTranslation && (\n                <button\n                  type=\"button\"\n                  onClick={() => onOpenTranslation(t.id)}\n                  className=\"inline-flex shrink-0 items-center gap-1 rounded-md px-2.5 py-1.5 text-sm font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11\"\n                  data-testid={`open-translation-${t.id}`}\n                >\n                  <Eye className=\"size-3.5\" /> {l.open}\n                </button>\n              )}\n            </li>\n          ))}\n        </ul>\n      </section>\n    ) : null\n  const empty = (\n    <p\n      className={cn(\n        'text-sm text-muted-foreground',\n        versions.length ? 'mx-auto mt-3 max-w-2xl px-3' : cn('p-6', !translationList && className)\n      )}\n      data-testid={testIdOr(testIds?.empty, { testId: 'version-timeline-empty' })}\n    >\n      {live ? l.emptyLive : l.emptyDocument}\n    </p>\n  )\n  // Nothing recorded at all (a draft not yet saved): only the hint, and any translations.\n  if (versions.length === 0) {\n    if (!translationList) return empty\n    return (\n      <div className={cn('h-full overflow-auto p-4', className)}>\n        {empty}\n        {translationList}\n      </div>\n    )\n  }\n\n  const numberById = new Map<string, number>()\n  versions.forEach((v, i) => numberById.set(v.id, v.number ?? i + 1))\n  const canCompare = !live && !!onCompare\n\n  return (\n    <div\n      className={cn('h-full overflow-auto p-4', className)}\n      data-testid={testIdOr(testIds?.root, { testId: 'version-timeline' })}\n    >\n      <ol className=\"mx-auto max-w-2xl space-y-1\">\n        {versions.map((v, i) => {\n          const isCurrent = v.id === currentId\n          const isLatest = i === versions.length - 1\n          const number = v.number ?? i + 1\n          const savedFromNumber = v.savedFromId ? numberById.get(v.savedFromId) : undefined\n          const branchedFrom =\n            savedFromNumber !== undefined && savedFromNumber !== number - 1 ? savedFromNumber : null\n          // Live artifacts say \"Latest\"/\"Viewing\" (open vs. newest) instead of \"Current\".\n          const badge = !isCurrent ? null : live ? (isLatest ? l.latest : l.viewing) : l.current\n          const name = live\n            ? (v.name || l.untitled).replace(/\\.[A-Za-z0-9]+$/, '')\n            : v.name || l.untitled\n          const reason = !live && v.reason ? (l.reasons[v.reason] ?? null) : null\n          return (\n            <li\n              key={v.id}\n              className={cn(\n                'flex items-center gap-3 rounded-md px-3 py-2.5',\n                isCurrent && 'bg-accent'\n              )}\n              data-testid={testIdOr(testIds?.row?.(v.id), { testId: `version-row-${v.id}` })}\n            >\n              <History className=\"size-4 shrink-0 text-muted-foreground\" aria-hidden />\n              <div className=\"min-w-0 flex-1\">\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-sm font-semibold text-foreground\">{l.version(number)}</span>\n                  {badge && (\n                    <span\n                      className=\"rounded-full bg-background px-2 py-0.5 text-xs font-medium text-accent-foreground\"\n                      data-testid={testIdOr(testIds?.currentBadge, {\n                        testId: 'version-current-badge',\n                      })}\n                    >\n                      {badge}\n                    </span>\n                  )}\n                </div>\n                <div className=\"truncate text-sm text-muted-foreground\">\n                  {name} · {formatDate(v.createdAt)}\n                  {reason && <span data-testid={`version-reason-${v.id}`}> · {reason}</span>}\n                  {v.madeIn && (\n                    <>\n                      {' '}\n                      {l.madeIn}{' '}\n                      <button\n                        type=\"button\"\n                        onClick={v.madeIn.onOpen}\n                        className=\"font-medium text-foreground underline-offset-2 hover:text-primary hover:underline\"\n                        title={v.madeIn.label}\n                        data-testid={`version-thread-${v.id}`}\n                      >\n                        {v.madeIn.label}\n                      </button>\n                    </>\n                  )}\n                  {branchedFrom !== null && (\n                    <span\n                      data-testid={testIdOr(testIds?.branch?.(v.id), {\n                        testId: `version-branch-${v.id}`,\n                      })}\n                    >\n                      {' '}\n                      · {l.branchedFrom(branchedFrom)}\n                    </span>\n                  )}\n                </div>\n              </div>\n              {!isCurrent && (\n                <>\n                  <button\n                    type=\"button\"\n                    onClick={() => onOpen(v.id)}\n                    className=\"inline-flex shrink-0 items-center gap-1 rounded-md px-2.5 py-1.5 text-sm font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11\"\n                    data-testid={testIdOr(testIds?.open?.(v.id), {\n                      testId: `open-version-${v.id}`,\n                    })}\n                  >\n                    <Eye className=\"size-3.5\" /> {l.open}\n                  </button>\n                  {canCompare && (\n                    <button\n                      type=\"button\"\n                      onClick={() => onCompare(v.id)}\n                      className=\"inline-flex shrink-0 items-center gap-1 rounded-md px-2.5 py-1.5 text-sm font-medium text-primary transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11\"\n                      data-testid={testIdOr(testIds?.compare?.(v.id), {\n                        testId: `compare-version-${v.id}`,\n                      })}\n                    >\n                      <GitCompare className=\"size-3.5\" /> {l.compare}\n                    </button>\n                  )}\n                </>\n              )}\n            </li>\n          )\n        })}\n      </ol>\n      {/* A single version is still listed (the original, current); the hint says how more appear. */}\n      {versions.length === 1 && empty}\n      {translationList}\n    </div>\n  )\n}\n","import {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react'\nimport { AlertTriangle, Loader2, RefreshCw } from 'lucide-react'\nimport type { ArtifactPreviewKind } from '@arbidocs/react/artifacts'\nimport {\n  ARTIFACT_CSP,\n  ARTIFACT_MESSAGE_TAG,\n  ARTIFACT_SANDBOX,\n  type ArtifactRuntime,\n  type ArtifactSandboxMessage,\n} from './sandbox-policy'\n\n/** Shown for every failure (compile, runtime, missing runtime). Details stay in the console, not the UI. */\nconst FAILURE_MESSAGE = \"This couldn't be displayed. Ask the assistant to fix it.\"\n\n/** Where the host serves the generated sandbox runtime (`react-runtime.js`, `tailwind.js`). */\nexport const DEFAULT_ARTIFACT_RUNTIME_URL = '/artifact-runtime/'\n\nconst runtimes = new Map<string, Promise<ArtifactRuntime>>()\n\n/**\n * Fetches the generated sandbox runtime once per URL; it is inlined into each preview. The host\n * builds and serves the two files (ARBI: scripts/build-artifact-runtime.mjs → public/artifact-runtime).\n */\nexport function loadArtifactRuntime(\n  runtimeUrl: string = DEFAULT_ARTIFACT_RUNTIME_URL\n): Promise<ArtifactRuntime> {\n  const base = runtimeUrl.endsWith('/') ? runtimeUrl : `${runtimeUrl}/`\n  let pending = runtimes.get(base)\n  if (!pending) {\n    pending = (async () => {\n      const [react, tailwind] = await Promise.all(\n        ['react-runtime.js', 'tailwind.js'].map(async (file) => {\n          const res = await fetch(`${base}${file}`)\n          if (!res.ok)\n            throw new Error(`Could not load the preview runtime (${file}: ${res.status})`)\n          return res.text()\n        })\n      )\n      return { react, tailwind }\n    })().catch((err: unknown) => {\n      runtimes.delete(base)\n      throw err\n    })\n    runtimes.set(base, pending)\n  }\n  return pending\n}\n\ninterface Sandbox {\n  runtime: ArtifactRuntime\n  /** The document builder; loaded on demand because it carries the JSX compiler. */\n  build: typeof import('./sandboxDocument').buildSandboxDocument\n}\n\nfunction isSandboxMessage(data: unknown): data is ArtifactSandboxMessage {\n  return (\n    typeof data === 'object' &&\n    data !== null &&\n    (data as Record<string, unknown>)[ARTIFACT_MESSAGE_TAG] === true\n  )\n}\n\nexport interface ArtifactPreviewProps {\n  kind: ArtifactPreviewKind\n  source: string\n  /** Content is still being generated; the preview waits for the finished artifact. */\n  isStreaming?: boolean\n  /** Folder serving the sandbox runtime files (default {@link DEFAULT_ARTIFACT_RUNTIME_URL}). */\n  runtimeUrl?: string\n}\n\n/**\n * Renders an LLM-written html/react artifact in a script-only sandboxed iframe (no same-origin, no\n * network; see `sandboxDocument`). Failures show one calm message; details go to the console.\n */\nexport function ArtifactPreview({\n  kind,\n  source,\n  isStreaming = false,\n  runtimeUrl = DEFAULT_ARTIFACT_RUNTIME_URL,\n}: ArtifactPreviewProps) {\n  const frameRef = useRef<HTMLIFrameElement>(null)\n  const [sandbox, setSandbox] = useState<Sandbox | null>(null)\n  const [runtimeUnavailable, setRuntimeUnavailable] = useState(false)\n  const [reloadKey, setReloadKey] = useState(0)\n  // The document/reload the error came from, so a stale error never carries over and no reset effect can race it.\n  const [failedRun, setFailedRun] = useState<{ doc: string; reloadKey: number } | null>(null)\n\n  useEffect(() => {\n    let cancelled = false\n    Promise.all([loadArtifactRuntime(runtimeUrl), import('./sandboxDocument')]).then(\n      ([runtime, mod]) => !cancelled && setSandbox({ runtime, build: mod.buildSandboxDocument }),\n      (err: unknown) => {\n        if (cancelled) return\n        console.error('Artifact preview runtime unavailable', err)\n        setRuntimeUnavailable(true)\n      }\n    )\n    return () => {\n      cancelled = true\n    }\n  }, [runtimeUrl])\n\n  const built = useMemo(() => {\n    if (!sandbox || isStreaming || !source.trim()) return null\n    try {\n      return { doc: sandbox.build(kind, source, sandbox.runtime), failed: false }\n    } catch (err) {\n      console.error('Artifact could not be compiled', err)\n      return { doc: null, failed: true }\n    }\n  }, [kind, source, sandbox, isStreaming])\n\n  const currentDoc = built?.doc ?? null\n\n  // The listener is registered once and reads the live run from a ref that is updated in the commit\n  // phase (layout effect). Re-subscribing in a passive effect would leave a window in which a frame\n  // message is handled by a stale closure and its error silently dropped.\n  const runRef = useRef<{ doc: string | null; reloadKey: number }>({ doc: null, reloadKey: 0 })\n  useLayoutEffect(() => {\n    runRef.current = { doc: currentDoc, reloadKey }\n  }, [currentDoc, reloadKey])\n\n  useEffect(() => {\n    const onMessage = (event: MessageEvent) => {\n      // Only the preview frame; the frame has an opaque origin, so identity is the check.\n      if (event.source !== frameRef.current?.contentWindow || !isSandboxMessage(event.data)) return\n      // The bridge also reports console output; it is intentionally not shown to the user.\n      const { doc, reloadKey: key } = runRef.current\n      if (event.data.type === 'error' && doc) setFailedRun({ doc, reloadKey: key })\n    }\n    window.addEventListener('message', onMessage)\n    return () => window.removeEventListener('message', onMessage)\n  }, [])\n\n  const runtimeFailed = failedRun?.doc === currentDoc && failedRun?.reloadKey === reloadKey\n\n  const reload = useCallback(() => setReloadKey((k) => k + 1), [])\n\n  const cannotDisplay = runtimeUnavailable || (built?.failed ?? false)\n\n  return (\n    <div className=\"relative flex h-full min-h-0 flex-col bg-white\" data-testid=\"artifact-preview\">\n      {cannotDisplay ? (\n        <Notice testId=\"artifact-preview-problem\" />\n      ) : isStreaming ? (\n        <Status testId=\"artifact-preview-generating\">Creating your preview…</Status>\n      ) : built?.doc ? (\n        <>\n          <iframe\n            key={reloadKey}\n            ref={frameRef}\n            title=\"Artifact preview\"\n            data-testid=\"artifact-preview-frame\"\n            sandbox={ARTIFACT_SANDBOX}\n            referrerPolicy=\"no-referrer\"\n            allow=\"\"\n            srcDoc={built.doc}\n            className=\"min-h-0 w-full flex-1 border-0 bg-white\"\n            // Chromium enforces this CSP on the framed document even if its own markup tries to drop it.\n            {...({ csp: ARTIFACT_CSP } as Record<string, string>)}\n          />\n          {runtimeFailed && <Notice testId=\"artifact-runtime-error\" compact />}\n          <button\n            type=\"button\"\n            onClick={reload}\n            aria-label=\"Reload\"\n            title=\"Reload\"\n            className=\"absolute top-2 right-2 inline-flex h-7 w-7 items-center justify-center rounded-md bg-background/80 text-muted-foreground ring-1 ring-border backdrop-blur hover:bg-background hover:text-foreground\"\n            data-testid=\"artifact-reload\"\n          >\n            <RefreshCw className=\"h-3.5 w-3.5\" />\n          </button>\n        </>\n      ) : (\n        <Status testId=\"artifact-preview-loading\">Loading…</Status>\n      )}\n    </div>\n  )\n}\n\nfunction Status({ testId, children }: { testId: string; children: ReactNode }) {\n  return (\n    <div\n      role=\"status\"\n      data-testid={testId}\n      className=\"flex h-full items-center justify-center gap-2 p-6 text-sm text-muted-foreground\"\n    >\n      <Loader2 className=\"h-4 w-4 animate-spin\" />\n      {children}\n    </div>\n  )\n}\n\nfunction Notice({ testId, compact = false }: { testId: string; compact?: boolean }) {\n  return (\n    <div\n      role=\"alert\"\n      data-testid={testId}\n      className={\n        compact\n          ? 'flex items-center gap-2 border-t bg-muted/60 px-3 py-2 text-sm text-muted-foreground'\n          : 'flex items-center gap-2 p-6 text-sm text-muted-foreground'\n      }\n    >\n      <AlertTriangle className=\"h-4 w-4 shrink-0\" />\n      {FAILURE_MESSAGE}\n    </div>\n  )\n}\n","import { useState } from 'react'\nimport { Check, Copy } from 'lucide-react'\n\nexport interface ArtifactCodeViewProps {\n  source: string\n  fileName?: string\n}\n\n/** The source of a live (html/react) artifact, shown for copying. Changes are made by asking the assistant. */\nexport function ArtifactCodeView({ source, fileName }: ArtifactCodeViewProps) {\n  const [copied, setCopied] = useState(false)\n\n  const copy = async () => {\n    try {\n      await navigator.clipboard.writeText(source)\n      setCopied(true)\n      window.setTimeout(() => setCopied(false), 1500)\n    } catch {\n      // Clipboard can be unavailable (permissions, insecure context); the text stays selectable.\n    }\n  }\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col\" data-testid=\"artifact-code-view\">\n      <div className=\"flex items-center gap-2 border-b px-3 py-1.5 text-xs text-muted-foreground\">\n        <span className=\"font-medium text-foreground\">{fileName ?? 'Source'}</span>\n        <button\n          type=\"button\"\n          onClick={copy}\n          className=\"ml-auto inline-flex items-center gap-1 rounded px-1.5 py-0.5 hover:bg-muted hover:text-foreground\"\n          data-testid=\"artifact-code-copy\"\n        >\n          {copied ? <Check className=\"h-3.5 w-3.5\" /> : <Copy className=\"h-3.5 w-3.5\" />}\n          {copied ? 'Copied' : 'Copy'}\n        </button>\n      </div>\n      <pre className=\"min-h-0 flex-1 overflow-auto p-4 font-mono text-xs leading-relaxed whitespace-pre-wrap break-words\">\n        {source}\n      </pre>\n    </div>\n  )\n}\n"]}

package/dist/{chunk-IBZJYCYM.js → chunk-66TA5IBN.js}

@@ -105,7 +105,7 @@ function UsageMeter({
     ["autoRoom", legend.autoRoom]
   ].filter(([, text]) => !!text) : [];
   const meter = /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1.5", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 text-sm", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center justify-between gap-3 text-sm", children: [
       /* @__PURE__ */ jsxs(
         "span",
         {
@@ -175,30 +175,22 @@ function UsageMeter({
     ),
     details && /* @__PURE__ */ jsx("div", { className: "space-y-1 text-xs text-muted-foreground", children: details })
   ] });
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        actions ? "flex flex-wrap items-start gap-x-6 gap-y-3" : "space-y-1.5",
-        className
-      ),
-      "data-testid": testId,
-      "data-state": state,
-      children: [
-        meter,
-        actions && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "flex shrink-0 flex-col items-stretch gap-2 sm:w-64",
-            "data-slot": "usage-meter-actions",
-            children: actions
-          }
-        )
-      ]
-    }
-  );
+  if (!actions) {
+    return /* @__PURE__ */ jsx("div", { className: cn("space-y-1.5", className), "data-testid": testId, "data-state": state, children: meter });
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn("@container", className), "data-testid": testId, "data-state": state, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 @lg:flex-row @lg:items-start @lg:gap-6", children: [
+    meter,
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "flex min-w-0 flex-wrap items-center gap-2 @lg:w-60 @lg:shrink-0 @lg:flex-col @lg:items-stretch",
+        "data-slot": "usage-meter-actions",
+        children: actions
+      }
+    )
+  ] }) });
 }
 
 export { UsageMeter, usageMeterState };
-//# sourceMappingURL=chunk-IBZJYCYM.js.map
-//# sourceMappingURL=chunk-IBZJYCYM.js.map
+//# sourceMappingURL=chunk-66TA5IBN.js.map
+//# sourceMappingURL=chunk-66TA5IBN.js.map

package/dist/chunk-66TA5IBN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/UsageMeter.tsx"],"names":[],"mappings":"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","file":"chunk-66TA5IBN.js","sourcesContent":["import type { ReactNode } from 'react'\nimport type { LucideIcon } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\n\n/**\n * What an allowance is made of, in the meter's own unit (£ of AI usage, GB, users): what was used, the plan's part\n * of the allowance, the top-ups on top of it, and how much more automatic top-ups may still add before a usage cap\n * (or budget) stops them.\n */\nexport interface UsageMeterAllowance {\n  used: number\n  /** The plan's part of the allowance (marked on the bar when top-ups or automatic room follow it). */\n  plan: number\n  /** Top-ups on top of the plan: the allowance now is `plan + topUps`. */\n  topUps?: number\n  /**\n   * Room automatic top-ups may still add before the cap stops them (drawn hatched after the allowance).\n   * `null` = no limit (nothing drawn: the room is unbounded); omitted = not applicable.\n   */\n  autoRoom?: number | null\n}\n\n/** Pressure on an allowance: under 80% used, 80% to under 100%, or at / over it. */\nexport type UsageMeterState = 'under' | 'near' | 'over'\n\n/** The allowance meter's pressure state for `used` of `allowance`. */\nexport function usageMeterState(used: number, allowance: number): UsageMeterState {\n  if (allowance <= 0) return used > 0 ? 'over' : 'under'\n  const ratio = used / allowance\n  return ratio >= 1 ? 'over' : ratio >= 0.8 ? 'near' : 'under'\n}\n\nconst STATE_TONE: Record<UsageMeterState, string> = {\n  under: 'bg-primary',\n  near: 'bg-yellow-500',\n  over: 'bg-red-500',\n}\n\nconst pctOf = (n: number, scale: number) =>\n  scale > 0 ? Math.max(0, Math.min(100, (n / scale) * 100)) : 0\n\n/** Legend swatches, matching the bar's segments. */\nconst SWATCH = {\n  plan: 'bg-muted-foreground/40',\n  topUps: 'bg-primary/30',\n  autoRoom: 'bg-muted',\n}\n\nconst HATCH = {\n  backgroundImage: 'repeating-linear-gradient(135deg, currentColor 0 1.5px, transparent 1.5px 5px)',\n} as const\n\n/** The segmented bar of an allowance meter: used, the plan mark, top-ups, and the automatic room. */\nfunction AllowanceBar({ allowance, label }: { allowance: UsageMeterAllowance; label: string }) {\n  const { used, plan } = allowance\n  const topUps = Math.max(0, allowance.topUps ?? 0)\n  const room = Math.max(0, allowance.autoRoom ?? 0)\n  const total = plan + topUps\n  const scale = Math.max(total + room, used, Number.EPSILON)\n  const state = usageMeterState(used, total)\n  const usedPct = total > 0 ? Math.round((used / total) * 100) : used > 0 ? 100 : 0\n  const markPlan = plan > 0 && plan < scale && (topUps > 0 || room > 0)\n  return (\n    <div className=\"relative h-2 overflow-hidden rounded-full bg-muted\" data-slot=\"usage-meter-bar\">\n      {topUps > 0 && (\n        <div\n          className={cn('absolute inset-y-0', SWATCH.topUps)}\n          style={{ left: `${pctOf(plan, scale)}%`, width: `${pctOf(topUps, scale)}%` }}\n          data-slot=\"usage-meter-topups\"\n        />\n      )}\n      {room > 0 && (\n        <div\n          className=\"absolute inset-y-0 text-muted-foreground/35\"\n          style={{ left: `${pctOf(total, scale)}%`, width: `${pctOf(room, scale)}%`, ...HATCH }}\n          data-slot=\"usage-meter-auto-room\"\n        />\n      )}\n      <div\n        className={cn(\n          'absolute inset-y-0 left-0 rounded-full transition-[width]',\n          STATE_TONE[state]\n        )}\n        style={{ width: `${pctOf(Math.min(used, scale), scale)}%` }}\n        role=\"progressbar\"\n        aria-valuenow={Math.min(usedPct, 100)}\n        aria-valuemin={0}\n        aria-valuemax={100}\n        aria-label={label}\n        data-state={state}\n      />\n      {markPlan && (\n        <div\n          className=\"absolute inset-y-0 w-0.5 -translate-x-1/2 bg-foreground/70\"\n          style={{ left: `${pctOf(plan, scale)}%` }}\n          aria-hidden\n          data-slot=\"usage-meter-plan-mark\"\n        />\n      )}\n      {room > 0 && total > 0 && (\n        <div\n          className=\"absolute inset-y-0 w-px bg-foreground/40\"\n          style={{ left: `${pctOf(total, scale)}%` }}\n          aria-hidden\n        />\n      )}\n    </div>\n  )\n}\n\n/**\n * One labelled quota meter: icon + label on the left, used-of-limit on the right, a thin bar underneath.\n *\n * Simple mode (`pct`): the bar's tone follows pressure with the shared green → yellow → red gradation — green while\n * there's room, yellow past the halfway mark, red at the limit — so a stack of meters reads at a glance which quota\n * is the one to think about.\n *\n * Allowance mode (`allowance`): the bar spans the allowance plus what automatic top-ups may still add; it marks the\n * plan's part, shades the top-ups, hatches the automatic room, and fills what was used (red at the allowance, yellow\n * from 80%). `legend` names the segments; `details` (next period, cap) sit under the bar and `actions` (+ / −) beside\n * it. The meter's `data-state` is `under` / `near` / `over`.\n */\nexport function UsageMeter({\n  icon: Icon,\n  label,\n  value,\n  pct = 0,\n  hint,\n  allowance,\n  legend,\n  details,\n  actions,\n  className,\n  testId,\n}: {\n  icon?: LucideIcon\n  label: string\n  /** Formatted used-of-limit text, e.g. \"1,200 / 25,000\" or \"40 / 500 MB\". */\n  value: string\n  /** Simple mode: fill percentage, 0–100 (values are clamped). Ignored with `allowance`. */\n  pct?: number\n  /** Inline parenthetical after the label, e.g. \"resets May 31, 2025\" —\n   *  same font as the label, so the meter never grows an extra row. */\n  hint?: string\n  /** Allowance mode: the allowance's parts, in the meter's unit. */\n  allowance?: UsageMeterAllowance\n  /** Formatted legend entries for the allowance's segments (each shown only when set). */\n  legend?: { plan?: string; topUps?: string; autoRoom?: string }\n  details?: ReactNode\n  actions?: ReactNode\n  className?: string\n  testId?: string\n}) {\n  const clamped = Math.max(0, Math.min(100, pct))\n  // Shared green → yellow → red gradation (same thresholds as the project-card\n  // quota badges): green with room, yellow past the halfway mark, red at limit.\n  const tone = clamped >= 100 ? 'bg-red-500' : clamped >= 50 ? 'bg-yellow-500' : 'bg-primary'\n  const state = allowance\n    ? usageMeterState(allowance.used, allowance.plan + Math.max(0, allowance.topUps ?? 0))\n    : undefined\n  const legendItems = legend\n    ? (\n        [\n          ['plan', legend.plan],\n          ['topUps', legend.topUps],\n          ['autoRoom', legend.autoRoom],\n        ] as const\n      ).filter(([, text]) => !!text)\n    : []\n\n  const meter = (\n    <div className=\"min-w-0 flex-1 space-y-1.5\">\n      <div className=\"flex min-w-0 items-center justify-between gap-3 text-sm\">\n        <span\n          className={cn(\n            'flex min-w-0 items-center gap-1.5',\n            allowance ? 'font-medium text-foreground' : 'text-muted-foreground'\n          )}\n        >\n          {Icon && <Icon className=\"size-3.5 shrink-0\" />}\n          <span className=\"truncate\">\n            {label}\n            {hint ? ` (${hint})` : ''}\n          </span>\n        </span>\n        <span\n          className=\"shrink-0 font-medium tabular-nums text-foreground\"\n          data-slot=\"usage-meter-value\"\n        >\n          {value}\n        </span>\n      </div>\n      {allowance ? (\n        <AllowanceBar allowance={allowance} label={label} />\n      ) : (\n        <div className=\"h-1.5 overflow-hidden rounded-full bg-muted\">\n          <div\n            className={cn('h-full rounded-full transition-[width]', tone)}\n            style={{ width: `${clamped}%` }}\n            role=\"progressbar\"\n            aria-valuenow={clamped}\n            aria-valuemin={0}\n            aria-valuemax={100}\n            aria-label={label}\n          />\n        </div>\n      )}\n      {legendItems.length > 0 && (\n        <ul\n          className=\"flex flex-wrap gap-x-4 gap-y-1 text-xs tabular-nums text-muted-foreground\"\n          data-slot=\"usage-meter-legend\"\n        >\n          {legendItems.map(([key, text]) => (\n            <li\n              key={key}\n              className=\"flex items-center gap-1.5\"\n              data-slot={`usage-meter-legend-${key}`}\n            >\n              <span\n                className={cn(\n                  'inline-block size-2 rounded-sm',\n                  SWATCH[key],\n                  key === 'autoRoom' && 'text-muted-foreground/60'\n                )}\n                style={key === 'autoRoom' ? HATCH : undefined}\n                aria-hidden\n              />\n              {text}\n            </li>\n          ))}\n        </ul>\n      )}\n      {details && <div className=\"space-y-1 text-xs text-muted-foreground\">{details}</div>}\n    </div>\n  )\n\n  if (!actions) {\n    return (\n      <div className={cn('space-y-1.5', className)} data-testid={testId} data-state={state}>\n        {meter}\n      </div>\n    )\n  }\n  // The actions sit beside the meter when the meter's own box is wide enough, under it otherwise\n  // (a container query, so a narrow panel on a wide screen stacks too); nothing overflows at 390px.\n  return (\n    <div className={cn('@container', className)} data-testid={testId} data-state={state}>\n      <div className=\"flex flex-col gap-3 @lg:flex-row @lg:items-start @lg:gap-6\">\n        {meter}\n        <div\n          className=\"flex min-w-0 flex-wrap items-center gap-2 @lg:w-60 @lg:shrink-0 @lg:flex-col @lg:items-stretch\"\n          data-slot=\"usage-meter-actions\"\n        >\n          {actions}\n        </div>\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/{chunk-HM23LXUP.cjs → chunk-6AALMYPS.cjs}

@@ -1,8 +1,8 @@
 "use client";
 'use strict';
 
-var chunk7UTB4PHM_cjs = require('./chunk-7UTB4PHM.cjs');
 var chunk32HW2Q33_cjs = require('./chunk-32HW2Q33.cjs');
+var chunk7UTB4PHM_cjs = require('./chunk-7UTB4PHM.cjs');
 var chunkPPCATBOY_cjs = require('./chunk-PPCATBOY.cjs');
 var lucideReact = require('lucide-react');
 var ui = require('@arbidocs/react/ui');
@@ -972,5 +972,5 @@ exports.workflowFromFrontmatter = workflowFromFrontmatter;
 exports.workflowSteps = workflowSteps;
 exports.workflowsAccepting = workflowsAccepting;
 exports.workflowsForHost = workflowsForHost;
-//# sourceMappingURL=chunk-HM23LXUP.cjs.map
-//# sourceMappingURL=chunk-HM23LXUP.cjs.map
+//# sourceMappingURL=chunk-6AALMYPS.cjs.map
+//# sourceMappingURL=chunk-6AALMYPS.cjs.map