@oomol-lab/open-flow 0.1.0-beta.81 → 0.1.0-beta.83

package/dist/browser/licenses.md

@@ -2858,11 +2858,11 @@ CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
 OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
 OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 
-## html-to-image - 1.11.11 (MIT)
+## html-to-image - 1.11.13 (MIT)
 
 MIT License
 
-Copyright (c) 2017-2023 W.Y.
+Copyright (c) 2017-2025 W.Y.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/browser/{markdownContent-frwDfQQU.js → markdownContent-B-GLj5DU.js}

@@ -1,5 +1,6 @@
 import { o as __toESM, r as __exportAll, t as __commonJSMin } from "./rolldown-runtime-CEgmsyvS.js";
 import { i as isString, l as useTranslate } from "./dist-BFmpkX4P.js";
+import { r as getVideoLink } from "./FlowCanvas-ChbukrDh.js";
 import { memo, useEffect, useMemo, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region ../../node_modules/.bun/deepmerge@4.3.1/node_modules/deepmerge/dist/cjs.js
@@ -76506,8 +76507,8 @@ function createRehypePlugins(t) {
 				"iframe": [
 					"src",
 					"allow",
-					"referrerpolicy",
-					"allowfullscreen"
+					"referrerPolicy",
+					"allowFullScreen"
 				],
 				"*": ["className", "style"]
 			}
@@ -76520,50 +76521,27 @@ if (typeof window !== "undefined") {
 	isWebProtocol = protocol === "http:" || protocol === "https:";
 }
 function rewriteMaybeVideoLinkToIframe(node, t) {
-	if (!isWebProtocol) return;
-	const firstChild = node.type == "element" ? node.children[0] : void 0;
-	if (node.type === "element" && node.tagName === "a" && firstChild?.type == "element" && firstChild.tagName === "img") {
-		const href = node.properties.href;
-		if (isString(href) && isSupportedVideoLink(href)) inPlaceEditVideoLink(node, href, t);
-	}
-}
-var youtubeRegex = /https?:\/\/(?:www\.)?youtube\.com\/watch\?v=([a-zA-Z0-9_-]+)/;
-var bilibiliRegex = /https?:\/\/(?:www\.)?bilibili\.com\/video\/BV([a-zA-Z0-9]+)/;
-var commonIframeProps = {
-	width: "100%",
-	height: "auto",
-	frameborder: "0",
-	allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
-	referrerpolicy: "strict-origin-when-cross-origin",
-	allowfullscreen: true
-};
-function isSupportedVideoLink(url) {
-	return youtubeRegex.test(url) || bilibiliRegex.test(url);
-}
-function inPlaceEditVideoLink(node, url, t) {
-	let match = url.match(youtubeRegex);
-	if (match) {
-		const videoId = match[1];
-		node.tagName = "iframe";
-		node.properties = {
-			src: `https://www.youtube.com/embed/${videoId}`,
-			title: t("markdown.videoYouTube"),
-			...commonIframeProps
-		};
-		node.children = [];
-	}
-	match = url.match(bilibiliRegex);
-	if (match) {
-		const videoId = match[1];
+	if (!isWebProtocol || node.type !== "element" || node.tagName !== "a") return;
+	const href = node.properties.href;
+	const firstChild = node.children[0];
+	if (!isString(href) || firstChild?.type !== "element" || firstChild.tagName !== "img") return;
+	const video = getVideoLink(href);
+	if (video) {
 		node.tagName = "iframe";
 		node.properties = {
-			src: `https://player.bilibili.com/player.html?bvid=${videoId}`,
-			title: t("markdown.videoBilibili"),
-			...commonIframeProps
+			...commonIframeProps,
+			src: video.src,
+			title: t(video.titleKey)
 		};
 		node.children = [];
 	}
 }
+var commonIframeProps = {
+	style: "display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; border-radius: 8px",
+	allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
+	referrerPolicy: "strict-origin-when-cross-origin",
+	allowFullScreen: true
+};
 var MarkdownContent = /* @__PURE__ */ memo(function MarkdownContent({ dark, unstyled, text, className = "", components, mermaid }) {
 	const t = useTranslate();
 	const rehypePlugins = useMemo(() => createRehypePlugins(t), [t]);

package/dist/browser/{markdownContent-CAG_CQfH.js → markdownContent-D8G_oNOe.js}

@@ -1,5 +1,5 @@
 import { o as __toESM, r as __exportAll, t as __commonJSMin } from "./rolldown-runtime-CEgmsyvS.js";
-import { i as isString, l as useTranslate } from "./dist-CHwj9BhV.js";
+import { d as useTranslate, o as isString, t as getVideoLink } from "./videoLink-NAWDmBtf.js";
 import { memo, useEffect, useMemo, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region ../../node_modules/.bun/deepmerge@4.3.1/node_modules/deepmerge/dist/cjs.js
@@ -76506,8 +76506,8 @@ function createRehypePlugins(t) {
 				"iframe": [
 					"src",
 					"allow",
-					"referrerpolicy",
-					"allowfullscreen"
+					"referrerPolicy",
+					"allowFullScreen"
 				],
 				"*": ["className", "style"]
 			}
@@ -76520,50 +76520,27 @@ if (typeof window !== "undefined") {
 	isWebProtocol = protocol === "http:" || protocol === "https:";
 }
 function rewriteMaybeVideoLinkToIframe(node, t) {
-	if (!isWebProtocol) return;
-	const firstChild = node.type == "element" ? node.children[0] : void 0;
-	if (node.type === "element" && node.tagName === "a" && firstChild?.type == "element" && firstChild.tagName === "img") {
-		const href = node.properties.href;
-		if (isString(href) && isSupportedVideoLink(href)) inPlaceEditVideoLink(node, href, t);
-	}
-}
-var youtubeRegex = /https?:\/\/(?:www\.)?youtube\.com\/watch\?v=([a-zA-Z0-9_-]+)/;
-var bilibiliRegex = /https?:\/\/(?:www\.)?bilibili\.com\/video\/BV([a-zA-Z0-9]+)/;
-var commonIframeProps = {
-	width: "100%",
-	height: "auto",
-	frameborder: "0",
-	allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
-	referrerpolicy: "strict-origin-when-cross-origin",
-	allowfullscreen: true
-};
-function isSupportedVideoLink(url) {
-	return youtubeRegex.test(url) || bilibiliRegex.test(url);
-}
-function inPlaceEditVideoLink(node, url, t) {
-	let match = url.match(youtubeRegex);
-	if (match) {
-		const videoId = match[1];
-		node.tagName = "iframe";
-		node.properties = {
-			src: `https://www.youtube.com/embed/${videoId}`,
-			title: t("markdown.videoYouTube"),
-			...commonIframeProps
-		};
-		node.children = [];
-	}
-	match = url.match(bilibiliRegex);
-	if (match) {
-		const videoId = match[1];
+	if (!isWebProtocol || node.type !== "element" || node.tagName !== "a") return;
+	const href = node.properties.href;
+	const firstChild = node.children[0];
+	if (!isString(href) || firstChild?.type !== "element" || firstChild.tagName !== "img") return;
+	const video = getVideoLink(href);
+	if (video) {
 		node.tagName = "iframe";
 		node.properties = {
-			src: `https://player.bilibili.com/player.html?bvid=${videoId}`,
-			title: t("markdown.videoBilibili"),
-			...commonIframeProps
+			...commonIframeProps,
+			src: video.src,
+			title: t(video.titleKey)
 		};
 		node.children = [];
 	}
 }
+var commonIframeProps = {
+	style: "display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; border-radius: 8px",
+	allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
+	referrerPolicy: "strict-origin-when-cross-origin",
+	allowFullScreen: true
+};
 var MarkdownContent = /* @__PURE__ */ memo(function MarkdownContent({ dark, unstyled, text, className = "", components, mermaid }) {
 	const t = useTranslate();
 	const rehypePlugins = useMemo(() => createRehypePlugins(t), [t]);

package/dist/browser/preview.css

@@ -604,6 +604,7 @@
     --container-xl: 36rem;
     --container-2xl: 42rem;
     --container-3xl: 48rem;
+    --container-4xl: 56rem;
     --text-xs: .75rem;
     --text-xs--line-height: calc(1 / .75);
     --text-sm--line-height: calc(1.25 / .875);
@@ -1021,6 +1022,10 @@
     margin-right: calc(var(--spacing) * 5);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .mr-auto {
+    margin-right: auto;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .-mb-4 {
     margin-bottom: calc(var(--spacing) * -4);
   }
@@ -1277,6 +1282,10 @@
     height: min(32rem, 80dvh);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .h-\[min\(56dvh\,32rem\)\] {
+    height: min(56dvh, 32rem);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .h-\[min\(560px\,80dvh\)\] {
     height: min(560px, 80dvh);
   }
@@ -1373,6 +1382,10 @@
     max-height: min(80vh, 680px, var(--available-height));
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .max-h-full {
+    max-height: 100%;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .min-h-0 {
     min-height: 0;
   }
@@ -1413,6 +1426,10 @@
     min-height: calc(var(--spacing) * 40);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .min-h-52 {
+    min-height: calc(var(--spacing) * 52);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .min-h-64 {
     min-height: calc(var(--spacing) * 64);
   }
@@ -1885,6 +1902,10 @@
     grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr));
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .grid-rows-\[auto_auto_minmax\(0\,1fr\)_auto\] {
+    grid-template-rows: auto auto minmax(0, 1fr) auto;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .grid-rows-\[auto_minmax\(0\,1fr\)_auto\] {
     grid-template-rows: auto minmax(0, 1fr) auto;
   }
@@ -1917,6 +1938,10 @@
     place-content: center;
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .place-items-center {
+    place-items: center;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .content-end {
     align-content: flex-end;
   }
@@ -2532,6 +2557,10 @@
     fill: var(--ui-foreground);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .object-contain {
+    object-fit: contain;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .object-cover {
     object-fit: cover;
   }
@@ -2752,6 +2781,10 @@
     padding-left: calc(var(--spacing) * 4);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .pl-5 {
+    padding-left: calc(var(--spacing) * 5);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .pl-6 {
     padding-left: calc(var(--spacing) * 6);
   }
@@ -3079,6 +3112,10 @@
     text-underline-offset: 4px;
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .opacity-30 {
+    opacity: .3;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .opacity-40 {
     opacity: .4;
   }
@@ -5132,6 +5169,10 @@
       max-width: var(--container-3xl);
     }
 
+    :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .sm\:max-w-4xl {
+      max-width: var(--container-4xl);
+    }
+
     :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .sm\:max-w-\[min\(42rem\,calc\(100\%-2rem\)\)\] {
       max-width: min(42rem, 100% - 2rem);
     }
@@ -5189,6 +5230,10 @@
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 
+    :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .md\:grid-cols-\[minmax\(0\,1fr\)_16rem\] {
+      grid-template-columns: minmax(0, 1fr) 16rem;
+    }
+
     :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .md\:text-xs {
       font-size: var(--text-xs);
       line-height: var(--tw-leading, var(--text-xs--line-height));
@@ -10947,20 +10992,20 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
 
 .ValuePreview_json_4d5e2 {
   padding: 10px;
-}.CommentNodeContent_body_01471 {
+}.CommentNodeContent_body_7c741 {
   position: relative;
   height: 100%;
   min-height: 0;
 }
 
-.CommentNodeContent_container_01471 {
+.CommentNodeContent_container_7c741 {
   height: 100%;
   min-height: 0;
-  overflow: auto;
+  overflow: hidden;
   overscroll-behavior: contain;
 }
 
-.CommentNodeContent_resizeButton_01471 {
+.CommentNodeContent_resizeButton_7c741 {
   position: absolute;
   right: 2px;
   bottom: 2px;
@@ -10976,27 +11021,27 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   cursor: nwse-resize;
   touch-action: none;
 }
-.CommentNodeContent_resizeButton_01471 > i {
+.CommentNodeContent_resizeButton_7c741 > i {
   width: 18px;
   height: 18px;
 }
-.CommentNodeContent_resizeButton_01471:hover, .CommentNodeContent_resizeButton_01471:active {
+.CommentNodeContent_resizeButton_7c741:hover, .CommentNodeContent_resizeButton_7c741:active {
   color: var(--text-4);
 }
-.CommentNodeContent_resizeButton_01471:focus-visible {
+.CommentNodeContent_resizeButton_7c741:focus-visible {
   outline: 2px solid var(--comment-selected-border);
   outline-offset: -2px;
 }
 
-.open-flow-canvas-node-minimap1 .CommentNodeContent_sourceCode_01471 {
+.open-flow-canvas-node-minimap1 .CommentNodeContent_sourceCode_7c741 {
   visibility: hidden;
 }
 
-.CommentNodeContent_container_01471 .markdown-body {
+.CommentNodeContent_container_7c741 .markdown-body {
   padding: 0;
 }
 
-.CommentNodeContent_markdown_01471 {
+.CommentNodeContent_markdown_7c741 {
   padding: 12px 14px;
   font-size: 13px;
   line-height: 1.65;
@@ -11007,116 +11052,116 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   color: var(--note-ink);
   font-family: var(--font-sans);
 }
-.CommentNodeContent_markdown_01471 h1,
-.CommentNodeContent_markdown_01471 h2,
-.CommentNodeContent_markdown_01471 h3,
-.CommentNodeContent_markdown_01471 h4,
-.CommentNodeContent_markdown_01471 h5,
-.CommentNodeContent_markdown_01471 h6 {
+.CommentNodeContent_markdown_7c741 h1,
+.CommentNodeContent_markdown_7c741 h2,
+.CommentNodeContent_markdown_7c741 h3,
+.CommentNodeContent_markdown_7c741 h4,
+.CommentNodeContent_markdown_7c741 h5,
+.CommentNodeContent_markdown_7c741 h6 {
   color: var(--text-4);
   margin: 18px 0 10px;
   line-height: 1.4;
   border-color: var(--note-rule);
 }
-.CommentNodeContent_markdown_01471 strong,
-.CommentNodeContent_markdown_01471 b {
+.CommentNodeContent_markdown_7c741 strong,
+.CommentNodeContent_markdown_7c741 b {
   font-weight: 600;
 }
-.CommentNodeContent_markdown_01471 h1,
-.CommentNodeContent_markdown_01471 h2,
-.CommentNodeContent_markdown_01471 h3,
-.CommentNodeContent_markdown_01471 h4,
-.CommentNodeContent_markdown_01471 h5,
-.CommentNodeContent_markdown_01471 h6 {
+.CommentNodeContent_markdown_7c741 h1,
+.CommentNodeContent_markdown_7c741 h2,
+.CommentNodeContent_markdown_7c741 h3,
+.CommentNodeContent_markdown_7c741 h4,
+.CommentNodeContent_markdown_7c741 h5,
+.CommentNodeContent_markdown_7c741 h6 {
   font-weight: 600;
 }
-.CommentNodeContent_markdown_01471 h1,
-.CommentNodeContent_markdown_01471 h2 {
+.CommentNodeContent_markdown_7c741 h1,
+.CommentNodeContent_markdown_7c741 h2 {
   padding-bottom: 6px;
   border-bottom: 1px solid var(--note-rule);
 }
-.CommentNodeContent_markdown_01471 img,
-.CommentNodeContent_markdown_01471 video,
-.CommentNodeContent_markdown_01471 svg {
+.CommentNodeContent_markdown_7c741 img,
+.CommentNodeContent_markdown_7c741 video,
+.CommentNodeContent_markdown_7c741 svg {
   max-width: 100%;
 }
-.CommentNodeContent_markdown_01471 img {
+.CommentNodeContent_markdown_7c741 img {
   height: auto;
 }
-.CommentNodeContent_markdown_01471 ul {
+.CommentNodeContent_markdown_7c741 ul {
   list-style: disc;
 }
-.CommentNodeContent_markdown_01471 ol {
+.CommentNodeContent_markdown_7c741 ol {
   list-style: decimal;
 }
-.CommentNodeContent_markdown_01471 .task-list-item {
+.CommentNodeContent_markdown_7c741 .task-list-item {
   list-style: none;
 }
-.CommentNodeContent_markdown_01471 h1 {
+.CommentNodeContent_markdown_7c741 h1 {
   font-size: 20px;
 }
-.CommentNodeContent_markdown_01471 h2 {
+.CommentNodeContent_markdown_7c741 h2 {
   font-size: 17px;
 }
-.CommentNodeContent_markdown_01471 h3 {
+.CommentNodeContent_markdown_7c741 h3 {
   font-size: 15px;
 }
-.CommentNodeContent_markdown_01471 h4,
-.CommentNodeContent_markdown_01471 h5,
-.CommentNodeContent_markdown_01471 h6 {
+.CommentNodeContent_markdown_7c741 h4,
+.CommentNodeContent_markdown_7c741 h5,
+.CommentNodeContent_markdown_7c741 h6 {
   font-size: 13px;
 }
-.CommentNodeContent_markdown_01471 p,
-.CommentNodeContent_markdown_01471 ul,
-.CommentNodeContent_markdown_01471 ol,
-.CommentNodeContent_markdown_01471 blockquote,
-.CommentNodeContent_markdown_01471 pre,
-.CommentNodeContent_markdown_01471 table {
+.CommentNodeContent_markdown_7c741 p,
+.CommentNodeContent_markdown_7c741 ul,
+.CommentNodeContent_markdown_7c741 ol,
+.CommentNodeContent_markdown_7c741 blockquote,
+.CommentNodeContent_markdown_7c741 pre,
+.CommentNodeContent_markdown_7c741 table {
   margin-top: 0;
   margin-bottom: 12px;
 }
-.CommentNodeContent_markdown_01471 > :first-child {
+.CommentNodeContent_markdown_7c741 > :first-child {
   margin-top: 0;
 }
-.CommentNodeContent_markdown_01471 > :last-child {
+.CommentNodeContent_markdown_7c741 > :last-child {
   margin-bottom: 0;
 }
-.CommentNodeContent_markdown_01471 ul,
-.CommentNodeContent_markdown_01471 ol {
+.CommentNodeContent_markdown_7c741 ul,
+.CommentNodeContent_markdown_7c741 ol {
   padding-inline-start: 20px;
 }
-.CommentNodeContent_markdown_01471 li + li {
+.CommentNodeContent_markdown_7c741 li + li {
   margin-top: 4px;
 }
-.CommentNodeContent_markdown_01471 li > p {
+.CommentNodeContent_markdown_7c741 li > p {
   margin-bottom: 6px;
 }
-.CommentNodeContent_markdown_01471 li > ul,
-.CommentNodeContent_markdown_01471 li > ol {
+.CommentNodeContent_markdown_7c741 li > ul,
+.CommentNodeContent_markdown_7c741 li > ol {
   margin-bottom: 0;
 }
-.CommentNodeContent_markdown_01471 a {
+.CommentNodeContent_markdown_7c741 a {
   color: var(--note-ink);
   text-decoration: underline;
   text-decoration-color: var(--comment-selected-border);
   text-underline-offset: 3px;
 }
-.CommentNodeContent_markdown_01471 a:hover {
+.CommentNodeContent_markdown_7c741 a:hover {
   color: var(--text-4);
 }
-.CommentNodeContent_markdown_01471 code,
-.CommentNodeContent_markdown_01471 pre {
+.CommentNodeContent_markdown_7c741 code,
+.CommentNodeContent_markdown_7c741 pre {
   overflow-x: auto;
   font-family: var(--font-monospace);
 }
-.CommentNodeContent_markdown_01471 code {
+.CommentNodeContent_markdown_7c741 code {
   padding: 2px 4px;
   font-size: 0.92em;
   background: var(--note-code-bg);
   color: var(--note-ink);
   border-radius: 4px;
 }
-.CommentNodeContent_markdown_01471 pre {
+.CommentNodeContent_markdown_7c741 pre {
   padding: 12px;
   background: var(--note-code-bg);
   border: 1px solid var(--note-rule);
@@ -11124,90 +11169,90 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   font-size: 12px;
   line-height: 1.6;
 }
-.CommentNodeContent_markdown_01471 pre code {
+.CommentNodeContent_markdown_7c741 pre code {
   padding: 0;
   font-size: inherit;
   white-space: pre;
   overflow-wrap: normal;
 }
-.CommentNodeContent_markdown_01471 pre code,
-.CommentNodeContent_markdown_01471 .hljs {
+.CommentNodeContent_markdown_7c741 pre code,
+.CommentNodeContent_markdown_7c741 .hljs {
   background: transparent;
   color: var(--note-ink);
 }
-.CommentNodeContent_markdown_01471 .hljs-string {
+.CommentNodeContent_markdown_7c741 .hljs-string {
   color: var(--text-2);
 }
-.CommentNodeContent_markdown_01471 .hljs-keyword,
-.CommentNodeContent_markdown_01471 .hljs-literal {
+.CommentNodeContent_markdown_7c741 .hljs-keyword,
+.CommentNodeContent_markdown_7c741 .hljs-literal {
   font-weight: 600;
 }
-.CommentNodeContent_markdown_01471 blockquote {
+.CommentNodeContent_markdown_7c741 blockquote {
   margin-inline: 0;
   color: var(--text-2);
   padding-inline: 12px 0;
   border-inline-start: 2px solid var(--comment-border);
 }
-.CommentNodeContent_markdown_01471 hr {
+.CommentNodeContent_markdown_7c741 hr {
   margin: 16px 0;
   background: var(--note-rule);
   height: 1px;
   border: 0;
 }
-.CommentNodeContent_markdown_01471 table {
+.CommentNodeContent_markdown_7c741 table {
   display: block;
   max-width: 100%;
   overflow-x: auto;
   border-collapse: collapse;
   width: 100%;
 }
-.CommentNodeContent_markdown_01471 th,
-.CommentNodeContent_markdown_01471 td {
+.CommentNodeContent_markdown_7c741 th,
+.CommentNodeContent_markdown_7c741 td {
   padding: 6px 8px;
   border: 1px solid var(--note-rule);
   text-align: start;
 }
-.CommentNodeContent_markdown_01471 tr {
+.CommentNodeContent_markdown_7c741 tr {
   background: transparent;
   border-color: var(--note-rule);
 }
-.CommentNodeContent_markdown_01471 tr:nth-child(2n) {
+.CommentNodeContent_markdown_7c741 tr:nth-child(2n) {
   background: var(--note-code-bg);
 }
-.CommentNodeContent_markdown_01471 .CommentNodeContent_taskCheckbox_01471 {
+.CommentNodeContent_markdown_7c741 .CommentNodeContent_taskCheckbox_7c741 {
   display: inline-flex;
   width: 13px;
   height: 13px;
   margin: 0 6px 2px -20px;
   vertical-align: middle;
-}.markdownPreview_container_c03ca {
+}.markdownPreview_container_2a1d9 {
   position: relative;
+  height: 100%;
   outline-style: none;
 }
 
-.markdownPreview_body_c03ca {
+.markdownPreview_body_2a1d9 {
   height: 100%;
   padding: 4px;
   user-select: text;
-  overflow-y: auto;
   box-sizing: border-box;
 }
-.markdownPreview_body_c03ca video {
+.markdownPreview_body_2a1d9 video {
   max-height: 640px;
   min-height: 200px;
   max-width: 100% !important;
 }
 
-.markdownPreview_draggable_c03ca .markdownPreview_body_c03ca {
+.markdownPreview_draggable_2a1d9 .markdownPreview_body_2a1d9 {
   user-select: none;
   cursor: default;
 }
 
-.markdownPreview_body_c03ca pre code.hljs {
+.markdownPreview_body_2a1d9 pre code.hljs {
   padding: 0 !important;
 }
 
-.markdownPreview_body_c03ca pre:has(code.language-mermaid > svg) {
+.markdownPreview_body_2a1d9 pre:has(code.language-mermaid > svg) {
   text-align: center;
   background-color: transparent;
 }.NodeHead_container_e9871 {