@bendyline/docblocks-react 2.7.0 → 2.7.2

package/dist/{chunk-YS4HVWIO.js → chunk-SPUPWCSI.js}

@@ -22,8 +22,56 @@ function sharedDocumentFilename(selectedFile) {
   const bounded = stem.replace(/^-+|-+$/gu, "").slice(0, 80) || "shared";
   return `${bounded}.md`;
 }
+async function omitSharedImages(markdown) {
+  const { parseMarkdown, rewriteMarkdownReferences, splitFrontmatterBlock, walkMarkdownTree } = await import("@bendyline/squisq/markdown");
+  const { frontmatter, body } = splitFrontmatterBlock(markdown);
+  const imageReferences = /* @__PURE__ */ new Set();
+  const linkReferences = /* @__PURE__ */ new Set();
+  walkMarkdownTree(parseMarkdown(body, { frontmatter: false }), (node) => {
+    if (node.type === "imageReference") imageReferences.add(node.identifier);
+    if (node.type === "linkReference") linkReferences.add(node.identifier);
+  });
+  let sharedBody = rewriteMarkdownReferences(body, { images: "omit" });
+  let sharedDocument = parseMarkdown(sharedBody, { frontmatter: false });
+  let descriptionContainsImage = false;
+  walkMarkdownTree(sharedDocument, (node) => {
+    if (node.type === "image" || node.type === "imageReference") descriptionContainsImage = true;
+    if (node.type === "imageReference") imageReferences.add(node.identifier);
+    if (node.type === "linkReference") linkReferences.add(node.identifier);
+  });
+  if (descriptionContainsImage) {
+    sharedBody = rewriteMarkdownReferences(sharedBody, { images: "omit" });
+    sharedDocument = parseMarkdown(sharedBody, { frontmatter: false });
+    walkMarkdownTree(sharedDocument, (node) => {
+      if (node.type === "image" || node.type === "imageReference") {
+        throw new Error(
+          "An image description contains image markup that cannot be shared as text."
+        );
+      }
+    });
+  }
+  if (imageReferences.size > 0) {
+    const removals = [];
+    walkMarkdownTree(sharedDocument, (node) => {
+      if (node.type !== "definition" || !imageReferences.has(node.identifier) || linkReferences.has(node.identifier)) {
+        return;
+      }
+      const start = node.position?.start.offset;
+      const end = node.position?.end.offset;
+      if (start === void 0 || end === void 0) {
+        throw new Error("Cannot locate an image reference in the shared document.");
+      }
+      removals.push({ start, end });
+    });
+    for (const { start, end } of removals.sort((a, b) => b.start - a.start)) {
+      sharedBody = sharedBody.slice(0, start) + sharedBody.slice(end);
+    }
+  }
+  return (frontmatter ?? "") + sharedBody;
+}
 async function createSharedDocumentArchive(markdown, selectedFile) {
-  const encoded = new TextEncoder().encode(markdown);
+  const sharedMarkdown = await omitSharedImages(markdown);
+  const encoded = new TextEncoder().encode(sharedMarkdown);
   if (encoded.byteLength > SHARED_DOCUMENT_LIMITS.markdownBytes) {
     throw new Error(
       `This document is too large for a shared URL (maximum ${SHARED_DOCUMENT_LIMITS.markdownBytes.toLocaleString()} UTF-8 bytes).`

package/dist/{chunk-MMOTEQK6.js → chunk-SSB43524.js}

@@ -1,6 +1,6 @@
 import {
   chatOnce
-} from "./chunk-5OZBGIIT.js";
+} from "./chunk-NAH52736.js";
 import {
   unavailableSentence,
   useAiStatus
@@ -78,6 +78,7 @@ async function refinePresentationPlan(ai, plan, options = {}) {
     const passage = plan.sourceText.slice(beat.sourceStart, beat.sourceEnd);
     if (passage.length > 2400) {
       retained++;
+      options.onBeat?.(index, null);
       continue;
     }
     let replacement = null;
@@ -117,6 +118,7 @@ async function refinePresentationPlan(ai, plan, options = {}) {
       beats[index] = replacement;
       refined.push(index);
     } else retained++;
+    options.onBeat?.(index, replacement);
   }
   options.onProgress?.(plan.beats.length, plan.beats.length);
   return {
@@ -136,6 +138,26 @@ var LABELS = {
   steps: "Steps diagram",
   image: "Image"
 };
+function sectionAt(sections, offset) {
+  return sections.find((item) => offset >= item.sourceStart && offset < item.sourceEnd);
+}
+function withSuggestion(current, sections, sourceText, item) {
+  const parent = sectionAt(sections, item.sourceStart);
+  if (!parent) return current;
+  const source = sourceText.slice(item.sourceStart, item.sourceEnd);
+  const existing = current.blocks.find((block) => block.blockId === parent.blockId);
+  const target = {
+    ...existing ?? { blockId: parent.blockId },
+    ai: [
+      ...(existing?.ai ?? []).filter((entry) => entry.source !== source),
+      { source, layout: item.layout, headline: item.headline, points: [...item.points] }
+    ].slice(-80)
+  };
+  return {
+    ...current,
+    blocks: [...current.blocks.filter((block) => block.blockId !== parent.blockId), target]
+  };
+}
 function PresentationMaker({
   ai,
   onClose
@@ -145,6 +167,7 @@ function PresentationMaker({
 function AiRefineButton({
   ai,
   disabled,
+  buttonRef,
   onRefine
 }) {
   const status = useAiStatus(ai);
@@ -152,6 +175,7 @@ function AiRefineButton({
   return /* @__PURE__ */ jsx(
     "button",
     {
+      ref: buttonRef,
       type: "button",
       disabled: disabled || !ready,
       title: ready ? "Suggest layouts and shorter slide wording from the current text." : unavailableSentence(status),
@@ -173,6 +197,9 @@ function PresentationDialog({ ai, onClose }) {
   const [notice, setNotice] = useState("");
   const [progress, setProgress] = useState(null);
   const controller = useRef(null);
+  const follow = useRef(false);
+  const suggestButton = useRef(null);
+  const stopButton = useRef(null);
   useEffect(() => {
     let disposed = false;
     const parsed = markdownToDoc(parseMarkdown(markdownSource));
@@ -187,6 +214,14 @@ function PresentationDialog({ ai, onClose }) {
       controller.current?.abort();
     };
   }, [markdownSource, workspaceContainer]);
+  const running = progress !== null;
+  const wasRunning = useRef(false);
+  useEffect(() => {
+    if (wasRunning.current === running) return;
+    wasRunning.current = running;
+    if (document.activeElement === null || document.activeElement === document.body)
+      (running ? stopButton.current : suggestButton.current)?.focus();
+  }, [running]);
   const doc = loaded?.source === markdownSource ? loaded.doc : null;
   const generated = useMemo(() => {
     if (!doc) return null;
@@ -219,6 +254,15 @@ function PresentationDialog({ ai, onClose }) {
       };
     }
   }, [doc, plan, preview?.activeTheme]);
+  const aiEntries = useMemo(() => {
+    const entries = /* @__PURE__ */ new Map();
+    for (const block of hints.blocks)
+      entries.set(
+        block.blockId,
+        new Map((block.ai ?? []).map((entry) => [entry.source, entry.layout]))
+      );
+    return entries;
+  }, [hints]);
   const selectedIndex = Math.max(
     0,
     plan?.beats.findIndex(
@@ -226,9 +270,7 @@ function PresentationDialog({ ai, onClose }) {
     ) ?? -1
   );
   const beat = plan?.beats[selectedIndex];
-  const section = sections.find(
-    (item) => beat && beat.sourceStart >= item.sourceStart && beat.sourceStart < item.sourceEnd
-  );
+  const section = beat && sectionAt(sections, beat.sourceStart);
   const hint = hints.blocks.find((item) => item.blockId === section?.blockId);
   const visual = projection?.blocks.find((block) => block.id === beat?.id);
   const updateHint = (patch) => {
@@ -250,52 +292,47 @@ function PresentationDialog({ ai, onClose }) {
     setHints(next);
   };
   const refine = async () => {
-    if (!ai || !plan || progress) return;
+    if (!ai || !plan || controller.current) return;
     const run = new AbortController();
     controller.current = run;
+    follow.current = true;
+    const total = plan.beats.length;
+    const outcome = { done: 0, refined: 0, retained: 0 };
     setError(null);
     setNotice("");
     try {
-      const result = await refinePresentationPlan(ai, plan, {
+      await refinePresentationPlan(ai, plan, {
         signal: run.signal,
-        onProgress: (done, total) => setProgress(`Suggesting slide ${Math.min(done + 1, total)} of ${total}\u2026`)
-      });
-      if (!run.signal.aborted) {
-        setHints((current) => {
-          const blocks = current.blocks.map((item) => ({
-            ...item,
-            ai: item.ai ? [...item.ai] : void 0
-          }));
-          for (const index of result.refined) {
-            const item = result.plan.beats[index];
-            const parent = sections.find(
-              (s) => item.sourceStart >= s.sourceStart && item.sourceStart < s.sourceEnd
-            );
-            if (!parent) continue;
-            let target = blocks.find((b) => b.blockId === parent.blockId);
-            if (!target) {
-              target = { blockId: parent.blockId, ai: void 0 };
-              blocks.push(target);
-            }
-            const source = plan.sourceText.slice(item.sourceStart, item.sourceEnd);
-            target.ai = [
-              ...(target.ai ?? []).filter((v) => v.source !== source),
-              {
-                source,
-                layout: item.layout,
-                headline: item.headline,
-                points: item.points
-              }
-            ].slice(-80);
+        onProgress: (done) => {
+          outcome.done = done;
+          const next = plan.beats[done];
+          setProgress({
+            done,
+            total,
+            active: next ? { sourceStart: next.sourceStart, sourceEnd: next.sourceEnd } : null
+          });
+          if (next && follow.current) setSelectedSourceStart(next.sourceStart);
+        },
+        // Each accepted slide reaches the list and preview as soon as it
+        // resolves, so stopping early keeps everything suggested so far.
+        onBeat: (_index, item) => {
+          if (!item) {
+            outcome.retained++;
+            return;
           }
-          return { ...current, blocks };
-        });
-        setNotice(
-          result.retained ? `Kept automatic summaries for ${result.retained} slides because the AI suggestions could not be validated.` : "AI summaries are ready to review. They will be saved with their source passages."
-        );
-      }
+          outcome.refined++;
+          setHints((current) => withSuggestion(current, sections, plan.sourceText, item));
+        }
+      });
+      setNotice(
+        outcome.retained ? `Kept automatic summaries for ${outcome.retained} slides because the AI suggestions could not be validated.` : "AI summaries are ready to review. They will be saved with their source passages."
+      );
     } catch (cause) {
       if (!run.signal.aborted) setError(cause instanceof Error ? cause.message : String(cause));
+      else if (controller.current === run)
+        setNotice(
+          `Stopped after ${outcome.done} of ${total} slides. ${outcome.refined === 0 ? "No slides changed." : outcome.refined === 1 ? "The one AI suggestion is kept." : `The ${outcome.refined} AI suggestions are kept.`}`
+        );
     } finally {
       if (controller.current === run) {
         controller.current = null;
@@ -304,7 +341,7 @@ function PresentationDialog({ ai, onClose }) {
     }
   };
   const apply = () => {
-    if (!doc || !plan || progress) return;
+    if (!doc || !plan || running) return;
     try {
       const next = setFrontmatterValues(markdownSource, {
         [PRESENTATION_HINTS_KEY]: serializePresentationHints(hints),
@@ -328,10 +365,11 @@ function PresentationDialog({ ai, onClose }) {
       onClose,
       closeOnBackdrop: false,
       footer: /* @__PURE__ */ jsxs(Fragment, { children: [
-        progress ? /* @__PURE__ */ jsx("button", { type: "button", onClick: () => controller.current?.abort(), children: "Cancel suggestions" }) : /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
+            disabled: running,
             onClick: () => {
               setHints(defaultPresentationHints());
               setSelectedSourceStart(0);
@@ -341,8 +379,46 @@ function PresentationDialog({ ai, onClose }) {
             children: "Reset design"
           }
         ),
-        ai && /* @__PURE__ */ jsx(AiRefineButton, { ai, disabled: !plan || !!progress, onRefine: () => void refine() }),
-        /* @__PURE__ */ jsx("button", { type: "button", disabled: !plan || !!progress || !!error, onClick: apply, children: "Use dynamic slides" })
+        ai && !progress && /* @__PURE__ */ jsx(
+          AiRefineButton,
+          {
+            ai,
+            buttonRef: suggestButton,
+            disabled: !plan,
+            onRefine: () => void refine()
+          }
+        ),
+        ai && progress && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "db-presentation-progress", role: "status", children: [
+            /* @__PURE__ */ jsx("span", { className: "db-ai-spinner", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsxs("span", { children: [
+              "Suggesting slide ",
+              Math.min(progress.done + 1, progress.total),
+              " of ",
+              progress.total,
+              "\u2026"
+            ] }),
+            /* @__PURE__ */ jsx(
+              "progress",
+              {
+                max: progress.total,
+                value: progress.done,
+                "aria-label": "Slides suggested so far"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              ref: stopButton,
+              type: "button",
+              title: "Stop suggesting. Slides already suggested keep their new wording.",
+              onClick: () => controller.current?.abort(),
+              children: "Stop"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("button", { type: "button", disabled: !plan || running || !!error, onClick: apply, children: "Use dynamic slides" })
       ] }),
       children: [
         /* @__PURE__ */ jsx("p", { className: "db-presentation-intro", children: "Design how your text is summarized for presentation in slides and video. Note that your document text and narration will remain unchanged." }),
@@ -353,7 +429,7 @@ function PresentationDialog({ ai, onClose }) {
               "select",
               {
                 value: hints.density,
-                disabled: !!progress,
+                disabled: running,
                 onChange: (event) => setHints({ ...hints, density: event.target.value }),
                 children: [
                   /* @__PURE__ */ jsx("option", { value: "concise", children: "Concise \u2014 shorter passages per slide" }),
@@ -369,7 +445,7 @@ function PresentationDialog({ ai, onClose }) {
               {
                 type: "checkbox",
                 checked: hints.inbetweens,
-                disabled: !!progress,
+                disabled: running,
                 onChange: (event) => setHints({ ...hints, inbetweens: event.target.checked })
               }
             ),
@@ -377,28 +453,47 @@ function PresentationDialog({ ai, onClose }) {
             "Add supporting visual slides where useful"
           ] })
         ] }),
-        /* @__PURE__ */ jsx("p", { role: "status", "aria-live": "polite", children: progress ?? (plan && projection?.doc ? `${plan.beats.length} slides \xB7 ${projection.doc.duration.toFixed(1)} seconds \xB7 ${doc?.presentationNarration ? "Follows narration" : "Estimated pacing \u2014 add narration to synchronize"}` : "Preparing dynamic slides\u2026") }),
+        /* @__PURE__ */ jsx("p", { role: "status", "aria-live": "polite", children: plan && projection?.doc ? `${plan.beats.length} slides \xB7 ${projection.doc.duration.toFixed(1)} seconds \xB7 ${doc?.presentationNarration ? "Follows narration" : "Estimated pacing \u2014 add narration to synchronize"}` : "Preparing dynamic slides\u2026" }),
         (error || generated?.error || projection?.error) && /* @__PURE__ */ jsx("p", { role: "alert", children: error ?? generated?.error ?? projection?.error }),
         notice && /* @__PURE__ */ jsx("p", { role: "status", children: notice }),
         plan && beat && section && /* @__PURE__ */ jsxs("div", { className: "db-presentation-workspace", children: [
-          /* @__PURE__ */ jsx("nav", { className: "db-presentation-beats", "aria-label": "Presentation slides", children: plan.beats.map((item, index) => /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              "aria-current": index === selectedIndex ? "step" : void 0,
-              title: item.headline,
-              onClick: () => setSelectedSourceStart(item.sourceStart),
-              children: [
-                /* @__PURE__ */ jsxs("span", { className: "db-presentation-beat-title", children: [
-                  index + 1,
-                  ". ",
-                  item.headline
-                ] }),
-                /* @__PURE__ */ jsx("small", { children: LABELS[item.layout] })
-              ]
-            },
-            item.id
-          )) }),
+          /* @__PURE__ */ jsx("nav", { className: "db-presentation-beats", "aria-label": "Presentation slides", children: plan.beats.map((item, index) => {
+            const owner = sectionAt(sections, item.sourceStart);
+            const layout = owner && aiEntries.get(owner.blockId)?.get(plan.sourceText.slice(item.sourceStart, item.sourceEnd));
+            const suggested = layout !== void 0 && (layout !== "image" || !!item.imageSrc);
+            const active = progress?.active;
+            const pending = !!active && active.sourceStart === item.sourceStart && active.sourceEnd === item.sourceEnd;
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                "aria-current": index === selectedIndex ? "step" : void 0,
+                title: item.headline,
+                onClick: () => {
+                  follow.current = false;
+                  setSelectedSourceStart(item.sourceStart);
+                },
+                children: [
+                  /* @__PURE__ */ jsxs("span", { className: "db-presentation-beat-title", children: [
+                    index + 1,
+                    ". ",
+                    item.headline
+                  ] }),
+                  /* @__PURE__ */ jsxs("span", { className: "db-presentation-beat-tags", children: [
+                    /* @__PURE__ */ jsx("small", { children: LABELS[item.layout] }),
+                    pending ? /* @__PURE__ */ jsxs("small", { className: "db-presentation-beat-ai", children: [
+                      /* @__PURE__ */ jsx("span", { className: "db-ai-spinner", "aria-hidden": "true" }),
+                      "Suggesting\u2026"
+                    ] }) : suggested ? /* @__PURE__ */ jsxs("small", { className: "db-presentation-beat-ai", children: [
+                      /* @__PURE__ */ jsx("span", { className: "db-visually-hidden", children: "Suggested by " }),
+                      "AI"
+                    ] }) : null
+                  ] })
+                ]
+              },
+              item.id
+            );
+          }) }),
           /* @__PURE__ */ jsxs("div", { className: "db-presentation-detail", children: [
             /* @__PURE__ */ jsx(
               "div",
@@ -425,7 +520,7 @@ function PresentationDialog({ ai, onClose }) {
                   "select",
                   {
                     value: hint?.layout ?? "",
-                    disabled: !!progress,
+                    disabled: running,
                     onChange: (event) => updateHint({
                       layout: event.target.value || void 0
                     }),
@@ -444,7 +539,7 @@ function PresentationDialog({ ai, onClose }) {
                   "select",
                   {
                     value: hint?.inbetweens === void 0 ? "" : String(hint.inbetweens),
-                    disabled: !!progress,
+                    disabled: running,
                     onChange: (event) => updateHint({
                       inbetweens: event.target.value === "" ? void 0 : event.target.value === "true"
                     }),
@@ -474,7 +569,7 @@ function PresentationDialog({ ai, onClose }) {
                   {
                     defaultValue: beat.headline,
                     maxLength: 110,
-                    disabled: !!progress,
+                    disabled: running,
                     onBlur: (event) => updateHint({
                       wording: {
                         ...hint?.wording?.source === section.text ? hint.wording : {},
@@ -493,7 +588,7 @@ function PresentationDialog({ ai, onClose }) {
                   {
                     rows: 3,
                     defaultValue: beat.points.join("\n"),
-                    disabled: !!progress,
+                    disabled: running,
                     onBlur: (event) => updateHint({
                       wording: {
                         ...hint?.wording?.source === section.text ? hint.wording : {},

package/dist/{chunk-G4MFB3IO.js → chunk-VG434562.js}

@@ -3,8 +3,8 @@ import { useEffect, useState } from "react";
 
 // src/components/FindButton.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
-function FindButton({ active, onActiveChange, shortcutLabel: shortcutLabel2 }) {
-  const tooltip = shortcutLabel2 ? `Find in document (${shortcutLabel2})` : "Find in document";
+function FindButton({ active, onActiveChange, shortcutLabel }) {
+  const tooltip = shortcutLabel ? `Find in document (${shortcutLabel})` : "Find in document";
   return /* @__PURE__ */ jsx(
     "button",
     {
@@ -45,69 +45,6 @@ function focusFindInput(scope = document) {
   input?.select();
 }
 
-// src/DocBlocksShell/keyboard-shortcuts.ts
-var SHELL_SHORTCUTS = Object.freeze([
-  // Must work mid-sentence; that is the entire point of a save shortcut.
-  { id: "save", key: "s", accel: true, label: "Ctrl+S", whileTyping: true },
-  // Find is mostly invoked from inside the document being searched.
-  { id: "find", key: "f", accel: true, label: "Ctrl+F", whileTyping: true },
-  // Jumping elsewhere is as likely mid-sentence as from the tree.
-  { id: "quick-open", key: "p", accel: true, label: "Ctrl+P", whileTyping: true },
-  {
-    id: "workspace-search",
-    key: "f",
-    accel: true,
-    shift: true,
-    label: "Ctrl+Shift+F",
-    whileTyping: true
-  },
-  // Deliberately NOT Cmd+B — Squisq owns that for Bold. Cmd+\ is the VS Code
-  // convention for toggling the side bar.
-  { id: "toggle-sidebar", key: "\\", accel: true, label: "Ctrl+\\", whileTyping: true },
-  { id: "focus-files", key: "e", accel: true, shift: true, label: "Ctrl+Shift+E" },
-  { id: "new-document", key: "n", accel: true, label: "Ctrl+N" },
-  { id: "new-folder", key: "n", accel: true, shift: true, label: "Ctrl+Shift+N" },
-  // Ctrl+, (settings) is deliberately absent: AppMenu owns that dialog's state
-  // internally and exposes no way to open it. Binding the key without first
-  // giving AppMenu a controlled `settingsOpen` prop would ship a dead shortcut.
-  { id: "close-overlay", key: "Escape", accel: false, label: "Esc", whileTyping: true }
-]);
-function isTypingTarget(target) {
-  if (!(target instanceof HTMLElement)) return false;
-  if (target.isContentEditable) return true;
-  const tag = target.tagName;
-  if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return true;
-  return target.closest(".monaco-editor") !== null;
-}
-function matchShortcut(event, _layoutMode) {
-  return SHELL_SHORTCUTS.find((binding) => bindingMatches(binding, event))?.id ?? null;
-}
-function bindingMatches(binding, event) {
-  if (event.altKey) return false;
-  const accel = event.ctrlKey || event.metaKey;
-  const key = event.key.length === 1 ? event.key.toLowerCase() : event.key;
-  if (binding.accel !== accel) return false;
-  if ((binding.shift ?? false) !== event.shiftKey) return false;
-  if (binding.key !== key) return false;
-  return binding.whileTyping === true || !isTypingTarget(event.target);
-}
-function isFindShortcut(event) {
-  const binding = SHELL_SHORTCUTS.find((candidate) => candidate.id === "find");
-  return binding !== void 0 && bindingMatches(binding, event);
-}
-function findShortcutLabel() {
-  return shortcutLabel("find", isApplePlatform());
-}
-function isApplePlatform() {
-  if (typeof navigator === "undefined") return false;
-  return /Mac|iPhone|iPad|iPod/u.test(navigator.platform || navigator.userAgent);
-}
-function shortcutLabel(id, isApple) {
-  const binding = SHELL_SHORTCUTS.find((candidate) => candidate.id === id);
-  if (!binding) return "";
-  return isApple ? binding.label.replace("Ctrl+", "\u2318") : binding.label;
-}
-
 // src/editor.ts
 var PORTRAIT_FORM_FACTOR_QUERY = "(orientation: portrait)";
 function previewViewportPresetForOrientation(isPortrait) {
@@ -195,11 +132,6 @@ function pickEmptyDocumentPrompt(random = Math.random) {
 export {
   FindButton,
   focusFindInput,
-  matchShortcut,
-  isFindShortcut,
-  findShortcutLabel,
-  isApplePlatform,
-  shortcutLabel,
   PORTRAIT_FORM_FACTOR_QUERY,
   previewViewportPresetForOrientation,
   useResponsivePreviewViewportPreset,

package/dist/{chunk-OINKNX26.js → chunk-X3DDTJKR.js}

@@ -12,7 +12,7 @@ import {
   realizeDiagram,
   specSummaryForAvoid,
   startIllustrationRun
-} from "./chunk-5OZBGIIT.js";
+} from "./chunk-NAH52736.js";
 import {
   unavailableSentence,
   useAiStatus

package/dist/{chunk-SGQKTKDX.js → chunk-Y5OE3HJC.js}

@@ -3,15 +3,15 @@ import {
 } from "./chunk-YBEYTVU2.js";
 import {
   FORMAT_LABELS,
+  exportThemeChoices,
   saveExportOptions
-} from "./chunk-X437UAF7.js";
+} from "./chunk-6MSHXQNB.js";
 import {
   Dialog
 } from "./chunk-56KO2LYN.js";
 
 // src/Export/ExportDialog.tsx
 import { useState, useCallback, useEffect, useMemo } from "react";
-import { getThemeSummaries } from "@bendyline/squisq/schemas";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var FORMATS = ["pdf", "docx", "pptx", "epub", "html", "md"];
 var FORMAT_CHIP_LABELS = {
@@ -52,7 +52,7 @@ function ChipRadioGroup({
   options,
   onChange
 }) {
-  return /* @__PURE__ */ jsx("div", { className: "db-export-chips", role: "radiogroup", "aria-label": name, children: options.map((opt) => {
+  return /* @__PURE__ */ jsx("div", { className: "db-export-chips", role: "radiogroup", "aria-label": name, children: options.map((opt, index) => {
     const active = opt.key === value;
     return /* @__PURE__ */ jsx(
       "button",
@@ -60,8 +60,17 @@ function ChipRadioGroup({
         type: "button",
         role: "radio",
         "aria-checked": active,
+        tabIndex: active ? 0 : -1,
         className: `db-export-chip${active ? " db-export-chip--active" : ""}`,
         onClick: () => onChange(opt.key),
+        onKeyDown: (event) => {
+          const delta = event.key === "ArrowRight" || event.key === "ArrowDown" ? 1 : event.key === "ArrowLeft" || event.key === "ArrowUp" ? -1 : 0;
+          if (!delta) return;
+          event.preventDefault();
+          const next = (index + delta + options.length) % options.length;
+          onChange(options[next].key);
+          event.currentTarget.parentElement?.querySelectorAll('[role="radio"]')[next]?.focus();
+        },
         title: opt.title,
         children: opt.label
       },
@@ -71,6 +80,7 @@ function ChipRadioGroup({
 }
 function ExportDialog({
   initial,
+  documentThemes,
   exporting,
   error,
   destination,
@@ -88,7 +98,7 @@ function ExportDialog({
   const [includeLinkedDocs, setIncludeLinkedDocs] = useState(initial.includeLinkedDocs);
   const [entryAsIndex, setEntryAsIndex] = useState(initial.entryAsIndex);
   const [transforms, setTransforms] = useState([]);
-  const themes = getThemeSummaries();
+  const themes = useMemo(() => exportThemeChoices(documentThemes), [documentThemes]);
   const showTheme = format === "docx" || format === "pdf" || format === "pptx" || format === "epub" || format === "html";
   const showTransform = format === "pptx";
   const showPageSize = format === "pdf";

package/dist/editor.js

@@ -2,17 +2,19 @@ import {
   EMPTY_DOCUMENT_PROMPTS,
   FindButton,
   PORTRAIT_FORM_FACTOR_QUERY,
-  findShortcutLabel,
   focusFindInput,
-  isFindShortcut,
   pickEmptyDocumentPrompt,
   previewViewportPresetForOrientation,
   useResponsivePreviewViewportPreset
-} from "./chunk-G4MFB3IO.js";
+} from "./chunk-VG434562.js";
+import {
+  findShortcutLabel,
+  isFindShortcut
+} from "./chunk-K7XJDJUJ.js";
 import {
   PresentationMaker
-} from "./chunk-MMOTEQK6.js";
-import "./chunk-5OZBGIIT.js";
+} from "./chunk-SSB43524.js";
+import "./chunk-NAH52736.js";
 import "./chunk-K4I3NJFL.js";
 import "./chunk-56KO2LYN.js";
 export {