@bendyline/docblocks-react 2.7.3 → 2.7.5

package/dist/{run-export-OHRNT2TP.js → run-export-SPNNH32M.js}

@@ -1,7 +1,7 @@
 import {
   exporterThemeId,
   runExport
-} from "./chunk-6PA7QBZT.js";
+} from "./chunk-7CSBRAMT.js";
 import {
   buildExportFilename
 } from "./chunk-5O5YTOXG.js";

package/dist/settings/index.d.ts

@@ -1,4 +1,4 @@
-export { A as AccentColor, a as AccentColorSettings, b as AccentColorSettingsProps, c as AiSettingsControls, d as AiSettingsControlsProps, D as DEFAULT_INTERFACE_FONT, e as DEFAULT_PROOFING_PREFERENCES, f as DEFAULT_WRITE_CANVAS_FONT_SCHEME, I as InterfaceFontPreference, g as InterfaceFontSettings, h as InterfaceFontSettingsProps, P as ProofingPreferences, i as ProofingSettingsControls, j as ProofingSettingsControlsProps, S as SettingsDialog, k as SettingsDialogProps, T as ThemePreference, l as ThemeSettings, m as ThemeSettingsProps, W as WRITE_CANVAS_FONT_SCHEMES, n as WriteCanvasFontScheme, o as WriteCanvasFontSchemeGroup, p as WriteCanvasFontSchemeOption, q as WriteCanvasPreferences, r as WriteCanvasSettingsControls, s as WriteCanvasSettingsControlsProps, t as loadInterfaceFont, u as loadProofingPreferences, v as resolveWriteCanvasFonts, w as saveInterfaceFont, x as saveProofingPreferences } from '../Settings-ByNImjk5.js';
+export { A as AccentColor, a as AccentColorSettings, b as AccentColorSettingsProps, c as AiSettingsControls, d as AiSettingsControlsProps, D as DEFAULT_INTERFACE_FONT, e as DEFAULT_PROOFING_PREFERENCES, f as DEFAULT_WRITE_CANVAS_FONT_SCHEME, I as InterfaceFontPreference, g as InterfaceFontSettings, h as InterfaceFontSettingsProps, P as ProofingPreferences, i as ProofingSettingsControls, j as ProofingSettingsControlsProps, S as SettingsDialog, k as SettingsDialogProps, T as ThemePreference, l as ThemeSettings, m as ThemeSettingsProps, W as WRITE_CANVAS_FONT_SCHEMES, n as WriteCanvasFontScheme, o as WriteCanvasFontSchemeGroup, p as WriteCanvasFontSchemeOption, q as WriteCanvasPreferences, r as WriteCanvasSettingsControls, s as WriteCanvasSettingsControlsProps, t as loadInterfaceFont, u as loadProofingPreferences, v as resolveWriteCanvasFonts, w as saveInterfaceFont, x as saveProofingPreferences } from '../Settings-CfhY489G.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { WorkspaceSettings } from '@bendyline/docblocks/workspace-settings';
 import '@bendyline/docblocks/host';

package/dist/settings/index.js

@@ -16,8 +16,8 @@ import {
   resolveWriteCanvasFonts,
   saveInterfaceFont,
   saveProofingPreferences
-} from "../chunk-ZMCQO57Q.js";
-import "../chunk-56KO2LYN.js";
+} from "../chunk-FBPCURCS.js";
+import "../chunk-VJPGZCFS.js";
 export {
   AccentColorSettings,
   AiSettingsControls,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/docblocks-react",
-  "version": "2.7.3",
+  "version": "2.7.5",
   "description": "React components for DocBlocks — file explorer, workspace picker, and editor shell",
   "license": "MIT",
   "author": "Bendyline",
@@ -85,14 +85,14 @@
     }
   },
   "dependencies": {
-    "@bendyline/docblocks": "2.7.3",
-    "@bendyline/squisq": "2.12.3",
+    "@bendyline/docblocks": "2.7.5",
+    "@bendyline/squisq": "2.13.0",
     "@bendyline/squisq-calc": "2.11.2",
-    "@bendyline/squisq-editor-react": "2.12.4",
-    "@bendyline/squisq-formats": "2.7.3",
-    "@bendyline/squisq-react": "2.12.4",
-    "@bendyline/squisq-video": "2.4.3",
-    "@bendyline/squisq-video-react": "2.5.4",
+    "@bendyline/squisq-editor-react": "2.13.1",
+    "@bendyline/squisq-formats": "2.8.1",
+    "@bendyline/squisq-react": "2.12.8",
+    "@bendyline/squisq-video": "2.4.6",
+    "@bendyline/squisq-video-react": "2.5.9",
     "lucide-react": "1.52.0",
     "qrcode": "1.5.4"
   },

package/src/styles/docblocks.css

@@ -34,7 +34,7 @@
     'Helvetica Neue', Arial, sans-serif;
   /* Metadata face: counts, timestamps, version strings, section labels. A
      small mono sets what you read apart from what you act on. */
-  --db-meta-font: 'JetBrains Mono', ui-monospace, SFMono-Regular, Consolas, monospace;
+  --db-meta-font: 'Inconsolata', ui-monospace, SFMono-Regular, Consolas, monospace;
   /* Squisq's chrome reads `--squisq-ux-font` with a `system-ui` fallback, the
      same bridge shape as the `--squisq-*` color tokens further down. Binding
      it carries the chrome face into the editor toolbar, menus and dialogs.
@@ -329,7 +329,7 @@
 .db-explorer-title {
   font-family: var(--db-meta-font);
   font-weight: 500;
-  font-size: 11px;
+  font-size: 12px;
   text-transform: uppercase;
   letter-spacing: 0.06em;
   color: var(--db-text-muted);
@@ -805,6 +805,16 @@
   cursor: pointer;
 }
 
+/* A listed file the provider could not read (e.g. a sync client holding it). */
+.db-tree-read-issue {
+  flex-shrink: 0;
+  margin-left: 4px;
+  padding: 0 4px;
+  color: var(--db-danger, #c33);
+  font-size: 11px;
+  font-weight: 700;
+}
+
 .db-tree--drop-target {
   box-shadow: inset 0 0 0 2px var(--db-accent);
   background: var(--db-accent-soft-08);
@@ -883,7 +893,7 @@
   overflow: hidden;
   color: var(--db-text-secondary);
   font-family: var(--db-meta-font);
-  font-size: 10.5px;
+  font-size: 12px;
   font-variant-numeric: tabular-nums;
   text-align: right;
   text-overflow: ellipsis;
@@ -983,6 +993,9 @@
 .db-tree-context {
   position: fixed;
   z-index: 1000;
+  /* Portaled onto <body>, outside .db-shell, where no font is set; the items
+     inherit theirs, so without this they render in the browser's serif. */
+  font-family: var(--db-ui-font);
   background: var(--db-bg-raised);
   border: 1px solid var(--db-border);
   border-radius: 4px;
@@ -1792,6 +1805,7 @@ body.db-resizing-sidebar * {
 .db-shell .squisq-status-bar {
   line-height: 16px;
   font-family: var(--db-meta-font);
+  font-size: 13px;
 }
 
 .db-shell-sidebar-footer {
@@ -2240,6 +2254,9 @@ html:has(.db-shell--mobile) .squisq-toolbar-overflow-menu {
   box-sizing: border-box;
   padding: 16px;
   background: rgba(0, 0, 0, 0.4);
+  /* The AI, presentation and narration dialogs portal onto <body>, outside
+     .db-shell; give them the chrome face the shell would have. */
+  font-family: var(--db-ui-font);
 }
 
 /* Palette-style dialogs (quick-open) sit near the top, where the eye already is. */
@@ -2362,6 +2379,7 @@ html:has(.db-shell--mobile) .squisq-toolbar-overflow-menu {
 .db-about-version code {
   color: var(--db-text);
   font-family: var(--db-meta-font);
+  font-size: 14px;
   user-select: all;
 }
 
@@ -2379,7 +2397,7 @@ html:has(.db-shell--mobile) .squisq-toolbar-overflow-menu {
 
 .db-settings-legend {
   font-family: var(--db-meta-font);
-  font-size: 11px;
+  font-size: 12px;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 0.06em;
@@ -3416,12 +3434,17 @@ html:has(.db-shell--mobile) .squisq-toolbar-overflow-menu {
 
 .db-export-footer {
   display: flex;
+  flex-wrap: wrap;
   justify-content: flex-end;
   gap: 8px;
   padding: 12px 20px 16px;
   border-top: 1px solid var(--db-border);
 }
 
+.db-export-open-after-save {
+  flex-basis: 100%;
+}
+
 .db-export-more-formats {
   margin: 4px 0 0;
   padding-top: 12px;
@@ -3988,13 +4011,19 @@ html:has(.db-shell--mobile) .squisq-toolbar-overflow-menu {
   color: var(--db-text-secondary);
 }
 
-.db-shell .squisq-editor-shell .squisq-media-bin .squisq-media-bin-upload {
+.db-shell
+  .squisq-editor-shell
+  .squisq-media-bin
+  :is(.squisq-media-bin-record, .squisq-media-bin-upload) {
   background: var(--db-accent-tint-strong);
   border-color: var(--db-border);
   color: var(--db-text-secondary);
 }
 
-.db-shell .squisq-editor-shell .squisq-media-bin .squisq-media-bin-upload:hover {
+.db-shell
+  .squisq-editor-shell
+  .squisq-media-bin
+  :is(.squisq-media-bin-record, .squisq-media-bin-upload):hover {
   background: var(--db-bg-hover);
   border-color: var(--db-border-strong);
 }
@@ -5799,7 +5828,7 @@ html:has(.db-shell) :is(.squisq-view-menu-checkbox, .squisq-view-menu-radio) {
   display: block;
   margin-bottom: 10px;
   color: var(--db-text-muted);
-  font: 600 11px/1 var(--db-meta-font);
+  font: 600 12px/1 var(--db-meta-font);
   letter-spacing: 0.04em;
 }
 
@@ -5807,7 +5836,7 @@ html:has(.db-shell) :is(.squisq-view-menu-checkbox, .squisq-view-menu-radio) {
   display: block;
   overflow: hidden;
   color: var(--db-text-secondary);
-  font: 12px/1.65 var(--db-meta-font);
+  font: 13px/1.65 var(--db-meta-font);
   white-space: pre-wrap;
   overflow-wrap: anywhere;
 }
@@ -5822,9 +5851,13 @@ html:has(.db-shell) :is(.squisq-view-menu-checkbox, .squisq-view-menu-radio) {
   animation: db-welcome-loop-nudge 3s ease-in-out infinite;
 }
 
+/* The stage is a container so the slide and video frames can size their type
+   against it (cqi) rather than in pixels: like a real slide, the words fill
+   the canvas at whatever width the welcome screen gives it. */
 .db-welcome-loop-stage {
   position: relative;
   aspect-ratio: 4 / 3;
+  container-type: inline-size;
 }
 
 .db-welcome-loop-frame {
@@ -5867,10 +5900,15 @@ html:has(.db-shell) :is(.squisq-view-menu-checkbox, .squisq-view-menu-radio) {
   color: #2b241c;
 }
 
+/* 16:9 frames, so 100cqi wide by 56.25cqi tall. Their type is in cqi to keep
+   presentation proportions at every stage size. */
 .db-welcome-loop-frame--slide,
 .db-welcome-loop-frame--video {
+  box-sizing: border-box;
   height: 75%;
   justify-content: center;
+  gap: 2cqi;
+  padding: 6cqi 8cqi;
   background: radial-gradient(circle at 30% 20%, #5a3322, #24170f 72%);
   color: #f6ecdc;
 }
@@ -5882,14 +5920,32 @@ html:has(.db-shell) :is(.squisq-view-menu-checkbox, .squisq-view-menu-radio) {
 }
 
 .db-welcome-loop-frame--slide strong {
-  font-size: 21px;
+  font-size: 7cqi;
+  text-wrap: balance;
+}
+
+.db-welcome-loop-frame--slide span {
+  font-size: 4cqi;
 }
 
+/* The bottom padding keeps the list centered in the picture above the
+   player controls. */
 .db-welcome-loop-frame--video {
-  justify-content: flex-start;
+  padding-bottom: 12cqi;
   animation-delay: 6s;
 }
 
+.db-welcome-loop-frame--video em {
+  margin: 0 0 1cqi;
+  font-size: 8.5cqi;
+  line-height: 1.15;
+}
+
+.db-welcome-loop-frame--video span {
+  font-size: 5.75cqi;
+  line-height: 1.3;
+}
+
 .db-welcome-loop-play {
   position: absolute;
   bottom: 11px;
@@ -5927,7 +5983,7 @@ html:has(.db-shell) :is(.squisq-view-menu-checkbox, .squisq-view-menu-radio) {
   margin: 0;
   padding: 0;
   color: var(--db-text-muted);
-  font: 600 11px/1 var(--db-meta-font);
+  font: 600 12px/1 var(--db-meta-font);
   letter-spacing: 0.08em;
   list-style: none;
   text-transform: uppercase;
@@ -7847,15 +7903,18 @@ button.db-git-file-row:hover {
 
   /* Folder and empty states do not render Squisq's toolbar, and the first-run
      welcome screen covers it. Preserve a top drag strip in those states and
-     keep folder content below it. */
+     keep folder content below it. The titlebar-area values are measured from
+     the window, but these panes start after the sidebar: span the pane and
+     reserve only the caption-button inset on the right, or the strip
+     overhangs the pane and the welcome screen scrolls sideways. */
   .db-shell .db-shell-empty::before,
   .db-shell .db-folder-view::before,
   .db-shell .db-welcome-gateway::before {
     content: '';
     position: absolute;
     top: 0;
-    left: env(titlebar-area-x, 0px);
-    width: env(titlebar-area-width, 100%);
+    left: 0;
+    right: max(0px, calc(100vw - env(titlebar-area-x, 0px) - env(titlebar-area-width, 100vw)));
     height: var(--db-wco-titlebar-height);
     app-region: drag;
     -webkit-app-region: drag;

package/dist/ExportDialog-JRVZCG3J.js

@@ -1,9 +0,0 @@
-import {
-  ExportDialog
-} from "./chunk-Y5OE3HJC.js";
-import "./chunk-YBEYTVU2.js";
-import "./chunk-6MSHXQNB.js";
-import "./chunk-56KO2LYN.js";
-export {
-  ExportDialog
-};

package/dist/chunk-YBEYTVU2.js

@@ -1,12 +0,0 @@
-// src/Export/transform-summaries.ts
-var transformStyleSummariesPromise = null;
-function loadTransformStyleSummaries() {
-  transformStyleSummariesPromise ?? (transformStyleSummariesPromise = import("@bendyline/squisq/transform").then(
-    ({ getTransformStyleSummaries }) => getTransformStyleSummaries()
-  ));
-  return transformStyleSummariesPromise;
-}
-
-export {
-  loadTransformStyleSummaries
-};