@mdzip/editor 1.3.8 → 1.3.12

package/dist/rendering.js

@@ -20,13 +20,26 @@ function resolvePurifier() {
     purifier = DOMPurify(globalWindow);
     return purifier;
 }
-const SANITIZE_OPTIONS = {
-    USE_PROFILES: { html: true },
-    ADD_ATTR: ['class'],
-    FORBID_TAGS: ['base', 'embed', 'form', 'iframe', 'input', 'link', 'meta', 'object', 'script', 'style'],
-    FORBID_ATTR: ['style'],
-    ALLOW_DATA_ATTR: false
-};
+const BASE_FORBID_TAGS = ['base', 'embed', 'form', 'iframe', 'input', 'link', 'meta', 'object', 'script', 'style'];
+const BASE_FORBID_ATTR = ['style'];
+function lower(value) {
+    return value.toLowerCase();
+}
+function buildSanitizeOptions(contributions) {
+    const allowSvg = contributions.some((contribution) => contribution.allowSvg);
+    const addTags = [...new Set(contributions.flatMap((contribution) => contribution.addTags ?? []))];
+    const addAttr = ['class', ...new Set(contributions.flatMap((contribution) => contribution.addAttr ?? []))];
+    const unforbidTags = new Set(contributions.flatMap((contribution) => contribution.unforbidTags ?? []).map(lower));
+    const unforbidAttr = new Set(contributions.flatMap((contribution) => contribution.unforbidAttr ?? []).map(lower));
+    return {
+        USE_PROFILES: allowSvg ? { html: true, svg: true, svgFilters: true } : { html: true },
+        ADD_TAGS: addTags,
+        ADD_ATTR: addAttr,
+        FORBID_TAGS: BASE_FORBID_TAGS.filter((tag) => !unforbidTags.has(tag)),
+        FORBID_ATTR: BASE_FORBID_ATTR.filter((attr) => !unforbidAttr.has(attr)),
+        ALLOW_DATA_ATTR: false
+    };
+}
 /**
  * Sanitizes rendered HTML with the editor's default DOMPurify policy.
  *
@@ -34,9 +47,12 @@ const SANITIZE_OPTIONS = {
  * extensions that need to find placeholders again in `mount()` should use
  * class or id markers and carry payloads out-of-band (e.g. a side map keyed
  * by marker id), not element attributes.
+ *
+ * Pass `contributions` (an extension's {@link MdzipSanitizeContribution}s) to
+ * widen the policy just enough for richer output such as inline SVG.
  */
-export function sanitizeMdzipHtml(html) {
-    return resolvePurifier().sanitize(html, SANITIZE_OPTIONS);
+export function sanitizeMdzipHtml(html, contributions = []) {
+    return resolvePurifier().sanitize(html, buildSanitizeOptions(contributions));
 }
 /** Predicate matching one or more exact archive paths (case-insensitive). */
 export function mdzipPathMatcher(...paths) {
@@ -68,7 +84,11 @@ const marked = new Marked({
                     // Fall through to escaped plain code.
                 }
             }
-            return `<pre><code>${escapeHtml(token.text)}</code></pre>`;
+            // Preserve the requested language as a class even when it is not a
+            // highlightable language (e.g. `mermaid`), so render extensions and
+            // client-side highlighters can still find and claim the block.
+            const className = requestedLanguage ? ` class="language-${escapeHtml(requestedLanguage)}"` : '';
+            return `<pre><code${className}>${escapeHtml(token.text)}</code></pre>`;
         },
         table(token) {
             const renderCell = (cell) => {
@@ -170,7 +190,10 @@ export class MdzipRenderingService {
         }
         const skipSanitize = htmlTransforms.length === 0 && this.renderer.sanitizesOutput === true;
         if (!skipSanitize) {
-            value = chainRenderStage(value, (html) => sanitizeMdzipHtml(html), context.signal);
+            const contributions = this.extensions
+                .map((ext) => ext.sanitize)
+                .filter((contribution) => contribution !== undefined);
+            value = chainRenderStage(value, (html) => sanitizeMdzipHtml(html, contributions), context.signal);
         }
         return value;
     }

package/dist/rendering.js.map

@@ -1 +1 @@
-{"version":3,"file":"rendering.js","sourceRoot":"","sources":["../src/rendering.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"rendering.js","sourceRoot":"","sources":["../src/rendering.ts"],"names":[],"mappings":"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"}

package/dist/view-css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"view-css.d.ts","sourceRoot":"","sources":["../src/view-css.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,aAAa,QA8/CzB,CAAC"}
+{"version":3,"file":"view-css.d.ts","sourceRoot":"","sources":["../src/view-css.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,aAAa,QAkuDzB,CAAC"}

package/dist/view-css.js

@@ -26,6 +26,49 @@ export const WORKSPACE_CSS = `
   box-sizing: border-box;
 }
 
+.mdzip-root.toolbar-density-compact {
+  --mdzip-density-toolbar-padding: 3px 10px;
+  --mdzip-density-toolbar-gap: 6px;
+  --mdzip-density-toolbar-start-gap: 8px;
+  --mdzip-density-toolbar-group-padding: 2px;
+  --mdzip-density-toolbar-button-width: 34px;
+  --mdzip-density-toolbar-button-height: 30px;
+  --mdzip-density-toolbar-compact-button-size: 28px;
+  --mdzip-density-toolbar-icon-size: 15px;
+  --mdzip-density-toolbar-icon-large-size: 19px;
+  --mdzip-density-toolbar-icon-extra-large-size: 22px;
+  --mdzip-density-theme-icon-size: 16px;
+  --mdzip-density-format-toolbar-gap: 4px;
+  --mdzip-density-format-toolbar-group-gap: 1px;
+  --mdzip-density-format-button-size: 28px;
+  --mdzip-density-format-menu-button-width: 36px;
+  --mdzip-density-format-icon-size: 15px;
+}
+
+.mdzip-root.toolbar-density-dense {
+  --mdzip-density-toolbar-padding: 2px 8px;
+  --mdzip-density-toolbar-gap: 4px;
+  --mdzip-density-toolbar-start-gap: 6px;
+  --mdzip-density-toolbar-group-padding: 1px;
+  --mdzip-density-toolbar-button-width: 30px;
+  --mdzip-density-toolbar-button-height: 28px;
+  --mdzip-density-toolbar-compact-button-size: 26px;
+  --mdzip-density-toolbar-icon-size: 14px;
+  --mdzip-density-toolbar-icon-large-size: 18px;
+  --mdzip-density-toolbar-icon-extra-large-size: 20px;
+  --mdzip-density-theme-icon-size: 15px;
+  --mdzip-density-format-toolbar-gap: 3px;
+  --mdzip-density-format-toolbar-group-gap: 1px;
+  --mdzip-density-format-button-size: 26px;
+  --mdzip-density-format-menu-button-width: 34px;
+  --mdzip-density-format-icon-size: 14px;
+}
+
+.mdzip-root.content-density-compact {
+  --mdzip-density-editor-content-padding: 20px 28px;
+  --mdzip-density-preview-content-padding: 20px 24px 32px;
+}
+
 .mdzip-root.mdzip-theme-light {
   color-scheme: light;
   ${MDZIP_LIGHT_DEFAULTS_CSS}
@@ -63,11 +106,14 @@ export const WORKSPACE_CSS = `
 }
 
 .mdzip-root .toolbar {
+  --view-mode-min-left: calc(var(--editor-pane-offset) + 520px);
+  --view-mode-max-left: calc(100% - 170px);
+
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
   align-items: center;
   column-gap: 12px;
-  padding: 4px 12px;
+  padding: var(--mdzip-toolbar-padding, var(--mdzip-density-toolbar-padding, 4px 12px));
   background: var(--mdzip-toolbar-background-color);
   border-bottom: 1px solid var(--mdzip-border-color);
   min-height: 48px;
@@ -81,7 +127,7 @@ export const WORKSPACE_CSS = `
   display: flex;
   align-items: center;
   min-width: 0;
-  gap: 10px;
+  gap: var(--mdzip-toolbar-gap, var(--mdzip-density-toolbar-gap, 10px));
 }
 
 .mdzip-root .toolbar-start {
@@ -89,7 +135,7 @@ export const WORKSPACE_CSS = `
   align-items: center;
   justify-self: start;
   min-width: 0;
-  gap: 12px;
+  gap: var(--mdzip-toolbar-start-gap, var(--mdzip-density-toolbar-start-gap, 12px));
 }
 
 .mdzip-root.navigation-pane-visible {
@@ -174,7 +220,7 @@ export const WORKSPACE_CSS = `
   align-items: center;
   gap: 4px;
   justify-self: center;
-  padding: 3px;
+  padding: var(--mdzip-toolbar-group-padding, var(--mdzip-density-toolbar-group-padding, 3px));
   border: 1px solid var(--mdzip-widget-border-color);
   border-radius: 8px;
   background: var(--mdzip-widget-background-color);
@@ -182,7 +228,11 @@ export const WORKSPACE_CSS = `
 
 .mdzip-root .view-mode-toggle-group {
   position: absolute;
-  left: calc((100% + var(--workspace-pane-offset)) / 2);
+  left: clamp(
+    var(--view-mode-min-left),
+    calc((100% + var(--workspace-pane-offset)) / 2),
+    var(--view-mode-max-left)
+  );
   top: 50%;
   transform: translate(-50%, -50%);
   gap: 2px;
@@ -193,8 +243,8 @@ export const WORKSPACE_CSS = `
 }
 
 .mdzip-root .icon-toggle {
-  width: 42px;
-  height: 36px;
+  width: var(--mdzip-toolbar-button-width, var(--mdzip-toolbar-button-size, var(--mdzip-density-toolbar-button-width, 42px)));
+  height: var(--mdzip-toolbar-button-height, var(--mdzip-toolbar-button-size, var(--mdzip-density-toolbar-button-height, 36px)));
   padding: 0;
   cursor: pointer;
   background: transparent;
@@ -221,16 +271,16 @@ export const WORKSPACE_CSS = `
 }
 
 .mdzip-root .toggle-icon {
-  width: 17px;
-  height: 17px;
+  width: var(--mdzip-toolbar-icon-size, var(--mdzip-density-toolbar-icon-size, 17px));
+  height: var(--mdzip-toolbar-icon-size, var(--mdzip-density-toolbar-icon-size, 17px));
   fill: none;
   stroke: currentColor;
 }
 
 .mdzip-root .view-mode-toggle {
   position: relative;
-  width: 32px;
-  height: 32px;
+  width: var(--mdzip-toolbar-compact-button-size, var(--mdzip-density-toolbar-compact-button-size, 32px));
+  height: var(--mdzip-toolbar-compact-button-size, var(--mdzip-density-toolbar-compact-button-size, 32px));
   border-radius: 6px;
   color: var(--mdzip-control-foreground-color);
 }
@@ -257,13 +307,13 @@ export const WORKSPACE_CSS = `
 }
 
 .mdzip-root .view-mode-toggle .toggle-icon {
-  width: 1.5em;
-  height: 1.5em;
+  width: var(--mdzip-toolbar-icon-large-size, var(--mdzip-density-toolbar-icon-large-size, 1.5em));
+  height: var(--mdzip-toolbar-icon-large-size, var(--mdzip-density-toolbar-icon-large-size, 1.5em));
 }
 
 .mdzip-root .nav-toggle {
-  width: 32px;
-  height: 32px;
+  width: var(--mdzip-toolbar-compact-button-size, var(--mdzip-density-toolbar-compact-button-size, 32px));
+  height: var(--mdzip-toolbar-compact-button-size, var(--mdzip-density-toolbar-compact-button-size, 32px));
   border-radius: 6px;
 }
 
@@ -272,14 +322,22 @@ export const WORKSPACE_CSS = `
   color: var(--mdzip-link-color);
 }
 
+.mdzip-root .nav-toggle.convert-mdz-toggle {
+  color: var(--mdzip-link-color);
+}
+
+.mdzip-root .nav-toggle.convert-mdz-toggle:hover:not(:disabled) {
+  background: var(--mdzip-control-hover-background-color);
+}
+
 .mdzip-root .nav-toggle .toggle-icon {
-  width: 1.9em;
-  height: 1.9em;
+  width: var(--mdzip-toolbar-icon-extra-large-size, var(--mdzip-density-toolbar-icon-extra-large-size, 1.9em));
+  height: var(--mdzip-toolbar-icon-extra-large-size, var(--mdzip-density-toolbar-icon-extra-large-size, 1.9em));
 }
 
 .mdzip-root .zoom-toggle .toggle-icon {
-  width: 1.5em;
-  height: 1.5em;
+  width: var(--mdzip-toolbar-icon-large-size, var(--mdzip-density-toolbar-icon-large-size, 1.5em));
+  height: var(--mdzip-toolbar-icon-large-size, var(--mdzip-density-toolbar-icon-large-size, 1.5em));
 }
 
 .mdzip-root .zoom-toggle.active {
@@ -291,15 +349,15 @@ export const WORKSPACE_CSS = `
   display: flex;
   align-items: center;
   gap: 2px;
-  padding: 3px;
+  padding: var(--mdzip-toolbar-group-padding, var(--mdzip-density-toolbar-group-padding, 3px));
   border: 1px solid var(--mdzip-widget-border-color);
   border-radius: 8px;
   background: var(--mdzip-widget-background-color);
 }
 
 .mdzip-root .theme-toggle {
-  width: 32px;
-  height: 32px;
+  width: var(--mdzip-toolbar-compact-button-size, var(--mdzip-density-toolbar-compact-button-size, 32px));
+  height: var(--mdzip-toolbar-compact-button-size, var(--mdzip-density-toolbar-compact-button-size, 32px));
   border-radius: 6px;
 }
 
@@ -309,8 +367,8 @@ export const WORKSPACE_CSS = `
 }
 
 .mdzip-root .theme-toggle .toggle-icon {
-  width: 18px;
-  height: 18px;
+  width: var(--mdzip-theme-icon-size, var(--mdzip-density-theme-icon-size, 18px));
+  height: var(--mdzip-theme-icon-size, var(--mdzip-density-theme-icon-size, 18px));
 }
 
 .mdzip-root .workspace-shell {
@@ -412,7 +470,10 @@ export const WORKSPACE_CSS = `
   gap: 9px;
   width: 100%;
   min-height: 34px;
-  padding: 5px 9px;
+  /* No vertical padding: row height comes from min-height, and zero top/bottom
+     padding lets the stretched .nav-indent guide cells fill the full row so the
+     per-row rails meet between siblings instead of leaving padding-sized gaps. */
+  padding: 0 9px;
   border: none;
   border-radius: 4px;
   background: transparent;
@@ -431,34 +492,73 @@ export const WORKSPACE_CSS = `
   background: var(--mdzip-hover-background-color);
 }
 
+/* Indentation comes from per-row guide cells (.nav-indent), not container
+   margins, so each row owns its guide lines. */
 .mdzip-root .nav-directory-children {
   position: relative;
-  margin-left: 19px;
-  padding-left: 14px;
 }
 
-.mdzip-root .nav-directory-children > .nav-file,
-.mdzip-root .nav-directory-children > .nav-directory > summary {
+/* One guide cell per ancestor depth, prepended to each nested row. Fixed width
+   gives the indentation; the rails/elbow are painted within the cell at the
+   row's own height, so they never overshoot an expanded last subfolder.
+
+   --nav-guide-x positions the rail so it drops straight from the parent
+   folder's icon: the icon sits 19px (caret 10px + the 9px row gap) right of its
+   disclosure column, and because the per-level step (cell 16px + 9px gap = 25)
+   equals the rail-to-icon distance, the same offset keeps every depth aligned. */
+.mdzip-root .nav-indent {
+  flex: 0 0 16px;
+  align-self: stretch;
   position: relative;
+  --nav-guide-x: 19px;
 }
 
-.mdzip-root .nav-directory-children > .nav-file::before,
-.mdzip-root .nav-directory-children > .nav-directory > summary::before {
+/* Ancestor column with more siblings below: continuous full-height rail. */
+.mdzip-root .nav-indent-rail::before {
   content: "";
   position: absolute;
-  left: 6px;
+  left: var(--nav-guide-x);
   top: 0;
   bottom: 0;
-  width: 22px;
+  width: 1px;
+  background: var(--mdzip-tree-guide-color);
+}
+
+/* Connector to this row: vertical down to the row center (elbow └), extended
+   full-height for a tee (├) when the row's folder has siblings below. */
+.mdzip-root .nav-indent-connector::before {
+  content: "";
+  position: absolute;
+  left: var(--nav-guide-x);
+  top: 0;
+  height: 50%;
+  width: 1px;
   background: var(--mdzip-tree-guide-color);
-  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0 V17.5 H22' fill='none' stroke='black' stroke-width='1'/%3E%3C/svg%3E") left top / 22px 100% no-repeat;
-  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0 V17.5 H22' fill='none' stroke='black' stroke-width='1'/%3E%3C/svg%3E") left top / 22px 100% no-repeat;
 }
 
-.mdzip-root .nav-directory-children > .nav-file:not(:last-child)::before,
-.mdzip-root .nav-directory-children > .nav-directory:not(:last-child) > summary::before {
-  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0 V34 M0.5 17.5 H22' fill='none' stroke='black' stroke-width='1'/%3E%3C/svg%3E") left top / 22px 100% no-repeat;
-  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0 V34 M0.5 17.5 H22' fill='none' stroke='black' stroke-width='1'/%3E%3C/svg%3E") left top / 22px 100% no-repeat;
+.mdzip-root .nav-indent-connector.nav-indent-continues::before {
+  height: 100%;
+}
+
+/* Horizontal arm from the connector rail to the row's caret/icon. Reaches the
+   disclosure triangle that sits one row-gap past the cell (folders). */
+.mdzip-root .nav-indent-connector::after {
+  content: "";
+  position: absolute;
+  left: var(--nav-guide-x);
+  right: -9px;
+  top: 50%;
+  height: 1px;
+  background: var(--mdzip-tree-guide-color);
+}
+
+/* Files have no disclosure triangle in the caret slot, so extend the arm across
+   it (the empty 10px caret plus the 9px row gaps on either side) to meet the
+   file icon; folders keep the short arm because their triangle already sits at
+   the cell edge. The right offset is measured from the cell edge, so this holds
+   regardless of where --nav-guide-x places the rail. */
+.mdzip-root .nav-file > .nav-indent-connector::after {
+  right: calc(-1 * (10px + 2 * 9px));
 }
 
 .mdzip-root .nav-caret {
@@ -746,7 +846,7 @@ export const WORKSPACE_CSS = `
 .mdzip-root .edit-toolbar {
   display: flex;
   align-items: center;
-  gap: 7px;
+  gap: var(--mdzip-format-toolbar-gap, var(--mdzip-density-format-toolbar-gap, 7px));
   min-height: 32px;
   padding: 0;
   overflow: visible;
@@ -768,7 +868,7 @@ export const WORKSPACE_CSS = `
 .mdzip-root .edit-toolbar-group {
   display: flex;
   align-items: center;
-  gap: 2px;
+  gap: var(--mdzip-format-toolbar-group-gap, var(--mdzip-density-format-toolbar-group-gap, 2px));
   flex: 0 0 auto;
 }
 
@@ -777,8 +877,8 @@ export const WORKSPACE_CSS = `
   align-items: center;
   justify-content: center;
   gap: 2px;
-  width: 32px;
-  height: 32px;
+  width: var(--mdzip-format-button-size, var(--mdzip-density-format-button-size, 32px));
+  height: var(--mdzip-format-button-size, var(--mdzip-density-format-button-size, 32px));
   padding: 0;
   border: 0;
   border-radius: 5px;
@@ -803,7 +903,7 @@ export const WORKSPACE_CSS = `
 }
 
 .mdzip-root .edit-toolbar .format-menu-toggle {
-  width: 42px;
+  width: var(--mdzip-format-menu-button-width, var(--mdzip-density-format-menu-button-width, 42px));
   gap: 2px;
 }
 
@@ -854,8 +954,8 @@ export const WORKSPACE_CSS = `
 }
 
 .mdzip-root .format-icon {
-  width: 17px;
-  height: 17px;
+  width: var(--mdzip-format-icon-size, var(--mdzip-density-format-icon-size, 17px));
+  height: var(--mdzip-format-icon-size, var(--mdzip-density-format-icon-size, 17px));
   fill: none;
   stroke: currentColor;
 }
@@ -906,7 +1006,7 @@ export const WORKSPACE_CSS = `
 .mdzip-root .preview-content {
   max-width: 900px;
   margin: 0 auto;
-  padding: 36px 32px 48px;
+  padding: var(--mdzip-preview-content-padding, var(--mdzip-density-preview-content-padding, 36px 32px 48px));
   line-height: 1.55;
   font-size: calc(16px * var(--mdz-zoom));
 }
@@ -1027,6 +1127,24 @@ export const WORKSPACE_CSS = `
   border-radius: 4px;
 }
 
+.mdzip-root .preview-content img.mdzip-image-left,
+.mdzip-root .preview-content img.mdzip-image-wrap-left {
+  float: left;
+  margin: 0.25em 1em 0.75em 0;
+}
+
+.mdzip-root .preview-content img.mdzip-image-right,
+.mdzip-root .preview-content img.mdzip-image-wrap-right {
+  float: right;
+  margin: 0.25em 0 0.75em 1em;
+}
+
+.mdzip-root .preview-content img.mdzip-image-center {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
 /* Progressive image hydration. Each archive image mounts inside a collapsed
    slot so the text stays compact and immediately readable; when the image
    resolves, the slot eases open (0fr -> 1fr) to the height reserved from its
@@ -1044,10 +1162,24 @@ export const WORKSPACE_CSS = `
   grid-template-rows: 1fr;
 }
 
+.mdzip-root .preview-content .mdzip-image-slot.mdzip-image-animation-off {
+  transition: none;
+}
+
 .mdzip-root .preview-content .mdzip-image-slot > img {
   min-height: 0;
 }
 
+.mdzip-root .preview-content .mdzip-image-slot.mdzip-image-align-left {
+  float: left;
+  margin: 0.25em 1em 0.75em 0;
+}
+
+.mdzip-root .preview-content .mdzip-image-slot.mdzip-image-align-right {
+  float: right;
+  margin: 0.25em 0 0.75em 1em;
+}
+
 .mdzip-root .preview-content img.mdzip-image-loading {
   background: var(--mdzip-control-background-color, rgba(127, 127, 127, 0.12));
   animation: mdzip-image-pulse 1.2s ease-in-out infinite;
@@ -1067,6 +1199,30 @@ export const WORKSPACE_CSS = `
   }
 }
 
+.mdzip-root .preview-content .mdzip-mermaid {
+  display: flex;
+  justify-content: center;
+  margin: 1em 0;
+}
+
+.mdzip-root .preview-content .mdzip-mermaid > svg {
+  max-width: 100%;
+  height: auto;
+}
+
+.mdzip-root .preview-content .mdzip-mermaid-error {
+  margin: 1em 0;
+  padding: 0.75em 1em;
+  border-radius: 6px;
+  border: 1px solid var(--mdzip-error-border-color, rgba(220, 70, 70, 0.5));
+  background: var(--mdzip-error-background-color, rgba(220, 70, 70, 0.08));
+  color: var(--mdzip-error-color, #b03030);
+  font-family: "Cascadia Code", Consolas, monospace;
+  font-size: 0.85em;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
 .mdzip-root .plain-text-preview {
   margin: 0;
   white-space: pre-wrap;
@@ -1210,6 +1366,29 @@ export const WORKSPACE_CSS = `
   font-size: 13px;
 }
 
+.mdzip-root .title-dialog select {
+  width: 100%;
+  border: 1px solid var(--mdzip-widget-border-color);
+  background: var(--mdzip-editor-background-color);
+  color: var(--mdzip-editor-foreground-color);
+  border-radius: 4px;
+  padding: 6px 8px;
+  font-size: 13px;
+}
+
+.mdzip-root .title-dialog input:disabled,
+.mdzip-root .title-dialog select:disabled {
+  border-color: var(--mdzip-border-color);
+  background: var(--mdzip-secondary-background-color);
+  color: var(--mdzip-muted-foreground-color);
+  opacity: 0.72;
+  cursor: not-allowed;
+}
+
+.mdzip-root .title-dialog input:disabled::placeholder {
+  color: var(--mdzip-muted-foreground-color);
+}
+
 .mdzip-root .title-dialog-validation {
   color: #cf222e !important;
 }
@@ -1241,6 +1420,57 @@ export const WORKSPACE_CSS = `
   color: var(--mdzip-accent-foreground-color);
 }
 
+.mdzip-root .image-insert-dialog {
+  width: min(460px, calc(100vw - 32px));
+}
+
+.mdzip-root .image-insert-options {
+  display: grid;
+  gap: 6px;
+  margin: 10px 0;
+  padding: 10px;
+  border: 1px solid var(--mdzip-widget-border-color);
+  border-radius: 4px;
+}
+
+.mdzip-root .image-insert-options legend {
+  padding: 0 4px;
+  color: var(--mdzip-muted-foreground-color);
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.mdzip-root .image-insert-options label,
+.mdzip-root .image-insert-field {
+  display: grid;
+  gap: 4px;
+  font-size: 12px;
+}
+
+.mdzip-root .image-insert-options label {
+  grid-template-columns: auto 1fr;
+  align-items: center;
+}
+
+.mdzip-root .image-insert-options input {
+  width: auto;
+}
+
+.mdzip-root .image-insert-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 8px;
+  margin-top: 8px;
+}
+
+.mdzip-root .image-insert-field {
+  margin-top: 8px;
+}
+
+.mdzip-root .image-insert-field.field-disabled {
+  color: var(--mdzip-muted-foreground-color);
+}
+
 .mdzip-root .metadata-dialog dl {
   margin: 12px 0 0;
 }
@@ -1331,11 +1561,9 @@ export const WORKSPACE_CSS = `
   .mdzip-root { --nav-pane-width: 220px; }
 }
 
-/* Stack the formatting toolbar onto its own row before the absolutely
-   centered view-mode toggle can collide with it. Without the navigation pane
-   the collision band starts just under ~1000px; with the (resizable, default
-   280px) navigation pane open everything shifts right, so stack earlier. */
-@media (max-width: 1000px) {
+/* Stack the formatting toolbar only once the pushed-right view-mode toggle no
+   longer has enough room between the edit tools and the right-side controls. */
+@media (max-width: 760px) {
   .mdzip-root .toolbar {
     grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
     row-gap: 4px;
@@ -1364,7 +1592,7 @@ export const WORKSPACE_CSS = `
   }
 }
 
-@media (max-width: 1280px) {
+@media (max-width: 1100px) {
   .mdzip-root.navigation-pane-visible .toolbar {
     grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
     row-gap: 4px;

package/dist/view-css.js.map

@@ -1 +1 @@
-{"version":3,"file":"view-css.js","sourceRoot":"","sources":["../src/view-css.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AAEpB,MAAM,wBAAwB,GAAG,qBAAqB,CAAC,UAAU,CAC/D,UAAU,EACV,kBAAkB,CACnB,CAAC;AACF,MAAM,uBAAuB,GAAG,oBAAoB,CAAC,UAAU,CAC7D,UAAU,EACV,kBAAkB,CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;;IAUzB,mBAAmB;;;;;;;;;;;;;;;;;IAiBnB,wBAAwB;;;;;IAKxB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA89C1B,CAAC"}
+{"version":3,"file":"view-css.js","sourceRoot":"","sources":["../src/view-css.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AAEpB,MAAM,wBAAwB,GAAG,qBAAqB,CAAC,UAAU,CAC/D,UAAU,EACV,kBAAkB,CACnB,CAAC;AACF,MAAM,uBAAuB,GAAG,oBAAoB,CAAC,UAAU,CAC7D,UAAU,EACV,kBAAkB,CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;;IAUzB,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4DnB,wBAAwB;;;;;IAKxB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAupD1B,CAAC"}