@bendyline/docblocks-react 2.1.1 → 2.1.2

package/dist/{ExportToolbarControls-5HUE3LSX.js → ExportToolbarControls-C46GMPKC.js}

@@ -409,7 +409,7 @@ function ExportToolbarControls({
               role: "menuitem",
               className: "db-toolbar-menu-item",
               onClick: () => void handleOpenVideoModal("mp4"),
-              children: "Export Video..."
+              children: "Export video..."
             }
           ),
           showAnimatedGifExport && /* @__PURE__ */ jsx(
@@ -419,7 +419,7 @@ function ExportToolbarControls({
               role: "menuitem",
               className: "db-toolbar-menu-item",
               onClick: () => void handleOpenVideoModal("gif"),
-              children: "Export Animated GIF..."
+              children: "Export animated gif..."
             }
           )
         ] })

package/dist/{LazyEditorShell-RF54B5UD.js → LazyEditorShell-LU4QFPDX.js}

@@ -1,5 +1,5 @@
 // src/DocBlocksShell/LazyEditorShell.ts
-import { EditorShell } from "@bendyline/squisq-editor-react";
+import { EditorShell } from "@bendyline/squisq-editor-react/shell";
 export {
   EditorShell as default
 };

package/dist/index.js

@@ -221,13 +221,19 @@ function useFileTree(provider) {
         }
       })();
     };
-    const subscription = providerV2.watch(requestRefresh, {
-      onError: (caught) => {
-        if (disposed) return;
-        reportError(caught);
+    const subscription = providerV2.watch(
+      (event) => {
+        if (event.type === "modified") return;
         requestRefresh();
+      },
+      {
+        onError: (caught) => {
+          if (disposed) return;
+          reportError(caught);
+          requestRefresh();
+        }
       }
-    });
+    );
     void subscription.ready.catch((caught) => {
       if (!disposed) reportError(caught);
     });
@@ -2254,7 +2260,7 @@ function useDocumentSession(autoSaveDelayMs = 500) {
 import { lazy, Suspense } from "react";
 import { jsx as jsx8 } from "react/jsx-runtime";
 var ExportToolbarControlsImplementation = lazy(
-  () => import("./ExportToolbarControls-5HUE3LSX.js").then((module) => ({
+  () => import("./ExportToolbarControls-C46GMPKC.js").then((module) => ({
     default: module.ExportToolbarControls
   }))
 );
@@ -3549,8 +3555,9 @@ var editorShellModulePromise = null;
 function loadEditorShell() {
   editorShellModulePromise ?? (editorShellModulePromise = (async () => {
     const workersReady = globalThis.docBlocksMonacoWorkersReady;
-    await workersReady?.catch(() => void 0);
-    return import("./LazyEditorShell-RF54B5UD.js");
+    const editorReady = import("./LazyEditorShell-LU4QFPDX.js");
+    const [editorModule] = await Promise.all([editorReady, workersReady?.catch(() => void 0)]);
+    return editorModule;
   })());
   return editorShellModulePromise;
 }
@@ -6199,7 +6206,7 @@ function DocBlocksShell({
                   /* @__PURE__ */ jsx12("span", { className: "db-shell-sidebar-footer-separator", "aria-hidden": "true", children: "\u2022" }),
                   /* @__PURE__ */ jsx12("a", { href: "https://docblocks.com/terms/", target: "_blank", rel: "noopener noreferrer", children: "Terms" }),
                   /* @__PURE__ */ jsx12("span", { className: "db-shell-sidebar-footer-separator", "aria-hidden": "true", children: "\u2022" }),
-                  /* @__PURE__ */ jsx12("a", { href: issueReportUrl, target: "_blank", rel: "noopener noreferrer", children: "Issues" }),
+                  /* @__PURE__ */ jsx12("a", { href: issueReportUrl, target: "_blank", rel: "noopener noreferrer", children: "Report issue" }),
                   showBrowserStorageWarning && /* @__PURE__ */ jsxs11(Fragment7, { children: [
                     /* @__PURE__ */ jsx12("span", { className: "db-shell-sidebar-footer-separator", "aria-hidden": "true", children: "\u2022" }),
                     /* @__PURE__ */ jsx12(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/docblocks-react",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "description": "React components for DocBlocks — file explorer, workspace picker, and editor shell",
   "license": "MIT",
   "author": "Bendyline",
@@ -65,13 +65,13 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@bendyline/docblocks": "2.1.1",
-    "@bendyline/squisq": "2.3.1",
-    "@bendyline/squisq-editor-react": "2.3.2",
-    "@bendyline/squisq-formats": "2.3.1",
-    "@bendyline/squisq-react": "2.3.1",
-    "@bendyline/squisq-video": "2.2.1",
-    "@bendyline/squisq-video-react": "2.2.1"
+    "@bendyline/docblocks": "2.1.2",
+    "@bendyline/squisq": "2.3.2",
+    "@bendyline/squisq-editor-react": "2.3.3",
+    "@bendyline/squisq-formats": "2.3.2",
+    "@bendyline/squisq-react": "2.3.2",
+    "@bendyline/squisq-video": "2.2.2",
+    "@bendyline/squisq-video-react": "2.2.2"
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "20.9.0",

package/src/styles/docblocks.css

@@ -2808,6 +2808,7 @@ html:has(.db-shell[data-theme='dark']) {
   --db-shadow: rgba(0, 0, 0, 0.4);
   --db-accent: #c8b48f;
   --db-accent-hover: #dec79d;
+  --db-text-on-accent: #1a1812;
   --db-accent-soft-15: rgba(200, 180, 143, 0.18);
   --db-accent-soft-25: rgba(200, 180, 143, 0.28);
   --db-accent-tint-strong: #3a382e;
@@ -2829,6 +2830,7 @@ html:has(.db-shell[data-theme='light']) {
   --db-shadow: rgba(40, 30, 15, 0.12);
   --db-accent: #7d6948;
   --db-accent-hover: #5e4f37;
+  --db-text-on-accent: #ffffff;
   --db-accent-soft-15: rgba(125, 105, 72, 0.15);
   --db-accent-soft-25: rgba(125, 105, 72, 0.25);
   --db-accent-tint-strong: #d8d0b5;
@@ -3163,6 +3165,34 @@ html:has(.db-shell[data-theme='dark'][data-accent='gray']) {
   --db-badge-text-hover: #ffffff;
 }
 
+/* Custom layout authoring is portaled to document.body. Bind its host-facing
+   accent tokens at that portal boundary so selected layouts, palette states,
+   primary actions, and focus rings follow the active DocBlocks accent instead
+   of Squisq's standalone indigo defaults. */
+html:has(.db-shell) :is(.squisq-template-designer-overlay, .squisq-layout-manager-overlay) {
+  --squisq-layout-accent-text: var(--db-accent-hover);
+  --squisq-layout-accent-bg: var(--db-accent);
+  --squisq-layout-accent-bg-hover: var(--db-accent-hover);
+  --squisq-layout-accent-border: var(--db-accent);
+  --squisq-layout-accent-soft: var(--db-accent-tint-strong);
+  --squisq-layout-accent-soft-hover: var(--db-bg-hover);
+  --squisq-layout-accent-soft-border: var(--db-accent);
+  --squisq-layout-accent-hover-border: var(--db-accent-hover);
+}
+
+html:has(.db-shell)
+  :is(.squisq-template-designer-overlay, .squisq-layout-manager-overlay)
+  .squisq-template-designer-btn--primary {
+  color: var(--db-text-on-accent);
+}
+
+html:has(.db-shell)
+  :is(.squisq-template-designer-overlay, .squisq-layout-manager-overlay)
+  .squisq-template-designer-field
+  input:focus {
+  box-shadow: 0 0 0 3px var(--db-accent-soft-25);
+}
+
 /* Convert/Insert is portaled to document.body, so the editor shell's Squisq
    overrides cannot reach it. The active DocBlocks palette is already hoisted
    to html above; consume it here so every accent and appearance produces the
@@ -4952,6 +4982,13 @@ button.db-git-file-row:hover {
     padding-bottom: 2px;
   }
 
+  /* The native 32px caption band leaves the labels slightly above its visual
+     center. Move only the text down; the tab hit area and active underline
+     stay anchored to the titlebar edges. */
+  .db-shell .squisq-toolbar-view-tab-label {
+    transform: translateY(4px);
+  }
+
   .db-shell .squisq-use-mode-trigger {
     padding-bottom: 7px;
   }