@dwelle/excalidraw 0.5.0-2aec728 → 0.5.0-2dbdd6f

package/dist/dev/{chunk-M2XQF7GS.js → chunk-NYLL7DNJ.js}

@@ -1,7 +1,7 @@
 // <define:import.meta.env>
-var define_import_meta_env_default = { MODE: "development", VITE_APP_BACKEND_V2_GET_URL: "https://json-dev.excalidraw.com/api/v2/", VITE_APP_BACKEND_V2_POST_URL: "https://json-dev.excalidraw.com/api/v2/post/", VITE_APP_LIBRARY_URL: "https://libraries.excalidraw.com", VITE_APP_LIBRARY_BACKEND: "https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries", VITE_APP_WS_SERVER_URL: "http://localhost:3002", VITE_APP_PLUS_LP: "https://plus.excalidraw.com", VITE_APP_PLUS_APP: "http://localhost:3000", VITE_APP_AI_BACKEND: "http://localhost:3016", VITE_APP_FIREBASE_CONFIG: '{"apiKey":"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8","authDomain":"excalidraw-oss-dev.firebaseapp.com","projectId":"excalidraw-oss-dev","storageBucket":"excalidraw-oss-dev.appspot.com","messagingSenderId":"664559512677","appId":"1:664559512677:web:a385181f2928d328a7aa8c"}', VITE_APP_DEV_DISABLE_LIVE_RELOAD: "", VITE_APP_ENABLE_TRACKING: "true", FAST_REFRESH: "false", VITE_APP_PORT: "3001", VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX: "", VITE_APP_COLLAPSE_OVERLAY: "true", VITE_APP_ENABLE_ESLINT: "true", VITE_APP_ENABLE_PWA: "false", VITE_APP_PLUS_EXPORT_PUBLIC_KEY: "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\nHQIDAQAB", VITE_APP_DISABLE_PREVENT_UNLOAD: "", PKG_NAME: "@excalidraw/excalidraw", PKG_VERSION: "0.5.0-2aec728", DEV: true };
+var define_import_meta_env_default = { MODE: "development", VITE_APP_BACKEND_V2_GET_URL: "https://json-dev.excalidraw.com/api/v2/", VITE_APP_BACKEND_V2_POST_URL: "https://json-dev.excalidraw.com/api/v2/post/", VITE_APP_LIBRARY_URL: "https://libraries.excalidraw.com", VITE_APP_LIBRARY_BACKEND: "https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries", VITE_APP_WS_SERVER_URL: "http://localhost:3002", VITE_APP_PLUS_LP: "https://plus.excalidraw.com", VITE_APP_PLUS_APP: "http://localhost:3000", VITE_APP_AI_BACKEND: "http://localhost:3016", VITE_APP_FIREBASE_CONFIG: '{"apiKey":"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8","authDomain":"excalidraw-oss-dev.firebaseapp.com","projectId":"excalidraw-oss-dev","storageBucket":"excalidraw-oss-dev.appspot.com","messagingSenderId":"664559512677","appId":"1:664559512677:web:a385181f2928d328a7aa8c"}', VITE_APP_DEV_DISABLE_LIVE_RELOAD: "", VITE_APP_ENABLE_TRACKING: "true", FAST_REFRESH: "false", VITE_APP_PORT: "3001", VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX: "", VITE_APP_COLLAPSE_OVERLAY: "true", VITE_APP_ENABLE_ESLINT: "true", VITE_APP_ENABLE_PWA: "false", VITE_APP_PLUS_EXPORT_PUBLIC_KEY: "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\nHQIDAQAB", VITE_APP_DISABLE_PREVENT_UNLOAD: "", PKG_NAME: "@excalidraw/excalidraw", PKG_VERSION: "0.5.0-2dbdd6f", DEV: true };
 
 export {
   define_import_meta_env_default
 };
-//# sourceMappingURL=chunk-M2XQF7GS.js.map
+//# sourceMappingURL=chunk-NYLL7DNJ.js.map

package/dist/dev/components/TTDDialog/CodeMirrorEditor-PY5ZVWKQ.js

@@ -0,0 +1,259 @@
+import "../../chunk-NYLL7DNJ.js";
+import "../../chunk-XDFCUUT6.js";
+
+// components/TTDDialog/CodeMirrorEditor.tsx
+import { useEffect, useRef } from "react";
+import {
+  Decoration,
+  EditorView,
+  keymap,
+  lineNumbers,
+  placeholder as cmPlaceholder,
+  drawSelection
+} from "@codemirror/view";
+import { Compartment, EditorState } from "@codemirror/state";
+import {
+  defaultKeymap,
+  history,
+  historyKeymap,
+  redo
+} from "@codemirror/commands";
+import { syntaxHighlighting, HighlightStyle } from "@codemirror/language";
+import { tags } from "@lezer/highlight";
+
+// components/TTDDialog/mermaid-lang-lite.ts
+import { StreamLanguage } from "@codemirror/language";
+var mermaidStreamParser = StreamLanguage.define({
+  token(stream) {
+    if (stream.match(/^%%.*$/)) {
+      return "comment";
+    }
+    if (stream.match(/^"(?:[^"\\]|\\.)*"/)) {
+      return "string";
+    }
+    if (stream.match(
+      /^(flowchart|graph|sequenceDiagram|classDiagram|stateDiagram|erDiagram|gantt|pie|mindmap|journey|gitGraph|timeline|quadrantChart|sankey|xychart)\b/i
+    )) {
+      return "keyword";
+    }
+    if (stream.match(/^(TB|TD|BT|RL|LR)\b/)) {
+      return "keyword";
+    }
+    if (stream.match(
+      /^(subgraph|end|participant|actor|loop|alt|else|opt|par|critical|break|rect|note|over|activate|deactivate|title|section|class|style|linkStyle|classDef|click)\b/i
+    )) {
+      return "keyword";
+    }
+    if (stream.match(/^[-.=<>|ox]+>/)) {
+      return "operator";
+    }
+    if (stream.match(/^<[-.=<>|ox]+/)) {
+      return "operator";
+    }
+    if (stream.match(/^--+|\.\.+|==+/)) {
+      return "operator";
+    }
+    if (stream.match(/^[[\](){}|<>]/)) {
+      return "bracket";
+    }
+    if (stream.match(/^[A-Za-z_][A-Za-z0-9_]*/)) {
+      return "variableName";
+    }
+    if (stream.match(/^\d+(\.\d+)?/)) {
+      return "number";
+    }
+    if (stream.match(/^[,:;]/)) {
+      return "punctuation";
+    }
+    if (stream.eatSpace()) {
+      return null;
+    }
+    stream.next();
+    return null;
+  }
+});
+function mermaidLite() {
+  return mermaidStreamParser;
+}
+
+// components/TTDDialog/CodeMirrorEditor.tsx
+import { jsx } from "react/jsx-runtime";
+var darkTheme = EditorView.theme(
+  {
+    "&": {
+      backgroundColor: "#1e1e1e",
+      color: "#d4d4d4"
+    },
+    ".cm-content": { caretColor: "#fff" },
+    ".cm-cursor": { borderLeftColor: "#fff" },
+    ".cm-gutters": {
+      backgroundColor: "#1e1e1e",
+      color: "#858585",
+      border: "none"
+    },
+    ".cm-activeLineGutter": { backgroundColor: "#2a2a2a" },
+    ".cm-activeLine": { backgroundColor: "#2a2a2a" },
+    ".cm-errorLine": { backgroundColor: "rgba(255, 0, 0, 0.15)" }
+  },
+  { dark: true }
+);
+var darkHighlight = HighlightStyle.define([
+  { tag: tags.keyword, color: "#569cd6" },
+  { tag: tags.string, color: "#ce9178" },
+  { tag: tags.comment, color: "#6a9955" },
+  { tag: tags.number, color: "#b5cea8" },
+  { tag: tags.operator, color: "#d4d4d4" },
+  { tag: tags.punctuation, color: "#d4d4d4" },
+  { tag: tags.variableName, color: "#9cdcfe" },
+  { tag: tags.bracket, color: "#ffd700" }
+]);
+var lightTheme = EditorView.theme({
+  "&": {
+    backgroundColor: "#ffffff",
+    color: "#1e1e1e"
+  },
+  ".cm-content": { caretColor: "#000" },
+  ".cm-cursor": { borderLeftColor: "#000" },
+  ".cm-gutters": {
+    backgroundColor: "#fff",
+    color: "#999",
+    border: "none"
+  },
+  ".cm-activeLineGutter": { backgroundColor: "#e8e8e8" },
+  ".cm-activeLine": { backgroundColor: "#e8e8e8" },
+  ".cm-errorLine": { backgroundColor: "rgba(255, 0, 0, 0.1)" }
+});
+var lightHighlight = HighlightStyle.define([
+  { tag: tags.keyword, color: "#0000ff" },
+  { tag: tags.string, color: "#a31515" },
+  { tag: tags.comment, color: "#008000" },
+  { tag: tags.number, color: "#098658" },
+  { tag: tags.operator, color: "#1e1e1e" },
+  { tag: tags.punctuation, color: "#1e1e1e" },
+  { tag: tags.variableName, color: "#001080" },
+  { tag: tags.bracket, color: "#af00db" }
+]);
+var errorLineDeco = Decoration.line({ class: "cm-errorLine" });
+var getErrorLineExtension = (errorLine, doc) => {
+  if (!errorLine || errorLine < 1 || errorLine > doc.lines) {
+    return EditorView.decorations.of(Decoration.none);
+  }
+  const line = doc.line(errorLine);
+  return EditorView.decorations.of(
+    Decoration.set([errorLineDeco.range(line.from)])
+  );
+};
+var getThemeExtensions = (theme) => {
+  if (theme === "dark") {
+    return [darkTheme, syntaxHighlighting(darkHighlight)];
+  }
+  return [lightTheme, syntaxHighlighting(lightHighlight)];
+};
+var CodeMirrorEditor = ({
+  value,
+  onChange,
+  onKeyboardSubmit,
+  placeholder,
+  theme,
+  errorLine
+}) => {
+  const containerRef = useRef(null);
+  const viewRef = useRef(null);
+  const onChangeRef = useRef(onChange);
+  const onKeyboardSubmitRef = useRef(onKeyboardSubmit);
+  const themeCompartmentRef = useRef(new Compartment());
+  const errorLineCompartmentRef = useRef(new Compartment());
+  onChangeRef.current = onChange;
+  onKeyboardSubmitRef.current = onKeyboardSubmit;
+  useEffect(() => {
+    if (!containerRef.current) {
+      return;
+    }
+    const themeCompartment = themeCompartmentRef.current;
+    const view = new EditorView({
+      state: EditorState.create({
+        doc: value,
+        extensions: [
+          keymap.of([
+            {
+              key: "Mod-Enter",
+              run: () => {
+                onKeyboardSubmitRef.current?.();
+                return true;
+              }
+            },
+            // historyKeymap binds Mod-Shift-z only on Mac; add it for all platforms
+            { key: "Mod-Shift-z", run: redo, preventDefault: true }
+          ]),
+          EditorView.updateListener.of((update) => {
+            if (update.docChanged) {
+              onChangeRef.current(update.state.doc.toString());
+            }
+          }),
+          history(),
+          keymap.of([...defaultKeymap, ...historyKeymap]),
+          lineNumbers(),
+          EditorView.lineWrapping,
+          themeCompartment.of(getThemeExtensions(theme)),
+          errorLineCompartmentRef.current.of([]),
+          mermaidLite(),
+          drawSelection({ drawRangeCursor: true }),
+          ...placeholder ? [cmPlaceholder(placeholder)] : []
+        ]
+      }),
+      parent: containerRef.current
+    });
+    viewRef.current = view;
+    view.focus();
+    return () => {
+      view.destroy();
+      viewRef.current = null;
+    };
+  }, []);
+  useEffect(() => {
+    const view = viewRef.current;
+    if (!view) {
+      return;
+    }
+    view.dispatch({
+      effects: themeCompartmentRef.current.reconfigure(
+        getThemeExtensions(theme)
+      )
+    });
+  }, [theme]);
+  useEffect(() => {
+    const view = viewRef.current;
+    if (!view) {
+      return;
+    }
+    view.dispatch({
+      effects: errorLineCompartmentRef.current.reconfigure(
+        getErrorLineExtension(errorLine, view.state.doc)
+      )
+    });
+  }, [errorLine]);
+  useEffect(() => {
+    const view = viewRef.current;
+    if (!view) {
+      return;
+    }
+    const currentDoc = view.state.doc.toString();
+    if (value !== currentDoc) {
+      view.dispatch({
+        changes: { from: 0, to: currentDoc.length, insert: value }
+      });
+    }
+  }, [value]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      className: "ttd-dialog-input ttd-dialog-input--codemirror"
+    }
+  );
+};
+var CodeMirrorEditor_default = CodeMirrorEditor;
+export {
+  CodeMirrorEditor_default as default
+};
+//# sourceMappingURL=CodeMirrorEditor-PY5ZVWKQ.js.map

package/dist/dev/components/TTDDialog/CodeMirrorEditor-PY5ZVWKQ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../components/TTDDialog/CodeMirrorEditor.tsx", "../../../../components/TTDDialog/mermaid-lang-lite.ts"],
+  "sourcesContent": ["import { useEffect, useRef } from \"react\";\nimport {\n  Decoration,\n  EditorView,\n  keymap,\n  lineNumbers,\n  placeholder as cmPlaceholder,\n  drawSelection,\n} from \"@codemirror/view\";\nimport { Compartment, EditorState, type Extension } from \"@codemirror/state\";\nimport {\n  defaultKeymap,\n  history,\n  historyKeymap,\n  redo,\n} from \"@codemirror/commands\";\nimport { syntaxHighlighting, HighlightStyle } from \"@codemirror/language\";\nimport { tags } from \"@lezer/highlight\";\n\nimport type { Theme } from \"@excalidraw/element/types\";\n\nimport { mermaidLite } from \"./mermaid-lang-lite\";\n\nexport interface CodeMirrorEditorProps {\n  value: string;\n  onChange: (value: string) => void;\n  onKeyboardSubmit?: () => void;\n  placeholder?: string;\n  theme: Theme;\n  errorLine?: number | null;\n}\n\n// ---- Dark theme ----\n\nconst darkTheme = EditorView.theme(\n  {\n    \"&\": {\n      backgroundColor: \"#1e1e1e\",\n      color: \"#d4d4d4\",\n    },\n    \".cm-content\": { caretColor: \"#fff\" },\n    \".cm-cursor\": { borderLeftColor: \"#fff\" },\n    \".cm-gutters\": {\n      backgroundColor: \"#1e1e1e\",\n      color: \"#858585\",\n      border: \"none\",\n    },\n    \".cm-activeLineGutter\": { backgroundColor: \"#2a2a2a\" },\n    \".cm-activeLine\": { backgroundColor: \"#2a2a2a\" },\n    \".cm-errorLine\": { backgroundColor: \"rgba(255, 0, 0, 0.15)\" },\n  },\n  { dark: true },\n);\n\nconst darkHighlight = HighlightStyle.define([\n  { tag: tags.keyword, color: \"#569cd6\" },\n  { tag: tags.string, color: \"#ce9178\" },\n  { tag: tags.comment, color: \"#6a9955\" },\n  { tag: tags.number, color: \"#b5cea8\" },\n  { tag: tags.operator, color: \"#d4d4d4\" },\n  { tag: tags.punctuation, color: \"#d4d4d4\" },\n  { tag: tags.variableName, color: \"#9cdcfe\" },\n  { tag: tags.bracket, color: \"#ffd700\" },\n]);\n\n// ---- Light theme ----\n\nconst lightTheme = EditorView.theme({\n  \"&\": {\n    backgroundColor: \"#ffffff\",\n    color: \"#1e1e1e\",\n  },\n  \".cm-content\": { caretColor: \"#000\" },\n  \".cm-cursor\": { borderLeftColor: \"#000\" },\n  \".cm-gutters\": {\n    backgroundColor: \"#fff\",\n    color: \"#999\",\n    border: \"none\",\n  },\n  \".cm-activeLineGutter\": { backgroundColor: \"#e8e8e8\" },\n  \".cm-activeLine\": { backgroundColor: \"#e8e8e8\" },\n  \".cm-errorLine\": { backgroundColor: \"rgba(255, 0, 0, 0.1)\" },\n});\n\nconst lightHighlight = HighlightStyle.define([\n  { tag: tags.keyword, color: \"#0000ff\" },\n  { tag: tags.string, color: \"#a31515\" },\n  { tag: tags.comment, color: \"#008000\" },\n  { tag: tags.number, color: \"#098658\" },\n  { tag: tags.operator, color: \"#1e1e1e\" },\n  { tag: tags.punctuation, color: \"#1e1e1e\" },\n  { tag: tags.variableName, color: \"#001080\" },\n  { tag: tags.bracket, color: \"#af00db\" },\n]);\n\n// ---- Error line decoration ----\n\nconst errorLineDeco = Decoration.line({ class: \"cm-errorLine\" });\n\nconst getErrorLineExtension = (\n  errorLine: number | null | undefined,\n  doc: { line(n: number): { from: number }; lines: number },\n): Extension => {\n  if (!errorLine || errorLine < 1 || errorLine > doc.lines) {\n    return EditorView.decorations.of(Decoration.none);\n  }\n  const line = doc.line(errorLine);\n  return EditorView.decorations.of(\n    Decoration.set([errorLineDeco.range(line.from)]),\n  );\n};\n\n// ---- Helpers ----\n\nconst getThemeExtensions = (theme: Theme) => {\n  if (theme === \"dark\") {\n    return [darkTheme, syntaxHighlighting(darkHighlight)];\n  }\n  return [lightTheme, syntaxHighlighting(lightHighlight)];\n};\n\nconst CodeMirrorEditor = ({\n  value,\n  onChange,\n  onKeyboardSubmit,\n  placeholder,\n  theme,\n  errorLine,\n}: CodeMirrorEditorProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const viewRef = useRef<EditorView | null>(null);\n  const onChangeRef = useRef(onChange);\n  const onKeyboardSubmitRef = useRef(onKeyboardSubmit);\n  const themeCompartmentRef = useRef(new Compartment());\n  const errorLineCompartmentRef = useRef(new Compartment());\n\n  onChangeRef.current = onChange;\n  onKeyboardSubmitRef.current = onKeyboardSubmit;\n\n  useEffect(() => {\n    if (!containerRef.current) {\n      return;\n    }\n\n    const themeCompartment = themeCompartmentRef.current;\n\n    const view = new EditorView({\n      state: EditorState.create({\n        doc: value,\n        extensions: [\n          keymap.of([\n            {\n              key: \"Mod-Enter\",\n              run: () => {\n                onKeyboardSubmitRef.current?.();\n                return true;\n              },\n            },\n            // historyKeymap binds Mod-Shift-z only on Mac; add it for all platforms\n            { key: \"Mod-Shift-z\", run: redo, preventDefault: true },\n          ]),\n          EditorView.updateListener.of((update) => {\n            if (update.docChanged) {\n              onChangeRef.current(update.state.doc.toString());\n            }\n          }),\n          history(),\n          keymap.of([...defaultKeymap, ...historyKeymap]),\n          lineNumbers(),\n          EditorView.lineWrapping,\n          themeCompartment.of(getThemeExtensions(theme)),\n          errorLineCompartmentRef.current.of([]),\n          mermaidLite(),\n          drawSelection({ drawRangeCursor: true }),\n          ...(placeholder ? [cmPlaceholder(placeholder)] : []),\n        ],\n      }),\n      parent: containerRef.current,\n    });\n\n    viewRef.current = view;\n    view.focus();\n\n    return () => {\n      view.destroy();\n      viewRef.current = null;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Swap theme dynamically via compartment\n  useEffect(() => {\n    const view = viewRef.current;\n    if (!view) {\n      return;\n    }\n    view.dispatch({\n      effects: themeCompartmentRef.current.reconfigure(\n        getThemeExtensions(theme),\n      ),\n    });\n  }, [theme]);\n\n  // Update error line highlight\n  useEffect(() => {\n    const view = viewRef.current;\n    if (!view) {\n      return;\n    }\n    view.dispatch({\n      effects: errorLineCompartmentRef.current.reconfigure(\n        getErrorLineExtension(errorLine, view.state.doc),\n      ),\n    });\n  }, [errorLine]);\n\n  // Sync external value changes into EditorView\n  useEffect(() => {\n    const view = viewRef.current;\n    if (!view) {\n      return;\n    }\n    const currentDoc = view.state.doc.toString();\n    if (value !== currentDoc) {\n      view.dispatch({\n        changes: { from: 0, to: currentDoc.length, insert: value },\n      });\n    }\n  }, [value]);\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"ttd-dialog-input ttd-dialog-input--codemirror\"\n    />\n  );\n};\n\nexport default CodeMirrorEditor;\n", "import { StreamLanguage } from \"@codemirror/language\";\n\nconst mermaidStreamParser = StreamLanguage.define({\n  token(stream) {\n    // Comments: %%...\n    if (stream.match(/^%%.*$/)) {\n      return \"comment\";\n    }\n\n    // Strings\n    if (stream.match(/^\"(?:[^\"\\\\]|\\\\.)*\"/)) {\n      return \"string\";\n    }\n\n    // Diagram type keywords (at start of line or after whitespace)\n    if (\n      stream.match(\n        /^(flowchart|graph|sequenceDiagram|classDiagram|stateDiagram|erDiagram|gantt|pie|mindmap|journey|gitGraph|timeline|quadrantChart|sankey|xychart)\\b/i,\n      )\n    ) {\n      return \"keyword\";\n    }\n\n    // Direction keywords\n    if (stream.match(/^(TB|TD|BT|RL|LR)\\b/)) {\n      return \"keyword\";\n    }\n\n    // Keywords\n    if (\n      stream.match(\n        /^(subgraph|end|participant|actor|loop|alt|else|opt|par|critical|break|rect|note|over|activate|deactivate|title|section|class|style|linkStyle|classDef|click)\\b/i,\n      )\n    ) {\n      return \"keyword\";\n    }\n\n    // Arrows: -->, ---, -.->, ===>, etc.\n    if (stream.match(/^[-.=<>|ox]+>/)) {\n      return \"operator\";\n    }\n    if (stream.match(/^<[-.=<>|ox]+/)) {\n      return \"operator\";\n    }\n    if (stream.match(/^--+|\\.\\.+|==+/)) {\n      return \"operator\";\n    }\n\n    // Labels in brackets/parens: [text], (text), {text}, ((text)), etc.\n    if (stream.match(/^[[\\](){}|<>]/)) {\n      return \"bracket\";\n    }\n\n    // Node IDs (alphanumeric)\n    if (stream.match(/^[A-Za-z_][A-Za-z0-9_]*/)) {\n      return \"variableName\";\n    }\n\n    // Numbers\n    if (stream.match(/^\\d+(\\.\\d+)?/)) {\n      return \"number\";\n    }\n\n    // Punctuation\n    if (stream.match(/^[,:;]/)) {\n      return \"punctuation\";\n    }\n\n    // Skip whitespace\n    if (stream.eatSpace()) {\n      return null;\n    }\n\n    // Skip any other character\n    stream.next();\n    return null;\n  },\n});\n\nexport function mermaidLite() {\n  return mermaidStreamParser;\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/dev/data/{image-2KXEDCIH.js → image-WSL7K3G4.js}

@@ -2,12 +2,12 @@ import {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
-} from "../chunk-K532CM3P.js";
-import "../chunk-M2XQF7GS.js";
+} from "../chunk-JBODKHIT.js";
+import "../chunk-NYLL7DNJ.js";
 import "../chunk-XDFCUUT6.js";
 export {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
 };
-//# sourceMappingURL=image-2KXEDCIH.js.map
+//# sourceMappingURL=image-WSL7K3G4.js.map

package/dist/dev/index.css

@@ -285,9 +285,13 @@
   --popup-text-inverted-color: #fff;
   --select-highlight-color: #339af0;
   --shadow-island:
-    0px 0px 0.9310142993927002px 0px rgba(0, 0, 0, 0.17),
-    0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, 0.08),
+    0px 0px 1px 0px rgba(0, 0, 0, 0.17),
+    0px 0px 3px 0px rgba(0, 0, 0, 0.08),
     0px 7px 14px 0px rgba(0, 0, 0, 0.05);
+  --shadow-island-stronger:
+    0px 0px 1px 0px rgba(0, 0, 0, 0.17),
+    0px 0px 3px 0px rgba(0, 0, 0, 0.08),
+    0px 7px 14px 0px rgb(0 0 0 / 18%);
   --button-hover-bg: var(--color-surface-high);
   --button-active-bg: var(--color-surface-high);
   --button-active-border: var(--color-brand-active);
@@ -448,10 +452,6 @@
   --popup-text-color: #ced4da;
   --popup-text-inverted-color: #2c2c2c;
   --select-highlight-color: #4dabf7;
-  --shadow-island:
-    0px 0px 0.9310142993927002px 0px rgba(0, 0, 0, 0.17),
-    0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, 0.08),
-    0px 7px 14px 0px rgba(0, 0, 0, 0.05);
   --modal-shadow:
     0px 100px 80px rgba(0, 0, 0, 0.07),
     0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198),
@@ -1146,13 +1146,18 @@
   padding: 0.5rem;
   background: var(--popup-bg-color);
   border: 0 solid rgba(255, 255, 255, 0.25);
-  box-shadow: var(--shadow-island);
+  box-shadow: var(--shadow-island-stronger);
   border-radius: 4px;
-  position: absolute;
 }
 :root[dir=rtl] .excalidraw .picker {
   padding: 0.4rem;
 }
+.excalidraw .picker-sections,
+.excalidraw .picker-section {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
 .excalidraw .picker-container button,
 .excalidraw .picker button {
   position: relative;
@@ -1199,7 +1204,12 @@
 }
 .excalidraw .picker-collapsible {
   font-size: 0.75rem;
-  padding: 0.5rem 0;
+  padding: 0;
+  color: var(--text-primary-color);
+}
+.excalidraw .picker-section-label {
+  font-size: 0.75rem;
+  color: var(--text-primary-color);
 }
 .excalidraw .picker-keybinding {
   position: absolute;
@@ -2339,9 +2349,13 @@
   --popup-text-inverted-color: #fff;
   --select-highlight-color: #339af0;
   --shadow-island:
-    0px 0px 0.9310142993927002px 0px rgba(0, 0, 0, 0.17),
-    0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, 0.08),
+    0px 0px 1px 0px rgba(0, 0, 0, 0.17),
+    0px 0px 3px 0px rgba(0, 0, 0, 0.08),
     0px 7px 14px 0px rgba(0, 0, 0, 0.05);
+  --shadow-island-stronger:
+    0px 0px 1px 0px rgba(0, 0, 0, 0.17),
+    0px 0px 3px 0px rgba(0, 0, 0, 0.08),
+    0px 7px 14px 0px rgb(0 0 0 / 18%);
   --button-hover-bg: var(--color-surface-high);
   --button-active-bg: var(--color-surface-high);
   --button-active-border: var(--color-brand-active);
@@ -2502,10 +2516,6 @@
   --popup-text-color: #ced4da;
   --popup-text-inverted-color: #2c2c2c;
   --select-highlight-color: #4dabf7;
-  --shadow-island:
-    0px 0px 0.9310142993927002px 0px rgba(0, 0, 0, 0.17),
-    0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, 0.08),
-    0px 7px 14px 0px rgba(0, 0, 0, 0.05);
   --modal-shadow:
     0px 100px 80px rgba(0, 0, 0, 0.07),
     0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198),
@@ -5169,6 +5179,39 @@
     height: 100%;
   }
 }
+.excalidraw .ttd-dialog-input--loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.excalidraw .ttd-dialog-input--codemirror {
+  padding: 0;
+  overflow: hidden;
+  height: 0;
+  flex: 1 1 0;
+  min-height: 0;
+}
+.excalidraw .ttd-dialog-input--codemirror .cm-editor {
+  height: 100%;
+  font-family: monospace;
+}
+.excalidraw .ttd-dialog-input--codemirror .cm-editor.cm-focused {
+  outline: none;
+}
+.excalidraw .ttd-dialog-input--codemirror .cm-scroller {
+  padding: 0.85rem 0;
+  overflow: auto;
+}
+.excalidraw .ttd-dialog-input--codemirror .cm-gutters {
+  padding-left: 0.25rem;
+}
+.excalidraw .ttd-dialog-input--codemirror .cm-content {
+  padding: 0;
+}
+.excalidraw .ttd-dialog-input--codemirror .cm-placeholder {
+  color: var(--color-gray-40);
+  font-style: italic;
+}
 .excalidraw .ttd-dialog-output-wrapper {
   display: flex;
   flex-direction: column;
@@ -5269,15 +5312,49 @@
   text-align: center;
   margin-top: 0.25rem;
 }
+.excalidraw .ttd-dialog-output-error .ttd-dialog-output-error-summary {
+  width: 100%;
+  max-width: 640px;
+  color: var(--color-gray-50);
+  font-size: 0.9rem;
+  text-align: left;
+}
+.excalidraw .ttd-dialog-output-error .ttd-dialog-output-error-summary__headline {
+  font-weight: 600;
+  color: var(--color-gray-60);
+}
+.excalidraw .ttd-dialog-output-error .ttd-dialog-output-error-summary__label {
+  margin-top: 0.35rem;
+  font-weight: 500;
+}
+.excalidraw .ttd-dialog-output-error .ttd-dialog-output-error-summary__causes {
+  margin: 0.35rem 0 0;
+  padding-left: 2rem;
+}
 .excalidraw .ttd-dialog-output-error .ttd-dialog-output-error-message {
   text-align: left;
   font-weight: 400;
   color: var(--color-gray-50);
   word-break: break-word;
   white-space: pre-wrap;
-  max-width: 100%;
+  max-width: 640px;
+  width: 100%;
   font-family: monospace;
 }
+.excalidraw .ttd-dialog-output-error .ttd-dialog-output-error-message__caret {
+  color: var(--color-danger);
+}
+.excalidraw .ttd-dialog-output-error .ttd-dialog-output-error-autofix-slot {
+  align-self: flex-start;
+  margin-top: 0.35rem;
+  min-height: 2.5rem;
+  display: flex;
+  align-items: flex-start;
+}
+.excalidraw .ttd-dialog-output-error .ttd-dialog-output-error-autofix {
+  margin-top: 0;
+  white-space: nowrap;
+}
 .excalidraw .ttd-dialog-panels {
   height: 100%;
 }
@@ -6920,9 +6997,13 @@
   --popup-text-inverted-color: #fff;
   --select-highlight-color: #339af0;
   --shadow-island:
-    0px 0px 0.9310142993927002px 0px rgba(0, 0, 0, 0.17),
-    0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, 0.08),
+    0px 0px 1px 0px rgba(0, 0, 0, 0.17),
+    0px 0px 3px 0px rgba(0, 0, 0, 0.08),
     0px 7px 14px 0px rgba(0, 0, 0, 0.05);
+  --shadow-island-stronger:
+    0px 0px 1px 0px rgba(0, 0, 0, 0.17),
+    0px 0px 3px 0px rgba(0, 0, 0, 0.08),
+    0px 7px 14px 0px rgb(0 0 0 / 18%);
   --button-hover-bg: var(--color-surface-high);
   --button-active-bg: var(--color-surface-high);
   --button-active-border: var(--color-brand-active);
@@ -7083,10 +7164,6 @@
   --popup-text-color: #ced4da;
   --popup-text-inverted-color: #2c2c2c;
   --select-highlight-color: #4dabf7;
-  --shadow-island:
-    0px 0px 0.9310142993927002px 0px rgba(0, 0, 0, 0.17),
-    0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, 0.08),
-    0px 7px 14px 0px rgba(0, 0, 0, 0.05);
   --modal-shadow:
     0px 100px 80px rgba(0, 0, 0, 0.07),
     0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198),