@bendyline/docblocks-react 2.3.2 → 2.3.3

package/README.md

@@ -56,6 +56,8 @@ The canonical DocBlocks experience in one component — file explorer, workspace
 - `theme` — `'light' | 'dark' | 'auto'` (auto follows `prefers-color-scheme`)
 - `logoUrl` — brand mark for the app menu button
 - `ffmpegWasm` — optional same-origin ffmpeg core URLs; supplying them enables the built-in Animated GIF flow on cross-origin-isolated hosts
+- `showCodeCopyButton` — shows Copy controls on ordinary fenced code blocks (default: `true`; Mermaid fences remain diagrams)
+- `onCopyCode` — optional clipboard adapter for native hosts; browser hosts fall back to `navigator.clipboard.writeText`
 
 Storage is abstracted behind the byte-authoritative `FileSystemProviderV2` contract from `@bendyline/docblocks/filesystem`: browser-local (IndexedDB), native folders (File System Access API), transient memory workspaces, or the Electron host. Built-in compatibility facades expose it as `provider.v2`; first-party shell and file-tree operations are v2-first.
 
@@ -95,6 +97,8 @@ workspace; generated links warn after 4,096 characters and are capped at
 
 The export flow: quick re-export of the last configuration plus the full dialog — format (PDF, Word, PowerPoint, EPUB, HTML, Markdown), visual theme, and page size. Hosts that supply `ffmpegWasm` also expose Animated GIF with timing, orientation, captions, looping, and color controls.
 
+Rendered HTML and HTML ZIP exports include Copy controls for ordinary fenced code blocks; Mermaid fences remain diagrams.
+
 ## Hooks
 
 ### `useDocumentSession(delay?)`

package/THIRD_PARTY_NOTICES.txt

@@ -15,12 +15,12 @@ This notice is included in the published npm tarball. Transitive packages instal
 | Package | Version | License | Source |
 | --- | --- | --- | --- |
 | @antfu/install-pkg | 1.1.0 | MIT | https://github.com/antfu/install-pkg |
-| @bendyline/squisq | 2.4.4 | MIT | https://github.com/bendyline/squisq |
-| @bendyline/squisq-editor-react | 2.4.7 | MIT | https://github.com/bendyline/squisq |
-| @bendyline/squisq-formats | 2.3.9 | MIT | https://github.com/bendyline/squisq |
-| @bendyline/squisq-react | 2.4.7 | MIT | https://github.com/bendyline/squisq |
-| @bendyline/squisq-video | 2.2.8 | MIT | https://github.com/bendyline/squisq |
-| @bendyline/squisq-video-react | 2.2.11 | MIT | https://github.com/bendyline/squisq |
+| @bendyline/squisq | 2.7.0 | MIT | https://github.com/bendyline/squisq |
+| @bendyline/squisq-editor-react | 2.7.0 | MIT | https://github.com/bendyline/squisq |
+| @bendyline/squisq-formats | 2.4.1 | MIT | https://github.com/bendyline/squisq |
+| @bendyline/squisq-react | 2.7.0 | MIT | https://github.com/bendyline/squisq |
+| @bendyline/squisq-video | 2.2.11 | MIT | https://github.com/bendyline/squisq |
+| @bendyline/squisq-video-react | 2.3.2 | MIT | https://github.com/bendyline/squisq |
 | @braintree/sanitize-url | 7.1.2 | MIT | https://github.com/braintree/sanitize-url |
 | @chevrotain/types | 11.1.2 | Apache-2.0 | https://github.com/Chevrotain/chevrotain |
 | @ffmpeg/core | 0.12.9 | GPL-2.0-or-later | https://github.com/ffmpegwasm/ffmpeg.wasm |
@@ -398,7 +398,7 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 
 ==============================================================================
-Components: @bendyline/squisq-editor-react@2.4.7, @bendyline/squisq-formats@2.3.9, @bendyline/squisq-react@2.4.7, @bendyline/squisq-video-react@2.2.11, @bendyline/squisq-video@2.2.8, @bendyline/squisq@2.4.4
+Components: @bendyline/squisq-editor-react@2.7.0, @bendyline/squisq-formats@2.4.1, @bendyline/squisq-react@2.7.0, @bendyline/squisq-video-react@2.3.2, @bendyline/squisq-video@2.2.11, @bendyline/squisq@2.7.0
 Source files: node_modules/@bendyline/squisq-editor-react/LICENSE, node_modules/@bendyline/squisq-formats/LICENSE, node_modules/@bendyline/squisq-react/LICENSE, node_modules/@bendyline/squisq-video-react/LICENSE, node_modules/@bendyline/squisq-video/LICENSE, node_modules/@bendyline/squisq/LICENSE
 ==============================================================================
 MIT License
@@ -564,7 +564,7 @@ The above copyright notice and this permission notice shall be included in all c
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 
 ==============================================================================
-Components: @bendyline/squisq-editor-react@2.4.7
+Components: @bendyline/squisq-editor-react@2.7.0
 Source files: node_modules/@bendyline/squisq-editor-react/NOTICE.md
 ==============================================================================
 # Third-Party Notices for @bendyline/squisq-editor-react
@@ -611,7 +611,7 @@ Exact third-party license texts for the bundled adapter, loader, state helper,
 and Font Awesome assets are shipped in THIRD_PARTY_LICENSES.txt.
 
 ==============================================================================
-Components: @bendyline/squisq-editor-react@2.4.7, @tiptap/core@2.27.2, @tiptap/extension-blockquote@2.27.2, @tiptap/extension-bold@2.27.2, @tiptap/extension-bubble-menu@2.27.2, @tiptap/extension-bullet-list@2.27.2, @tiptap/extension-code-block@2.27.2, @tiptap/extension-code@2.27.2, @tiptap/extension-document@2.27.2, @tiptap/extension-dropcursor@2.27.2, @tiptap/extension-floating-menu@2.27.2, @tiptap/extension-gapcursor@2.27.2, @tiptap/extension-hard-break@2.27.2, @tiptap/extension-heading@2.27.2, @tiptap/extension-history@2.27.2, @tiptap/extension-horizontal-rule@2.27.2, @tiptap/extension-image@2.27.2, @tiptap/extension-italic@2.27.2, @tiptap/extension-link@2.27.2, @tiptap/extension-list-item@2.27.2, @tiptap/extension-mention@2.27.2, @tiptap/extension-ordered-list@2.27.2, @tiptap/extension-paragraph@2.27.2, @tiptap/extension-placeholder@2.27.2, @tiptap/extension-strike@2.27.2, @tiptap/extension-table-cell@2.27.2, @tiptap/extension-table-header@2.27.2, @tiptap/extension-table-row@2.27.2, @tiptap/extension-table@2.27.2, @tiptap/extension-task-item@2.27.2, @tiptap/extension-task-list@2.27.2, @tiptap/extension-text-style@2.27.2, @tiptap/extension-text@2.27.2, @tiptap/pm@2.27.2, @tiptap/react@2.27.2, @tiptap/starter-kit@2.27.2, @tiptap/suggestion@2.27.2
+Components: @bendyline/squisq-editor-react@2.7.0, @tiptap/core@2.27.2, @tiptap/extension-blockquote@2.27.2, @tiptap/extension-bold@2.27.2, @tiptap/extension-bubble-menu@2.27.2, @tiptap/extension-bullet-list@2.27.2, @tiptap/extension-code-block@2.27.2, @tiptap/extension-code@2.27.2, @tiptap/extension-document@2.27.2, @tiptap/extension-dropcursor@2.27.2, @tiptap/extension-floating-menu@2.27.2, @tiptap/extension-gapcursor@2.27.2, @tiptap/extension-hard-break@2.27.2, @tiptap/extension-heading@2.27.2, @tiptap/extension-history@2.27.2, @tiptap/extension-horizontal-rule@2.27.2, @tiptap/extension-image@2.27.2, @tiptap/extension-italic@2.27.2, @tiptap/extension-link@2.27.2, @tiptap/extension-list-item@2.27.2, @tiptap/extension-mention@2.27.2, @tiptap/extension-ordered-list@2.27.2, @tiptap/extension-paragraph@2.27.2, @tiptap/extension-placeholder@2.27.2, @tiptap/extension-strike@2.27.2, @tiptap/extension-table-cell@2.27.2, @tiptap/extension-table-header@2.27.2, @tiptap/extension-table-row@2.27.2, @tiptap/extension-table@2.27.2, @tiptap/extension-task-item@2.27.2, @tiptap/extension-task-list@2.27.2, @tiptap/extension-text-style@2.27.2, @tiptap/extension-text@2.27.2, @tiptap/pm@2.27.2, @tiptap/react@2.27.2, @tiptap/starter-kit@2.27.2, @tiptap/suggestion@2.27.2
 Source files: node_modules/@bendyline/squisq-editor-react/THIRD_PARTY_LICENSES.txt
 ==============================================================================
 THIRD-PARTY LICENSES FOR @bendyline/squisq-editor-react
@@ -884,7 +884,7 @@ The above copyright notice and this permission notice shall be included in all c
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 
 ==============================================================================
-Components: @bendyline/squisq-formats@2.3.9
+Components: @bendyline/squisq-formats@2.4.1
 Source files: node_modules/@bendyline/squisq-formats/NOTICE.md
 ==============================================================================
 # Third-Party Notices for @bendyline/squisq-formats
@@ -909,7 +909,7 @@ texts for these dependencies are included in their respective npm
 distributions and source repositories.
 
 ==============================================================================
-Components: @bendyline/squisq-formats@2.3.9
+Components: @bendyline/squisq-formats@2.4.1
 Source files: node_modules/@bendyline/squisq-formats/THIRD_PARTY_LICENSES.txt
 ==============================================================================
 THIRD-PARTY LICENSES FOR @bendyline/squisq-formats
@@ -1091,7 +1091,7 @@ Awesome, nor vice versa. **Please do not use brand logos for any purpose except
 to represent the company, product, or service to which they refer.**
 
 ==============================================================================
-Components: @bendyline/squisq-react@2.4.7
+Components: @bendyline/squisq-react@2.7.0
 Source files: node_modules/@bendyline/squisq-react/NOTICE.md
 ==============================================================================
 # Third-Party Notices for @bendyline/squisq-react
@@ -1116,7 +1116,7 @@ third-party license texts for the complete standalone bundle graph are shipped
 in THIRD_PARTY_LICENSES.txt.
 
 ==============================================================================
-Components: @bendyline/squisq-react@2.4.7
+Components: @bendyline/squisq-react@2.7.0
 Source files: node_modules/@bendyline/squisq-react/THIRD_PARTY_LICENSES.txt
 ==============================================================================
 THIRD-PARTY LICENSES FOR @bendyline/squisq-react
@@ -5589,7 +5589,7 @@ TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
 SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 
 ==============================================================================
-Components: @bendyline/squisq-video-react@2.2.11, @ffmpeg/core@0.12.9
+Components: @bendyline/squisq-video-react@2.3.2, @ffmpeg/core@0.12.9
 Source files: node_modules/@bendyline/squisq-video-react/COPYING.GPL-2.0.txt
 ==============================================================================
                     GNU GENERAL PUBLIC LICENSE
@@ -5932,7 +5932,7 @@ library.  If this is what you want to do, use the GNU Lesser General
 Public License instead of this License.
 
 ==============================================================================
-Components: @bendyline/squisq-video-react@2.2.11, @ffmpeg/core@0.12.9
+Components: @bendyline/squisq-video-react@2.3.2, @ffmpeg/core@0.12.9
 Source files: node_modules/@bendyline/squisq-video-react/NOTICE.md
 ==============================================================================
 # Third-Party Notices for @bendyline/squisq-video-react
@@ -5977,7 +5977,7 @@ global WebCodecs declaration dependencies are not installed for consumers. Its
 exact license text is shipped in THIRD_PARTY_LICENSES.txt.
 
 ==============================================================================
-Components: @bendyline/squisq-video-react@2.2.11, @ffmpeg/core@0.12.9, @ffmpeg/ffmpeg@0.12.15, @ffmpeg/types@0.12.4, @ffmpeg/util@0.12.2
+Components: @bendyline/squisq-video-react@2.3.2, @ffmpeg/core@0.12.9, @ffmpeg/ffmpeg@0.12.15, @ffmpeg/types@0.12.4, @ffmpeg/util@0.12.2
 Source files: node_modules/@bendyline/squisq-video-react/THIRD_PARTY_LICENSES.txt
 ==============================================================================
 THIRD-PARTY LICENSES FOR @bendyline/squisq-video-react
@@ -6041,7 +6041,7 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 
 ==============================================================================
-Components: @bendyline/squisq-video@2.2.8
+Components: @bendyline/squisq-video@2.2.11
 Source files: node_modules/@bendyline/squisq-video/NOTICE.md
 ==============================================================================
 # Third-Party Notices for @bendyline/squisq-video
@@ -6066,7 +6066,7 @@ Copyright and complete license texts for the listed dependencies are included
 in their respective npm distributions and source repositories.
 
 ==============================================================================
-Components: @bendyline/squisq-video@2.2.8
+Components: @bendyline/squisq-video@2.2.11
 Source files: node_modules/@bendyline/squisq-video/THIRD_PARTY_LICENSES.txt
 ==============================================================================
 THIRD-PARTY LICENSES FOR @bendyline/squisq-video
@@ -6078,7 +6078,7 @@ repository license, the pinned upstream copy is vendored and identified below.
 COMPONENTS
 
 ==============================================================================
-Components: @bendyline/squisq@2.4.4
+Components: @bendyline/squisq@2.7.0
 Source files: node_modules/@bendyline/squisq/NOTICE.md
 ==============================================================================
 # Third-Party Notices for @bendyline/squisq
@@ -6109,7 +6109,7 @@ third-party license texts for bundled code and data are shipped in
 THIRD_PARTY_LICENSES.txt.
 
 ==============================================================================
-Components: @bendyline/squisq@2.4.4
+Components: @bendyline/squisq@2.7.0
 Source files: node_modules/@bendyline/squisq/THIRD_PARTY_LICENSES.txt
 ==============================================================================
 THIRD-PARTY LICENSES FOR @bendyline/squisq

package/dist/{ExportToolbarControls-5D4R6UXA.js → ExportToolbarControls-N3TCL5DD.js}

@@ -43,7 +43,7 @@ var ShareDialog = lazy(
 );
 var runExportModulePromise = null;
 function loadRunExportModule() {
-  runExportModulePromise ?? (runExportModulePromise = import("./run-export-UYR5USUJ.js"));
+  runExportModulePromise ?? (runExportModulePromise = import("./run-export-I2XOVGG4.js"));
   return runExportModulePromise;
 }
 var ExportCancelledError = class extends Error {

package/dist/{chunk-OSQUKIUN.js → chunk-ODYNOPC3.js}

@@ -106,6 +106,7 @@ async function runHtmlExport(markdown, htmlFilename, options, mediaContainer, se
         title: baseName,
         themeId,
         mode: "static",
+        showCodeCopyButton: true,
         entryAsIndex: options.entryAsIndex
       });
       await saveExportBlob(blob2, zipName, saveBlob);
@@ -138,7 +139,8 @@ async function runHtmlExport(markdown, htmlFilename, options, mediaContainer, se
         playerScript: PLAYER_BUNDLE,
         images,
         mode: "static",
-        title: baseName
+        title: baseName,
+        showCodeCopyButton: true
       });
       await saveExportBlob(blob, zipName, saveBlob);
       return;
@@ -147,7 +149,8 @@ async function runHtmlExport(markdown, htmlFilename, options, mediaContainer, se
       playerScript: PLAYER_BUNDLE,
       images,
       mode: "static",
-      title: baseName
+      title: baseName,
+      showCodeCopyButton: true
     });
     await saveExportBlob(new Blob([html2], { type: MIME_TYPES.html }), singleHtmlFilename, saveBlob);
     return;

package/dist/export/index.js

@@ -6,7 +6,7 @@ import {
 } from "../chunk-SIIEGOHY.js";
 import {
   runExport
-} from "../chunk-OSQUKIUN.js";
+} from "../chunk-ODYNOPC3.js";
 import "../chunk-YBEYTVU2.js";
 import "../chunk-LG6HAWCK.js";
 import {

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FileSystemProvider, FileSystemEntry, FsErrorCode } from '@bendyline/docblocks/filesystem';
 import { WorkspaceDescriptor } from '@bendyline/docblocks/workspace';
 import { EditorColorScheme } from '@bendyline/squisq-editor-react';
+import { CodeBlockCopyHandler } from '@bendyline/squisq-react';
 import { FfmpegWasmLoadConfig } from '@bendyline/squisq-video';
 import { PrunePolicy, SaveVersionResult, DocumentVersionManager } from '@bendyline/squisq/versions';
 import { ThemePreference, AccentColor, WriteCanvasPreferences } from './settings/index.js';
@@ -286,13 +287,26 @@ interface DocBlocksShellProps {
     onApplyUpdate?: () => void;
     /** Host-supplied content rendered at the right edge of the editor status bar. */
     statusBarSlotRight?: React.ReactNode;
+    /** Show Copy controls on ordinary fenced code blocks (default: true). */
+    showCodeCopyButton?: boolean;
+    /**
+     * Optional host clipboard adapter. Browser hosts can omit this to use the
+     * Clipboard API; Electron/native hosts should supply their trusted bridge.
+     */
+    onCopyCode?: CodeBlockCopyHandler;
+    /** Whether the editor may expose microphone, camera, and screen recording. */
+    allowRecording?: boolean;
+    /** Whether presentation may open a synchronized audience window. */
+    allowPresentationWindow?: boolean;
+    /** Whether presentation may enter the browser/Electron Fullscreen API. */
+    allowPresentationFullscreen?: boolean;
     /**
      * True once the app has been fully cached for offline use (browser PWA
      * hosts). Shown to the user once as a passive notice.
      */
     offlineReady?: boolean;
 }
-declare function DocBlocksShell({ theme: hostTheme, logoUrl, issueReportVersion, appBuildDate, ffmpegWasm, homeDocumentTitle, homeDocumentPath, allowVersioning, versionBasename, versioningPrunePolicy, versioningAutoSaveIdleMs, onSaveVersion, versioningRef, updateAvailable, onApplyUpdate, statusBarSlotRight, offlineReady, }: DocBlocksShellProps): react_jsx_runtime.JSX.Element;
+declare function DocBlocksShell({ theme: hostTheme, logoUrl, issueReportVersion, appBuildDate, ffmpegWasm, homeDocumentTitle, homeDocumentPath, allowVersioning, versionBasename, versioningPrunePolicy, versioningAutoSaveIdleMs, onSaveVersion, versioningRef, updateAvailable, onApplyUpdate, statusBarSlotRight, showCodeCopyButton, onCopyCode, allowRecording, allowPresentationWindow, allowPresentationFullscreen, offlineReady, }: DocBlocksShellProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Versioning preferences — global default + per-workspace resolution.

package/dist/index.js

@@ -36,7 +36,7 @@ import {
 } from "./chunk-SIIEGOHY.js";
 import {
   runExport
-} from "./chunk-OSQUKIUN.js";
+} from "./chunk-ODYNOPC3.js";
 import {
   createBrowserSaveAsAdapter
 } from "./chunk-UMEDHMT7.js";
@@ -3154,7 +3154,7 @@ function useDocumentSession(autoSaveDelayMs = 500) {
 import { lazy, Suspense } from "react";
 import { jsx as jsx10 } from "react/jsx-runtime";
 var ExportToolbarControlsImplementation = lazy(
-  () => import("./ExportToolbarControls-5D4R6UXA.js").then((module) => ({
+  () => import("./ExportToolbarControls-N3TCL5DD.js").then((module) => ({
     default: module.ExportToolbarControls
   }))
 );
@@ -4953,6 +4953,11 @@ function DocBlocksShell({
   updateAvailable = false,
   onApplyUpdate,
   statusBarSlotRight,
+  showCodeCopyButton = true,
+  onCopyCode,
+  allowRecording = true,
+  allowPresentationWindow = true,
+  allowPresentationFullscreen = true,
   offlineReady = false
 }) {
   const osTheme = useOsTheme();
@@ -7912,6 +7917,11 @@ function DocBlocksShell({
                           placeholder: editorPlaceholder,
                           outlineWidth: 280,
                           mediaProvider,
+                          showCodeCopyButton,
+                          onCopyCode,
+                          allowRecording,
+                          allowPresentationWindow,
+                          allowPresentationFullscreen,
                           documentLinkProvider,
                           workspaceContainer: versionsContainer ?? void 0,
                           allowVersioning: effectiveVersioning,

package/dist/{run-export-UYR5USUJ.js → run-export-I2XOVGG4.js}

@@ -1,6 +1,6 @@
 import {
   runExport
-} from "./chunk-OSQUKIUN.js";
+} from "./chunk-ODYNOPC3.js";
 import {
   buildExportFilename
 } from "./chunk-M5Y5WO7Z.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/docblocks-react",
-  "version": "2.3.2",
+  "version": "2.3.3",
   "description": "React components for DocBlocks — file explorer, workspace picker, and editor shell",
   "license": "MIT",
   "author": "Bendyline",
@@ -75,13 +75,13 @@
     }
   },
   "dependencies": {
-    "@bendyline/docblocks": "2.3.2",
-    "@bendyline/squisq": "2.5.0",
-    "@bendyline/squisq-editor-react": "2.5.0",
-    "@bendyline/squisq-formats": "2.3.10",
-    "@bendyline/squisq-react": "2.5.0",
-    "@bendyline/squisq-video": "2.2.9",
-    "@bendyline/squisq-video-react": "2.3.0"
+    "@bendyline/docblocks": "2.3.3",
+    "@bendyline/squisq": "2.7.0",
+    "@bendyline/squisq-editor-react": "2.7.0",
+    "@bendyline/squisq-formats": "2.4.1",
+    "@bendyline/squisq-react": "2.7.0",
+    "@bendyline/squisq-video": "2.2.11",
+    "@bendyline/squisq-video-react": "2.3.2"
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "20.9.0",

package/src/styles/docblocks.css

@@ -1349,13 +1349,22 @@ body.db-resizing-sidebar * {
   }
 }
 
+/* Squisq's status bar leaves line-height at `normal`, so its height depends on
+   the installed UI font's metrics — 16px on Segoe UI, 14px on the Linux CI
+   stack. The footer below pins itself to a fixed height, so an unpinned status
+   bar makes their shared top border jog by 2px on some platforms. Pin the line
+   box here so both chrome regions are 25px everywhere. */
+.db-shell .squisq-status-bar {
+  line-height: 16px;
+}
+
 .db-shell-sidebar-footer {
   box-sizing: border-box;
   display: flex;
   align-items: center;
   gap: 6px;
-  /* Match Squisq's rendered line box + 4px vertical padding + 1px border. */
-  height: 23px;
+  /* Match the status bar's pinned line box + 8px vertical padding + 1px border. */
+  height: 25px;
   padding: 0 12px 0 18px;
   border-top: 1px solid var(--db-border-strong);
   flex-shrink: 0;
@@ -3037,7 +3046,7 @@ body.db-resizing-sidebar * {
 
 .db-shell[data-theme='dark'] .squisq-editor-shell[data-theme='dark'] .squisq-status-bar {
   background: var(--db-bg-subtle);
-  border-top-color: var(--db-border);
+  border-top-color: var(--db-border-strong);
 }
 
 .db-shell[data-theme='dark'] .squisq-image-viewer--dark,
@@ -4441,7 +4450,7 @@ html:has(.db-shell[data-theme='dark'])
 
 .db-shell[data-theme='light'] .squisq-editor-shell[data-theme='light'] .squisq-status-bar {
   background: var(--db-accent-tint-strong);
-  border-top-color: var(--db-border);
+  border-top-color: var(--db-border-strong);
 }
 
 /* Status bar "✓ OK" indicator — squisq paints this in saturated emerald
@@ -5581,8 +5590,7 @@ button.db-git-file-row:hover {
   /* The first shell row replaces the native titlebar. Empty space can drag
      the window; every interactive descendant opts back out below. */
   .db-shell .db-shell-sidebar-header,
-  .db-shell .squisq-toolbar,
-  .db-shell .squisq-editor-header--image {
+  .db-shell .squisq-editor-header {
     app-region: drag;
     -webkit-app-region: drag;
     box-sizing: border-box;
@@ -5590,6 +5598,14 @@ button.db-git-file-row:hover {
     min-height: var(--db-wco-titlebar-height);
   }
 
+  .db-shell .squisq-toolbar {
+    app-region: drag;
+    -webkit-app-region: drag;
+    box-sizing: border-box;
+    height: 100%;
+    min-height: 0;
+  }
+
   .db-shell .db-shell-sidebar-header {
     padding-block: 0;
     padding-left: max(4px, calc(env(titlebar-area-x, 0px) + 4px));