@bendyline/docblocks-react 2.7.2 → 2.7.4

package/dist/{AiEditorAssistant-GN2KXKZD.js → AiEditorAssistant-4HFFGVU4.js}

@@ -1,9 +1,14 @@
 import {
   AiDiagramDialog
-} from "./chunk-X3DDTJKR.js";
+} from "./chunk-D4HIOS7E.js";
+import {
+  AiGenerationStatus,
+  STUDY_AID_KINDS,
+  STUDY_AID_LABELS
+} from "./chunk-XNT66JC2.js";
 import {
   useConfirmDialog
-} from "./chunk-6B7G33D5.js";
+} from "./chunk-KBUHWZCF.js";
 import {
   useMenuKeyboard
 } from "./chunk-GMA4KGGO.js";
@@ -11,6 +16,7 @@ import {
   AI_INSTRUCTION_CHARACTERS,
   AI_REVIEW_DOCUMENT_CHARACTERS,
   AI_REWRITE_SELECTION_CHARACTERS,
+  AiReportButton,
   aiReviewReplyWasCutOff,
   applyAiReviewFinding,
   buildDraftContinuation,
@@ -19,76 +25,34 @@ import {
   findUniqueExcerpt,
   parseAiReviewResponse,
   parseTruncatedAiReviewResponse,
-  sanitizeGeneratedMarkdown
-} from "./chunk-NAH52736.js";
+  reviewDocumentCharacters,
+  sanitizeGeneratedMarkdown,
+  withoutPictureFindings
+} from "./chunk-7V34VUK6.js";
 import {
   unavailableSentence,
   useAiStatus
 } from "./chunk-K4I3NJFL.js";
 import {
   Dialog
-} from "./chunk-56KO2LYN.js";
+} from "./chunk-VJPGZCFS.js";
 
 // src/Ai/AiEditorAssistant.tsx
-import { useCallback, useEffect as useEffect2, useMemo, useRef, useState as useState2 } from "react";
+import {
+  lazy,
+  Suspense,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
 import { createPortal } from "react-dom";
 import {
   useEditorContext,
   useEditorContextMenuItems
 } from "@bendyline/squisq-editor-react";
 
-// src/Ai/AiGenerationStatus.tsx
-import { useEffect, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var LABELS = {
-  starting: "Waiting for model\u2026",
-  queued: "Waiting for an available model\u2026",
-  loading_model: "Loading model\u2026",
-  prefill: "Processing input (prefill)\u2026",
-  reasoning: "Thinking\u2026",
-  generating: "Writing\u2026"
-};
-function duration(milliseconds) {
-  const seconds = Math.max(0, Math.floor(milliseconds / 1e3));
-  return seconds < 60 ? `${seconds}s` : `${Math.floor(seconds / 60)}m ${String(seconds % 60).padStart(2, "0")}s`;
-}
-function AiGenerationStatus({
-  state,
-  characters
-}) {
-  const [now, setNow] = useState(Date.now);
-  useEffect(() => {
-    const timer = setInterval(() => setNow(Date.now()), 1e3);
-    return () => clearInterval(timer);
-  }, []);
-  const progress = state.progress;
-  const label = progress ? LABELS[progress.phase] : "Waiting for response\u2026";
-  const percent = progress?.phase === "prefill" ? progress.percent : null;
-  const details = [`${duration(now - state.startedAt)} elapsed`];
-  if (progress?.outputTokens != null) {
-    details.push(`${progress.outputTokens.toLocaleString()} tokens generated`);
-  } else if (characters > 0) {
-    details.push(`${characters.toLocaleString()} characters received`);
-  }
-  if (progress?.tokensPerSecond != null) {
-    details.push(`${progress.tokensPerSecond.toFixed(1)} tokens/s`);
-  }
-  if (now - state.lastActivityAt >= 15e3) {
-    details.push(
-      progress || characters > 0 ? `Last update ${duration(now - state.lastActivityAt)} ago` : "No progress updates received"
-    );
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "db-ai-generation-status", children: [
-    /* @__PURE__ */ jsxs("p", { className: "db-ai-progress", role: "status", children: [
-      /* @__PURE__ */ jsx("span", { className: "db-ai-spinner", "aria-hidden": "true" }),
-      label,
-      percent != null ? ` ${Math.floor(percent)}%` : ""
-    ] }),
-    percent != null && /* @__PURE__ */ jsx("progress", { "aria-label": label.replace("\u2026", ""), max: 100, value: percent }),
-    /* @__PURE__ */ jsx("p", { className: "db-ai-note", "aria-live": "off", children: details.join(" \xB7 ") })
-  ] });
-}
-
 // src/Ai/draft-capacity.ts
 import { AI_WIRE_LIMITS } from "@bendyline/docblocks/host";
 function estimateTokens(text) {
@@ -117,7 +81,10 @@ function draftCapacityNotice(request, model, expectedOutput = "") {
 }
 
 // src/Ai/AiEditorAssistant.tsx
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var AiStudyDialog = lazy(
+  () => import("./AiStudyDialog-P3E7PJV5.js").then((module) => ({ default: module.AiStudyDialog }))
+);
 function AiToolbarControl({
   ai,
   readOnly = false,
@@ -127,24 +94,27 @@ function AiToolbarControl({
   const {
     activeView,
     editorMode,
+    fileName,
     getSelection,
     insertBlockAfterCursor,
     layoutMode,
     markdownSource,
     replaceSelection,
-    selectionVersion
+    selectionVersion,
+    workspaceContainer
   } = useEditorContext();
   const status = useAiStatus(ai);
-  const [menuOpen, setMenuOpen] = useState2(false);
-  const [draftMode, setDraftMode] = useState2(null);
-  const [capturedSelection, setCapturedSelection] = useState2(null);
-  const [diagramSelection, setDiagramSelection] = useState2(null);
+  const [menuOpen, setMenuOpen] = useState(false);
+  const [draftMode, setDraftMode] = useState(null);
+  const [capturedSelection, setCapturedSelection] = useState(null);
+  const [diagramSelection, setDiagramSelection] = useState(null);
+  const [studyKind, setStudyKind] = useState(null);
   const rootRef = useRef(null);
   const { menuRef, triggerRef, handleMenuKeyDown, handleTriggerKeyDown, closeMenu } = useMenuKeyboard(menuOpen, setMenuOpen);
   void activeView;
   void selectionVersion;
   const selection = getSelection();
-  useEffect2(() => {
+  useEffect(() => {
     if (!menuOpen) return;
     const onPointerDown = (event) => {
       if (rootRef.current && !rootRef.current.contains(event.target)) setMenuOpen(false);
@@ -152,6 +122,7 @@ function AiToolbarControl({
     document.addEventListener("pointerdown", onPointerDown);
     return () => document.removeEventListener("pointerdown", onPointerDown);
   }, [menuOpen]);
+  useEffect(() => setStudyKind(null), [workspaceContainer]);
   const ready = status?.kind === "ready" && status.model !== null;
   const openDiagram = () => {
     const current = getSelection();
@@ -174,6 +145,7 @@ function AiToolbarControl({
     return null;
   }
   const editableSelection = !readOnly && ready ? selection : null;
+  const canStudy = ready && !readOnly && workspaceContainer !== null && markdownSource.trim().length > 0;
   const canCompose = editableSelection?.empty === true;
   const canRewrite = editableSelection?.empty === false && (editableSelection.markdown ?? editableSelection.text).length <= AI_REWRITE_SELECTION_CHARACTERS;
   const openDraft = (mode) => {
@@ -187,9 +159,9 @@ function AiToolbarControl({
     setDraftMode(null);
     setCapturedSelection(null);
   };
-  return /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsxs2("div", { className: "db-toolbar-menu db-ai-toolbar", ref: rootRef, children: [
-      /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "db-toolbar-menu db-ai-toolbar", ref: rootRef, children: [
+      /* @__PURE__ */ jsx(
         "button",
         {
           ref: triggerRef,
@@ -201,10 +173,10 @@ function AiToolbarControl({
           "aria-haspopup": "menu",
           "aria-expanded": menuOpen,
           "data-tooltip": "AI actions",
-          children: /* @__PURE__ */ jsx2(SparklesGlyph, {})
+          children: /* @__PURE__ */ jsx(SparklesGlyph, {})
         }
       ),
-      menuOpen && /* @__PURE__ */ jsxs2(
+      menuOpen && /* @__PURE__ */ jsxs(
         "div",
         {
           ref: menuRef,
@@ -213,8 +185,8 @@ function AiToolbarControl({
           "aria-label": "AI actions",
           onKeyDown: handleMenuKeyDown,
           children: [
-            !ready && /* @__PURE__ */ jsx2("div", { className: "db-ai-toolbar-status", role: "status", children: unavailableSentence(status) }),
-            /* @__PURE__ */ jsx2(
+            !ready && /* @__PURE__ */ jsx("div", { className: "db-ai-toolbar-status", role: "status", children: unavailableSentence(status) }),
+            /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
@@ -226,7 +198,7 @@ function AiToolbarControl({
                 children: "Add content\u2026"
               }
             ),
-            /* @__PURE__ */ jsx2(
+            /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
@@ -238,7 +210,7 @@ function AiToolbarControl({
                 children: "Rewrite selection\u2026"
               }
             ),
-            /* @__PURE__ */ jsx2(
+            /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
@@ -253,7 +225,7 @@ function AiToolbarControl({
                 children: openPanel === "review" ? "Show document review" : "Review document\u2026"
               }
             ),
-            /* @__PURE__ */ jsx2(
+            /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
@@ -268,7 +240,7 @@ function AiToolbarControl({
                 children: openPanel === "illustrate" ? "Show illustrations" : "Illustrate document\u2026"
               }
             ),
-            /* @__PURE__ */ jsx2(
+            /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
@@ -280,14 +252,31 @@ function AiToolbarControl({
                 children: "Insert diagram\u2026"
               }
             ),
-            ready && !selection && /* @__PURE__ */ jsx2("div", { className: "db-ai-toolbar-status", children: "Switch to Write or Source to edit with AI." }),
-            ready && selection && !selection.empty && !canRewrite && /* @__PURE__ */ jsx2("div", { className: "db-ai-toolbar-status", children: "The selection is too long to rewrite." }),
-            ready && layoutMode !== "document" && /* @__PURE__ */ jsx2("div", { className: "db-ai-toolbar-status", children: "Switch to the Document layout to illustrate." })
+            /* @__PURE__ */ jsx("div", { className: "db-toolbar-menu-divider", role: "separator" }),
+            STUDY_AID_KINDS.map((kind) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                tabIndex: -1,
+                className: "db-toolbar-menu-item",
+                disabled: !canStudy,
+                onClick: () => {
+                  closeMenu(false);
+                  setStudyKind(kind);
+                },
+                children: STUDY_AID_LABELS[kind].menu
+              },
+              kind
+            )),
+            ready && !selection && /* @__PURE__ */ jsx("div", { className: "db-ai-toolbar-status", children: "Switch to Write or Source to edit with AI." }),
+            ready && selection && !selection.empty && !canRewrite && /* @__PURE__ */ jsx("div", { className: "db-ai-toolbar-status", children: "The selection is too long to rewrite." }),
+            ready && layoutMode !== "document" && /* @__PURE__ */ jsx("div", { className: "db-ai-toolbar-status", children: "Switch to the Document layout to illustrate." })
           ]
         }
       )
     ] }),
-    draftMode && capturedSelection && /* @__PURE__ */ jsx2(
+    draftMode && capturedSelection && /* @__PURE__ */ jsx(
       AiDraftDialog,
       {
         ai,
@@ -300,7 +289,7 @@ function AiToolbarControl({
         onClose: closeDraft
       }
     ),
-    diagramSelection && /* @__PURE__ */ jsx2(
+    diagramSelection && /* @__PURE__ */ jsx(
       AiDiagramDialog,
       {
         ai,
@@ -310,7 +299,19 @@ function AiToolbarControl({
         insertBlockAfterCursor,
         onClose: () => setDiagramSelection(null)
       }
-    )
+    ),
+    studyKind && workspaceContainer && /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+      AiStudyDialog,
+      {
+        ai,
+        kind: studyKind,
+        documentSource: markdownSource,
+        documentName: (fileName ?? "").split("/").pop() || "Untitled.md",
+        container: workspaceContainer,
+        onClose: () => setStudyKind(null)
+      },
+      studyKind
+    ) })
   ] });
 }
 function AiDraftDialog({
@@ -324,17 +325,17 @@ function AiDraftDialog({
   onClose
 }) {
   const defaultInstructions = mode === "compose" ? "Add a concise introduction for this document." : "Improve clarity and flow while preserving the meaning and voice.";
-  const [instructions, setInstructions] = useState2("");
-  const [draft, setDraft] = useState2(null);
+  const [instructions, setInstructions] = useState("");
+  const [draft, setDraft] = useState(null);
   const generatedDraftRef = useRef("");
   const carriedEditsRef = useRef(false);
-  const [originalRequest, setOriginalRequest] = useState2(null);
-  const [incomplete, setIncomplete] = useState2(false);
-  const [prefixCharacters, setPrefixCharacters] = useState2(0);
-  const [running, setRunning] = useState2(false);
-  const [generation, setGeneration] = useState2(null);
-  const [error, setError] = useState2(null);
-  const [finishNote, setFinishNote] = useState2(null);
+  const [originalRequest, setOriginalRequest] = useState(null);
+  const [incomplete, setIncomplete] = useState(false);
+  const [prefixCharacters, setPrefixCharacters] = useState(0);
+  const [running, setRunning] = useState(false);
+  const [generation, setGeneration] = useState(null);
+  const [error, setError] = useState(null);
+  const [finishNote, setFinishNote] = useState(null);
   const promptRef = useRef(null);
   const handleRef = useRef(null);
   const requestRef = useRef(0);
@@ -358,7 +359,7 @@ function AiDraftDialog({
     model,
     incomplete || mode === "compose" ? "" : selectedMarkdown
   );
-  useEffect2(
+  useEffect(
     () => () => {
       requestRef.current += 1;
       handleRef.current?.cancel();
@@ -415,7 +416,7 @@ function AiDraftDialog({
         }
         const emptyContinuation = Boolean(prefix) && !event.completion.text.trim();
         const finished = event.completion.finishReason === "stop" && !emptyContinuation;
-        generatedDraftRef.current = prefix || !finished ? prefix + event.completion.text : sanitizeGeneratedMarkdown(event.completion.text);
+        generatedDraftRef.current = prefix || !finished ? prefix + event.completion.text : sanitizeGeneratedMarkdown(event.completion.text, documentSource);
         setDraft(generatedDraftRef.current);
         setIncomplete(!finished && Boolean(generatedDraftRef.current.trim()));
         if (event.completion.finishReason === "cancelled") {
@@ -434,7 +435,7 @@ function AiDraftDialog({
       });
       handleRef.current = handle;
     },
-    [ai]
+    [ai, documentSource]
   );
   const generate = useCallback(async () => {
     if (running || draftCapacityNotice(draftRequest, model)?.blocked) return;
@@ -460,7 +461,7 @@ function AiDraftDialog({
   const stop = useCallback(() => handleRef.current?.cancel(), []);
   const apply = useCallback(async () => {
     if (running) return;
-    const replacement = sanitizeGeneratedMarkdown(draft ?? "");
+    const replacement = sanitizeGeneratedMarkdown(draft ?? "", documentSource);
     if (!replacement) return;
     if (incomplete) {
       const previousRequest = requestRef.current;
@@ -493,6 +494,7 @@ function AiDraftDialog({
   }, [
     capturedSelection,
     selectedMarkdown,
+    documentSource,
     draft,
     getSelection,
     mode,
@@ -502,43 +504,43 @@ function AiDraftDialog({
     incomplete,
     confirmAction
   ]);
-  const dialog = /* @__PURE__ */ jsxs2(
+  const dialog = /* @__PURE__ */ jsxs(
     Dialog,
     {
       title: mode === "compose" ? "Add content with AI" : "Rewrite with AI",
       onClose,
       size: "wide",
-      closeOnBackdrop: !running,
+      closeOnBackdrop: false,
       initialFocusRef: promptRef,
       className: "db-ai-draft-dialog",
       bodyClassName: "db-ai-draft-body",
       footerClassName: "db-ai-draft-footer",
-      footer: /* @__PURE__ */ jsxs2(Fragment, { children: [
-        (running || finishNote || error || capacity) && /* @__PURE__ */ jsxs2("div", { className: "db-ai-footer-status", children: [
-          running && generation && /* @__PURE__ */ jsx2(
+      footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+        (running || finishNote || error || capacity) && /* @__PURE__ */ jsxs("div", { className: "db-ai-footer-status", children: [
+          running && generation && /* @__PURE__ */ jsx(
             AiGenerationStatus,
             {
               state: generation,
               characters: Math.max(0, (draft?.length ?? 0) - prefixCharacters)
             }
           ),
-          finishNote && /* @__PURE__ */ jsx2("p", { className: "db-ai-note", children: finishNote }),
-          !running && capacity && /* @__PURE__ */ jsx2("p", { className: "db-ai-note", role: "status", children: capacity.message }),
-          error && /* @__PURE__ */ jsx2("p", { className: "db-ai-error", role: "alert", children: error })
+          finishNote && /* @__PURE__ */ jsx("p", { className: "db-ai-note", children: finishNote }),
+          !running && capacity && /* @__PURE__ */ jsx("p", { className: "db-ai-note", role: "status", children: capacity.message }),
+          error && /* @__PURE__ */ jsx("p", { className: "db-ai-error", role: "alert", children: error })
         ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "db-ai-draft-actions", children: [
-          /* @__PURE__ */ jsx2("button", { type: "button", onClick: onClose, children: "Cancel" }),
-          running ? /* @__PURE__ */ jsx2("button", { type: "button", className: "db-ai-secondary-action", onClick: stop, children: "Stop" }) : draft !== null ? /* @__PURE__ */ jsxs2(Fragment, { children: [
-            /* @__PURE__ */ jsx2("button", { type: "button", className: "db-ai-secondary-action", onClick: generate, children: "Regenerate" }),
-            incomplete && draft.trim() && /* @__PURE__ */ jsx2("button", { type: "button", disabled: capacity?.blocked, onClick: continueDraft, children: "Continue draft" })
+        /* @__PURE__ */ jsxs("div", { className: "db-ai-draft-actions", children: [
+          /* @__PURE__ */ jsx("button", { type: "button", onClick: onClose, children: "Cancel" }),
+          running ? /* @__PURE__ */ jsx("button", { type: "button", className: "db-ai-secondary-action", onClick: stop, children: "Stop" }) : draft !== null ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("button", { type: "button", className: "db-ai-secondary-action", onClick: generate, children: "Regenerate" }),
+            incomplete && draft.trim() && /* @__PURE__ */ jsx("button", { type: "button", disabled: capacity?.blocked, onClick: continueDraft, children: "Continue draft" })
           ] }) : null,
-          /* @__PURE__ */ jsx2("button", { type: "button", disabled: !draft?.trim() || running, onClick: apply, children: mode === "compose" ? "Insert" : "Replace selection" })
+          /* @__PURE__ */ jsx("button", { type: "button", disabled: !draft?.trim() || running, onClick: apply, children: mode === "compose" ? "Insert" : "Replace selection" })
         ] })
       ] }),
       children: [
-        /* @__PURE__ */ jsxs2("label", { className: "db-ai-field", children: [
-          /* @__PURE__ */ jsx2("span", { children: mode === "compose" ? "What should be added?" : "How should this be rewritten?" }),
-          /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsxs("label", { className: "db-ai-field", children: [
+          /* @__PURE__ */ jsx("span", { children: mode === "compose" ? "What should be added?" : "How should this be rewritten?" }),
+          /* @__PURE__ */ jsx(
             "textarea",
             {
               ref: promptRef,
@@ -550,14 +552,14 @@ function AiDraftDialog({
             }
           )
         ] }),
-        mode === "rewrite" && /* @__PURE__ */ jsxs2("div", { className: "db-ai-selection-preview", children: [
-          /* @__PURE__ */ jsx2("span", { children: "Selected text" }),
-          /* @__PURE__ */ jsx2("blockquote", { tabIndex: 0, "aria-label": "Selected text", children: capturedSelection.text })
+        mode === "rewrite" && /* @__PURE__ */ jsxs("div", { className: "db-ai-selection-preview", children: [
+          /* @__PURE__ */ jsx("span", { children: "Selected text" }),
+          /* @__PURE__ */ jsx("blockquote", { tabIndex: 0, "aria-label": "Selected text", children: capturedSelection.text })
         ] }),
-        draft === null ? /* @__PURE__ */ jsx2("div", { className: "db-ai-draft-start", children: /* @__PURE__ */ jsx2("button", { type: "button", onClick: generate, disabled: capacity?.blocked, children: capacity && !capacity.blocked ? "Generate anyway" : "Generate" }) }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
-          /* @__PURE__ */ jsxs2("label", { className: "db-ai-field db-ai-draft-field", children: [
-            /* @__PURE__ */ jsx2("span", { children: "AI draft" }),
-            /* @__PURE__ */ jsx2(
+        draft === null ? /* @__PURE__ */ jsx("div", { className: "db-ai-draft-start", children: /* @__PURE__ */ jsx("button", { type: "button", onClick: generate, disabled: capacity?.blocked, children: capacity && !capacity.blocked ? "Generate anyway" : "Generate" }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("label", { className: "db-ai-field db-ai-draft-field", children: [
+            /* @__PURE__ */ jsx("span", { children: "AI draft" }),
+            /* @__PURE__ */ jsx(
               "textarea",
               {
                 className: "db-ai-draft-output",
@@ -570,26 +572,49 @@ function AiDraftDialog({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx2("p", { className: "db-ai-disclaimer", children: "Review and edit AI-generated content before adding it." })
+          /* @__PURE__ */ jsxs("p", { className: "db-ai-disclaimer", children: [
+            "Review and edit AI-generated content before adding it.",
+            !running && /* @__PURE__ */ jsxs(Fragment, { children: [
+              " ",
+              /* @__PURE__ */ jsx(
+                AiReportButton,
+                {
+                  feature: mode === "compose" ? "Add content" : "Rewrite selection",
+                  getOutput: () => generatedDraftRef.current,
+                  model: model?.label ?? null
+                }
+              )
+            ] })
+          ] })
         ] })
       ]
     }
   );
-  const dialogs = /* @__PURE__ */ jsxs2(Fragment, { children: [
+  const dialogs = /* @__PURE__ */ jsxs(Fragment, { children: [
     dialog,
     confirmDialog
   ] });
   return typeof document === "undefined" ? dialogs : createPortal(dialogs, document.body);
 }
+function formatReviewFindings(findings) {
+  return findings.map(
+    (finding) => [
+      `${finding.severity} \xB7 ${finding.category}: ${finding.message}`,
+      finding.rationale,
+      finding.replacement !== null ? `Suggested: ${finding.replacement}` : ""
+    ].filter(Boolean).join("\n")
+  ).join("\n\n");
+}
 function AiReviewPanel({ ai, onClose }) {
   const { markdownSource, replaceAll } = useEditorContext();
-  const [phase, setPhase] = useState2("idle");
-  const [findings, setFindings] = useState2([]);
-  const [reviewedSource, setReviewedSource] = useState2(null);
-  const [resolvedIds, setResolvedIds] = useState2(() => /* @__PURE__ */ new Set());
-  const [error, setError] = useState2(null);
-  const [cutOff, setCutOff] = useState2(false);
-  const [applyErrorId, setApplyErrorId] = useState2(null);
+  const [phase, setPhase] = useState("idle");
+  const [findings, setFindings] = useState([]);
+  const [reviewedSource, setReviewedSource] = useState(null);
+  const [resolvedIds, setResolvedIds] = useState(() => /* @__PURE__ */ new Set());
+  const [error, setError] = useState(null);
+  const [cutOff, setCutOff] = useState(false);
+  const [applyErrorId, setApplyErrorId] = useState(null);
+  const [reviewModel, setReviewModel] = useState(null);
   const handleRef = useRef(null);
   const requestRef = useRef(0);
   const startedRef = useRef(false);
@@ -609,7 +634,7 @@ function AiReviewPanel({ ai, onClose }) {
       setPhase("ready");
       return;
     }
-    if (markdownSource.length > AI_REVIEW_DOCUMENT_CHARACTERS) {
+    if (reviewDocumentCharacters(markdownSource) > AI_REVIEW_DOCUMENT_CHARACTERS) {
       setError("This document is too long for one AI review pass. Review a shorter document.");
       setPhase("error");
       return;
@@ -641,18 +666,19 @@ function AiReviewPanel({ ai, onClose }) {
         return;
       }
       setCutOff(truncated);
-      setFindings(parsed);
+      setReviewModel(event.completion.model || null);
+      setFindings(withoutPictureFindings(parsed, source));
       setReviewedSource(source);
       setPhase("ready");
     });
     handleRef.current = handle;
   }, [ai, markdownSource]);
-  useEffect2(() => {
+  useEffect(() => {
     if (startedRef.current) return;
     startedRef.current = true;
     runReview();
   }, [runReview]);
-  useEffect2(
+  useEffect(
     () => () => {
       requestRef.current += 1;
       handleRef.current?.cancel();
@@ -681,17 +707,17 @@ function AiReviewPanel({ ai, onClose }) {
   }, []);
   const visibleFindings = findings.filter((finding) => !resolvedIds.has(finding.id));
   const documentChanged = reviewedSource !== null && markdownSource !== reviewedSource;
-  return /* @__PURE__ */ jsxs2("aside", { className: "db-ai-review-panel", "aria-label": "AI document review", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "db-ai-review-header", children: [
-      /* @__PURE__ */ jsxs2("div", { children: [
-        /* @__PURE__ */ jsx2("h2", { children: "AI review" }),
-        phase === "ready" && /* @__PURE__ */ jsxs2("span", { className: "db-ai-review-count", children: [
+  return /* @__PURE__ */ jsxs("aside", { className: "db-ai-review-panel", "aria-label": "AI document review", children: [
+    /* @__PURE__ */ jsxs("div", { className: "db-ai-review-header", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h2", { children: "AI review" }),
+        phase === "ready" && /* @__PURE__ */ jsxs("span", { className: "db-ai-review-count", children: [
           visibleFindings.length,
           " ",
           visibleFindings.length === 1 ? "finding" : "findings"
         ] })
       ] }),
-      /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
@@ -702,48 +728,48 @@ function AiReviewPanel({ ai, onClose }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx2("div", { className: "db-ai-review-actions", children: phase === "running" ? /* @__PURE__ */ jsx2("button", { type: "button", onClick: cancelReview, children: "Stop review" }) : /* @__PURE__ */ jsx2("button", { type: "button", onClick: runReview, children: phase === "idle" ? "Review document" : "Review again" }) }),
-    phase === "running" && /* @__PURE__ */ jsxs2("div", { className: "db-ai-review-empty", role: "status", children: [
-      /* @__PURE__ */ jsx2("span", { className: "db-ai-spinner", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx("div", { className: "db-ai-review-actions", children: phase === "running" ? /* @__PURE__ */ jsx("button", { type: "button", onClick: cancelReview, children: "Stop review" }) : /* @__PURE__ */ jsx("button", { type: "button", onClick: runReview, children: phase === "idle" ? "Review document" : "Review again" }) }),
+    phase === "running" && /* @__PURE__ */ jsxs("div", { className: "db-ai-review-empty", role: "status", children: [
+      /* @__PURE__ */ jsx("span", { className: "db-ai-spinner", "aria-hidden": "true" }),
       " Reviewing this document\u2026"
     ] }),
-    phase === "error" && error && /* @__PURE__ */ jsx2("div", { className: "db-ai-review-empty db-ai-error", role: "alert", children: error }),
-    cutOff && phase === "ready" && /* @__PURE__ */ jsxs2("div", { className: "db-ai-review-stale", role: "status", children: [
+    phase === "error" && error && /* @__PURE__ */ jsx("div", { className: "db-ai-review-empty db-ai-error", role: "alert", children: error }),
+    cutOff && phase === "ready" && /* @__PURE__ */ jsxs("div", { className: "db-ai-review-stale", role: "status", children: [
       "The AI ran out of room after ",
       findings.length,
       " ",
       findings.length === 1 ? "finding" : "findings",
       ", so there may be more. After you apply these, review again to look for others."
     ] }),
-    documentChanged && phase === "ready" && /* @__PURE__ */ jsx2("div", { className: "db-ai-review-stale", role: "status", children: "The document changed after this review. Suggestions are applied only when their original text still matches exactly." }),
-    phase === "ready" && visibleFindings.length === 0 && /* @__PURE__ */ jsx2("div", { className: "db-ai-review-empty", children: findings.length === 0 ? "Nothing to report." : "All findings have been handled." }),
-    /* @__PURE__ */ jsx2("ol", { className: "db-ai-review-list", children: visibleFindings.map((finding) => {
+    documentChanged && phase === "ready" && /* @__PURE__ */ jsx("div", { className: "db-ai-review-stale", role: "status", children: "The document changed after this review. Suggestions are applied only when their original text still matches exactly." }),
+    phase === "ready" && visibleFindings.length === 0 && /* @__PURE__ */ jsx("div", { className: "db-ai-review-empty", children: findings.length === 0 ? "Nothing to report." : "All findings have been handled." }),
+    /* @__PURE__ */ jsx("ol", { className: "db-ai-review-list", children: visibleFindings.map((finding) => {
       const canApply = finding.replacement !== null && findUniqueExcerpt(markdownSource, finding.originalText) !== null;
-      return /* @__PURE__ */ jsxs2("li", { className: "db-ai-review-finding", children: [
-        /* @__PURE__ */ jsxs2("div", { className: "db-ai-review-finding-meta", children: [
-          /* @__PURE__ */ jsx2(
+      return /* @__PURE__ */ jsxs("li", { className: "db-ai-review-finding", children: [
+        /* @__PURE__ */ jsxs("div", { className: "db-ai-review-finding-meta", children: [
+          /* @__PURE__ */ jsx(
             "span",
             {
               className: `db-ai-review-severity db-ai-review-severity--${finding.severity}`,
               children: finding.severity
             }
           ),
-          /* @__PURE__ */ jsx2("span", { children: finding.category })
+          /* @__PURE__ */ jsx("span", { children: finding.category })
         ] }),
-        /* @__PURE__ */ jsx2("h3", { children: finding.message }),
-        finding.rationale && /* @__PURE__ */ jsx2("p", { children: finding.rationale }),
-        /* @__PURE__ */ jsxs2("div", { className: "db-ai-review-excerpt", children: [
-          /* @__PURE__ */ jsx2("span", { children: "Current text" }),
-          /* @__PURE__ */ jsx2("blockquote", { children: finding.originalText })
+        /* @__PURE__ */ jsx("h3", { children: finding.message }),
+        finding.rationale && /* @__PURE__ */ jsx("p", { children: finding.rationale }),
+        /* @__PURE__ */ jsxs("div", { className: "db-ai-review-excerpt", children: [
+          /* @__PURE__ */ jsx("span", { children: "Current text" }),
+          /* @__PURE__ */ jsx("blockquote", { children: finding.originalText })
         ] }),
-        finding.replacement !== null && /* @__PURE__ */ jsxs2("div", { className: "db-ai-review-excerpt db-ai-review-excerpt--replacement", children: [
-          /* @__PURE__ */ jsx2("span", { children: "Suggested" }),
-          /* @__PURE__ */ jsx2("blockquote", { children: finding.replacement })
+        finding.replacement !== null && /* @__PURE__ */ jsxs("div", { className: "db-ai-review-excerpt db-ai-review-excerpt--replacement", children: [
+          /* @__PURE__ */ jsx("span", { children: "Suggested" }),
+          /* @__PURE__ */ jsx("blockquote", { children: finding.replacement })
         ] }),
-        applyErrorId === finding.id && /* @__PURE__ */ jsx2("p", { className: "db-ai-error", role: "alert", children: "This text no longer has one exact match. Review the document again before applying it." }),
-        /* @__PURE__ */ jsxs2("div", { className: "db-ai-review-finding-actions", children: [
-          /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => dismissFinding(finding.id), children: "Dismiss" }),
-          finding.replacement !== null && /* @__PURE__ */ jsx2(
+        applyErrorId === finding.id && /* @__PURE__ */ jsx("p", { className: "db-ai-error", role: "alert", children: "This text no longer has one exact match. Review the document again before applying it." }),
+        /* @__PURE__ */ jsxs("div", { className: "db-ai-review-finding-actions", children: [
+          /* @__PURE__ */ jsx("button", { type: "button", onClick: () => dismissFinding(finding.id), children: "Dismiss" }),
+          finding.replacement !== null && /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -756,11 +782,24 @@ function AiReviewPanel({ ai, onClose }) {
         ] })
       ] }, finding.id);
     }) }),
-    /* @__PURE__ */ jsx2("p", { className: "db-ai-review-disclaimer", children: "AI suggestions can be wrong. Review each change." })
+    /* @__PURE__ */ jsxs("p", { className: "db-ai-review-disclaimer", children: [
+      "AI suggestions can be wrong. Review each change.",
+      phase === "ready" && findings.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        " ",
+        /* @__PURE__ */ jsx(
+          AiReportButton,
+          {
+            feature: "Review document",
+            getOutput: () => formatReviewFindings(findings),
+            model: reviewModel
+          }
+        )
+      ] })
+    ] })
   ] });
 }
 function SparklesGlyph() {
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs(
     "svg",
     {
       viewBox: "0 0 18 18",
@@ -773,8 +812,8 @@ function SparklesGlyph() {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx2("path", { d: "M7.2 2.2c.45 2.2 1.75 3.5 3.95 3.95-2.2.45-3.5 1.75-3.95 3.95-.45-2.2-1.75-3.5-3.95-3.95C5.45 5.7 6.75 4.4 7.2 2.2Z" }),
-        /* @__PURE__ */ jsx2("path", { d: "M13.1 9.2c.3 1.45 1.15 2.3 2.6 2.6-1.45.3-2.3 1.15-2.6 2.6-.3-1.45-1.15-2.3-2.6-2.6 1.45-.3 2.3-1.15 2.6-2.6Z" })
+        /* @__PURE__ */ jsx("path", { d: "M7.2 2.2c.45 2.2 1.75 3.5 3.95 3.95-2.2.45-3.5 1.75-3.95 3.95-.45-2.2-1.75-3.5-3.95-3.95C5.45 5.7 6.75 4.4 7.2 2.2Z" }),
+        /* @__PURE__ */ jsx("path", { d: "M13.1 9.2c.3 1.45 1.15 2.3 2.6 2.6-1.45.3-2.3 1.15-2.6 2.6-.3-1.45-1.15-2.3-2.6-2.6 1.45-.3 2.3-1.15 2.6-2.6Z" })
       ]
     }
   );