@bendyline/squisq-editor-react 2.3.1 → 2.3.2

package/NOTICE.md

@@ -28,7 +28,7 @@ Third-party components remain under their respective license terms.
 | @monaco-editor/react _(bundled)_  | 4.7.0                | MIT                           | https://github.com/suren-atoyan/monaco-react  |
 | @monaco-editor/loader _(bundled)_ | 1.7.0                | MIT                           | https://github.com/suren-atoyan/monaco-loader |
 | state-local _(bundled)_           | 1.0.7                | MIT                           | https://github.com/suren-atoyan/state-local   |
-| monaco-editor _(peer)_            | >=0.50.0             | MIT                           | https://github.com/microsoft/monaco-editor    |
+| monaco-editor _(peer)_            | ~0.50.0              | MIT                           | https://github.com/microsoft/monaco-editor    |
 | react _(peer)_                    | ^18.0.0 \|\| ^19.0.0 | MIT                           | https://github.com/facebook/react             |
 | react-dom _(peer)_                | ^18.0.0 \|\| ^19.0.0 | MIT                           | https://github.com/facebook/react             |
 
@@ -36,5 +36,5 @@ Font Awesome Free contains icon artwork under CC-BY-4.0, font files under
 OFL-1.1, and CSS/JavaScript under MIT. Attribution is required when its icon
 artwork is redistributed. The Monaco React adapter, loader, and state-local
 are bundled so consumers do not inherit the adapter's mandatory Monaco peer.
-Complete license texts remain available in the respective distributions and
-source repositories.
+Exact third-party license texts for the bundled adapter, loader, state helper,
+and Font Awesome assets are shipped in THIRD_PARTY_LICENSES.txt.

package/README.md

@@ -14,7 +14,7 @@ npm install @bendyline/squisq-editor-react @bendyline/squisq @bendyline/squisq-r
 ```
 
 **Peer dependencies:** `react` and `react-dom` (v18 or v19), plus
-`monaco-editor` (>=0.50.0). Monaco is loaded lazily at runtime, but it is a
+`monaco-editor` (~0.50.0). Monaco is loaded lazily at runtime, but it is a
 required peer because the package's public TypeScript declarations expose
 Monaco editor types. Tiptap is bundled as a regular dependency — you don't
 need to install it yourself.

package/THIRD_PARTY_LICENSES.txt

@@ -0,0 +1,308 @@
+THIRD-PARTY LICENSES FOR @bendyline/squisq-editor-react
+
+Generated from the actual esbuild input graph. Package-local license, copying,
+and notice files are reproduced verbatim. When an npm tarball omits its
+repository license, the pinned upstream copy is vendored and identified below.
+
+COMPONENTS
+- @fortawesome/fontawesome-free@7.2.0 ((CC-BY-4.0 AND OFL-1.1 AND MIT)); files: LICENSE.txt
+- @monaco-editor/loader@1.7.0 (MIT); files: LICENSE
+- @monaco-editor/react@4.7.0 (MIT); files: LICENSE
+- @tiptap/core@2.27.2 (MIT); files: VENDORED-tiptap-2.27.2.txt
+- @tiptap/extension-heading@2.27.2 (MIT); files: VENDORED-tiptap-2.27.2.txt
+- state-local@1.0.7 (MIT); files: LICENSE
+
+==============================================================================
+@fortawesome/fontawesome-free@7.2.0 - LICENSE.txt
+==============================================================================
+Fonticons, Inc. (https://fontawesome.com)
+
+--------------------------------------------------------------------------------
+
+Font Awesome Free License
+
+Font Awesome Free is free, open source, and GPL friendly. You can use it for
+commercial projects, open source projects, or really almost whatever you want.
+Full Font Awesome Free license: https://fontawesome.com/license/free.
+
+--------------------------------------------------------------------------------
+
+# Icons: CC BY 4.0 License (https://creativecommons.org/licenses/by/4.0/)
+
+The Font Awesome Free download is licensed under a Creative Commons
+Attribution 4.0 International License and applies to all icons packaged
+as SVG and JS file types.
+
+--------------------------------------------------------------------------------
+
+# Fonts: SIL OFL 1.1 License
+
+In the Font Awesome Free download, the SIL OFL license applies to all icons
+packaged as web and desktop font files.
+
+Copyright (c) 2026 Fonticons, Inc. (https://fontawesome.com)
+with Reserved Font Name: "Font Awesome".
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+SIL OPEN FONT LICENSE
+Version 1.1 - 26 February 2007
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting — in part or in whole — any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
+
+--------------------------------------------------------------------------------
+
+# Code: MIT License (https://opensource.org/licenses/MIT)
+
+In the Font Awesome Free download, the MIT license applies to all non-font and
+non-icon files.
+
+Copyright 2026 Fonticons, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in the
+Software without restriction, including without limitation the rights to use, copy,
+modify, merge, publish, distribute, sublicense, and/or sell copies of the Software,
+and to permit persons to whom the Software is furnished to do so, subject to the
+following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+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.
+
+--------------------------------------------------------------------------------
+
+# Attribution
+
+Attribution is required by MIT, SIL OFL, and CC BY licenses. Downloaded Font
+Awesome Free files already contain embedded comments with sufficient
+attribution, so you shouldn't need to do anything additional when using these
+files normally.
+
+We've kept attribution comments terse, so we ask that you do not actively work
+to remove them from files, especially code. They're a great way for folks to
+learn about Font Awesome.
+
+--------------------------------------------------------------------------------
+
+# Brand Icons
+
+All brand icons are trademarks of their respective owners. The use of these
+trademarks does not indicate endorsement of the trademark holder by Font
+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.**
+
+==============================================================================
+@monaco-editor/loader@1.7.0 - LICENSE
+==============================================================================
+MIT License
+
+Copyright (c) 2021 Suren Atoyan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+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.
+
+==============================================================================
+@monaco-editor/react@4.7.0 - LICENSE
+==============================================================================
+MIT License
+
+Copyright (c) 2018 Suren Atoyan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+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.
+
+==============================================================================
+@tiptap/core@2.27.2 - VENDORED-tiptap-2.27.2.txt
+==============================================================================
+MIT License
+
+Copyright (c) 2025, Tiptap GmbH
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+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.
+
+==============================================================================
+@tiptap/extension-heading@2.27.2 - VENDORED-tiptap-2.27.2.txt
+==============================================================================
+MIT License
+
+Copyright (c) 2025, Tiptap GmbH
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+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.
+
+==============================================================================
+state-local@1.0.7 - LICENSE
+==============================================================================
+MIT License
+
+Copyright (c) 2020 Suren Atoyan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+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.
+

package/dist/{chunk-TRCKHRBS.js → chunk-6QFPBDTY.js}

@@ -16653,9 +16653,19 @@ function ManagerContent({
 import { createPortal as createPortal8 } from "react-dom";
 
 // src/mediaEntries.ts
+var IMAGE_EDIT_STATE_FILENAME = "state.json";
+function pathSegments(path) {
+  return path.split(/[\\/]+/).filter(Boolean);
+}
 function isVisibleMediaEntry(entry) {
-  const basename = entry.name.slice(entry.name.lastIndexOf("/") + 1);
-  return basename.toLowerCase() !== ".gitignore";
+  const segments = pathSegments(entry.name);
+  const lowerSegments = segments.map((segment) => segment.toLowerCase());
+  const basename = lowerSegments[lowerSegments.length - 1] ?? "";
+  if (basename === ".gitignore") return false;
+  if (lowerSegments.includes(".versions")) return false;
+  const parent = lowerSegments[lowerSegments.length - 2] ?? "";
+  const isImageEditState = basename === IMAGE_EDIT_STATE_FILENAME && (lowerSegments.includes(".imageedits") || parent.endsWith("_files"));
+  return !isImageEditState;
 }
 function filterVisibleMediaEntries(entries) {
   return entries.filter(isVisibleMediaEntry);
@@ -17111,6 +17121,16 @@ function markPreviewRanges(ranges, selectedIndex) {
   return marks;
 }
 
+// src/platformShortcuts.ts
+function resolvePlatform(explicitPlatform) {
+  if (explicitPlatform !== void 0) return explicitPlatform;
+  if (typeof navigator === "undefined") return "";
+  return navigator.platform;
+}
+function platformShortcut(key, platform) {
+  return /Mac|iPhone|iPad|iPod/i.test(resolvePlatform(platform)) ? `\u2318${key}` : `Ctrl+${key}`;
+}
+
 // src/toolbar/toolbarButtons.tsx
 import { jsx as jsx38 } from "react/jsx-runtime";
 var BUTTONS = [
@@ -17500,9 +17520,9 @@ function insertLayoutBlock(editor) {
 // src/Toolbar.tsx
 import { Fragment as Fragment13, jsx as jsx39, jsxs as jsxs29 } from "react/jsx-runtime";
 var VIEWS = [
-  { id: "wysiwyg", label: "Write", shortcut: "\u23181" },
-  { id: "raw", label: "Source", shortcut: "\u23182" },
-  { id: "preview", label: "Use", shortcut: "\u23183" }
+  { id: "wysiwyg", label: "Write", shortcutKey: "1" },
+  { id: "raw", label: "Source", shortcutKey: "2" },
+  { id: "preview", label: "Use", shortcutKey: "3" }
 ];
 var BLOCK_META_KEYS = new Set(Object.keys(KNOWN_BLOCK_META_KEYS));
 function findBlockBySourceLine(blocks, lineNumber) {
@@ -18716,7 +18736,7 @@ ${TASK_LIST_MARKDOWN}
                 }
                 setActiveView(view.id);
               },
-              "data-tooltip": `${viewLabel} (${view.shortcut})`,
+              "data-tooltip": `${viewLabel} (${platformShortcut(view.shortcutKey)})`,
               children: [
                 /* @__PURE__ */ jsx39(
                   "span",
@@ -25431,8 +25451,24 @@ function useCodeSnippetData(editor, blockId) {
   }, [editor, blockId, version]);
 }
 
+// src/codeSnippet/codeSnippetSizing.ts
+var CODE_SNIPPET_HEADER_HEIGHT = 34;
+var CODE_SNIPPET_LINE_HEIGHT = 20;
+var CODE_SNIPPET_VERTICAL_PADDING = 20;
+var CODE_SNIPPET_SHELL_BORDER = 2;
+var CODE_SNIPPET_EXTRA_LINES = 1;
+function codeSnippetAutoHeight(source) {
+  const sourceLineCount = source.split("\n").length;
+  return CODE_SNIPPET_SHELL_BORDER + CODE_SNIPPET_HEADER_HEIGHT + CODE_SNIPPET_VERTICAL_PADDING + (sourceLineCount + CODE_SNIPPET_EXTRA_LINES) * CODE_SNIPPET_LINE_HEIGHT;
+}
+
 // src/codeSnippet/CodeSnippetWidget.tsx
 import { jsx as jsx47, jsxs as jsxs36 } from "react/jsx-runtime";
+var nextCodeSnippetModelInstanceId = 0;
+function allocateCodeSnippetModelInstanceId() {
+  nextCodeSnippetModelInstanceId += 1;
+  return nextCodeSnippetModelInstanceId;
+}
 function schemeFromHost(host) {
   return host?.closest("[data-theme]")?.dataset.theme === "dark" ? "dark" : "light";
 }
@@ -25471,6 +25507,7 @@ function CodeSnippetWidget({
   const { ready } = useMonacoLoader();
   const colorScheme = useHostColorScheme(host);
   const editable = useEditorEditable(editor);
+  const [modelInstanceId] = useState39(allocateCodeSnippetModelInstanceId);
   const handleChange = useCallback34(
     (value) => {
       if (!editable) return;
@@ -25489,37 +25526,46 @@ function CodeSnippetWidget({
     /[^a-z0-9_-]/g,
     "-"
   );
-  return /* @__PURE__ */ jsxs36("div", { className: "squisq-code-snippet-shell", "data-language": data.fenceLanguage, children: [
-    /* @__PURE__ */ jsx47("div", { className: "squisq-code-snippet-header", children: /* @__PURE__ */ jsxs36("span", { className: "squisq-code-snippet-title", children: [
-      /* @__PURE__ */ jsx47(Icon, { icon: "fa-solid fa-file-code" }),
-      /* @__PURE__ */ jsx47("span", { children: data.label })
-    ] }) }),
-    /* @__PURE__ */ jsx47("div", { className: "squisq-code-snippet-editor", "aria-label": `${data.label} code editor`, children: ready ? /* @__PURE__ */ jsx47(
-      Ft,
-      {
-        path: `inmemory://squisq/code-snippet/${blockId}.${modelSuffix || "txt"}`,
-        language: data.monacoLanguage,
-        theme: colorScheme === "dark" ? "vs-dark" : "vs",
-        value: data.source,
-        onChange: handleChange,
-        onMount: handleMount,
-        options: {
-          automaticLayout: true,
-          contextmenu: true,
-          folding: true,
-          fontSize: 13,
-          lineNumbers: "on",
-          minimap: { enabled: false },
-          padding: { top: 10, bottom: 10 },
-          readOnly: !editable,
-          renderLineHighlight: "line",
-          scrollBeyondLastLine: false,
-          tabSize: 2,
-          wordWrap: "off"
-        }
-      }
-    ) : /* @__PURE__ */ jsx47("div", { className: "squisq-code-snippet-loading", children: "Loading code editor\u2026" }) })
-  ] });
+  return /* @__PURE__ */ jsxs36(
+    "div",
+    {
+      className: "squisq-code-snippet-shell",
+      "data-language": data.fenceLanguage,
+      style: { height: codeSnippetAutoHeight(data.source) },
+      children: [
+        /* @__PURE__ */ jsx47("div", { className: "squisq-code-snippet-header", children: /* @__PURE__ */ jsxs36("span", { className: "squisq-code-snippet-title", children: [
+          /* @__PURE__ */ jsx47(Icon, { icon: "fa-solid fa-file-code" }),
+          /* @__PURE__ */ jsx47("span", { children: data.label })
+        ] }) }),
+        /* @__PURE__ */ jsx47("div", { className: "squisq-code-snippet-editor", "aria-label": `${data.label} code editor`, children: ready ? /* @__PURE__ */ jsx47(
+          Ft,
+          {
+            path: `inmemory://squisq/code-snippet/${modelInstanceId}/${blockId}.${modelSuffix || "txt"}`,
+            language: data.monacoLanguage,
+            theme: colorScheme === "dark" ? "vs-dark" : "vs",
+            value: data.source,
+            onChange: handleChange,
+            onMount: handleMount,
+            options: {
+              automaticLayout: true,
+              contextmenu: true,
+              folding: true,
+              fontSize: 13,
+              lineHeight: CODE_SNIPPET_LINE_HEIGHT,
+              lineNumbers: "on",
+              minimap: { enabled: false },
+              padding: { top: 10, bottom: 10 },
+              readOnly: !editable,
+              renderLineHighlight: "line",
+              scrollBeyondLastLine: false,
+              tabSize: 2,
+              wordWrap: "off"
+            }
+          }
+        ) : /* @__PURE__ */ jsx47("div", { className: "squisq-code-snippet-loading", children: "Loading code editor\u2026" }) })
+      ]
+    }
+  );
 }
 
 // src/codeSnippet/CodeSnippetExtension.ts
@@ -29945,6 +29991,7 @@ function InlinePreviewGutter({
     });
   }, [items, connectorTops]);
   const isEmpty2 = items.length === 0;
+  if (isEmpty2) return null;
   const totalWidth = width + connectorWidth;
   const gutterStyle = {
     position: "relative",
@@ -30035,14 +30082,7 @@ function InlinePreviewGutter({
             })
           }
         ),
-        isEmpty2 ? /* @__PURE__ */ jsx55(
-          "div",
-          {
-            className: "squisq-inline-preview-empty",
-            style: { position: "absolute", top: 12, left: connectorWidth + 12, right: 12 },
-            children: /* @__PURE__ */ jsx55("p", { children: "Tag a heading with a template to see a preview here." })
-          }
-        ) : /* @__PURE__ */ jsx55(MediaContext3.Provider, { value: mediaProvider ?? null, children: items.map((item) => {
+        /* @__PURE__ */ jsx55(MediaContext3.Provider, { value: mediaProvider ?? null, children: items.map((item) => {
           const top = positions.get(item.id);
           const hidden = top == null;
           return /* @__PURE__ */ jsxs42(
@@ -34372,6 +34412,7 @@ function EditorShell({
   articleId = "untitled",
   basePath = "/",
   onChange,
+  onLinkClick,
   colorScheme = "light",
   className,
   height = "100vh",
@@ -34470,6 +34511,7 @@ function EditorShell({
         {
           basePath,
           onChange,
+          onLinkClick,
           className,
           height,
           minHeight,
@@ -34523,6 +34565,7 @@ function UseModeProviders({
 function EditorShellInner({
   basePath,
   onChange,
+  onLinkClick,
   className,
   height,
   minHeight,
@@ -34723,14 +34766,51 @@ ${snippet}` : snippet);
     },
     [showPlayTab]
   );
+  const handleShellLinkClick = useCallback50(
+    (event) => {
+      if (!onLinkClick || event.button !== 0) return;
+      const anchor = event.target.closest?.("a[href]");
+      if (!anchor || !event.currentTarget.contains(anchor)) return;
+      const href = anchor.getAttribute("href");
+      if (!href || onLinkClick(href) === false) return;
+      event.preventDefault();
+      event.stopPropagation();
+    },
+    [onLinkClick]
+  );
+  const handleShellLinkMouseOver = useCallback50(
+    (event) => {
+      if (!onLinkClick) return;
+      const anchor = event.target.closest?.("a[href]");
+      if (!anchor || !event.currentTarget.contains(anchor)) return;
+      const href = anchor.getAttribute("href");
+      if (!href || anchor.hasAttribute("title") && !anchor.hasAttribute("data-squisq-link-title")) {
+        return;
+      }
+      anchor.setAttribute("title", href);
+      anchor.setAttribute("data-squisq-link-title", "true");
+    },
+    [onLinkClick]
+  );
+  const handleShellLinkMouseOut = useCallback50((event) => {
+    const anchor = event.target.closest?.("a[data-squisq-link-title]");
+    if (!anchor || !event.currentTarget.contains(anchor)) return;
+    if (event.relatedTarget instanceof Node && anchor.contains(event.relatedTarget)) return;
+    anchor.removeAttribute("title");
+    anchor.removeAttribute("data-squisq-link-title");
+  }, []);
   const autoGrow = minHeight !== void 0 || maxHeight !== void 0;
   return /* @__PURE__ */ jsxs53(
     "div",
     {
       ref: shellRef,
       onKeyDown: handleShellKeyDown,
+      onClickCapture: handleShellLinkClick,
+      onMouseOverCapture: handleShellLinkMouseOver,
+      onMouseOutCapture: handleShellLinkMouseOut,
       className: `squisq-editor-shell ${className || ""}`,
       "data-theme": colorScheme,
+      "data-link-handler": onLinkClick ? "true" : void 0,
       "data-full-width": fullWidth ? "true" : void 0,
       "data-thin-margins": thinMargins ? "true" : void 0,
       "data-outline-visible": isMarkdownMode && outlineVisible ? "true" : void 0,
@@ -35125,6 +35205,7 @@ export {
   DEFAULT_MERMAID_DIAGRAM_TYPE,
   mermaidDiagramMarkdown,
   MermaidDiagramTypeThumbnail,
+  platformShortcut,
   Toolbar,
   StatusBar,
   RawEditor,

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { C as CodeContext, S as SceneTextChannel } from './shell-BxSCBm4H.js';
-export { B as BlockTagVisibility, a as CodeContextSection, D as DocumentLinkCandidate, b as DocumentLinkProvider, E as EditorActions, c as EditorColorScheme, d as EditorContextValue, e as EditorMode, f as EditorProvider, g as EditorProviderProps, h as EditorShell, i as EditorShellProps, j as EditorState, k as EditorView, I as ImageDisplayMode, L as LayoutMode, M as MentionCandidate, l as MentionProvider, P as PreviewPanel, m as PreviewPanelProps, R as RawEditor, n as RawEditorProps, T as ThemeInheritance, V as ViewPreferences, W as WriteCanvasSettings, o as WysiwygEditor, p as WysiwygEditorProps, u as useEditorContext } from './shell-BxSCBm4H.js';
+import { C as CodeContext, S as SceneTextChannel } from './shell-DYdK5qFd.js';
+export { B as BlockTagVisibility, a as CodeContextSection, D as DocumentLinkCandidate, b as DocumentLinkProvider, E as EditorActions, c as EditorColorScheme, d as EditorContextValue, e as EditorMode, f as EditorProvider, g as EditorProviderProps, h as EditorShell, i as EditorShellProps, j as EditorState, k as EditorView, I as ImageDisplayMode, L as LayoutMode, M as MentionCandidate, l as MentionProvider, P as PreviewPanel, m as PreviewPanelProps, R as RawEditor, n as RawEditorProps, T as ThemeInheritance, V as ViewPreferences, W as WriteCanvasSettings, o as WysiwygEditor, p as WysiwygEditorProps, u as useEditorContext } from './shell-DYdK5qFd.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';
@@ -1104,7 +1104,7 @@ interface InlinePreviewGutterProps {
      */
     mediaProvider?: MediaProvider | null;
 }
-declare function InlinePreviewGutter({ width, basePath, viewport, className, connectorWidth, mediaProvider, }: InlinePreviewGutterProps): react_jsx_runtime.JSX.Element;
+declare function InlinePreviewGutter({ width, basePath, viewport, className, connectorWidth, mediaProvider, }: InlinePreviewGutterProps): react_jsx_runtime.JSX.Element | null;
 
 interface MediaBinProps {
     /** The active MediaProvider (null when no media context is available) */

package/dist/index.js

@@ -123,6 +123,7 @@ import {
   outdentItemOp,
   parseTimelineForNode,
   partitionFiles,
+  platformShortcut,
   processMediaFiles,
   processTextFile,
   processTextFiles,
@@ -178,7 +179,7 @@ import {
   usePreviewSettings,
   useTimelineData,
   useTreeViewData
-} from "./chunk-TRCKHRBS.js";
+} from "./chunk-6QFPBDTY.js";
 import {
   JsonEditor
 } from "./chunk-54UGTQBO.js";
@@ -324,9 +325,9 @@ function defaultIconFor(entry) {
 // src/ViewSwitcher.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var VIEWS = [
-  { id: "wysiwyg", label: "Write", shortcut: "\u23181" },
-  { id: "raw", label: "Source", shortcut: "\u23182" },
-  { id: "preview", label: "Use", shortcut: "\u23183" }
+  { id: "wysiwyg", label: "Write", shortcutKey: "1" },
+  { id: "raw", label: "Source", shortcutKey: "2" },
+  { id: "preview", label: "Use", shortcutKey: "3" }
 ];
 function ViewSwitcher({ className }) {
   const { activeView, setActiveView, editorMode } = useEditorContext();
@@ -345,7 +346,7 @@ function ViewSwitcher({ className }) {
           "aria-selected": activeView === view.id,
           className: `squisq-view-tab ${activeView === view.id ? "squisq-view-tab--active" : ""}`,
           onClick: () => setActiveView(view.id),
-          title: `${view.label} (${view.shortcut})`,
+          title: `${view.label} (${platformShortcut(view.shortcutKey)})`,
           children: [
             /* @__PURE__ */ jsx2("span", { className: "squisq-view-tab-label squisq-view-tab-label--long", children: view.label }),
             view.shortLabel && view.shortLabel !== view.label && /* @__PURE__ */ jsx2("span", { className: "squisq-view-tab-label squisq-view-tab-label--short", children: view.shortLabel })

package/dist/shell/index.d.ts

@@ -1,4 +1,4 @@
-export { B as BlockTagVisibility, D as DocumentLinkCandidate, b as DocumentLinkProvider, E as EditorActions, c as EditorColorScheme, d as EditorContextValue, e as EditorMode, f as EditorProvider, g as EditorProviderProps, h as EditorShell, i as EditorShellProps, j as EditorState, k as EditorView, I as ImageDisplayMode, L as LayoutMode, M as MentionCandidate, l as MentionProvider, P as PreviewPanel, m as PreviewPanelProps, R as RawEditor, n as RawEditorProps, T as ThemeInheritance, V as ViewPreferences, o as WysiwygEditor, p as WysiwygEditorProps, u as useEditorContext } from '../shell-BxSCBm4H.js';
+export { B as BlockTagVisibility, D as DocumentLinkCandidate, b as DocumentLinkProvider, E as EditorActions, c as EditorColorScheme, d as EditorContextValue, e as EditorMode, f as EditorProvider, g as EditorProviderProps, h as EditorShell, i as EditorShellProps, j as EditorState, k as EditorView, I as ImageDisplayMode, L as LayoutMode, M as MentionCandidate, l as MentionProvider, P as PreviewPanel, m as PreviewPanelProps, R as RawEditor, n as RawEditorProps, T as ThemeInheritance, V as ViewPreferences, o as WysiwygEditor, p as WysiwygEditorProps, u as useEditorContext } from '../shell-DYdK5qFd.js';
 import 'react/jsx-runtime';
 import 'react';
 import '@bendyline/squisq/schemas';

package/dist/shell/index.js

@@ -5,7 +5,7 @@ import {
   RawEditor,
   WysiwygEditor,
   useEditorContext
-} from "../chunk-TRCKHRBS.js";
+} from "../chunk-6QFPBDTY.js";
 import "../chunk-NITZVAXL.js";
 import "../chunk-V44VP242.js";
 import "../chunk-MJJK7YQB.js";

package/dist/{shell-BxSCBm4H.d.ts → shell-DYdK5qFd.d.ts}

@@ -631,6 +631,12 @@ interface EditorShellProps {
     basePath?: string;
     /** Called when markdown source changes */
     onChange?: (source: string) => void;
+    /**
+     * Delegate link activation to the embedding host. The callback receives the
+     * literal href as authored. Return `false` to allow the browser's default
+     * navigation; any other return (or void) marks the link as handled.
+     */
+    onLinkClick?: (href: string) => boolean | undefined;
     /**
      * Light/dark chrome color scheme for the editor shell — toolbar, tabs,
      * status bar, and side panes (default: `'light'`). This is the editor's
@@ -977,7 +983,7 @@ interface EditorShellProps {
  * Complete markdown editor shell with toolbar, view switcher, and three
  * editing modes: Raw (Monaco), WYSIWYG (Tiptap), and Preview.
  */
-declare function EditorShell({ initialMarkdown, initialView, articleId, basePath, onChange, colorScheme, className, height, minHeight, maxHeight, mediaProvider, workspaceContainer, allowVersioning, versionBasename, versioningPrunePolicy, versioningAutoSaveIdleMs, onSaveVersion, showFilesToggle, toolbarSlotLeft, toolbarSlotAfterActions, toolbarSlotRight, statusBarSlotRight, showPlayTab, submitOnEnter, codeContext, fullWidth, uxFont, thinMargins, writeCanvasSettings, showStatusBar, imageDisplayMode, fileName, language, findMode, onFindModeChange, mentionProvider, documentLinkProvider, linkSchemes, allowRecording, allowNarrate, placeholder, readOnly, imageSrc, imageAlt, imageMode, imageEditorContainer, onImageExport, inlinePreview, inlinePreviewWidth, outline, outlineWidth, blockTags, blockTagVisibility, themeInheritance, viewPreferences, onViewPreferencesChange, themeOverride, }: EditorShellProps): react_jsx_runtime.JSX.Element;
+declare function EditorShell({ initialMarkdown, initialView, articleId, basePath, onChange, onLinkClick, colorScheme, className, height, minHeight, maxHeight, mediaProvider, workspaceContainer, allowVersioning, versionBasename, versioningPrunePolicy, versioningAutoSaveIdleMs, onSaveVersion, showFilesToggle, toolbarSlotLeft, toolbarSlotAfterActions, toolbarSlotRight, statusBarSlotRight, showPlayTab, submitOnEnter, codeContext, fullWidth, uxFont, thinMargins, writeCanvasSettings, showStatusBar, imageDisplayMode, fileName, language, findMode, onFindModeChange, mentionProvider, documentLinkProvider, linkSchemes, allowRecording, allowNarrate, placeholder, readOnly, imageSrc, imageAlt, imageMode, imageEditorContainer, onImageExport, inlinePreview, inlinePreviewWidth, outline, outlineWidth, blockTags, blockTagVisibility, themeInheritance, viewPreferences, onViewPreferencesChange, themeOverride, }: EditorShellProps): react_jsx_runtime.JSX.Element;
 
 /**
  * RawEditor

package/dist/styles/index.css

@@ -7390,6 +7390,7 @@
 }
 .squisq-toolbar-view-tab-label {
   display: inline-block;
+  transform: translateY(1px);
 }
 .squisq-toolbar-view-tab-label--short {
   display: none;
@@ -7435,6 +7436,7 @@
   justify-content: center;
   width: 32px;
   height: 28px;
+  padding: 2px 0 0;
   flex-shrink: 0;
   border: none;
   border-radius: 4px;
@@ -9387,6 +9389,9 @@
   text-decoration-thickness: 1px;
   text-underline-offset: 2px;
 }
+.squisq-editor-shell[data-link-handler=true] a[href] {
+  cursor: pointer;
+}
 .squisq-wysiwyg-editor p.is-editor-empty:first-child::before {
   content: attr(data-placeholder);
   float: left;
@@ -15202,15 +15207,14 @@
   box-sizing: border-box;
   display: flex;
   width: 100%;
-  height: 240px;
-  min-height: 128px;
+  min-height: 96px;
   max-height: 70vh;
   flex-direction: column;
   overflow: hidden;
   resize: vertical;
   border: 1px solid var(--squisq-border, #d1d5db);
   border-radius: 8px;
-  background: var(--squisq-surface, #ffffff);
+  background: var(--squisq-surface, var(--squisq-input-bg, #ffffff));
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
 }
 .squisq-code-snippet-header {
@@ -15220,7 +15224,7 @@
   align-items: center;
   padding: 0 10px;
   border-bottom: 1px solid var(--squisq-border, #d1d5db);
-  background: var(--squisq-surface-muted, #f8fafc);
+  background: var(--squisq-surface-muted, var(--squisq-input-bg, #f8fafc));
   color: var(--squisq-text-muted, #64748b);
   font-family: var(--squisq-ux-font, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
   font-size: 12px;

package/dist/styles/index.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-editor-react",
-  "version": "2.3.1",
+  "version": "2.3.2",
   "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -32,7 +32,8 @@
     "dist",
     "!dist/**/*.map",
     "LICENSE",
-    "NOTICE.md"
+    "NOTICE.md",
+    "THIRD_PARTY_LICENSES.txt"
   ],
   "exports": {
     ".": {
@@ -63,22 +64,25 @@
       "types": "./dist/teleprompter/index.d.ts",
       "import": "./dist/teleprompter/index.js"
     },
-    "./styles": "./dist/styles/index.css"
+    "./styles": {
+      "types": "./dist/styles/index.d.ts",
+      "default": "./dist/styles/index.css"
+    }
   },
   "scripts": {
-    "build": "tsup && node ../../scripts/build-styles.mjs && node ../../scripts/remove-empty-chunks.mjs dist",
+    "build": "tsup && node ../../scripts/build-styles.mjs && node ../../scripts/generate-bundle-licenses.mjs . @fortawesome/fontawesome-free && node ../../scripts/remove-empty-chunks.mjs dist",
     "dev": "concurrently -n js,dts -c blue,gray -r \"tsup --watch --no-dts --no-clean\" \"tsup --watch --dts-only --no-clean\"",
     "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
-    "monaco-editor": ">=0.50.0",
+    "monaco-editor": "~0.50.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@bendyline/squisq": "2.3.0",
-    "@bendyline/squisq-formats": "2.3.0",
-    "@bendyline/squisq-react": "2.3.0",
+    "@bendyline/squisq": "2.3.1",
+    "@bendyline/squisq-formats": "2.3.1",
+    "@bendyline/squisq-react": "2.3.1",
     "@fortawesome/fontawesome-free": "7.2.0",
     "@tiptap/extension-image": "2.27.2",
     "@tiptap/extension-link": "2.27.2",