@elixpo/lixeditor 2.2.0 → 2.5.2

package/dist/index.cjs

@@ -18,14 +18,18 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.js
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   BlockEquation: () => BlockEquation,
   ButtonBlock: () => ButtonBlock,
   DateInline: () => DateInline,
@@ -44,7 +48,7 @@ __export(src_exports, {
   useLinkPreview: () => useLinkPreview,
   useLixTheme: () => useLixTheme
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/editor/LixEditor.jsx
 var import_core = require("@blocknote/core");
@@ -54,7 +58,7 @@ var import_react19 = require("react");
 
 // src/hooks/useLixTheme.js
 var import_react = require("react");
-"use client";
+var import_jsx_runtime = require("react/jsx-runtime");
 var LixThemeContext = (0, import_react.createContext)(null);
 function LixThemeProvider({ children, defaultTheme = "light", storageKey = "lixeditor_theme" }) {
   const [theme, setTheme] = (0, import_react.useState)(defaultTheme);
@@ -62,26 +66,22 @@ function LixThemeProvider({ children, defaultTheme = "light", storageKey = "lixe
   (0, import_react.useEffect)(() => {
     if (storageKey) {
       const saved = localStorage.getItem(storageKey);
-      if (saved === "dark" || saved === "light")
-        setTheme(saved);
+      if (saved === "dark" || saved === "light") setTheme(saved);
     }
     setMounted(true);
   }, [storageKey]);
   (0, import_react.useEffect)(() => {
-    if (!mounted)
-      return;
+    if (!mounted) return;
     document.documentElement.setAttribute("data-theme", theme);
-    if (storageKey)
-      localStorage.setItem(storageKey, theme);
+    if (storageKey) localStorage.setItem(storageKey, theme);
   }, [theme, mounted, storageKey]);
   const toggleTheme = () => setTheme((t) => t === "dark" ? "light" : "dark");
   const isDark = theme === "dark";
-  return <LixThemeContext.Provider value={{ theme, setTheme, toggleTheme, isDark, mounted }}>{children}</LixThemeContext.Provider>;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LixThemeContext.Provider, { value: { theme, setTheme, toggleTheme, isDark, mounted }, children });
 }
 function useLixTheme() {
   const ctx = (0, import_react.useContext)(LixThemeContext);
-  if (ctx)
-    return ctx;
+  if (ctx) return ctx;
   const isDark = typeof document !== "undefined" && document.documentElement.getAttribute("data-theme") === "dark";
   return { theme: isDark ? "dark" : "light", isDark, toggleTheme: () => {
   }, setTheme: () => {
@@ -92,17 +92,13 @@ function useLixTheme() {
 var import_react2 = require("@blocknote/react");
 var import_react3 = require("react");
 var import_katex = __toESM(require("katex"));
-"use client";
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function stripDelimiters(raw) {
   let s = raw.trim();
-  if (s.startsWith("\\[") && s.endsWith("\\]"))
-    return s.slice(2, -2).trim();
-  if (s.startsWith("$$") && s.endsWith("$$"))
-    return s.slice(2, -2).trim();
-  if (s.startsWith("\\(") && s.endsWith("\\)"))
-    return s.slice(2, -2).trim();
-  if (s.startsWith("$") && s.endsWith("$") && s.length > 2)
-    return s.slice(1, -1).trim();
+  if (s.startsWith("\\[") && s.endsWith("\\]")) return s.slice(2, -2).trim();
+  if (s.startsWith("$$") && s.endsWith("$$")) return s.slice(2, -2).trim();
+  if (s.startsWith("\\(") && s.endsWith("\\)")) return s.slice(2, -2).trim();
+  if (s.startsWith("$") && s.endsWith("$") && s.length > 2) return s.slice(1, -1).trim();
   return s;
 }
 function renderKaTeX(latex, displayMode = true) {
@@ -128,8 +124,7 @@ var BlockEquation = (0, import_react2.createReactBlockSpec)(
       const inputRef = (0, import_react3.useRef)(null);
       const debounceRef = (0, import_react3.useRef)(null);
       (0, import_react3.useEffect)(() => {
-        if (editing)
-          inputRef.current?.focus();
+        if (editing) inputRef.current?.focus();
       }, [editing]);
       const handleCodeChange = (0, import_react3.useCallback)((e) => {
         const v = e.target.value;
@@ -145,60 +140,70 @@ var BlockEquation = (0, import_react2.createReactBlockSpec)(
         setEditing(false);
       };
       if (editing) {
-        return <div className="mermaid-block mermaid-block--editing">
-          <div className="mermaid-block-header">
-            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#c4b5fd" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M4 4h6v6H4zM14 4h6v6h-6zM4 14h6v6H4zM14 14h6v6h-6z" /></svg>
-            <span>LaTeX Equation</span>
-            <span style={{ marginLeft: "auto", fontSize: "10px", color: "var(--text-faint)" }}>Shift+Enter to save</span>
-          </div>
-          <textarea
-            ref={inputRef}
-            value={value}
-            onChange={handleCodeChange}
-            onKeyDown={(e) => {
-              if (e.key === "Enter" && e.shiftKey) {
-                e.preventDefault();
-                save();
-              }
-              if (e.key === "Escape") {
-                setEditing(false);
-                setValue(block.props.latex || "");
-                setLivePreview(block.props.latex || "");
-              }
-            }}
-            placeholder="E = mc^2"
-            rows={4}
-            className="mermaid-block-textarea"
-          />
-          {livePreview.trim() && <div className="latex-live-preview">
-            <div className="latex-live-preview-label">Preview</div>
-            <div dangerouslySetInnerHTML={{ __html: renderKaTeX(livePreview) }} />
-          </div>}
-          <div className="mermaid-block-actions">
-            <button onClick={() => {
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mermaid-block mermaid-block--editing", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mermaid-block-header", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "#c4b5fd", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M4 4h6v6H4zM14 4h6v6h-6zM4 14h6v6H4zM14 14h6v6h-6z" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "LaTeX Equation" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { marginLeft: "auto", fontSize: "10px", color: "var(--text-faint)" }, children: "Shift+Enter to save" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "textarea",
+            {
+              ref: inputRef,
+              value,
+              onChange: handleCodeChange,
+              onKeyDown: (e) => {
+                if (e.key === "Enter" && e.shiftKey) {
+                  e.preventDefault();
+                  save();
+                }
+                if (e.key === "Escape") {
+                  setEditing(false);
+                  setValue(block.props.latex || "");
+                  setLivePreview(block.props.latex || "");
+                }
+              },
+              placeholder: "E = mc^2",
+              rows: 4,
+              className: "mermaid-block-textarea"
+            }
+          ),
+          livePreview.trim() && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "latex-live-preview", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "latex-live-preview-label", children: "Preview" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { dangerouslySetInnerHTML: { __html: renderKaTeX(livePreview) } })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mermaid-block-actions", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { onClick: () => {
               setEditing(false);
               setValue(block.props.latex || "");
               setLivePreview(block.props.latex || "");
-            }} className="mermaid-btn-cancel">Cancel</button>
-            <button onClick={save} className="mermaid-btn-save" disabled={!value.trim()}>Done</button>
-          </div>
-        </div>;
+            }, className: "mermaid-btn-cancel", children: "Cancel" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { onClick: save, className: "mermaid-btn-save", disabled: !value.trim(), children: "Done" })
+          ] })
+        ] });
       }
       const latex = block.props.latex;
       if (!latex) {
-        return <div
-          onClick={() => setEditing(true)}
-          className="mermaid-block mermaid-block--empty"
-        >
-          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"><path d="M4 4h6v6H4zM14 4h6v6h-6zM4 14h6v6H4zM14 14h6v6h-6z" /></svg>
-          <span>Click to add a block equation</span>
-        </div>;
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "div",
+          {
+            onClick: () => setEditing(true),
+            className: "mermaid-block mermaid-block--empty",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M4 4h6v6H4zM14 4h6v6h-6zM4 14h6v6H4zM14 14h6v6h-6z" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "Click to add a block equation" })
+            ]
+          }
+        );
       }
-      return <div
-        onClick={() => setEditing(true)}
-        className="editor-block-equation"
-        dangerouslySetInnerHTML={{ __html: renderKaTeX(latex) }}
-      />;
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "div",
+        {
+          onClick: () => setEditing(true),
+          className: "editor-block-equation",
+          dangerouslySetInnerHTML: { __html: renderKaTeX(latex) }
+        }
+      );
     }
   }
 );
@@ -206,7 +211,7 @@ var BlockEquation = (0, import_react2.createReactBlockSpec)(
 // src/blocks/MermaidBlock.jsx
 var import_react4 = require("@blocknote/react");
 var import_react5 = require("react");
-"use client";
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var darkConfig = {
   startOnLoad: false,
   securityLevel: "loose",
@@ -321,12 +326,10 @@ function MermaidPreview({ diagram, isDark, interactive }) {
     let cancelled = false;
     const id = `mermaid-${Date.now()}-${Math.random().toString(36).slice(2, 6)}`;
     queueRender(async () => {
-      if (cancelled)
-        return;
+      if (cancelled) return;
       try {
         const mermaid = await getMermaid(isDark);
-        if (cancelled)
-          return;
+        if (cancelled) return;
         let diagramText = diagram.trim();
         diagramText = diagramText.replace(/^\s*gitgraph/i, "gitGraph");
         diagramText = diagramText.replace(/^\s*sequencediagram/i, "sequenceDiagram");
@@ -373,11 +376,9 @@ function MermaidPreview({ diagram, isDark, interactive }) {
     };
   }, [diagram, isDark]);
   (0, import_react5.useEffect)(() => {
-    if (!interactive)
-      return;
+    if (!interactive) return;
     const el = containerRef.current;
-    if (!el)
-      return;
+    if (!el) return;
     const handleWheel = (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -390,16 +391,14 @@ function MermaidPreview({ diagram, isDark, interactive }) {
     return () => el.removeEventListener("wheel", handleWheel);
   }, [svgHTML, interactive]);
   const handleMouseDown = (0, import_react5.useCallback)((e) => {
-    if (!interactive || e.button !== 0)
-      return;
+    if (!interactive || e.button !== 0) return;
     e.preventDefault();
     dragging.current = true;
     dragStart.current = { x: e.clientX, y: e.clientY };
     panStart.current = { ...pan };
   }, [pan, interactive]);
   const handleMouseMove = (0, import_react5.useCallback)((e) => {
-    if (!dragging.current)
-      return;
+    if (!dragging.current) return;
     const dx = e.clientX - dragStart.current.x;
     const dy = e.clientY - dragStart.current.y;
     setPan({ x: panStart.current.x + dx, y: panStart.current.y + dy });
@@ -408,8 +407,7 @@ function MermaidPreview({ diagram, isDark, interactive }) {
     dragging.current = false;
   }, []);
   (0, import_react5.useEffect)(() => {
-    if (!interactive)
-      return;
+    if (!interactive) return;
     window.addEventListener("mousemove", handleMouseMove);
     window.addEventListener("mouseup", handleMouseUp);
     return () => {
@@ -422,64 +420,83 @@ function MermaidPreview({ diagram, isDark, interactive }) {
     setPan({ x: 0, y: 0 });
   }, []);
   if (error) {
-    return <div className="mermaid-viewport mermaid-viewport--compact"><pre style={{ color: "#f87171", fontSize: "12px", whiteSpace: "pre-wrap", padding: "16px", margin: 0 }}>{error}</pre></div>;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mermaid-viewport mermaid-viewport--compact", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("pre", { style: { color: "#f87171", fontSize: "12px", whiteSpace: "pre-wrap", padding: "16px", margin: 0 }, children: error }) });
   }
   if (!diagram?.trim()) {
-    return <div className="mermaid-viewport mermaid-viewport--compact" style={{ display: "flex", alignItems: "center", justifyContent: "center" }}><span style={{ color: "var(--text-faint)", fontSize: "12px" }}>Preview will appear here...</span></div>;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mermaid-viewport mermaid-viewport--compact", style: { display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { color: "var(--text-faint)", fontSize: "12px" }, children: "Preview will appear here..." }) });
   }
   if (!svgHTML) {
-    return <div className="mermaid-viewport mermaid-viewport--compact" style={{ display: "flex", alignItems: "center", justifyContent: "center" }}><span style={{ color: "var(--text-faint)", fontSize: "13px" }}>Rendering...</span></div>;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mermaid-viewport mermaid-viewport--compact", style: { display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { color: "var(--text-faint)", fontSize: "13px" }, children: "Rendering..." }) });
   }
-  return <div
-    ref={containerRef}
-    className={interactive ? "mermaid-viewport" : "mermaid-viewport mermaid-viewport--compact"}
-    onMouseDown={handleMouseDown}
-  >
-    <div
-      className="mermaid-block-svg"
-      style={{
-        transform: `translate(${pan.x}px, ${pan.y}px) scale(${zoom})`,
-        transformOrigin: "center center"
-      }}
-      dangerouslySetInnerHTML={{ __html: svgHTML }}
-    />
-    {interactive && <div className="mermaid-zoom-controls">
-      <button
-        onClick={(e) => {
-          e.stopPropagation();
-          setZoom((z) => Math.min(3, z + 0.2));
-        }}
-        className="mermaid-zoom-btn"
-        title="Zoom in"
-      ><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-        <line x1="12" y1="5" x2="12" y2="19" />
-        <line x1="5" y1="12" x2="19" y2="12" />
-      </svg></button>
-      <span className="mermaid-zoom-label">
-        {Math.round(zoom * 100)}
-        {"%"}
-      </span>
-      <button
-        onClick={(e) => {
-          e.stopPropagation();
-          setZoom((z) => Math.max(0.3, z - 0.2));
-        }}
-        className="mermaid-zoom-btn"
-        title="Zoom out"
-      ><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><line x1="5" y1="12" x2="19" y2="12" /></svg></button>
-      <button
-        onClick={(e) => {
-          e.stopPropagation();
-          resetView();
-        }}
-        className="mermaid-zoom-btn"
-        title="Reset view"
-      ><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-        <path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10" />
-        <polyline points="1 4 1 10 7 10" />
-      </svg></button>
-    </div>}
-  </div>;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "div",
+    {
+      ref: containerRef,
+      className: interactive ? "mermaid-viewport" : "mermaid-viewport mermaid-viewport--compact",
+      onMouseDown: handleMouseDown,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "div",
+          {
+            className: "mermaid-block-svg",
+            style: {
+              transform: `translate(${pan.x}px, ${pan.y}px) scale(${zoom})`,
+              transformOrigin: "center center"
+            },
+            dangerouslySetInnerHTML: { __html: svgHTML }
+          }
+        ),
+        interactive && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mermaid-zoom-controls", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                setZoom((z) => Math.min(3, z + 0.2));
+              },
+              className: "mermaid-zoom-btn",
+              title: "Zoom in",
+              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "mermaid-zoom-label", children: [
+            Math.round(zoom * 100),
+            "%"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                setZoom((z) => Math.max(0.3, z - 0.2));
+              },
+              className: "mermaid-zoom-btn",
+              title: "Zoom out",
+              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                resetView();
+              },
+              className: "mermaid-zoom-btn",
+              title: "Reset view",
+              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M3.51 15a9 9 0 1 0 2.13-9.36L1 10" }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("polyline", { points: "1 4 1 10 7 10" })
+              ] })
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }
 var MermaidBlock = (0, import_react4.createReactBlockSpec)(
   {
@@ -498,8 +515,7 @@ var MermaidBlock = (0, import_react4.createReactBlockSpec)(
       const inputRef = (0, import_react5.useRef)(null);
       const debounceRef = (0, import_react5.useRef)(null);
       (0, import_react5.useEffect)(() => {
-        if (editing && inputRef.current)
-          inputRef.current.focus();
+        if (editing && inputRef.current) inputRef.current.focus();
       }, [editing]);
       const handleCodeChange = (0, import_react5.useCallback)((e) => {
         const v = e.target.value;
@@ -521,93 +537,96 @@ var MermaidBlock = (0, import_react4.createReactBlockSpec)(
         }
       }, [editor, block.id]);
       if (editing) {
-        return <div className="mermaid-block mermaid-block--editing">
-          <div className="mermaid-block-header">
-            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#c4b5fd" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M12 3l1.912 5.813a2 2 0 001.275 1.275L21 12l-5.813 1.912a2 2 0 00-1.275 1.275L12 21l-1.912-5.813a2 2 0 00-1.275-1.275L3 12l5.813-1.912a2 2 0 001.275-1.275L12 3z" /></svg>
-            <span>Mermaid Diagram</span>
-            <span style={{ marginLeft: "auto", fontSize: "10px", color: "var(--text-faint)" }}>Shift+Enter to save</span>
-          </div>
-          <textarea
-            ref={inputRef}
-            value={value}
-            onChange={handleCodeChange}
-            onKeyDown={(e) => {
-              if (e.key === "Enter" && e.shiftKey) {
-                e.preventDefault();
-                save();
-              }
-              if (e.key === "Escape") {
-                setEditing(false);
-                setValue(block.props.diagram || "");
-                setLivePreview(block.props.diagram || "");
-              }
-              if (e.key === "Tab") {
-                e.preventDefault();
-                const start = e.target.selectionStart;
-                const end = e.target.selectionEnd;
-                const newVal = value.substring(0, start) + "    " + value.substring(end);
-                setValue(newVal);
-                setLivePreview(newVal);
-                requestAnimationFrame(() => {
-                  e.target.selectionStart = e.target.selectionEnd = start + 4;
-                });
-              }
-            }}
-            placeholder={`graph TD
+        return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mermaid-block mermaid-block--editing", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mermaid-block-header", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "#c4b5fd", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 3l1.912 5.813a2 2 0 001.275 1.275L21 12l-5.813 1.912a2 2 0 00-1.275 1.275L12 21l-1.912-5.813a2 2 0 00-1.275-1.275L3 12l5.813-1.912a2 2 0 001.275-1.275L12 3z" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Mermaid Diagram" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { marginLeft: "auto", fontSize: "10px", color: "var(--text-faint)" }, children: "Shift+Enter to save" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "textarea",
+            {
+              ref: inputRef,
+              value,
+              onChange: handleCodeChange,
+              onKeyDown: (e) => {
+                if (e.key === "Enter" && e.shiftKey) {
+                  e.preventDefault();
+                  save();
+                }
+                if (e.key === "Escape") {
+                  setEditing(false);
+                  setValue(block.props.diagram || "");
+                  setLivePreview(block.props.diagram || "");
+                }
+                if (e.key === "Tab") {
+                  e.preventDefault();
+                  const start = e.target.selectionStart;
+                  const end = e.target.selectionEnd;
+                  const newVal = value.substring(0, start) + "    " + value.substring(end);
+                  setValue(newVal);
+                  setLivePreview(newVal);
+                  requestAnimationFrame(() => {
+                    e.target.selectionStart = e.target.selectionEnd = start + 4;
+                  });
+                }
+              },
+              placeholder: `graph TD
     A[Start] --> B{Decision}
     B -->|Yes| C[OK]
-    B -->|No| D[End]`}
-            rows={8}
-            className="mermaid-block-textarea"
-          />
-          <div className="mermaid-live-preview">
-            <div className="mermaid-live-preview-label">Preview</div>
-            <MermaidPreview diagram={livePreview} isDark={isDark} interactive={false} />
-          </div>
-          <div className="mermaid-block-actions">
-            <button onClick={() => {
+    B -->|No| D[End]`,
+              rows: 8,
+              className: "mermaid-block-textarea"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mermaid-live-preview", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mermaid-live-preview-label", children: "Preview" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MermaidPreview, { diagram: livePreview, isDark, interactive: false })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mermaid-block-actions", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { onClick: () => {
               setEditing(false);
               setValue(block.props.diagram || "");
               setLivePreview(block.props.diagram || "");
-            }} className="mermaid-btn-cancel">Cancel</button>
-            <button onClick={save} className="mermaid-btn-save" disabled={!value.trim()}>Done</button>
-          </div>
-        </div>;
+            }, className: "mermaid-btn-cancel", children: "Cancel" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { onClick: save, className: "mermaid-btn-save", disabled: !value.trim(), children: "Done" })
+          ] })
+        ] });
       }
       if (!block.props.diagram) {
-        return <div onClick={() => setEditing(true)} className="mermaid-block mermaid-block--empty">
-          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
-            <rect x="3" y="3" width="7" height="7" rx="1.5" />
-            <rect x="14" y="3" width="7" height="7" rx="1.5" />
-            <rect x="8.5" y="14" width="7" height="7" rx="1.5" />
-            <line x1="6.5" y1="10" x2="6.5" y2="14" />
-            <line x1="17.5" y1="10" x2="17.5" y2="14" />
-            <line x1="6.5" y1="14" x2="8.5" y2="14" />
-            <line x1="17.5" y1="14" x2="15.5" y2="14" />
-          </svg>
-          <span>Click to add a Mermaid diagram</span>
-        </div>;
+        return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { onClick: () => setEditing(true), className: "mermaid-block mermaid-block--empty", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1.5" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { x: "14", y: "3", width: "7", height: "7", rx: "1.5" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { x: "8.5", y: "14", width: "7", height: "7", rx: "1.5" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "6.5", y1: "10", x2: "6.5", y2: "14" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "17.5", y1: "10", x2: "17.5", y2: "14" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "6.5", y1: "14", x2: "8.5", y2: "14" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "17.5", y1: "14", x2: "15.5", y2: "14" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Click to add a Mermaid diagram" })
+        ] });
       }
-      return <div className="mermaid-block mermaid-block--rendered group" onDoubleClick={() => setEditing(true)}>
-        <MermaidPreview diagram={block.props.diagram} isDark={isDark} interactive={true} />
-        <div className="mermaid-block-hover">
-          <button onClick={() => setEditing(true)} className="mermaid-hover-btn" title="Edit diagram"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-            <path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7" />
-            <path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z" />
-          </svg></button>
-          <button onClick={handleDelete} className="mermaid-hover-btn mermaid-hover-delete" title="Delete"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-            <polyline points="3 6 5 6 21 6" />
-            <path d="M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2" />
-          </svg></button>
-        </div>
-      </div>;
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mermaid-block mermaid-block--rendered group", onDoubleClick: () => setEditing(true), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MermaidPreview, { diagram: block.props.diagram, isDark, interactive: true }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mermaid-block-hover", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { onClick: () => setEditing(true), className: "mermaid-hover-btn", title: "Edit diagram", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z" })
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { onClick: handleDelete, className: "mermaid-hover-btn mermaid-hover-delete", title: "Delete", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("polyline", { points: "3 6 5 6 21 6" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2" })
+          ] }) })
+        ] })
+      ] });
     }
   }
 );
 
 // src/blocks/TableOfContents.jsx
 var import_react6 = require("@blocknote/react");
-"use client";
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var TableOfContents = (0, import_react6.createReactBlockSpec)(
   {
     type: "tableOfContents",
@@ -619,19 +638,23 @@ var TableOfContents = (0, import_react6.createReactBlockSpec)(
       const headings = editor.document.filter(
         (b) => b.type === "heading" && b.content?.length > 0
       );
-      return <div className="toc-block border border-[var(--border-default)] rounded-xl bg-[var(--bg-surface)] px-5 py-4 my-2 select-none">
-        <p className="text-[11px] uppercase tracking-wider text-[var(--text-muted)] font-bold mb-3">Table of Contents</p>
-        {headings.length === 0 ? <p className="text-[13px] text-[var(--text-faint)] italic">Add headings to see the outline here.</p> : <ul className="space-y-1.5">{headings.map((h) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "toc-block border border-[var(--border-default)] rounded-xl bg-[var(--bg-surface)] px-5 py-4 my-2 select-none", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-[11px] uppercase tracking-wider text-[var(--text-muted)] font-bold mb-3", children: "Table of Contents" }),
+        headings.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-[13px] text-[var(--text-faint)] italic", children: "Add headings to see the outline here." }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: "space-y-1.5", children: headings.map((h) => {
           const level = h.props?.level || 1;
           const text = h.content.map((c) => c.text || "").join("");
-          return <li
-            key={h.id}
-            className="text-[13px] text-[#9b7bf7] hover:text-[#b69aff] cursor-pointer transition-colors"
-            style={{ paddingLeft: `${(level - 1) * 16}px` }}
-            onClick={() => editor.setTextCursorPosition(h.id)}
-          >{text}</li>;
-        })}</ul>}
-      </div>;
+          return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "li",
+            {
+              className: "text-[13px] text-[#9b7bf7] hover:text-[#b69aff] cursor-pointer transition-colors",
+              style: { paddingLeft: `${(level - 1) * 16}px` },
+              onClick: () => editor.setTextCursorPosition(h.id),
+              children: text
+            },
+            h.id
+          );
+        }) })
+      ] });
     }
   }
 );
@@ -640,17 +663,13 @@ var TableOfContents = (0, import_react6.createReactBlockSpec)(
 var import_react7 = require("@blocknote/react");
 var import_react8 = require("react");
 var import_katex2 = __toESM(require("katex"));
-"use client";
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function stripDelimiters2(raw) {
   let s = raw.trim();
-  if (s.startsWith("\\(") && s.endsWith("\\)"))
-    return s.slice(2, -2).trim();
-  if (s.startsWith("\\[") && s.endsWith("\\]"))
-    return s.slice(2, -2).trim();
-  if (s.startsWith("$$") && s.endsWith("$$"))
-    return s.slice(2, -2).trim();
-  if (s.startsWith("$") && s.endsWith("$") && s.length > 2)
-    return s.slice(1, -1).trim();
+  if (s.startsWith("\\(") && s.endsWith("\\)")) return s.slice(2, -2).trim();
+  if (s.startsWith("\\[") && s.endsWith("\\]")) return s.slice(2, -2).trim();
+  if (s.startsWith("$$") && s.endsWith("$$")) return s.slice(2, -2).trim();
+  if (s.startsWith("$") && s.endsWith("$") && s.length > 2) return s.slice(1, -1).trim();
   return s;
 }
 function renderKaTeXInline(latex) {
@@ -666,12 +685,10 @@ function InlineEquationChip({ inlineContent }) {
   const inputRef = (0, import_react8.useRef)(null);
   const popupRef = (0, import_react8.useRef)(null);
   (0, import_react8.useEffect)(() => {
-    if (editing && inputRef.current)
-      inputRef.current.focus();
+    if (editing && inputRef.current) inputRef.current.focus();
   }, [editing]);
   (0, import_react8.useEffect)(() => {
-    if (!editing)
-      return;
+    if (!editing) return;
     function handleClick(e) {
       if (popupRef.current && !popupRef.current.contains(e.target)) {
         setEditing(false);
@@ -688,47 +705,57 @@ function InlineEquationChip({ inlineContent }) {
   }, [value, inlineContent]);
   const html = renderKaTeXInline(inlineContent.props.latex);
   const previewHtml = value.trim() ? renderKaTeXInline(value) : "";
-  return <span className="relative inline-flex items-center">
-    <span
-      onClick={(e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setValue(inlineContent.props.latex || "");
-        setEditing(!editing);
-      }}
-      className="inline-equation-chip"
-      dangerouslySetInnerHTML={{ __html: html }}
-      title={inlineContent.props.latex}
-    />
-    {editing && <div
-      ref={popupRef}
-      className="inline-equation-editor"
-      onMouseDown={(e) => e.stopPropagation()}
-    >
-      <input
-        ref={inputRef}
-        type="text"
-        className="inline-equation-editor-input"
-        value={value}
-        onChange={(e) => setValue(e.target.value)}
-        onKeyDown={(e) => {
-          if (e.key === "Enter") {
-            e.preventDefault();
-            save();
-          }
-          if (e.key === "Escape") {
-            setEditing(false);
-          }
-        }}
-        placeholder="E = mc^2"
-      />
-      {previewHtml && <div className="inline-equation-editor-preview" dangerouslySetInnerHTML={{ __html: previewHtml }} />}
-      <div className="inline-equation-editor-actions">
-        <button className="mermaid-btn-cancel" onClick={() => setEditing(false)}>Cancel</button>
-        <button className="mermaid-btn-save" disabled={!value.trim()} onClick={save}>Save</button>
-      </div>
-    </div>}
-  </span>;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "relative inline-flex items-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "span",
+      {
+        onClick: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          setValue(inlineContent.props.latex || "");
+          setEditing(!editing);
+        },
+        className: "inline-equation-chip",
+        dangerouslySetInnerHTML: { __html: html },
+        title: inlineContent.props.latex
+      }
+    ),
+    editing && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      "div",
+      {
+        ref: popupRef,
+        className: "inline-equation-editor",
+        onMouseDown: (e) => e.stopPropagation(),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            "input",
+            {
+              ref: inputRef,
+              type: "text",
+              className: "inline-equation-editor-input",
+              value,
+              onChange: (e) => setValue(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter") {
+                  e.preventDefault();
+                  save();
+                }
+                if (e.key === "Escape") {
+                  setEditing(false);
+                }
+              },
+              placeholder: "E = mc^2"
+            }
+          ),
+          previewHtml && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "inline-equation-editor-preview", dangerouslySetInnerHTML: { __html: previewHtml } }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "inline-equation-editor-actions", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "mermaid-btn-cancel", onClick: () => setEditing(false), children: "Cancel" }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "mermaid-btn-save", disabled: !value.trim(), onClick: save, children: "Save" })
+          ] })
+        ]
+      }
+    )
+  ] });
 }
 var InlineEquation = (0, import_react7.createReactInlineContentSpec)(
   {
@@ -739,32 +766,30 @@ var InlineEquation = (0, import_react7.createReactInlineContentSpec)(
     content: "none"
   },
   {
-    render: (props) => <InlineEquationChip {...props} />
+    render: (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(InlineEquationChip, { ...props })
   }
 );
 
 // src/blocks/DateInline.jsx
 var import_react9 = require("@blocknote/react");
 var import_react10 = require("react");
-"use client";
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function MiniCalendar({ selectedDate, onSelect, onClose, anchorEl }) {
   const ref = (0, import_react10.useRef)(null);
   const [viewDate, setViewDate] = (0, import_react10.useState)(() => {
-    const d = selectedDate ? new Date(selectedDate) : new Date();
+    const d = selectedDate ? new Date(selectedDate) : /* @__PURE__ */ new Date();
     return { year: d.getFullYear(), month: d.getMonth() };
   });
   const [pos, setPos] = (0, import_react10.useState)(null);
   (0, import_react10.useEffect)(() => {
     function handleClick(e) {
-      if (ref.current && !ref.current.contains(e.target))
-        onClose();
+      if (ref.current && !ref.current.contains(e.target)) onClose();
     }
     document.addEventListener("mousedown", handleClick);
     return () => document.removeEventListener("mousedown", handleClick);
   }, [onClose]);
   (0, import_react10.useEffect)(() => {
-    if (!anchorEl)
-      return;
+    if (!anchorEl) return;
     const rect = anchorEl.getBoundingClientRect();
     const calWidth = 240;
     let left = rect.left;
@@ -774,78 +799,88 @@ function MiniCalendar({ selectedDate, onSelect, onClose, anchorEl }) {
   const { year, month } = viewDate;
   const firstDay = new Date(year, month, 1).getDay();
   const daysInMonth = new Date(year, month + 1, 0).getDate();
-  const today = new Date();
+  const today = /* @__PURE__ */ new Date();
   const todayStr = today.toISOString().split("T")[0];
   const monthName = new Date(year, month).toLocaleDateString("en-US", { month: "long", year: "numeric" });
   const days = [];
-  for (let i = 0; i < firstDay; i++)
-    days.push(null);
-  for (let d = 1; d <= daysInMonth; d++)
-    days.push(d);
+  for (let i = 0; i < firstDay; i++) days.push(null);
+  for (let d = 1; d <= daysInMonth; d++) days.push(d);
   const prev = () => setViewDate((v) => v.month === 0 ? { year: v.year - 1, month: 11 } : { ...v, month: v.month - 1 });
   const next = () => setViewDate((v) => v.month === 11 ? { year: v.year + 1, month: 0 } : { ...v, month: v.month + 1 });
   const toDateStr = (d) => `${year}-${String(month + 1).padStart(2, "0")}-${String(d).padStart(2, "0")}`;
-  if (!pos)
-    return null;
-  return <div
-    ref={ref}
-    className="fixed z-[100] rounded-xl shadow-2xl overflow-hidden"
-    style={{ backgroundColor: "var(--bg-app)", border: "1px solid var(--border-default)", width: "240px", top: pos.top, left: pos.left }}
-    onMouseDown={(e) => e.stopPropagation()}
-  >
-    <div className="flex items-center justify-between px-3 py-2" style={{ borderBottom: "1px solid var(--divider)" }}>
-      <button onClick={prev} className="w-6 h-6 flex items-center justify-center rounded hover:bg-[var(--bg-hover)] transition-colors" style={{ color: "var(--text-muted)" }}><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><polyline points="15 18 9 12 15 6" /></svg></button>
-      <span className="text-[12px] font-semibold" style={{ color: "var(--text-primary)" }}>{monthName}</span>
-      <button onClick={next} className="w-6 h-6 flex items-center justify-center rounded hover:bg-[var(--bg-hover)] transition-colors" style={{ color: "var(--text-muted)" }}><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><polyline points="9 18 15 12 9 6" /></svg></button>
-    </div>
-    <div className="grid grid-cols-7 px-2 pt-2">{["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((d) => <div key={d} className="text-center text-[10px] font-medium py-1" style={{ color: "var(--text-faint)" }}>{d}</div>)}</div>
-    <div className="grid grid-cols-7 px-2 pb-2 gap-0.5">{days.map((d, i) => {
-      if (!d)
-        return <div key={`e${i}`} />;
-      const dateStr = toDateStr(d);
-      const isSelected = dateStr === selectedDate;
-      const isToday = dateStr === todayStr;
-      return <button
-        key={d}
-        onClick={() => {
-          onSelect(dateStr);
-          onClose();
-        }}
-        className="w-7 h-7 rounded-lg text-[11px] font-medium flex items-center justify-center transition-all"
-        style={{
-          backgroundColor: isSelected ? "#9b7bf7" : "transparent",
-          color: isSelected ? "white" : isToday ? "#9b7bf7" : "var(--text-body)",
-          border: isToday && !isSelected ? "1px solid #9b7bf7" : "1px solid transparent"
-        }}
-        onMouseEnter={(e) => {
-          if (!isSelected)
-            e.currentTarget.style.backgroundColor = "var(--bg-hover)";
-        }}
-        onMouseLeave={(e) => {
-          if (!isSelected)
-            e.currentTarget.style.backgroundColor = "transparent";
-        }}
-      >{d}</button>;
-    })}</div>
-    <div className="flex items-center justify-between px-3 py-1.5" style={{ borderTop: "1px solid var(--divider)" }}>
-      <button
-        onClick={() => {
-          onSelect("");
-          onClose();
-        }}
-        className="text-[10px] font-medium transition-colors"
-        style={{ color: "var(--text-faint)" }}
-      >Clear</button>
-      <button
-        onClick={() => {
-          onSelect(todayStr);
-          onClose();
-        }}
-        className="text-[10px] font-medium transition-colors"
-        style={{ color: "#9b7bf7" }}
-      >Today</button>
-    </div>
-  </div>;
+  if (!pos) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "div",
+    {
+      ref,
+      className: "fixed z-[100] rounded-xl shadow-2xl overflow-hidden",
+      style: { backgroundColor: "var(--bg-app)", border: "1px solid var(--border-default)", width: "240px", top: pos.top, left: pos.left },
+      onMouseDown: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center justify-between px-3 py-2", style: { borderBottom: "1px solid var(--divider)" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { onClick: prev, className: "w-6 h-6 flex items-center justify-center rounded hover:bg-[var(--bg-hover)] transition-colors", style: { color: "var(--text-muted)" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("polyline", { points: "15 18 9 12 15 6" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[12px] font-semibold", style: { color: "var(--text-primary)" }, children: monthName }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { onClick: next, className: "w-6 h-6 flex items-center justify-center rounded hover:bg-[var(--bg-hover)] transition-colors", style: { color: "var(--text-muted)" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("polyline", { points: "9 18 15 12 9 6" }) }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "grid grid-cols-7 px-2 pt-2", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((d) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "text-center text-[10px] font-medium py-1", style: { color: "var(--text-faint)" }, children: d }, d)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "grid grid-cols-7 px-2 pb-2 gap-0.5", children: days.map((d, i) => {
+          if (!d) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", {}, `e${i}`);
+          const dateStr = toDateStr(d);
+          const isSelected = dateStr === selectedDate;
+          const isToday = dateStr === todayStr;
+          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "button",
+            {
+              onClick: () => {
+                onSelect(dateStr);
+                onClose();
+              },
+              className: "w-7 h-7 rounded-lg text-[11px] font-medium flex items-center justify-center transition-all",
+              style: {
+                backgroundColor: isSelected ? "#9b7bf7" : "transparent",
+                color: isSelected ? "white" : isToday ? "#9b7bf7" : "var(--text-body)",
+                border: isToday && !isSelected ? "1px solid #9b7bf7" : "1px solid transparent"
+              },
+              onMouseEnter: (e) => {
+                if (!isSelected) e.currentTarget.style.backgroundColor = "var(--bg-hover)";
+              },
+              onMouseLeave: (e) => {
+                if (!isSelected) e.currentTarget.style.backgroundColor = "transparent";
+              },
+              children: d
+            },
+            d
+          );
+        }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center justify-between px-3 py-1.5", style: { borderTop: "1px solid var(--divider)" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "button",
+            {
+              onClick: () => {
+                onSelect("");
+                onClose();
+              },
+              className: "text-[10px] font-medium transition-colors",
+              style: { color: "var(--text-faint)" },
+              children: "Clear"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "button",
+            {
+              onClick: () => {
+                onSelect(todayStr);
+                onClose();
+              },
+              className: "text-[10px] font-medium transition-colors",
+              style: { color: "#9b7bf7" },
+              children: "Today"
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }
 function DateChip({ inlineContent }) {
   const [showPicker, setShowPicker] = (0, import_react10.useState)(false);
@@ -863,51 +898,58 @@ function DateChip({ inlineContent }) {
     }
     setShowPicker(false);
   }, [inlineContent]);
-  return <span className="relative inline-flex items-center">
-    <span
-      ref={chipRef}
-      onClick={(e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setShowPicker(!showPicker);
-      }}
-      className="inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[13px] font-medium mx-0.5 cursor-pointer transition-all hover:ring-2 hover:ring-[#9b7bf7]/30"
-      style={{ color: "#9b7bf7", backgroundColor: "rgba(155,123,247,0.06)", border: "1px solid rgba(155,123,247,0.15)" }}
-      title="Click to change date (Ctrl+D to insert)"
-    >
-      <svg className="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-        <rect x="3" y="4" width="18" height="18" rx="2" ry="2" strokeWidth={2} />
-        <line x1="16" y1="2" x2="16" y2="6" strokeWidth={2} />
-        <line x1="8" y1="2" x2="8" y2="6" strokeWidth={2} />
-        <line x1="3" y1="10" x2="21" y2="10" strokeWidth={2} />
-      </svg>
-      {formatted}
-    </span>
-    {showPicker && <MiniCalendar
-      selectedDate={d}
-      onSelect={handleSelect}
-      onClose={() => setShowPicker(false)}
-      anchorEl={chipRef.current}
-    />}
-  </span>;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "relative inline-flex items-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      "span",
+      {
+        ref: chipRef,
+        onClick: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          setShowPicker(!showPicker);
+        },
+        className: "inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[13px] font-medium mx-0.5 cursor-pointer transition-all hover:ring-2 hover:ring-[#9b7bf7]/30",
+        style: { color: "#9b7bf7", backgroundColor: "rgba(155,123,247,0.06)", border: "1px solid rgba(155,123,247,0.15)" },
+        title: "Click to change date (Ctrl+D to insert)",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { className: "w-3 h-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2", strokeWidth: 2 }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "16", y1: "2", x2: "16", y2: "6", strokeWidth: 2 }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "8", y1: "2", x2: "8", y2: "6", strokeWidth: 2 }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "3", y1: "10", x2: "21", y2: "10", strokeWidth: 2 })
+          ] }),
+          formatted
+        ]
+      }
+    ),
+    showPicker && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      MiniCalendar,
+      {
+        selectedDate: d,
+        onSelect: handleSelect,
+        onClose: () => setShowPicker(false),
+        anchorEl: chipRef.current
+      }
+    )
+  ] });
 }
 var DateInline = (0, import_react9.createReactInlineContentSpec)(
   {
     type: "dateInline",
     propSchema: {
-      date: { default: new Date().toISOString().split("T")[0] }
+      date: { default: (/* @__PURE__ */ new Date()).toISOString().split("T")[0] }
     },
     content: "none"
   },
   {
-    render: (props) => <DateChip {...props} />
+    render: (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DateChip, { ...props })
   }
 );
 
 // src/blocks/ImageBlock.jsx
 var import_react11 = require("@blocknote/react");
 var import_react12 = require("react");
-"use client";
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var BlogImageBlock = (0, import_react11.createReactBlockSpec)(
   {
     type: "image",
@@ -921,7 +963,7 @@ var BlogImageBlock = (0, import_react11.createReactBlockSpec)(
     content: "none"
   },
   {
-    render: (props) => <ImageRenderer {...props} />
+    render: (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ImageRenderer, { ...props })
   }
 );
 function ImageRenderer({ block, editor }) {
@@ -937,13 +979,11 @@ function ImageRenderer({ block, editor }) {
   const blockRef = (0, import_react12.useRef)(null);
   const embedInputRef = (0, import_react12.useRef)(null);
   (0, import_react12.useEffect)(() => {
-    if (mode === "embed")
-      setTimeout(() => embedInputRef.current?.focus(), 50);
+    if (mode === "embed") setTimeout(() => embedInputRef.current?.focus(), 50);
   }, [mode]);
   (0, import_react12.useEffect)(() => {
     const el = blockRef.current;
-    if (!el)
-      return;
+    if (!el) return;
     function handleKey(e) {
       if ((e.key === "Backspace" || e.key === "Delete") && mode === "idle" && !url) {
         e.preventDefault();
@@ -957,8 +997,7 @@ function ImageRenderer({ block, editor }) {
     return () => el.removeEventListener("keydown", handleKey);
   }, [editor, block.id, mode, url]);
   const uploadFile = (0, import_react12.useCallback)(async (file) => {
-    if (!file || !file.type.startsWith("image/"))
-      return;
+    if (!file || !file.type.startsWith("image/")) return;
     setMode("uploading");
     setUploadStatus("Processing...");
     try {
@@ -978,8 +1017,7 @@ function ImageRenderer({ block, editor }) {
   }, [editor, block.id]);
   const handlePaste = (0, import_react12.useCallback)((e) => {
     const items = e.clipboardData?.items;
-    if (!items)
-      return;
+    if (!items) return;
     for (const item of items) {
       if (item.type.startsWith("image/")) {
         e.preventDefault();
@@ -992,13 +1030,11 @@ function ImageRenderer({ block, editor }) {
     e.preventDefault();
     setIsDragOver(false);
     const file = e.dataTransfer?.files?.[0];
-    if (file?.type.startsWith("image/"))
-      uploadFile(file);
+    if (file?.type.startsWith("image/")) uploadFile(file);
   }, [uploadFile]);
   const handleEmbed = (0, import_react12.useCallback)(() => {
     const trimmed = embedUrl.trim();
-    if (!trimmed)
-      return;
+    if (!trimmed) return;
     if (!trimmed.startsWith("http")) {
       setEmbedError("URL must start with http:// or https://");
       return;
@@ -1035,137 +1071,151 @@ function ImageRenderer({ block, editor }) {
     setEditingCaption(false);
   }, [editor, block.id, captionText]);
   if (!url) {
-    return <div
-      ref={blockRef}
-      className="blog-img-empty"
-      tabIndex={0}
-      onPaste={handlePaste}
-      onDrop={handleDrop}
-      onDragOver={(e) => {
-        e.preventDefault();
-        setIsDragOver(true);
-      }}
-      onDragLeave={() => setIsDragOver(false)}
-      data-drag-over={isDragOver}
-    >
-      <input
-        ref={fileInputRef}
-        type="file"
-        accept="image/*"
-        onChange={(e) => {
-          if (e.target.files?.[0])
-            uploadFile(e.target.files[0]);
-          e.target.value = "";
-        }}
-        style={{ display: "none" }}
-      />
-      {mode === "uploading" && <div className="blog-img-status">
-        <div className="blog-img-spinner" />
-        <span>{uploadStatus}</span>
-      </div>}
-      {mode === "idle" && <>
-        <div className="blog-img-actions-row">
-          <button className="blog-img-action" onClick={() => fileInputRef.current?.click()}>
-            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
-              <path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4" />
-              <polyline points="17 8 12 3 7 8" />
-              <line x1="12" y1="3" x2="12" y2="15" />
-            </svg>
-            {"Upload"}
-          </button>
-          <button className="blog-img-action" onClick={() => setMode("embed")}>
-            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
-              <path d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71" />
-              <path d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71" />
-            </svg>
-            {"Embed URL"}
-          </button>
-        </div>
-        <p className="blog-img-hint">{"or drag & drop / paste an image"}</p>
-      </>}
-      {mode === "embed" && <div className="blog-img-input-row">
-        <input
-          ref={embedInputRef}
-          type="url"
-          value={embedUrl}
-          onChange={(e) => {
-            setEmbedUrl(e.target.value);
-            setEmbedError("");
-          }}
-          onKeyDown={(e) => {
-            if (e.key === "Enter")
-              handleEmbed();
-            if (e.key === "Escape") {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+      "div",
+      {
+        ref: blockRef,
+        className: "blog-img-empty",
+        tabIndex: 0,
+        onPaste: handlePaste,
+        onDrop: handleDrop,
+        onDragOver: (e) => {
+          e.preventDefault();
+          setIsDragOver(true);
+        },
+        onDragLeave: () => setIsDragOver(false),
+        "data-drag-over": isDragOver,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            "input",
+            {
+              ref: fileInputRef,
+              type: "file",
+              accept: "image/*",
+              onChange: (e) => {
+                if (e.target.files?.[0]) uploadFile(e.target.files[0]);
+                e.target.value = "";
+              },
+              style: { display: "none" }
+            }
+          ),
+          mode === "uploading" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "blog-img-status", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "blog-img-spinner" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: uploadStatus })
+          ] }),
+          mode === "idle" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "blog-img-actions-row", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { className: "blog-img-action", onClick: () => fileInputRef.current?.click(), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("polyline", { points: "17 8 12 3 7 8" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
+                ] }),
+                "Upload"
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { className: "blog-img-action", onClick: () => setMode("embed"), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71" })
+                ] }),
+                "Embed URL"
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "blog-img-hint", children: "or drag & drop / paste an image" })
+          ] }),
+          mode === "embed" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "blog-img-input-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              "input",
+              {
+                ref: embedInputRef,
+                type: "url",
+                value: embedUrl,
+                onChange: (e) => {
+                  setEmbedUrl(e.target.value);
+                  setEmbedError("");
+                },
+                onKeyDown: (e) => {
+                  if (e.key === "Enter") handleEmbed();
+                  if (e.key === "Escape") {
+                    setMode("idle");
+                    setEmbedUrl("");
+                    setEmbedError("");
+                  }
+                },
+                placeholder: "https://example.com/image.jpg",
+                className: "blog-img-url-input"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { className: "blog-img-submit-btn", onClick: handleEmbed, disabled: !embedUrl.trim(), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("polyline", { points: "20 6 9 17 4 12" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { className: "blog-img-cancel-btn", onClick: () => {
               setMode("idle");
               setEmbedUrl("");
               setEmbedError("");
-            }
-          }}
-          placeholder="https://example.com/image.jpg"
-          className="blog-img-url-input"
-        />
-        <button className="blog-img-submit-btn" onClick={handleEmbed} disabled={!embedUrl.trim()}><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><polyline points="20 6 9 17 4 12" /></svg></button>
-        <button className="blog-img-cancel-btn" onClick={() => {
-          setMode("idle");
-          setEmbedUrl("");
-          setEmbedError("");
-        }}><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
-          <line x1="18" y1="6" x2="6" y2="18" />
-          <line x1="6" y1="6" x2="18" y2="18" />
-        </svg></button>
-        {embedError && <span className="blog-img-error">{embedError}</span>}
-      </div>}
-    </div>;
+            }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+            ] }) }),
+            embedError && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "blog-img-error", children: embedError })
+          ] })
+        ]
+      }
+    );
   }
-  return <div ref={blockRef} className="blog-img-loaded" tabIndex={0} onPaste={handlePaste}>
-    <div className="blog-img-wrapper">
-      <img src={url} alt={caption || "Image"} className="blog-img-main" draggable={false} />
-      <div className="blog-img-hover-overlay"><div className="blog-img-hover-actions">
-        <button className="blog-img-hover-btn" onClick={handleReplace}><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-          <path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4" />
-          <polyline points="17 8 12 3 7 8" />
-          <line x1="12" y1="3" x2="12" y2="15" />
-        </svg></button>
-        <button className="blog-img-hover-btn" onClick={() => setEditingCaption(true)}><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-          <path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7" />
-          <path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z" />
-        </svg></button>
-        <button className="blog-img-hover-btn blog-img-hover-delete" onClick={handleDelete}><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-          <polyline points="3 6 5 6 21 6" />
-          <path d="M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2" />
-        </svg></button>
-      </div></div>
-    </div>
-    {editingCaption ? <input
-      type="text"
-      value={captionText}
-      onChange={(e) => setCaptionText(e.target.value)}
-      onKeyDown={(e) => {
-        if (e.key === "Enter")
-          handleCaptionSave();
-        if (e.key === "Escape") {
-          setEditingCaption(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { ref: blockRef, className: "blog-img-loaded", tabIndex: 0, onPaste: handlePaste, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "blog-img-wrapper", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: url, alt: caption || "Image", className: "blog-img-main", draggable: false }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "blog-img-hover-overlay", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "blog-img-hover-actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { className: "blog-img-hover-btn", onClick: handleReplace, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("polyline", { points: "17 8 12 3 7 8" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { className: "blog-img-hover-btn", onClick: () => setEditingCaption(true), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z" })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { className: "blog-img-hover-btn blog-img-hover-delete", onClick: handleDelete, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("polyline", { points: "3 6 5 6 21 6" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2" })
+        ] }) })
+      ] }) })
+    ] }),
+    editingCaption ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "input",
+      {
+        type: "text",
+        value: captionText,
+        onChange: (e) => setCaptionText(e.target.value),
+        onKeyDown: (e) => {
+          if (e.key === "Enter") handleCaptionSave();
+          if (e.key === "Escape") {
+            setEditingCaption(false);
+            setCaptionText(caption || "");
+          }
+        },
+        onBlur: handleCaptionSave,
+        placeholder: "Add a caption...",
+        className: "blog-img-caption-input",
+        autoFocus: true
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "p",
+      {
+        className: `blog-img-caption ${caption ? "" : "blog-img-caption--empty"}`,
+        onClick: () => {
           setCaptionText(caption || "");
-        }
-      }}
-      onBlur={handleCaptionSave}
-      placeholder="Add a caption..."
-      className="blog-img-caption-input"
-      autoFocus
-    /> : <p
-      className={`blog-img-caption ${caption ? "" : "blog-img-caption--empty"}`}
-      onClick={() => {
-        setCaptionText(caption || "");
-        setEditingCaption(true);
-      }}
-    >{caption || "Add a caption..."}</p>}
-  </div>;
+          setEditingCaption(true);
+        },
+        children: caption || "Add a caption..."
+      }
+    )
+  ] });
 }
 
 // src/blocks/ButtonBlock.jsx
 var import_react13 = require("@blocknote/react");
 var import_react14 = require("react");
-"use client";
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var BUTTON_ACTIONS = [
   { value: "link", label: "Open Link" },
   { value: "copy", label: "Copy Text" },
@@ -1200,34 +1250,40 @@ var ButtonBlock = (0, import_react13.createReactBlockSpec)(
         setEditing(false);
       };
       if (editing) {
-        return <div className="border border-[var(--border-default)] rounded-xl bg-[var(--bg-surface)] p-4 my-2 space-y-3">
-          <p className="text-[11px] text-[var(--text-muted)] font-medium">Button Block</p>
-          <input
-            type="text"
-            value={label}
-            onChange={(e) => setLabel(e.target.value)}
-            placeholder="Button label"
-            className="w-full bg-[var(--bg-app)] border border-[var(--border-default)] rounded-lg px-3 py-2 text-[13px] text-[var(--text-primary)] outline-none focus:border-[var(--border-hover)] placeholder-[#6b7a8d]"
-          />
-          <div className="flex gap-2">
-            <select value={action} onChange={(e) => setAction(e.target.value)} className="bg-[var(--bg-app)] border border-[var(--border-default)] rounded-lg px-3 py-2 text-[13px] text-[var(--text-primary)] outline-none flex-1">{BUTTON_ACTIONS.map((a) => <option key={a.value} value={a.value}>{a.label}</option>)}</select>
-            <select value={variant} onChange={(e) => setVariant(e.target.value)} className="bg-[var(--bg-app)] border border-[var(--border-default)] rounded-lg px-3 py-2 text-[13px] text-[var(--text-primary)] outline-none">{BUTTON_VARIANTS.map((v) => <option key={v.value} value={v.value}>{v.label}</option>)}</select>
-          </div>
-          {(action === "link" || action === "copy") && <input
-            type="text"
-            value={actionValue}
-            onChange={(e) => setActionValue(e.target.value)}
-            placeholder={action === "link" ? "https://..." : "Text to copy"}
-            className="w-full bg-[var(--bg-app)] border border-[var(--border-default)] rounded-lg px-3 py-2 text-[13px] text-[var(--text-primary)] outline-none focus:border-[var(--border-hover)] placeholder-[#6b7a8d]"
-          />}
-          <div className="flex justify-end gap-2">
-            <button onClick={() => setEditing(false)} className="px-3 py-1 text-[12px] text-[#888] hover:text-[var(--text-primary)] transition-colors">Cancel</button>
-            <button onClick={save} className="px-3 py-1 text-[12px] bg-[#9b7bf7] text-[var(--text-primary)] rounded-md font-medium hover:bg-[#b69aff] transition-colors">Done</button>
-          </div>
-        </div>;
+        return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "border border-[var(--border-default)] rounded-xl bg-[var(--bg-surface)] p-4 my-2 space-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-[11px] text-[var(--text-muted)] font-medium", children: "Button Block" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "input",
+            {
+              type: "text",
+              value: label,
+              onChange: (e) => setLabel(e.target.value),
+              placeholder: "Button label",
+              className: "w-full bg-[var(--bg-app)] border border-[var(--border-default)] rounded-lg px-3 py-2 text-[13px] text-[var(--text-primary)] outline-none focus:border-[var(--border-hover)] placeholder-[#6b7a8d]"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("select", { value: action, onChange: (e) => setAction(e.target.value), className: "bg-[var(--bg-app)] border border-[var(--border-default)] rounded-lg px-3 py-2 text-[13px] text-[var(--text-primary)] outline-none flex-1", children: BUTTON_ACTIONS.map((a) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: a.value, children: a.label }, a.value)) }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("select", { value: variant, onChange: (e) => setVariant(e.target.value), className: "bg-[var(--bg-app)] border border-[var(--border-default)] rounded-lg px-3 py-2 text-[13px] text-[var(--text-primary)] outline-none", children: BUTTON_VARIANTS.map((v) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: v.value, children: v.label }, v.value)) })
+          ] }),
+          (action === "link" || action === "copy") && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "input",
+            {
+              type: "text",
+              value: actionValue,
+              onChange: (e) => setActionValue(e.target.value),
+              placeholder: action === "link" ? "https://..." : "Text to copy",
+              className: "w-full bg-[var(--bg-app)] border border-[var(--border-default)] rounded-lg px-3 py-2 text-[13px] text-[var(--text-primary)] outline-none focus:border-[var(--border-hover)] placeholder-[#6b7a8d]"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex justify-end gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { onClick: () => setEditing(false), className: "px-3 py-1 text-[12px] text-[#888] hover:text-[var(--text-primary)] transition-colors", children: "Cancel" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { onClick: save, className: "px-3 py-1 text-[12px] bg-[#9b7bf7] text-[var(--text-primary)] rounded-md font-medium hover:bg-[#b69aff] transition-colors", children: "Done" })
+          ] })
+        ] });
       }
       const variantCls = BUTTON_VARIANTS.find((v) => v.value === variant)?.cls || BUTTON_VARIANTS[0].cls;
-      return <div className="my-2" onDoubleClick={() => setEditing(true)}><button className={`px-5 py-2 rounded-lg text-[13px] font-medium transition-colors ${variantCls}`}>{label}</button></div>;
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "my-2", onDoubleClick: () => setEditing(true), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { className: `px-5 py-2 rounded-lg text-[13px] font-medium transition-colors ${variantCls}`, children: label }) });
     }
   }
 );
@@ -1235,7 +1291,7 @@ var ButtonBlock = (0, import_react13.createReactBlockSpec)(
 // src/blocks/PDFEmbedBlock.jsx
 var import_react15 = require("@blocknote/react");
 var import_react16 = require("react");
-"use client";
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var PDFEmbedBlock = (0, import_react15.createReactBlockSpec)(
   {
     type: "pdfEmbed",
@@ -1254,8 +1310,7 @@ var PDFEmbedBlock = (0, import_react15.createReactBlockSpec)(
       const [loading, setLoading] = (0, import_react16.useState)(false);
       const handleSubmit = () => {
         const trimmed = inputUrl.trim();
-        if (!trimmed)
-          return;
+        if (!trimmed) return;
         setLoading(true);
         const fileName = decodeURIComponent(trimmed.split("/").pop()?.split("?")[0] || "document.pdf");
         editor.updateBlock(block, {
@@ -1277,90 +1332,100 @@ var PDFEmbedBlock = (0, import_react15.createReactBlockSpec)(
         editor.removeBlocks([block]);
       };
       if (!url) {
-        return <div style={{
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: {
           background: "rgba(155, 123, 247, 0.04)",
           border: "1.5px dashed rgba(155, 123, 247, 0.25)",
           borderRadius: "12px",
           padding: "24px"
-        }}>
-          <div style={{ display: "flex", alignItems: "center", gap: "8px", marginBottom: "12px" }}>
-            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#9b7bf7" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
-              <path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z" />
-              <polyline points="14 2 14 8 20 8" />
-              <line x1="16" y1="13" x2="8" y2="13" />
-              <line x1="16" y1="17" x2="8" y2="17" />
-              <polyline points="10 9 9 9 8 9" />
-            </svg>
-            <span style={{ fontSize: "14px", fontWeight: 600, color: "var(--text-primary)" }}>Embed PDF</span>
-          </div>
-          <div style={{ display: "flex", gap: "8px" }}>
-            <input
-              type="text"
-              value={inputUrl}
-              onChange={(e) => setInputUrl(e.target.value)}
-              onKeyDown={(e) => e.key === "Enter" && handleSubmit()}
-              placeholder="Paste PDF link..."
-              style={{
-                flex: 1,
-                background: "var(--bg-app)",
-                color: "var(--text-primary)",
-                border: "1px solid #232d3f",
-                borderRadius: "8px",
-                padding: "8px 12px",
-                fontSize: "13px",
-                outline: "none"
-              }}
-            />
-            <button
-              onClick={handleSubmit}
-              disabled={!inputUrl.trim() || loading}
-              style={{
-                padding: "8px 16px",
-                background: "#9b7bf7",
-                color: "white",
-                border: "none",
-                borderRadius: "8px",
-                fontSize: "13px",
-                fontWeight: 600,
-                cursor: "pointer",
-                opacity: !inputUrl.trim() || loading ? 0.4 : 1
-              }}
-            >{loading ? "..." : "Embed"}</button>
-          </div>
-        </div>;
+        }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "12px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "#9b7bf7", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("polyline", { points: "14 2 14 8 20 8" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("polyline", { points: "10 9 9 9 8 9" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { style: { fontSize: "14px", fontWeight: 600, color: "var(--text-primary)" }, children: "Embed PDF" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { display: "flex", gap: "8px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              "input",
+              {
+                type: "text",
+                value: inputUrl,
+                onChange: (e) => setInputUrl(e.target.value),
+                onKeyDown: (e) => e.key === "Enter" && handleSubmit(),
+                placeholder: "Paste PDF link...",
+                style: {
+                  flex: 1,
+                  background: "var(--bg-app)",
+                  color: "var(--text-primary)",
+                  border: "1px solid #232d3f",
+                  borderRadius: "8px",
+                  padding: "8px 12px",
+                  fontSize: "13px",
+                  outline: "none"
+                }
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              "button",
+              {
+                onClick: handleSubmit,
+                disabled: !inputUrl.trim() || loading,
+                style: {
+                  padding: "8px 16px",
+                  background: "#9b7bf7",
+                  color: "white",
+                  border: "none",
+                  borderRadius: "8px",
+                  fontSize: "13px",
+                  fontWeight: 600,
+                  cursor: "pointer",
+                  opacity: !inputUrl.trim() || loading ? 0.4 : 1
+                },
+                children: loading ? "..." : "Embed"
+              }
+            )
+          ] })
+        ] });
       }
-      return <div style={{
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: {
         display: "flex",
         borderRadius: "12px",
         overflow: "hidden",
         border: "1px solid #232d3f",
         background: "var(--bg-surface)"
-      }}>
-        <div style={{
+      }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: {
           width: "200px",
           minHeight: "160px",
           flexShrink: 0,
           background: "#0d1117",
           position: "relative",
           overflow: "hidden"
-        }}>
-          <iframe
-            src={`${url}#toolbar=0&navpanes=0&scrollbar=0&view=FitH`}
-            title={title || "PDF"}
-            style={{
-              width: "100%",
-              height: "100%",
-              border: "none",
-              pointerEvents: "none"
-            }}
-          />
-          <div style={{
+        }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            "iframe",
+            {
+              src: `${url}#toolbar=0&navpanes=0&scrollbar=0&view=FitH`,
+              title: title || "PDF",
+              style: {
+                width: "100%",
+                height: "100%",
+                border: "none",
+                pointerEvents: "none"
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: {
             position: "absolute",
             inset: 0,
             background: "linear-gradient(135deg, rgba(155,123,247,0.08) 0%, transparent 60%)",
             pointerEvents: "none"
-          }} />
-          <div style={{
+          } }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: {
             position: "absolute",
             bottom: "8px",
             left: "8px",
@@ -1373,50 +1438,54 @@ var PDFEmbedBlock = (0, import_react15.createReactBlockSpec)(
             color: "#c4b5fd",
             letterSpacing: "0.5px",
             textTransform: "uppercase"
-          }}>PDF</div>
-        </div>
-        <div style={{ flex: 1, padding: "16px", display: "flex", flexDirection: "column", justifyContent: "space-between" }}>
-          <div>
-            <div style={{ display: "flex", alignItems: "center", gap: "8px", marginBottom: "8px" }}>
-              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#9b7bf7" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
-                <path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z" />
-                <polyline points="14 2 14 8 20 8" />
-              </svg>
-              <span style={{ fontSize: "14px", fontWeight: 600, color: "var(--text-primary)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>{title || "Document"}</span>
-            </div>
-            <div style={{ display: "flex", gap: "12px", flexWrap: "wrap" }}>
-              {fileSize && <span style={{ fontSize: "12px", color: "var(--text-muted)", display: "flex", alignItems: "center", gap: "4px" }}>
-                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 15V3" /></svg>
-                {fileSize}
-              </span>}
-              {pageCount && <span style={{ fontSize: "12px", color: "var(--text-muted)", display: "flex", alignItems: "center", gap: "4px" }}>
-                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
-                  <path d="M4 19.5A2.5 2.5 0 016.5 17H20" />
-                  <path d="M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z" />
-                </svg>
-                {pageCount}
-                {" pages"}
-              </span>}
-            </div>
-          </div>
-          <div style={{ display: "flex", gap: "8px", marginTop: "12px" }}>
-            <a
-              href={url}
-              target="_blank"
-              rel="noopener noreferrer"
-              style={{
-                padding: "6px 12px",
-                background: "rgba(155,123,247,0.1)",
-                border: "1px solid rgba(155,123,247,0.25)",
-                borderRadius: "6px",
-                fontSize: "12px",
-                color: "#a78bfa",
-                fontWeight: 500,
-                textDecoration: "none",
-                cursor: "pointer"
-              }}
-            >Open PDF</a>
-            <button onClick={handleReplace} style={{
+          }, children: "PDF" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { flex: 1, padding: "16px", display: "flex", flexDirection: "column", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "8px" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#9b7bf7", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z" }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("polyline", { points: "14 2 14 8 20 8" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { style: { fontSize: "14px", fontWeight: 600, color: "var(--text-primary)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: title || "Document" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { display: "flex", gap: "12px", flexWrap: "wrap" }, children: [
+              fileSize && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { style: { fontSize: "12px", color: "var(--text-muted)", display: "flex", alignItems: "center", gap: "4px" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 15V3" }) }),
+                fileSize
+              ] }),
+              pageCount && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { style: { fontSize: "12px", color: "var(--text-muted)", display: "flex", alignItems: "center", gap: "4px" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M4 19.5A2.5 2.5 0 016.5 17H20" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z" })
+                ] }),
+                pageCount,
+                " pages"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { display: "flex", gap: "8px", marginTop: "12px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              "a",
+              {
+                href: url,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                style: {
+                  padding: "6px 12px",
+                  background: "rgba(155,123,247,0.1)",
+                  border: "1px solid rgba(155,123,247,0.25)",
+                  borderRadius: "6px",
+                  fontSize: "12px",
+                  color: "#a78bfa",
+                  fontWeight: 500,
+                  textDecoration: "none",
+                  cursor: "pointer"
+                },
+                children: "Open PDF"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { onClick: handleReplace, style: {
               padding: "6px 12px",
               background: "rgba(255,255,255,0.04)",
               border: "1px solid #232d3f",
@@ -1424,8 +1493,8 @@ var PDFEmbedBlock = (0, import_react15.createReactBlockSpec)(
               fontSize: "12px",
               color: "var(--text-muted)",
               cursor: "pointer"
-            }}>Replace</button>
-            <button onClick={handleDelete} style={{
+            }, children: "Replace" }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { onClick: handleDelete, style: {
               padding: "6px 12px",
               background: "rgba(248,113,113,0.06)",
               border: "1px solid rgba(248,113,113,0.2)",
@@ -1433,29 +1502,27 @@ var PDFEmbedBlock = (0, import_react15.createReactBlockSpec)(
               fontSize: "12px",
               color: "#f87171",
               cursor: "pointer"
-            }}>Delete</button>
-          </div>
-        </div>
-      </div>;
+            }, children: "Delete" })
+          ] })
+        ] })
+      ] });
     }
   }
 );
 
 // src/editor/LinkPreviewTooltip.jsx
 var import_react17 = require("react");
-"use client";
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var previewCache = /* @__PURE__ */ new Map();
 var linkPreviewEndpoint = "/api/link-preview";
 function setLinkPreviewEndpoint(endpoint) {
   linkPreviewEndpoint = endpoint;
 }
 async function fetchPreview(url) {
-  if (previewCache.has(url))
-    return previewCache.get(url);
+  if (previewCache.has(url)) return previewCache.get(url);
   try {
     const res = await fetch(`${linkPreviewEndpoint}?url=${encodeURIComponent(url)}`);
-    if (!res.ok)
-      throw new Error("fetch failed");
+    if (!res.ok) throw new Error("fetch failed");
     const data = await res.json();
     previewCache.set(url, data);
     return data;
@@ -1472,8 +1539,7 @@ function LinkPreviewTooltip({ anchorEl, url, onClose }) {
   const hoverRef = (0, import_react17.useRef)(false);
   const hideTimerRef = (0, import_react17.useRef)(null);
   (0, import_react17.useEffect)(() => {
-    if (!url)
-      return;
+    if (!url) return;
     setLoading(true);
     fetchPreview(url).then((d) => {
       setData(d);
@@ -1497,13 +1563,11 @@ function LinkPreviewTooltip({ anchorEl, url, onClose }) {
   const scheduleHide = (0, import_react17.useCallback)(() => {
     clearTimeout(hideTimerRef.current);
     hideTimerRef.current = setTimeout(() => {
-      if (!hoverRef.current)
-        onClose();
+      if (!hoverRef.current) onClose();
     }, 200);
   }, [onClose]);
   (0, import_react17.useEffect)(() => {
-    if (!anchorEl)
-      return;
+    if (!anchorEl) return;
     const onEnter = () => {
       hoverRef.current = true;
       clearTimeout(hideTimerRef.current);
@@ -1530,34 +1594,37 @@ function LinkPreviewTooltip({ anchorEl, url, onClose }) {
   (0, import_react17.useEffect)(() => {
     return () => clearTimeout(hideTimerRef.current);
   }, []);
-  if (!url || !posRef.current)
-    return null;
+  if (!url || !posRef.current) return null;
   const style = posRef.current.useBottom ? { bottom: posRef.current.bottom, left: posRef.current.left } : { top: posRef.current.top, left: posRef.current.left };
-  return <div
-    ref={tooltipRef}
-    className="link-preview-tooltip"
-    style={style}
-    onMouseEnter={onTooltipEnter}
-    onMouseLeave={onTooltipLeave}
-  >{loading ? <div className="link-preview-loading">
-    <div className="link-preview-skeleton" style={{ width: "60%", height: 12 }} />
-    <div className="link-preview-skeleton" style={{ width: "90%", height: 10, marginTop: 8 }} />
-    <div className="link-preview-skeleton" style={{ width: "40%", height: 10, marginTop: 4 }} />
-  </div> : data ? <a href={url} target="_blank" rel="noopener noreferrer" className="link-preview-card">
-    {data.image && <div className="link-preview-image"><img src={data.image} alt="" onError={(e) => {
-      e.target.style.display = "none";
-    }} /></div>}
-    <div className="link-preview-body">
-      <div className="link-preview-title">{data.title}</div>
-      {data.description && <div className="link-preview-desc">{data.description.length > 120 ? data.description.slice(0, 120) + "..." : data.description}</div>}
-      <div className="link-preview-domain">
-        {data.favicon && <img src={data.favicon} alt="" className="link-preview-favicon" onError={(e) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "div",
+    {
+      ref: tooltipRef,
+      className: "link-preview-tooltip",
+      style,
+      onMouseEnter: onTooltipEnter,
+      onMouseLeave: onTooltipLeave,
+      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "link-preview-loading", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "link-preview-skeleton", style: { width: "60%", height: 12 } }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "link-preview-skeleton", style: { width: "90%", height: 10, marginTop: 8 } }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "link-preview-skeleton", style: { width: "40%", height: 10, marginTop: 4 } })
+      ] }) : data ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "link-preview-card", children: [
+        data.image && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "link-preview-image", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("img", { src: data.image, alt: "", onError: (e) => {
           e.target.style.display = "none";
-        }} />}
-        <span>{data.domain}</span>
-      </div>
-    </div>
-  </a> : null}</div>;
+        } }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "link-preview-body", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "link-preview-title", children: data.title }),
+          data.description && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "link-preview-desc", children: data.description.length > 120 ? data.description.slice(0, 120) + "..." : data.description }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "link-preview-domain", children: [
+            data.favicon && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("img", { src: data.favicon, alt: "", className: "link-preview-favicon", onError: (e) => {
+              e.target.style.display = "none";
+            } }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: data.domain })
+          ] })
+        ] })
+      ] }) : null
+    }
+  );
 }
 function useLinkPreview() {
   const [preview, setPreview] = (0, import_react17.useState)(null);
@@ -1582,7 +1649,7 @@ function useLinkPreview() {
 }
 
 // src/editor/LixEditor.jsx
-"use client";
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var DEFAULT_LANGUAGES = {
   text: { name: "Text" },
   javascript: { name: "JavaScript", aliases: ["js"] },
@@ -1658,38 +1725,26 @@ var LixEditor = (0, import_react19.forwardRef)(function LixEditor2({
   }) : void 0;
   const schema = (0, import_react19.useMemo)(() => {
     const blockSpecs = { ...import_core.defaultBlockSpecs };
-    if (codeBlock)
-      blockSpecs.codeBlock = codeBlock;
-    if (f.equations)
-      blockSpecs.blockEquation = BlockEquation({});
-    if (f.mermaid)
-      blockSpecs.mermaidBlock = MermaidBlock({});
-    if (f.tableOfContents)
-      blockSpecs.tableOfContents = TableOfContents({});
-    if (f.images)
-      blockSpecs.image = BlogImageBlock({});
-    if (f.buttons)
-      blockSpecs.buttonBlock = ButtonBlock({});
-    if (f.pdf)
-      blockSpecs.pdfEmbed = PDFEmbedBlock({});
+    if (codeBlock) blockSpecs.codeBlock = codeBlock;
+    if (f.equations) blockSpecs.blockEquation = BlockEquation({});
+    if (f.mermaid) blockSpecs.mermaidBlock = MermaidBlock({});
+    if (f.tableOfContents) blockSpecs.tableOfContents = TableOfContents({});
+    if (f.images) blockSpecs.image = BlogImageBlock({});
+    if (f.buttons) blockSpecs.buttonBlock = ButtonBlock({});
+    if (f.pdf) blockSpecs.pdfEmbed = PDFEmbedBlock({});
     for (const spec of extraBlockSpecs) {
-      if (spec.type && spec.spec)
-        blockSpecs[spec.type] = spec.spec;
+      if (spec.type && spec.spec) blockSpecs[spec.type] = spec.spec;
     }
     const inlineContentSpecs = { ...import_core.defaultInlineContentSpecs };
-    if (f.equations)
-      inlineContentSpecs.inlineEquation = InlineEquation;
-    if (f.dates)
-      inlineContentSpecs.dateInline = DateInline;
+    if (f.equations) inlineContentSpecs.inlineEquation = InlineEquation;
+    if (f.dates) inlineContentSpecs.dateInline = DateInline;
     for (const spec of extraInlineSpecs) {
-      if (spec.type && spec.spec)
-        inlineContentSpecs[spec.type] = spec.spec;
+      if (spec.type && spec.spec) inlineContentSpecs[spec.type] = spec.spec;
     }
     return import_core.BlockNoteSchema.create({ blockSpecs, inlineContentSpecs });
   }, []);
   const sanitized = (0, import_react19.useMemo)(() => {
-    if (!initialContent)
-      return void 0;
+    if (!initialContent) return void 0;
     let blocks = initialContent;
     if (typeof blocks === "string") {
       try {
@@ -1698,8 +1753,7 @@ var LixEditor = (0, import_react19.forwardRef)(function LixEditor2({
         return void 0;
       }
     }
-    if (!Array.isArray(blocks) || blocks.length === 0)
-      return void 0;
+    if (!Array.isArray(blocks) || blocks.length === 0) return void 0;
     return blocks;
   }, [initialContent]);
   const editor = (0, import_react18.useCreateBlockNote)({
@@ -1716,15 +1770,12 @@ var LixEditor = (0, import_react19.forwardRef)(function LixEditor2({
     getMarkdown: async () => await editor.blocksToMarkdownLossy(editor.document)
   }), [editor]);
   (0, import_react19.useEffect)(() => {
-    if (onReady)
-      onReady();
+    if (onReady) onReady();
   }, []);
   (0, import_react19.useEffect)(() => {
-    if (!f.markdownLinks || !editor)
-      return;
+    if (!f.markdownLinks || !editor) return;
     const tiptap = editor._tiptapEditor;
-    if (!tiptap)
-      return;
+    if (!tiptap) return;
     const handleInput = () => {
       const { state, view } = tiptap;
       const { $from } = state.selection;
@@ -1752,8 +1803,7 @@ var LixEditor = (0, import_react19.forwardRef)(function LixEditor2({
         return;
       }
       const match = textBefore.match(/\[([^\]]+)\]\((https?:\/\/[^\s)]+)\)$/);
-      if (!match)
-        return;
+      if (!match) return;
       const [fullMatch, linkText, url] = match;
       const from = $from.pos - fullMatch.length;
       const linkMark = state.schema.marks.link.create({ href: url });
@@ -1764,31 +1814,24 @@ var LixEditor = (0, import_react19.forwardRef)(function LixEditor2({
     return () => tiptap.off("update", handleInput);
   }, [editor, f.markdownLinks]);
   (0, import_react19.useEffect)(() => {
-    if (!f.linkPreview)
-      return;
+    if (!f.linkPreview) return;
     const wrapper = wrapperRef.current;
-    if (!wrapper)
-      return;
+    if (!wrapper) return;
     const handleMouseOver = (e) => {
       const link = e.target.closest("a[href]");
-      if (!link || link.closest(".bn-link-toolbar") || link.closest(".bn-toolbar"))
-        return;
+      if (!link || link.closest(".bn-link-toolbar") || link.closest(".bn-toolbar")) return;
       const href = link.getAttribute("href");
-      if (href && href.startsWith("http"))
-        editorLinkPreview.show(link, href);
+      if (href && href.startsWith("http")) editorLinkPreview.show(link, href);
     };
     const handleMouseOut = (e) => {
       const link = e.target.closest("a[href]");
-      if (!link)
-        return;
+      if (!link) return;
       editorLinkPreview.cancel();
     };
     const handleClick = (e) => {
-      if (!(e.ctrlKey || e.metaKey))
-        return;
+      if (!(e.ctrlKey || e.metaKey)) return;
       const link = e.target.closest("a[href]");
-      if (!link || link.closest(".bn-link-toolbar"))
-        return;
+      if (!link || link.closest(".bn-link-toolbar")) return;
       const href = link.getAttribute("href");
       if (href && href.startsWith("http")) {
         e.preventDefault();
@@ -1797,8 +1840,7 @@ var LixEditor = (0, import_react19.forwardRef)(function LixEditor2({
       }
     };
     const handleKeyDown = (e) => {
-      if (e.ctrlKey || e.metaKey)
-        wrapper.classList.add("ctrl-held");
+      if (e.ctrlKey || e.metaKey) wrapper.classList.add("ctrl-held");
     };
     const handleKeyUp = () => wrapper.classList.remove("ctrl-held");
     wrapper.addEventListener("mouseover", handleMouseOver);
@@ -1822,7 +1864,7 @@ var LixEditor = (0, import_react19.forwardRef)(function LixEditor2({
         title: "Block Equation",
         subtext: "LaTeX block equation",
         group: "Advanced",
-        icon: <span style={{ fontSize: 16 }}>{"\u2211"}</span>,
+        icon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { style: { fontSize: 16 }, children: "\u2211" }),
         onItemClick: () => editor.insertBlocks([{ type: "blockEquation" }], editor.getTextCursorPosition().block, "after")
       });
     }
@@ -1831,7 +1873,7 @@ var LixEditor = (0, import_react19.forwardRef)(function LixEditor2({
         title: "Diagram",
         subtext: "Mermaid diagram (flowchart, sequence, etc.)",
         group: "Advanced",
-        icon: <span style={{ fontSize: 14 }}>{"\u25C7"}</span>,
+        icon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { style: { fontSize: 14 }, children: "\u25C7" }),
         onItemClick: () => editor.insertBlocks([{ type: "mermaidBlock" }], editor.getTextCursorPosition().block, "after")
       });
     }
@@ -1840,33 +1882,39 @@ var LixEditor = (0, import_react19.forwardRef)(function LixEditor2({
         title: "Table of Contents",
         subtext: "Auto-generated document outline",
         group: "Advanced",
-        icon: <span style={{ fontSize: 14 }}>{"\u2630"}</span>,
+        icon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { style: { fontSize: 14 }, children: "\u2630" }),
         onItemClick: () => editor.insertBlocks([{ type: "tableOfContents" }], editor.getTextCursorPosition().block, "after")
       });
     }
     return [...defaults, ...custom, ...extraSlashItems].filter((item) => item.title.toLowerCase().includes(query.toLowerCase()));
   }, [editor, f, extraSlashItems]);
   const handleChange = (0, import_react19.useCallback)(() => {
-    if (onChange)
-      onChange(editor);
+    if (onChange) onChange(editor);
   }, [editor, onChange]);
-  return <div className={`lix-editor-wrapper${""}`} ref={wrapperRef} style={{ position: "relative" }}>
-    <import_mantine.BlockNoteView
-      editor={editor}
-      onChange={handleChange}
-      theme={isDark ? "dark" : "light"}
-      slashMenu={false}
-    >
-      <import_react18.SuggestionMenuController triggerCharacter="/" getItems={getItems} />
-      <import_react18.TableHandlesController />
-      {children}
-    </import_mantine.BlockNoteView>
-    {f.linkPreview && editorLinkPreview.preview && <LinkPreviewTooltip
-      anchorEl={editorLinkPreview.preview.anchorEl}
-      url={editorLinkPreview.preview.url}
-      onClose={editorLinkPreview.hide}
-    />}
-  </div>;
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: `lix-editor-wrapper${""}`, ref: wrapperRef, style: { position: "relative" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+      import_mantine.BlockNoteView,
+      {
+        editor,
+        onChange: handleChange,
+        theme: isDark ? "dark" : "light",
+        slashMenu: false,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react18.SuggestionMenuController, { triggerCharacter: "/", getItems }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react18.TableHandlesController, {}),
+          children
+        ]
+      }
+    ),
+    f.linkPreview && editorLinkPreview.preview && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      LinkPreviewTooltip,
+      {
+        anchorEl: editorLinkPreview.preview.anchorEl,
+        url: editorLinkPreview.preview.url,
+        onClose: editorLinkPreview.hide
+      }
+    )
+  ] });
 });
 var LixEditor_default = LixEditor;
 
@@ -1875,11 +1923,9 @@ var import_react20 = require("react");
 
 // src/preview/renderBlocks.js
 function renderBlocksToHTML(blocks) {
-  if (!blocks || !blocks.length)
-    return "";
+  if (!blocks || !blocks.length) return "";
   function inlineToHTML(content) {
-    if (!content || !Array.isArray(content))
-      return "";
+    if (!content || !Array.isArray(content)) return "";
     return content.map((c) => {
       if (c.type === "inlineEquation" && c.props?.latex) {
         return `<span class="lix-inline-equation" data-latex="${encodeURIComponent(c.props.latex)}"></span>`;
@@ -1898,23 +1944,15 @@ function renderBlocksToHTML(blocks) {
         return `<a href="${c.href}">${linkText || c.href}</a>`;
       }
       let text = (c.text || "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-      if (!text)
-        return "";
+      if (!text) return "";
       const s = c.styles || {};
-      if (s.bold)
-        text = `<strong>${text}</strong>`;
-      if (s.italic)
-        text = `<em>${text}</em>`;
-      if (s.strike)
-        text = `<del>${text}</del>`;
-      if (s.code)
-        text = `<code>${text}</code>`;
-      if (s.underline)
-        text = `<u>${text}</u>`;
-      if (s.textColor)
-        text = `<span style="color:${s.textColor}">${text}</span>`;
-      if (s.backgroundColor)
-        text = `<span style="background:${s.backgroundColor};border-radius:3px;padding:0 2px">${text}</span>`;
+      if (s.bold) text = `<strong>${text}</strong>`;
+      if (s.italic) text = `<em>${text}</em>`;
+      if (s.strike) text = `<del>${text}</del>`;
+      if (s.code) text = `<code>${text}</code>`;
+      if (s.underline) text = `<u>${text}</u>`;
+      if (s.textColor) text = `<span style="color:${s.textColor}">${text}</span>`;
+      if (s.backgroundColor) text = `<span style="background:${s.backgroundColor};border-radius:3px;padding:0 2px">${text}</span>`;
       return text;
     }).join("");
   }
@@ -1928,8 +1966,7 @@ function renderBlocksToHTML(blocks) {
           headings.push({ id, text: text.trim(), level: block.props?.level || 1 });
         }
       }
-      if (block.children?.length)
-        collectHeadings(block.children);
+      if (block.children?.length) collectHeadings(block.children);
     }
   }
   collectHeadings(blocks);
@@ -1955,12 +1992,10 @@ function renderBlocksToHTML(blocks) {
         return `<li class="lix-check${checked ? " lix-check--checked" : ""}">${cb}<span class="lix-check-text">${content}</span>${childrenHTML}</li>`;
       }
       case "blockEquation":
-        if (block.props?.latex)
-          return `<div class="lix-block-equation" data-latex="${encodeURIComponent(block.props.latex)}"></div>${childrenHTML}`;
+        if (block.props?.latex) return `<div class="lix-block-equation" data-latex="${encodeURIComponent(block.props.latex)}"></div>${childrenHTML}`;
         return childrenHTML;
       case "mermaidBlock":
-        if (block.props?.diagram)
-          return `<div class="lix-mermaid-block" data-diagram="${encodeURIComponent(block.props.diagram)}"></div>${childrenHTML}`;
+        if (block.props?.diagram) return `<div class="lix-mermaid-block" data-diagram="${encodeURIComponent(block.props.diagram)}"></div>${childrenHTML}`;
         return childrenHTML;
       case "divider":
         return `<hr class="lix-divider" />${childrenHTML}`;
@@ -1976,8 +2011,7 @@ function renderBlocksToHTML(blocks) {
         return childrenHTML;
       case "table": {
         const rows = block.content?.rows || [];
-        if (!rows.length)
-          return childrenHTML;
+        if (!rows.length) return childrenHTML;
         const headerRows = block.content?.headerRows || 0;
         let table = "<table>";
         rows.forEach((row, ri) => {
@@ -1985,12 +2019,9 @@ function renderBlocksToHTML(blocks) {
           (row.cells || []).forEach((cell) => {
             const tag = ri < headerRows ? "th" : "td";
             let cellContent;
-            if (Array.isArray(cell))
-              cellContent = cell;
-            else if (cell?.content)
-              cellContent = Array.isArray(cell.content) ? cell.content : [];
-            else
-              cellContent = [];
+            if (Array.isArray(cell)) cellContent = cell;
+            else if (cell?.content) cellContent = Array.isArray(cell.content) ? cell.content : [];
+            else cellContent = [];
             table += `<${tag}>${inlineToHTML(cellContent)}</${tag}>`;
           });
           table += "</tr>";
@@ -2000,14 +2031,12 @@ function renderBlocksToHTML(blocks) {
       }
       case "paragraph":
       default:
-        if (content)
-          return `<p>${content}</p>${childrenHTML}`;
+        if (content) return `<p>${content}</p>${childrenHTML}`;
         return childrenHTML || "";
     }
   }
   function renderListGroup(blockList) {
-    if (!blockList?.length)
-      return "";
+    if (!blockList?.length) return "";
     const out = [];
     let i = 0;
     while (i < blockList.length) {
@@ -2055,7 +2084,7 @@ function renderBlocksToHTML(blocks) {
 }
 
 // src/preview/LixPreview.jsx
-"use client";
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function LixPreview({ blocks, html, features = {}, className = "" }) {
   const { isDark } = useLixTheme();
   const contentRef = (0, import_react20.useRef)(null);
@@ -2073,8 +2102,7 @@ function LixPreview({ blocks, html, features = {}, className = "" }) {
   const effectGenRef = (0, import_react20.useRef)(0);
   (0, import_react20.useEffect)(() => {
     const root = contentRef.current;
-    if (!root)
-      return;
+    if (!root) return;
     const gen = ++effectGenRef.current;
     root.innerHTML = renderedHTML || "";
     function isStale() {
@@ -2085,24 +2113,18 @@ function LixPreview({ blocks, html, features = {}, className = "" }) {
       const inlineEls = root.querySelectorAll(".lix-inline-equation[data-latex]");
       if (eqEls.length || inlineEls.length) {
         import("katex").then((mod) => {
-          if (isStale())
-            return;
+          if (isStale()) return;
           const katex3 = mod.default || mod;
           const strip = (raw) => {
             let s = raw.trim();
-            if (s.startsWith("\\[") && s.endsWith("\\]"))
-              return s.slice(2, -2).trim();
-            if (s.startsWith("$$") && s.endsWith("$$"))
-              return s.slice(2, -2).trim();
-            if (s.startsWith("\\(") && s.endsWith("\\)"))
-              return s.slice(2, -2).trim();
-            if (s.startsWith("$") && s.endsWith("$") && s.length > 2)
-              return s.slice(1, -1).trim();
+            if (s.startsWith("\\[") && s.endsWith("\\]")) return s.slice(2, -2).trim();
+            if (s.startsWith("$$") && s.endsWith("$$")) return s.slice(2, -2).trim();
+            if (s.startsWith("\\(") && s.endsWith("\\)")) return s.slice(2, -2).trim();
+            if (s.startsWith("$") && s.endsWith("$") && s.length > 2) return s.slice(1, -1).trim();
             return s;
           };
           eqEls.forEach((el) => {
-            if (!el.isConnected)
-              return;
+            if (!el.isConnected) return;
             try {
               el.innerHTML = katex3.renderToString(strip(decodeURIComponent(el.dataset.latex)), { displayMode: true, throwOnError: false });
             } catch (err) {
@@ -2110,8 +2132,7 @@ function LixPreview({ blocks, html, features = {}, className = "" }) {
             }
           });
           inlineEls.forEach((el) => {
-            if (!el.isConnected)
-              return;
+            if (!el.isConnected) return;
             try {
               el.innerHTML = katex3.renderToString(strip(decodeURIComponent(el.dataset.latex)), { displayMode: false, throwOnError: false });
             } catch (err) {
@@ -2126,8 +2147,7 @@ function LixPreview({ blocks, html, features = {}, className = "" }) {
       const mermaidEls = root.querySelectorAll(".lix-mermaid-block[data-diagram]");
       if (mermaidEls.length) {
         import("mermaid").then((mod) => {
-          if (isStale())
-            return;
+          if (isStale()) return;
           const mermaid = mod.default || mod;
           mermaid.initialize({
             startOnLoad: false,
@@ -2156,8 +2176,7 @@ function LixPreview({ blocks, html, features = {}, className = "" }) {
                   }
                 }
               } catch (err) {
-                if (el.isConnected)
-                  el.innerHTML = `<pre style="color:#f87171;font-size:12px">${err.message || "Diagram error"}</pre>`;
+                if (el.isConnected) el.innerHTML = `<pre style="color:#f87171;font-size:12px">${err.message || "Diagram error"}</pre>`;
                 try {
                   document.getElementById(id)?.remove();
                   document.getElementById("c-" + id)?.remove();
@@ -2174,22 +2193,18 @@ function LixPreview({ blocks, html, features = {}, className = "" }) {
       const codeEls = root.querySelectorAll('pre > code[class*="language-"]');
       if (codeEls.length) {
         import("shiki").then(({ createHighlighter }) => {
-          if (isStale())
-            return;
+          if (isStale()) return;
           const langs = /* @__PURE__ */ new Set();
           codeEls.forEach((el) => {
             const m = el.className.match(/language-(\w+)/);
-            if (m?.[1] && m[1] !== "text")
-              langs.add(m[1]);
+            if (m?.[1] && m[1] !== "text") langs.add(m[1]);
           });
           return createHighlighter({ themes: ["vitesse-dark", "vitesse-light"], langs: [...langs] }).then((hl) => {
-            if (isStale())
-              return;
+            if (isStale()) return;
             const theme = isDark ? "vitesse-dark" : "vitesse-light";
             codeEls.forEach((codeEl) => {
               const pre = codeEl.parentElement;
-              if (!pre || pre.dataset.highlighted)
-                return;
+              if (!pre || pre.dataset.highlighted) return;
               pre.dataset.highlighted = "true";
               const m = codeEl.className.match(/language-(\w+)/);
               const lang = m?.[1] || "text";
@@ -2200,8 +2215,7 @@ function LixPreview({ blocks, html, features = {}, className = "" }) {
                   const tmp = document.createElement("div");
                   tmp.innerHTML = html2;
                   const shikiPre = tmp.querySelector("pre");
-                  if (shikiPre)
-                    codeEl.innerHTML = shikiPre.querySelector("code")?.innerHTML || codeEl.innerHTML;
+                  if (shikiPre) codeEl.innerHTML = shikiPre.querySelector("code")?.innerHTML || codeEl.innerHTML;
                 } catch {
                 }
               }
@@ -2235,8 +2249,7 @@ function LixPreview({ blocks, html, features = {}, className = "" }) {
       const handlers = [];
       externalLinks.forEach((link) => {
         const href = link.getAttribute("href");
-        if (!href)
-          return;
+        if (!href) return;
         const onEnter = () => linkPreviewRef.current.show(link, href);
         const onLeave = () => linkPreviewRef.current.cancel();
         link.addEventListener("mouseenter", onEnter);
@@ -2249,19 +2262,22 @@ function LixPreview({ blocks, html, features = {}, className = "" }) {
       });
     }
   }, [renderedHTML, isDark]);
-  return <div className={`lix-preview ${className}`}>
-    <div ref={contentRef} className="lix-preview-content" />
-    {f.linkPreview && linkPreview.preview && <LinkPreviewTooltip
-      anchorEl={linkPreview.preview.anchorEl}
-      url={linkPreview.preview.url}
-      onClose={linkPreview.hide}
-    />}
-  </div>;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `lix-preview ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { ref: contentRef, className: "lix-preview-content" }),
+    f.linkPreview && linkPreview.preview && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      LinkPreviewTooltip,
+      {
+        anchorEl: linkPreview.preview.anchorEl,
+        url: linkPreview.preview.url,
+        onClose: linkPreview.hide
+      }
+    )
+  ] });
 }
 
 // src/editor/KeyboardShortcutsModal.jsx
 var import_react21 = require("react");
-"use client";
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var SHORTCUT_GROUPS = [
   {
     title: "General",
@@ -2313,12 +2329,10 @@ function KeyboardShortcutsModal({ onClose }) {
   const ref = (0, import_react21.useRef)(null);
   (0, import_react21.useEffect)(() => {
     function handleKey(e) {
-      if (e.key === "Escape")
-        onClose();
+      if (e.key === "Escape") onClose();
     }
     function handleClick(e) {
-      if (ref.current && !ref.current.contains(e.target))
-        onClose();
+      if (ref.current && !ref.current.contains(e.target)) onClose();
     }
     document.addEventListener("keydown", handleKey);
     document.addEventListener("mousedown", handleClick);
@@ -2327,38 +2341,50 @@ function KeyboardShortcutsModal({ onClose }) {
       document.removeEventListener("mousedown", handleClick);
     };
   }, [onClose]);
-  return <div className="fixed inset-0 z-[9999] flex items-center justify-center bg-black/30 backdrop-blur-sm"><div
-    ref={ref}
-    className="w-full max-w-[520px] max-h-[80vh] rounded-2xl shadow-2xl overflow-hidden"
-    style={{ backgroundColor: "var(--card-bg)", border: "1px solid var(--border-default)", boxShadow: "var(--shadow-lg)" }}
-  >
-    <div className="flex items-center justify-between px-6 py-4" style={{ borderBottom: "1px solid var(--divider)" }}>
-      <div className="flex items-center gap-2.5">
-        <ion-icon name="keypad-outline" style={{ fontSize: "18px", color: "#9b7bf7" }} />
-        <h2 className="text-[15px] font-bold" style={{ color: "var(--text-primary)" }}>Keyboard Shortcuts</h2>
-      </div>
-      <button
-        onClick={onClose}
-        className="transition-colors p-1"
-        style={{ color: "var(--text-faint)" }}
-      ><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-        <line x1="18" y1="6" x2="6" y2="18" />
-        <line x1="6" y1="6" x2="18" y2="18" />
-      </svg></button>
-    </div>
-    <div className="overflow-y-auto max-h-[calc(80vh-60px)] p-6 space-y-6 scrollbar-thin">{SHORTCUT_GROUPS.map((group) => <div key={group.title}>
-      <h3 className="text-[11px] font-semibold uppercase tracking-wider mb-3" style={{ color: "#9b7bf7" }}>{group.title}</h3>
-      <div className="space-y-1">{group.shortcuts.map((s, i) => <div key={i} className="flex items-center justify-between py-1.5">
-        <span className="text-[13px]" style={{ color: "var(--text-body)" }}>{s.desc}</span>
-        <div className="flex items-center gap-1">{s.keys.map((key, j) => <span key={j}>
-          {j > 0 && <span className="text-[10px] mx-0.5" style={{ color: "var(--text-faint)" }}>+</span>}
-          <kbd
-            className="inline-block min-w-[24px] text-center px-1.5 py-0.5 text-[11px] font-medium rounded-md"
-            style={{ color: "var(--text-secondary)", backgroundColor: "var(--bg-surface)", border: "1px solid var(--border-default)" }}
-          >{key}</kbd>
-        </span>)}</div>
-      </div>)}</div>
-    </div>)}</div>
-  </div></div>;
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "fixed inset-0 z-[9999] flex items-center justify-center bg-black/30 backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    "div",
+    {
+      ref,
+      className: "w-full max-w-[520px] max-h-[80vh] rounded-2xl shadow-2xl overflow-hidden",
+      style: { backgroundColor: "var(--card-bg)", border: "1px solid var(--border-default)", boxShadow: "var(--shadow-lg)" },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center justify-between px-6 py-4", style: { borderBottom: "1px solid var(--divider)" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-2.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("ion-icon", { name: "keypad-outline", style: { fontSize: "18px", color: "#9b7bf7" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h2", { className: "text-[15px] font-bold", style: { color: "var(--text-primary)" }, children: "Keyboard Shortcuts" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            "button",
+            {
+              onClick: onClose,
+              className: "transition-colors p-1",
+              style: { color: "var(--text-faint)" },
+              children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "overflow-y-auto max-h-[calc(80vh-60px)] p-6 space-y-6 scrollbar-thin", children: SHORTCUT_GROUPS.map((group) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h3", { className: "text-[11px] font-semibold uppercase tracking-wider mb-3", style: { color: "#9b7bf7" }, children: group.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "space-y-1", children: group.shortcuts.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center justify-between py-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-[13px]", style: { color: "var(--text-body)" }, children: s.desc }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex items-center gap-1", children: s.keys.map((key, j) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { children: [
+              j > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-[10px] mx-0.5", style: { color: "var(--text-faint)" }, children: "+" }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                "kbd",
+                {
+                  className: "inline-block min-w-[24px] text-center px-1.5 py-0.5 text-[11px] font-medium rounded-md",
+                  style: { color: "var(--text-secondary)", backgroundColor: "var(--bg-surface)", border: "1px solid var(--border-default)" },
+                  children: key
+                }
+              )
+            ] }, j)) })
+          ] }, i)) })
+        ] }, group.title)) })
+      ]
+    }
+  ) });
 }
 //# sourceMappingURL=index.cjs.map