@bendyline/docblocks-react 2.7.1 → 2.7.2

package/dist/{chunk-VO2JYYQZ.js → chunk-6JJOGV6M.js}

@@ -12,19 +12,11 @@ function useSpeechStatus(speech) {
         if (live) setStatus((current) => current ?? initial);
       },
       () => {
-        if (live)
-          setStatus(
-            (current) => current ?? {
-              stt: {
-                state: "unavailable",
-                reason: "Speech status is unavailable. Try opening Settings."
-              },
-              tts: {
-                state: "unavailable",
-                reason: "Speech status is unavailable. Try opening Settings."
-              }
-            }
-          );
+        const readiness = {
+          state: "unavailable",
+          reason: "DocBlocks could not check speech on this computer."
+        };
+        if (live) setStatus((current) => current ?? { stt: readiness, tts: readiness });
       }
     );
     return () => {

package/dist/{chunk-X437UAF7.js → chunk-6MSHXQNB.js}

@@ -1,4 +1,5 @@
 // src/Export/export-options.ts
+import { getThemeSummaries } from "@bendyline/squisq/schemas";
 var FORMAT_LABELS = {
   docx: "Word Document (.docx)",
   pdf: "PDF (.pdf)",
@@ -28,8 +29,11 @@ var DEFAULT_OPTIONS = {
 };
 function resolveExportDialogInitial(lastOptions, docThemeId, workspaceThemeId) {
   const base = lastOptions ?? DEFAULT_OPTIONS;
-  const themeId = docThemeId || workspaceThemeId;
-  return themeId ? { ...base, themeId } : base;
+  return { ...base, themeId: docThemeId || workspaceThemeId || DEFAULT_OPTIONS.themeId };
+}
+function exportThemeChoices(documentThemes = []) {
+  const ids = new Set(documentThemes.map((theme) => theme.id));
+  return [...documentThemes, ...getThemeSummaries().filter((theme) => !ids.has(theme.id))];
 }
 function loadLastExportOptions() {
   try {
@@ -53,6 +57,7 @@ export {
   FORMAT_EXTENSIONS,
   DEFAULT_OPTIONS,
   resolveExportDialogInitial,
+  exportThemeChoices,
   loadLastExportOptions,
   saveExportOptions
 };

package/dist/{chunk-W55E6TE2.js → chunk-BLUEZG7T.js}

@@ -307,6 +307,12 @@ function formatDownloadSize(bytes) {
   if (gibibytes >= 0.95) return `${gibibytes.toFixed(gibibytes >= 10 ? 0 : 1)} GB`;
   return `${Math.max(1, Math.round(bytes / 1024 ** 2))} MB`;
 }
+function downloadOptionLabel(model) {
+  const size = formatDownloadSize(model.downloadBytes);
+  const rating = model.recommended ? " \xB7 Recommended" : model.score === null ? "" : ` \xB7 ${model.score}% match`;
+  const slow = model.fit?.tier === "tight" ? ` \xB7 ${model.fit.label}` : "";
+  return `${model.label}${size ? ` \u2014 ${size}` : ""}${rating}${slow}`;
+}
 function AiSettingsControls({ ai }) {
   const [status, setStatus] = useState2(null);
   const [preferences, setPreferences] = useState2(null);
@@ -551,19 +557,14 @@ function AiSettingsControls({ ai }) {
                     value: downloadModelId,
                     disabled: installingModel,
                     onChange: (event) => setDownloadModelId(event.currentTarget.value),
-                    children: availableModels.map((model) => {
-                      const size = formatDownloadSize(model.downloadBytes);
-                      return /* @__PURE__ */ jsxs2("option", { value: model.id, children: [
-                        model.label,
-                        size ? ` \u2014 ${size}` : ""
-                      ] }, model.id);
-                    })
+                    children: availableModels.map((model) => /* @__PURE__ */ jsx2("option", { value: model.id, children: downloadOptionLabel(model) }, model.id))
                   }
                 )
               ] }),
-              selectedDownload && /* @__PURE__ */ jsxs2("p", { className: "db-settings-hint", children: [
-                "Downloads and runs on this device",
-                formatDownloadSize(selectedDownload.downloadBytes) ? ` \xB7 ${formatDownloadSize(selectedDownload.downloadBytes)}` : ""
+              selectedDownload && /* @__PURE__ */ jsxs2("p", { className: "db-settings-hint", title: selectedDownload.fit?.detail, children: [
+                selectedDownload.recommended ? "Recommended for this device" : "Downloads and runs on this device",
+                formatDownloadSize(selectedDownload.downloadBytes) ? ` \xB7 ${formatDownloadSize(selectedDownload.downloadBytes)}` : "",
+                selectedDownload.fit ? ` \xB7 ${selectedDownload.fit.label}` : ""
               ] }),
               /* @__PURE__ */ jsx2(
                 "button",
@@ -999,7 +1000,7 @@ import {
 
 // src/preferences/theme.ts
 var ACCENT_COLORS = [
-  "brown",
+  "rust",
   "green",
   "blue",
   "purple",
@@ -1011,7 +1012,7 @@ var DB_CHROME_COLORS = {
   light: "#f3eede",
   dark: "#262219"
 };
-var DEFAULT_INTERFACE_FONT = "system";
+var DEFAULT_INTERFACE_FONT = "fixed";
 var THEME_STORAGE_KEY = "docblocks:themePreference";
 var ACCENT_STORAGE_KEY = "docblocks:accentColor";
 var INTERFACE_FONT_STORAGE_KEY = "docblocks:interfaceFont";
@@ -1029,13 +1030,17 @@ function saveThemePreference(value) {
   } catch {
   }
 }
+var DEFAULT_ACCENT_COLOR = "rust";
+var LEGACY_ACCENT_COLORS = /* @__PURE__ */ new Map([["brown", "rust"]]);
 function loadAccentColor() {
   try {
     const raw = localStorage.getItem(ACCENT_STORAGE_KEY);
+    const renamed = raw === null ? void 0 : LEGACY_ACCENT_COLORS.get(raw);
+    if (renamed) return renamed;
     if (ACCENT_COLORS.some((color) => color === raw)) return raw;
   } catch {
   }
-  return "brown";
+  return DEFAULT_ACCENT_COLOR;
 }
 function saveAccentColor(value) {
   try {
@@ -1189,7 +1194,7 @@ function isRecord(value) {
 // src/Settings/Settings.tsx
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var ACCENT_LABELS = {
-  brown: "Brown",
+  rust: "Rust",
   green: "Green",
   blue: "Blue",
   purple: "Purple",
@@ -1261,12 +1266,12 @@ function InterfaceFontSettings({
           {
             type: "radio",
             name,
-            value: "system",
-            checked: value !== "fixed",
-            onChange: () => onChange("system")
+            value: "fixed",
+            checked: value !== "system",
+            onChange: () => onChange("fixed")
           }
         ),
-        "System default"
+        "DocBlocks"
       ] }),
       /* @__PURE__ */ jsxs4("label", { className: "db-settings-radio db-settings-radio--inline", children: [
         /* @__PURE__ */ jsx4(
@@ -1274,12 +1279,12 @@ function InterfaceFontSettings({
           {
             type: "radio",
             name,
-            value: "fixed",
-            checked: value === "fixed",
-            onChange: () => onChange("fixed")
+            value: "system",
+            checked: value === "system",
+            onChange: () => onChange("system")
           }
         ),
-        "Bundled"
+        "System"
       ] })
     ] })
   ] });

package/dist/chunk-DICE7VBJ.js

@@ -0,0 +1,77 @@
+// src/icons.tsx
+import {
+  ArrowDownAZ,
+  Clock,
+  Download,
+  Ellipsis,
+  FilePlus,
+  Folder,
+  FolderOpen,
+  FolderPlus,
+  FolderTree,
+  PanelLeft,
+  Pin,
+  Search,
+  Settings2
+} from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+var ICON_SIZE = "1.15em";
+var STROKE_WIDTH = 1.75;
+function ShellIcon({ icon: Icon, size = ICON_SIZE }) {
+  return /* @__PURE__ */ jsx(Icon, { size, strokeWidth: STROKE_WIDTH, "aria-hidden": "true", focusable: "false" });
+}
+function NewFileIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: FilePlus });
+}
+function NewFolderIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: FolderPlus });
+}
+function OpenFolderIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: FolderOpen });
+}
+function SortByNameIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: ArrowDownAZ });
+}
+function SortByLastModifiedIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: Clock });
+}
+function FolderIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: Folder });
+}
+function MoreIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: Ellipsis });
+}
+function PinIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: Pin });
+}
+function WorkspaceIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: Settings2 });
+}
+function SplitViewIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: PanelLeft, size: 16 });
+}
+function SearchIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: Search });
+}
+function FilesIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: FolderTree });
+}
+function BackupIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: Download });
+}
+
+export {
+  NewFileIcon,
+  NewFolderIcon,
+  OpenFolderIcon,
+  SortByNameIcon,
+  SortByLastModifiedIcon,
+  FolderIcon,
+  MoreIcon,
+  PinIcon,
+  WorkspaceIcon,
+  SplitViewIcon,
+  SearchIcon,
+  FilesIcon,
+  BackupIcon
+};

package/dist/{chunk-BCQZTWE5.js → chunk-HRWEGPTY.js}

@@ -1,9 +1,14 @@
 import {
   FORMAT_EXTENSIONS
-} from "./chunk-X437UAF7.js";
+} from "./chunk-6MSHXQNB.js";
 
 // src/Export/run-export.ts
-import { parseMarkdown } from "@bendyline/squisq/markdown";
+import {
+  parseFrontmatter,
+  parseMarkdown,
+  readFrontmatterThemeId,
+  splitFrontmatterBlock
+} from "@bendyline/squisq/markdown";
 async function pictureDiagrams(doc, overrides, kinds) {
   try {
     const [{ rasterizeDiagrams }, render] = await Promise.all([
@@ -40,13 +45,21 @@ async function saveExportBlob(blob, filename, saveBlob) {
   }
   downloadBlob(blob, filename);
 }
+function exporterThemeId(markdown, selectedThemeId) {
+  if (selectedThemeId !== "standard") return selectedThemeId;
+  const block = splitFrontmatterBlock(markdown).frontmatter;
+  const firstBreak = block ? block.indexOf("\n") : -1;
+  if (!block || firstBreak < 0) return void 0;
+  const yaml = block.slice(firstBreak + 1).replace(/\r?\n---(?:\r?\n)?$/, "");
+  return readFrontmatterThemeId(parseFrontmatter(yaml) ?? void 0) ? selectedThemeId : void 0;
+}
 function buildFilename(selectedFile, format) {
   const base = selectedFile ? selectedFile.replace(/^\//, "").replace(/\.[^.]+$/, "") : "document";
   return base + FORMAT_EXTENSIONS[format];
 }
 async function runExport(markdown, selectedFile, options, mediaContainer, saveBlob, converterOverrides = {}) {
   const filename = buildFilename(selectedFile, options.format);
-  const themeId = options.themeId !== "standard" ? options.themeId : void 0;
+  const themeId = exporterThemeId(markdown, options.themeId);
   if (options.format === "md") {
     await saveExportBlob(new Blob([markdown], { type: MIME_TYPES.md }), filename, saveBlob);
     return;
@@ -129,7 +142,7 @@ async function runHtmlExport(markdown, htmlFilename, options, mediaContainer, se
   const baseName = htmlFilename.replace(/\.html$/, "");
   const zipName = `${baseName}.zip`;
   const singleHtmlFilename = options.entryAsIndex ? "index.html" : htmlFilename;
-  const themeId = options.themeId !== "standard" ? options.themeId : void 0;
+  const themeId = exporterThemeId(markdown, options.themeId);
   if (options.includeLinkedDocs && mediaContainer && selectedFile) {
     const entryPath = basenameForBundle(selectedFile);
     const readDocument = (path) => path === entryPath ? Promise.resolve(markdown) : readDocumentFromContainer(mediaContainer, path);
@@ -320,5 +333,6 @@ async function resolveDocImages(doc, container, collectImagePaths) {
 }
 
 export {
+  exporterThemeId,
   runExport
 };

package/dist/chunk-K7XJDJUJ.js

@@ -0,0 +1,126 @@
+// 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, action: "Save now" },
+  // Find is mostly invoked from inside the document being searched.
+  {
+    id: "find",
+    key: "f",
+    accel: true,
+    label: "Ctrl+F",
+    whileTyping: true,
+    action: "Find in document"
+  },
+  // Jumping elsewhere is as likely mid-sentence as from the tree.
+  {
+    id: "quick-open",
+    key: "p",
+    accel: true,
+    label: "Ctrl+P",
+    whileTyping: true,
+    action: "Go to document"
+  },
+  {
+    id: "workspace-search",
+    key: "f",
+    accel: true,
+    shift: true,
+    label: "Ctrl+Shift+F",
+    whileTyping: true,
+    action: "Search the workspace"
+  },
+  // 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,
+    action: "Show or hide the file pane"
+  },
+  {
+    id: "focus-files",
+    key: "e",
+    accel: true,
+    shift: true,
+    label: "Ctrl+Shift+E",
+    action: "Move focus to the files"
+  },
+  {
+    id: "new-document",
+    key: "n",
+    accel: true,
+    label: "Ctrl+N",
+    action: "New document",
+    browserReserved: true
+  },
+  {
+    id: "new-folder",
+    key: "n",
+    accel: true,
+    shift: true,
+    label: "Ctrl+Shift+N",
+    action: "New folder",
+    browserReserved: true
+  },
+  // F1 is the help key and works mid-sentence; `?` is the web convention but
+  // is ordinary text while typing. Both open the same sheet.
+  {
+    id: "shortcuts",
+    key: "F1",
+    accel: false,
+    label: "F1",
+    whileTyping: true,
+    action: "Show keyboard shortcuts"
+  },
+  { id: "shortcuts", key: "?", accel: false, shift: true, label: "?" },
+  // 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;
+}
+
+export {
+  SHELL_SHORTCUTS,
+  matchShortcut,
+  isFindShortcut,
+  findShortcutLabel,
+  isApplePlatform,
+  shortcutLabel
+};