@industry-theme/file-editing-panels 0.2.0 → 0.2.2

package/dist/{index-BRiZ41Yj.js → index-DbJYCA_w.js}

@@ -3,8 +3,8 @@ var __defNormalProp = (obj, key, value2) => key in obj ? __defProp(obj, key, { e
 var __publicField = (obj, key, value2) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value2);
 import { jsx as jsx$1, jsxs, Fragment } from "react/jsx-runtime";
 import * as React__default from "react";
-import React__default__default, { createContext, useContext, forwardRef, createElement, useState, useMemo, useEffect, useRef, useCallback, useLayoutEffect, Suspense, useReducer, useImperativeHandle } from "react";
-import { ThemedMonacoDiffEditor, ThemedMonacoWithProvider } from "@principal-ade/industry-themed-monaco-editor";
+import React__default__default, { createContext, useContext, forwardRef, createElement, useState, useRef, useEffect, useCallback, useMemo, useLayoutEffect, Suspense, useReducer, useImperativeHandle } from "react";
+import { ThemedMonacoWithProvider, ThemedMonacoDiffEditor } from "@principal-ade/industry-themed-monaco-editor";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { flushSync, createPortal } from "react-dom";
 var ThemeContext;
@@ -172,411 +172,6 @@ const __iconNode = [
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ];
 const X$4 = createLucideIcon("x", __iconNode);
-const statusMeta = {
-  staged: {
-    label: "Staged change",
-    description: "Comparing staged changes against the last commit"
-  },
-  unstaged: {
-    label: "Unstaged change",
-    description: "Comparing working tree changes against the last commit"
-  },
-  untracked: {
-    label: "Untracked file",
-    description: "New file compared against an empty baseline"
-  },
-  deleted: {
-    label: "Deleted file",
-    description: "Showing the last committed contents of the deleted file"
-  }
-};
-const languageFromPath = (filePath) => {
-  var _a2;
-  if (!filePath) {
-    return "plaintext";
-  }
-  const ext = ((_a2 = filePath.split(".").pop()) == null ? void 0 : _a2.toLowerCase()) ?? "";
-  const languageMap = {
-    js: "javascript",
-    jsx: "javascript",
-    ts: "typescript",
-    tsx: "typescript",
-    py: "python",
-    java: "java",
-    c: "c",
-    cpp: "cpp",
-    h: "c",
-    hpp: "cpp",
-    cs: "csharp",
-    go: "go",
-    rs: "rust",
-    php: "php",
-    rb: "ruby",
-    swift: "swift",
-    kt: "kotlin",
-    json: "json",
-    yaml: "yaml",
-    yml: "yaml",
-    toml: "toml",
-    ini: "ini",
-    cfg: "ini",
-    conf: "ini",
-    xml: "xml",
-    html: "html",
-    css: "css",
-    scss: "scss",
-    sass: "sass",
-    less: "less",
-    sh: "bash",
-    bash: "bash",
-    zsh: "bash",
-    md: "markdown",
-    mdx: "markdown",
-    sql: "sql"
-  };
-  return languageMap[ext] ?? "plaintext";
-};
-const GitDiffPanel = ({
-  filePath,
-  status = "unstaged",
-  diffProvider,
-  onClose
-}) => {
-  const { theme: theme2 } = useTheme();
-  const [originalContent, setOriginalContent] = useState("");
-  const [modifiedContent, setModifiedContent] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const language2 = useMemo(() => languageFromPath(filePath), [filePath]);
-  useEffect(() => {
-    let isActive = true;
-    const loadDiff = async () => {
-      if (!filePath) {
-        setOriginalContent("");
-        setModifiedContent("");
-        setIsLoading(false);
-        setError(null);
-        return;
-      }
-      setIsLoading(true);
-      setError(null);
-      try {
-        const [original, modified] = await Promise.all([
-          diffProvider.getOriginal(filePath, status),
-          diffProvider.getModified(filePath, status)
-        ]);
-        if (!isActive) return;
-        setOriginalContent(original ?? "");
-        setModifiedContent(modified ?? "");
-      } catch (err) {
-        if (!isActive) return;
-        console.error("Failed to load git diff:", err);
-        setError(
-          err instanceof Error ? `Failed to load diff: ${err.message}` : "Failed to load diff"
-        );
-        setOriginalContent("");
-        setModifiedContent("");
-      } finally {
-        if (isActive) {
-          setIsLoading(false);
-        }
-      }
-    };
-    void loadDiff();
-    return () => {
-      isActive = false;
-    };
-  }, [filePath, status, diffProvider]);
-  const statusInfo = status ? statusMeta[status] : null;
-  const statusColor = useMemo(() => {
-    if (!status) return theme2.colors.textSecondary;
-    switch (status) {
-      case "staged":
-        return theme2.colors.success || "#10b981";
-      case "unstaged":
-        return theme2.colors.warning || "#f59e0b";
-      case "untracked":
-        return theme2.colors.info || theme2.colors.primary || "#3b82f6";
-      case "deleted":
-        return theme2.colors.error || "#ef4444";
-      default:
-        return theme2.colors.textSecondary;
-    }
-  }, [status, theme2.colors]);
-  if (!filePath) {
-    return /* @__PURE__ */ jsx$1(
-      "div",
-      {
-        style: {
-          height: "100%",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          color: theme2.colors.textSecondary,
-          backgroundColor: theme2.colors.backgroundSecondary
-        },
-        children: "Select a file from Git Changes to view its diff."
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        height: "100%",
-        display: "flex",
-        flexDirection: "column",
-        backgroundColor: theme2.colors.background
-      },
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              padding: "12px 16px",
-              borderBottom: `1px solid ${theme2.colors.border}`,
-              display: "flex",
-              justifyContent: "space-between",
-              alignItems: "center",
-              backgroundColor: theme2.colors.backgroundSecondary
-            },
-            children: [
-              /* @__PURE__ */ jsx$1(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "12px",
-                    minWidth: 0
-                  },
-                  children: /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      style: {
-                        display: "flex",
-                        alignItems: "center",
-                        gap: "8px",
-                        minWidth: 0
-                      },
-                      children: [
-                        /* @__PURE__ */ jsx$1(
-                          "div",
-                          {
-                            style: {
-                              width: "32px",
-                              height: "32px",
-                              borderRadius: "6px",
-                              backgroundColor: theme2.colors.backgroundTertiary,
-                              display: "flex",
-                              alignItems: "center",
-                              justifyContent: "center",
-                              color: theme2.colors.text
-                            },
-                            children: /* @__PURE__ */ jsx$1(GitCommitHorizontal, { size: 18 })
-                          }
-                        ),
-                        /* @__PURE__ */ jsxs(
-                          "div",
-                          {
-                            style: {
-                              display: "flex",
-                              flexDirection: "column",
-                              gap: "4px",
-                              minWidth: 0
-                            },
-                            children: [
-                              /* @__PURE__ */ jsx$1(
-                                "div",
-                                {
-                                  style: {
-                                    fontSize: theme2.fontSizes[2],
-                                    fontWeight: 600,
-                                    color: theme2.colors.text,
-                                    overflow: "hidden",
-                                    textOverflow: "ellipsis"
-                                  },
-                                  title: filePath,
-                                  children: filePath
-                                }
-                              ),
-                              statusInfo && /* @__PURE__ */ jsxs(
-                                "div",
-                                {
-                                  style: {
-                                    display: "flex",
-                                    alignItems: "center",
-                                    gap: "8px"
-                                  },
-                                  children: [
-                                    /* @__PURE__ */ jsx$1(
-                                      "span",
-                                      {
-                                        style: {
-                                          display: "inline-flex",
-                                          alignItems: "center",
-                                          gap: "6px",
-                                          fontSize: theme2.fontSizes[0],
-                                          padding: "2px 8px",
-                                          borderRadius: "999px",
-                                          backgroundColor: `${statusColor}20`,
-                                          color: statusColor,
-                                          border: `1px solid ${statusColor}60`,
-                                          whiteSpace: "nowrap"
-                                        },
-                                        children: statusInfo.label
-                                      }
-                                    ),
-                                    /* @__PURE__ */ jsx$1(
-                                      "span",
-                                      {
-                                        style: {
-                                          fontSize: theme2.fontSizes[0],
-                                          color: theme2.colors.textSecondary,
-                                          whiteSpace: "nowrap"
-                                        },
-                                        children: statusInfo.description
-                                      }
-                                    )
-                                  ]
-                                }
-                              )
-                            ]
-                          }
-                        )
-                      ]
-                    }
-                  )
-                }
-              ),
-              onClose && /* @__PURE__ */ jsx$1(
-                "button",
-                {
-                  onClick: onClose,
-                  style: {
-                    background: "none",
-                    border: "none",
-                    padding: "4px",
-                    cursor: "pointer",
-                    color: theme2.colors.textSecondary,
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    borderRadius: "4px",
-                    transition: "background-color 0.2s"
-                  },
-                  onMouseEnter: (e2) => {
-                    e2.currentTarget.style.backgroundColor = theme2.colors.backgroundTertiary;
-                  },
-                  onMouseLeave: (e2) => {
-                    e2.currentTarget.style.backgroundColor = "transparent";
-                  },
-                  children: /* @__PURE__ */ jsx$1(X$4, { size: 16 })
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx$1("div", { style: { flex: 1, minHeight: 0 }, children: isLoading ? /* @__PURE__ */ jsx$1(
-          "div",
-          {
-            style: {
-              height: "100%",
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              color: theme2.colors.textSecondary
-            },
-            children: "Loading diff..."
-          }
-        ) : error ? /* @__PURE__ */ jsx$1(
-          "div",
-          {
-            style: {
-              height: "100%",
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              color: theme2.colors.error,
-              padding: "20px",
-              textAlign: "center"
-            },
-            children: error
-          }
-        ) : /* @__PURE__ */ jsx$1(
-          ThemedMonacoDiffEditor,
-          {
-            theme: theme2,
-            original: originalContent,
-            modified: modifiedContent,
-            language: language2,
-            height: "100%",
-            options: {
-              renderSideBySide: true,
-              readOnly: true,
-              minimap: { enabled: false },
-              automaticLayout: true,
-              renderIndicators: true,
-              renderMarginRevertIcon: true,
-              ignoreTrimWhitespace: false,
-              diffAlgorithm: "advanced",
-              scrollbar: {
-                useShadows: false,
-                vertical: "auto",
-                horizontal: "auto"
-              }
-            },
-            loadingComponent: /* @__PURE__ */ jsx$1(
-              "div",
-              {
-                style: {
-                  height: "100%",
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  color: theme2.colors.textSecondary
-                },
-                children: "Preparing diff editor..."
-              }
-            )
-          }
-        ) })
-      ]
-    }
-  );
-};
-const GitDiffPanelPreview = () => {
-  const { theme: theme2 } = useTheme();
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        padding: "12px",
-        fontSize: theme2.fontSizes[0],
-        color: theme2.colors.text,
-        display: "flex",
-        flexDirection: "column",
-        gap: "4px",
-        fontFamily: theme2.fonts.monospace
-      },
-      children: [
-        /* @__PURE__ */ jsx$1(
-          "div",
-          {
-            style: {
-              display: "flex",
-              gap: "8px"
-            },
-            children: /* @__PURE__ */ jsx$1("span", { style: { color: theme2.colors.textSecondary }, children: "@@ 12,5 @@" })
-          }
-        ),
-        /* @__PURE__ */ jsx$1("div", { style: { color: "#ef4444" }, children: "- const count = oldValue;" }),
-        /* @__PURE__ */ jsx$1("div", { style: { color: "#22c55e" }, children: "+ const count = newValue;" }),
-        /* @__PURE__ */ jsx$1("div", { style: { color: theme2.colors.textSecondary }, children: " return count;" })
-      ]
-    }
-  );
-};
 const getLanguage = (path) => {
   var _a2;
   const ext = ((_a2 = path.split(".").pop()) == null ? void 0 : _a2.toLowerCase()) || "";
@@ -618,15 +213,14 @@ const getLanguage = (path) => {
   };
   return languageMap[ext] || "plaintext";
 };
-const FileEditorPanel = ({
-  filePath,
-  source,
-  contentProvider,
-  onClose,
-  readOnly: forceReadOnly = false,
-  vimMode = false
+const FileEditorPanelContent = ({
+  context,
+  actions: _actions,
+  events
 }) => {
+  var _a2, _b, _c;
   const { theme: theme2 } = useTheme();
+  const [filePath, setFilePath] = useState(null);
   const [fileContent, setFileContent] = useState("");
   const [editorContent, setEditorContent] = useState("");
   const [isLoading, setIsLoading] = useState(false);
@@ -637,6 +231,11 @@ const FileEditorPanel = ({
   const latestFilePathRef = useRef(null);
   const isSavingRef = useRef(false);
   const isDirtyRef = useRef(false);
+  const fileSystem = (_a2 = context.adapters) == null ? void 0 : _a2.fileSystem;
+  const isEditable = Boolean(fileSystem == null ? void 0 : fileSystem.writeFile);
+  const activeFileSlice = context.getSlice("active-file");
+  const preferencesSlice = context.getSlice("preferences");
+  const vimMode = ((_b = preferencesSlice == null ? void 0 : preferencesSlice.data) == null ? void 0 : _b.vimMode) ?? false;
   useEffect(() => {
     isDirtyRef.current = isDirty;
   }, [isDirty]);
@@ -647,10 +246,23 @@ const FileEditorPanel = ({
     isSavingRef.current = false;
     setSaveError(null);
   }, [filePath]);
-  const isLocalFile = (source == null ? void 0 : source.type) === "local";
-  const isEditable = isLocalFile && !forceReadOnly && !!contentProvider.writeFile;
+  useEffect(() => {
+    var _a3;
+    if ((_a3 = activeFileSlice == null ? void 0 : activeFileSlice.data) == null ? void 0 : _a3.path) {
+      setFilePath(activeFileSlice.data.path);
+    }
+  }, [(_c = activeFileSlice == null ? void 0 : activeFileSlice.data) == null ? void 0 : _c.path]);
+  useEffect(() => {
+    const unsubscribe = events.on("file:open", (event) => {
+      const payload = event.payload;
+      if (payload == null ? void 0 : payload.path) {
+        setFilePath(payload.path);
+      }
+    });
+    return unsubscribe;
+  }, [events]);
   const loadFile = useCallback(async () => {
-    if (!filePath) {
+    if (!filePath || !(fileSystem == null ? void 0 : fileSystem.readFile)) {
       latestFilePathRef.current = null;
       setFileContent("");
       setEditorContent("");
@@ -663,7 +275,7 @@ const FileEditorPanel = ({
     setIsLoading(true);
     setError(null);
     try {
-      const content2 = await contentProvider.readFile(filePath);
+      const content2 = await fileSystem.readFile(filePath);
       if (latestFilePathRef.current !== filePath) {
         return;
       }
@@ -688,21 +300,10 @@ const FileEditorPanel = ({
         setIsLoading(false);
       }
     }
-  }, [filePath, contentProvider]);
+  }, [filePath, fileSystem]);
   useEffect(() => {
     loadFile();
   }, [loadFile]);
-  useEffect(() => {
-    if (!filePath || !isLocalFile || !contentProvider.watchFile) {
-      return;
-    }
-    const unwatch = contentProvider.watchFile(filePath, () => {
-      if (!isSavingRef.current) {
-        loadFile();
-      }
-    });
-    return unwatch;
-  }, [filePath, isLocalFile, contentProvider, loadFile]);
   const handleEditorChange = useCallback(
     (value2) => {
       const nextValue = value2 ?? "";
@@ -716,7 +317,7 @@ const FileEditorPanel = ({
   );
   const handleEditorSave = useCallback(
     async (value2) => {
-      if (!filePath || !contentProvider.writeFile) {
+      if (!filePath || !(fileSystem == null ? void 0 : fileSystem.writeFile)) {
         return;
       }
       const contentToSave = value2 ?? editorContent;
@@ -727,11 +328,17 @@ const FileEditorPanel = ({
       setIsSaving(true);
       setSaveError(null);
       try {
-        await contentProvider.writeFile(filePath, contentToSave);
+        await fileSystem.writeFile(filePath, contentToSave);
         if (latestFilePathRef.current === filePath) {
           setFileContent(contentToSave);
           setEditorContent(contentToSave);
           setIsDirty(false);
+          events.emit({
+            type: "file:save",
+            source: "industry-theme.file-editor",
+            timestamp: Date.now(),
+            payload: { path: filePath }
+          });
         }
       } catch (err) {
         if (latestFilePathRef.current === filePath) {
@@ -746,8 +353,17 @@ const FileEditorPanel = ({
         isSavingRef.current = false;
       }
     },
-    [editorContent, fileContent, filePath, isDirty, contentProvider]
+    [editorContent, fileContent, filePath, isDirty, fileSystem, events]
   );
+  const handleClose2 = useCallback(() => {
+    events.emit({
+      type: "file:close",
+      source: "industry-theme.file-editor",
+      timestamp: Date.now(),
+      payload: { path: filePath }
+    });
+    setFilePath(null);
+  }, [events, filePath]);
   const fileName = (filePath == null ? void 0 : filePath.split("/").pop()) || filePath || "";
   const language2 = filePath ? getLanguage(filePath) : "plaintext";
   if (!filePath) {
@@ -762,7 +378,8 @@ const FileEditorPanel = ({
           flexDirection: "column",
           color: theme2.colors.textSecondary,
           padding: "20px",
-          textAlign: "center"
+          textAlign: "center",
+          fontFamily: theme2.fonts.body
         },
         children: [
           /* @__PURE__ */ jsx$1(FileText, { size: 48, style: { marginBottom: "16px", opacity: 0.5 } }),
@@ -797,12 +414,16 @@ const FileEditorPanel = ({
           "div",
           {
             style: {
-              padding: "12px 16px",
+              height: "40px",
+              padding: "0 12px",
               borderBottom: `1px solid ${theme2.colors.border}`,
               display: "flex",
               alignItems: "center",
               justifyContent: "space-between",
-              backgroundColor: theme2.colors.backgroundSecondary
+              backgroundColor: theme2.colors.backgroundSecondary,
+              fontFamily: theme2.fonts.body,
+              flexShrink: 0,
+              boxSizing: "border-box"
             },
             children: [
               /* @__PURE__ */ jsxs(
@@ -823,36 +444,21 @@ const FileEditorPanel = ({
                         style: { color: theme2.colors.primary, flexShrink: 0 }
                       }
                     ),
-                    /* @__PURE__ */ jsxs("div", { style: { minWidth: 0, flex: 1 }, children: [
-                      /* @__PURE__ */ jsx$1(
-                        "div",
-                        {
-                          style: {
-                            fontSize: theme2.fontSizes[2],
-                            fontWeight: 600,
-                            color: theme2.colors.text,
-                            whiteSpace: "nowrap",
-                            overflow: "hidden",
-                            textOverflow: "ellipsis"
-                          },
-                          children: fileName
-                        }
-                      ),
-                      /* @__PURE__ */ jsx$1(
-                        "div",
-                        {
-                          style: {
-                            fontSize: theme2.fontSizes[0],
-                            color: theme2.colors.textSecondary,
-                            whiteSpace: "nowrap",
-                            overflow: "hidden",
-                            textOverflow: "ellipsis"
-                          },
-                          title: filePath,
-                          children: filePath
-                        }
-                      )
-                    ] })
+                    /* @__PURE__ */ jsx$1(
+                      "div",
+                      {
+                        style: {
+                          fontSize: theme2.fontSizes[2],
+                          fontWeight: 600,
+                          color: theme2.colors.text,
+                          whiteSpace: "nowrap",
+                          overflow: "hidden",
+                          textOverflow: "ellipsis"
+                        },
+                        title: filePath,
+                        children: fileName
+                      }
+                    )
                   ]
                 }
               ),
@@ -926,10 +532,10 @@ const FileEditorPanel = ({
                         }
                       )
                     ] }),
-                    onClose && filePath && /* @__PURE__ */ jsx$1(
+                    filePath && /* @__PURE__ */ jsx$1(
                       "button",
                       {
-                        onClick: onClose,
+                        onClick: handleClose2,
                         style: {
                           background: "none",
                           border: "none",
@@ -965,7 +571,8 @@ const FileEditorPanel = ({
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
-              color: theme2.colors.textSecondary
+              color: theme2.colors.textSecondary,
+              fontFamily: theme2.fonts.body
             },
             children: "Loading file..."
           }
@@ -979,7 +586,8 @@ const FileEditorPanel = ({
               justifyContent: "center",
               color: theme2.colors.error,
               padding: "20px",
-              textAlign: "center"
+              textAlign: "center",
+              fontFamily: theme2.fonts.body
             },
             children: [
               "Error: ",
@@ -1019,6 +627,9 @@ const FileEditorPanel = ({
     }
   );
 };
+const FileEditorPanel = (props) => {
+  return /* @__PURE__ */ jsx$1(FileEditorPanelContent, { ...props });
+};
 const FileEditorPanelPreview = () => {
   const { theme: theme2 } = useTheme();
   return /* @__PURE__ */ jsxs(
@@ -1055,6 +666,398 @@ const FileEditorPanelPreview = () => {
     }
   );
 };
+const statusMeta = {
+  staged: {
+    label: "Staged change",
+    description: "Comparing staged changes against the last commit"
+  },
+  unstaged: {
+    label: "Unstaged change",
+    description: "Comparing working tree changes against the last commit"
+  },
+  untracked: {
+    label: "Untracked file",
+    description: "New file compared against an empty baseline"
+  },
+  deleted: {
+    label: "Deleted file",
+    description: "Showing the last committed contents of the deleted file"
+  }
+};
+const languageFromPath = (filePath) => {
+  var _a2;
+  if (!filePath) {
+    return "plaintext";
+  }
+  const ext = ((_a2 = filePath.split(".").pop()) == null ? void 0 : _a2.toLowerCase()) ?? "";
+  const languageMap = {
+    js: "javascript",
+    jsx: "javascript",
+    ts: "typescript",
+    tsx: "typescript",
+    py: "python",
+    java: "java",
+    c: "c",
+    cpp: "cpp",
+    h: "c",
+    hpp: "cpp",
+    cs: "csharp",
+    go: "go",
+    rs: "rust",
+    php: "php",
+    rb: "ruby",
+    swift: "swift",
+    kt: "kotlin",
+    json: "json",
+    yaml: "yaml",
+    yml: "yaml",
+    toml: "toml",
+    ini: "ini",
+    cfg: "ini",
+    conf: "ini",
+    xml: "xml",
+    html: "html",
+    css: "css",
+    scss: "scss",
+    sass: "sass",
+    less: "less",
+    sh: "bash",
+    bash: "bash",
+    zsh: "bash",
+    md: "markdown",
+    mdx: "markdown",
+    sql: "sql"
+  };
+  return languageMap[ext] ?? "plaintext";
+};
+const GitDiffPanelContent = ({
+  context,
+  actions: _actions,
+  events
+}) => {
+  var _a2;
+  const { theme: theme2 } = useTheme();
+  const [filePath, setFilePath] = useState(null);
+  const [status, setStatus2] = useState("unstaged");
+  const [originalContent, setOriginalContent] = useState("");
+  const [modifiedContent, setModifiedContent] = useState("");
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const language2 = useMemo(() => languageFromPath(filePath), [filePath]);
+  const fileSystem = (_a2 = context.adapters) == null ? void 0 : _a2.fileSystem;
+  useEffect(() => {
+    const unsubscribe = events.on("git:diff", (event) => {
+      const payload = event.payload;
+      if (payload == null ? void 0 : payload.path) {
+        setFilePath(payload.path);
+        setStatus2(payload.status || "unstaged");
+        if (payload.original !== void 0 || payload.modified !== void 0) {
+          setOriginalContent(payload.original ?? "");
+          setModifiedContent(payload.modified ?? "");
+          setIsLoading(false);
+          setError(null);
+        }
+      }
+    });
+    return unsubscribe;
+  }, [events]);
+  useEffect(() => {
+    let isActive = true;
+    const loadDiff = async () => {
+      if (!filePath) {
+        setOriginalContent("");
+        setModifiedContent("");
+        setIsLoading(false);
+        setError(null);
+        return;
+      }
+      if (!(fileSystem == null ? void 0 : fileSystem.readFile)) {
+        return;
+      }
+      setIsLoading(true);
+      setError(null);
+      try {
+        const modified = await fileSystem.readFile(filePath);
+        if (!isActive) return;
+        setModifiedContent(modified ?? "");
+        if (status === "untracked") {
+          setOriginalContent("");
+        }
+      } catch (err) {
+        if (!isActive) return;
+        console.error("Failed to load git diff:", err);
+        setError(
+          err instanceof Error ? `Failed to load diff: ${err.message}` : "Failed to load diff"
+        );
+        setOriginalContent("");
+        setModifiedContent("");
+      } finally {
+        if (isActive) {
+          setIsLoading(false);
+        }
+      }
+    };
+    void loadDiff();
+    return () => {
+      isActive = false;
+    };
+  }, [filePath, status, fileSystem]);
+  const handleClose2 = () => {
+    events.emit({
+      type: "git:diff:close",
+      source: "industry-theme.git-diff",
+      timestamp: Date.now(),
+      payload: { path: filePath }
+    });
+    setFilePath(null);
+  };
+  const statusInfo = status ? statusMeta[status] : null;
+  const statusColor = useMemo(() => {
+    if (!status) return theme2.colors.textSecondary;
+    switch (status) {
+      case "staged":
+        return theme2.colors.success || "#10b981";
+      case "unstaged":
+        return theme2.colors.warning || "#f59e0b";
+      case "untracked":
+        return theme2.colors.info || theme2.colors.primary || "#3b82f6";
+      case "deleted":
+        return theme2.colors.error || "#ef4444";
+      default:
+        return theme2.colors.textSecondary;
+    }
+  }, [status, theme2.colors]);
+  if (!filePath) {
+    return /* @__PURE__ */ jsx$1(
+      "div",
+      {
+        style: {
+          height: "100%",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          color: theme2.colors.textSecondary,
+          backgroundColor: theme2.colors.backgroundSecondary,
+          fontFamily: theme2.fonts.body
+        },
+        children: "Select a file from Git Changes to view its diff."
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        backgroundColor: theme2.colors.background
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              height: "40px",
+              padding: "0 12px",
+              borderBottom: `1px solid ${theme2.colors.border}`,
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              backgroundColor: theme2.colors.backgroundSecondary,
+              fontFamily: theme2.fonts.body,
+              flexShrink: 0,
+              boxSizing: "border-box"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "8px",
+                    flex: 1,
+                    minWidth: 0
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx$1(
+                      GitCommitHorizontal,
+                      {
+                        size: 16,
+                        style: { color: theme2.colors.primary, flexShrink: 0 }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx$1(
+                      "div",
+                      {
+                        style: {
+                          fontSize: theme2.fontSizes[2],
+                          fontWeight: 600,
+                          color: theme2.colors.text,
+                          whiteSpace: "nowrap",
+                          overflow: "hidden",
+                          textOverflow: "ellipsis"
+                        },
+                        title: filePath,
+                        children: (filePath == null ? void 0 : filePath.split("/").pop()) || filePath
+                      }
+                    ),
+                    statusInfo && /* @__PURE__ */ jsx$1(
+                      "span",
+                      {
+                        style: {
+                          display: "inline-flex",
+                          alignItems: "center",
+                          fontSize: theme2.fontSizes[0],
+                          padding: "2px 8px",
+                          borderRadius: "999px",
+                          backgroundColor: `${statusColor}20`,
+                          color: statusColor,
+                          border: `1px solid ${statusColor}60`,
+                          whiteSpace: "nowrap",
+                          flexShrink: 0
+                        },
+                        children: statusInfo.label
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx$1(
+                "button",
+                {
+                  onClick: handleClose2,
+                  style: {
+                    background: "none",
+                    border: "none",
+                    padding: "4px",
+                    cursor: "pointer",
+                    color: theme2.colors.textSecondary,
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    borderRadius: "4px",
+                    transition: "background-color 0.2s",
+                    flexShrink: 0
+                  },
+                  onMouseEnter: (e2) => {
+                    e2.currentTarget.style.backgroundColor = theme2.colors.backgroundTertiary;
+                  },
+                  onMouseLeave: (e2) => {
+                    e2.currentTarget.style.backgroundColor = "transparent";
+                  },
+                  children: /* @__PURE__ */ jsx$1(X$4, { size: 16 })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx$1("div", { style: { flex: 1, minHeight: 0 }, children: isLoading ? /* @__PURE__ */ jsx$1(
+          "div",
+          {
+            style: {
+              height: "100%",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              color: theme2.colors.textSecondary,
+              fontFamily: theme2.fonts.body
+            },
+            children: "Loading diff..."
+          }
+        ) : error ? /* @__PURE__ */ jsx$1(
+          "div",
+          {
+            style: {
+              height: "100%",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              color: theme2.colors.error,
+              padding: "20px",
+              textAlign: "center",
+              fontFamily: theme2.fonts.body
+            },
+            children: error
+          }
+        ) : /* @__PURE__ */ jsx$1(
+          ThemedMonacoDiffEditor,
+          {
+            theme: theme2,
+            original: originalContent,
+            modified: modifiedContent,
+            language: language2,
+            height: "100%",
+            options: {
+              renderSideBySide: true,
+              readOnly: true,
+              minimap: { enabled: false },
+              automaticLayout: true,
+              renderIndicators: true,
+              renderMarginRevertIcon: true,
+              ignoreTrimWhitespace: false,
+              diffAlgorithm: "advanced",
+              scrollbar: {
+                useShadows: false,
+                vertical: "auto",
+                horizontal: "auto"
+              }
+            },
+            loadingComponent: /* @__PURE__ */ jsx$1(
+              "div",
+              {
+                style: {
+                  height: "100%",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  color: theme2.colors.textSecondary
+                },
+                children: "Preparing diff editor..."
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+};
+const GitDiffPanel = (props) => {
+  return /* @__PURE__ */ jsx$1(GitDiffPanelContent, { ...props });
+};
+const GitDiffPanelPreview = () => {
+  const { theme: theme2 } = useTheme();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        padding: "12px",
+        fontSize: theme2.fontSizes[0],
+        color: theme2.colors.text,
+        display: "flex",
+        flexDirection: "column",
+        gap: "4px",
+        fontFamily: theme2.fonts.monospace
+      },
+      children: [
+        /* @__PURE__ */ jsx$1(
+          "div",
+          {
+            style: {
+              display: "flex",
+              gap: "8px"
+            },
+            children: /* @__PURE__ */ jsx$1("span", { style: { color: theme2.colors.textSecondary }, children: "@@ 12,5 @@" })
+          }
+        ),
+        /* @__PURE__ */ jsx$1("div", { style: { color: "#ef4444" }, children: "- const count = oldValue;" }),
+        /* @__PURE__ */ jsx$1("div", { style: { color: "#22c55e" }, children: "+ const count = newValue;" }),
+        /* @__PURE__ */ jsx$1("div", { style: { color: theme2.colors.textSecondary }, children: " return count;" })
+      ]
+    }
+  );
+};
 var N$6 = Object.defineProperty;
 var P$3 = (s2, t2, e2) => t2 in s2 ? N$6(s2, t2, { enumerable: true, configurable: true, writable: true, value: e2 }) : s2[t2] = e2;
 var p$4 = (s2, t2, e2) => P$3(s2, typeof t2 != "symbol" ? t2 + "" : t2, e2);
@@ -49416,7 +49419,7 @@ const panelPlugin = /* @__PURE__ */ ViewPlugin.fromClass(class {
     let input = update.state.facet(showPanel);
     if (input != this.input) {
       let specs = input.filter((x2) => x2);
-      let panels = [], top2 = [], bottom = [], mount = [];
+      let panels2 = [], top2 = [], bottom = [], mount = [];
       for (let spec of specs) {
         let known = this.specs.indexOf(spec), panel;
         if (known < 0) {
@@ -49427,11 +49430,11 @@ const panelPlugin = /* @__PURE__ */ ViewPlugin.fromClass(class {
           if (panel.update)
             panel.update(update);
         }
-        panels.push(panel);
+        panels2.push(panel);
         (panel.top ? top2 : bottom).push(panel);
       }
       this.specs = specs;
-      this.panels = panels;
+      this.panels = panels2;
       this.top.sync(top2);
       this.bottom.sync(bottom);
       for (let p2 of mount) {
@@ -49465,11 +49468,11 @@ class PanelGroup {
     this.panels = [];
     this.syncClasses();
   }
-  sync(panels) {
+  sync(panels2) {
     for (let p2 of this.panels)
-      if (p2.destroy && panels.indexOf(p2) < 0)
+      if (p2.destroy && panels2.indexOf(p2) < 0)
         p2.destroy();
-    this.panels = panels;
+    this.panels = panels2;
     this.syncDOM();
   }
   syncDOM() {
@@ -62253,7 +62256,7 @@ function legacy(parser2) {
   return new LanguageSupport(StreamLanguage.define(parser2));
 }
 function sql(dialectName) {
-  return import("./index-DR6-tbJq.js").then((m3) => m3.sql({ dialect: m3[dialectName] }));
+  return import("./index-x8WsxVsf.js").then((m3) => m3.sql({ dialect: m3[dialectName] }));
 }
 const languages = [
   // New-style language modes
@@ -62261,7 +62264,7 @@ const languages = [
     name: "C",
     extensions: ["c", "h", "ino"],
     load() {
-      return import("./index-ZhCVoili.js").then((m3) => m3.cpp());
+      return import("./index-C3nS7Yiu.js").then((m3) => m3.cpp());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62269,7 +62272,7 @@ const languages = [
     alias: ["cpp"],
     extensions: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"],
     load() {
-      return import("./index-ZhCVoili.js").then((m3) => m3.cpp());
+      return import("./index-C3nS7Yiu.js").then((m3) => m3.cpp());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62291,7 +62294,7 @@ const languages = [
     name: "Go",
     extensions: ["go"],
     load() {
-      return import("./index-Ds9lMu-c.js").then((m3) => m3.go());
+      return import("./index-uuzekAfi.js").then((m3) => m3.go());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62306,7 +62309,7 @@ const languages = [
     name: "Java",
     extensions: ["java"],
     load() {
-      return import("./index-CQtBr0UY.js").then((m3) => m3.java());
+      return import("./index-DAj-6bKc.js").then((m3) => m3.java());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62321,7 +62324,7 @@ const languages = [
     name: "Jinja",
     extensions: ["j2", "jinja", "jinja2"],
     load() {
-      return import("./index-CjyvtorY.js").then((m3) => m3.jinja());
+      return import("./index-C-79HWPu.js").then((m3) => m3.jinja());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62329,7 +62332,7 @@ const languages = [
     alias: ["json5"],
     extensions: ["json", "map"],
     load() {
-      return import("./index-BxXSPvaU.js").then((m3) => m3.json());
+      return import("./index-C6qWcx_6.js").then((m3) => m3.json());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62343,14 +62346,14 @@ const languages = [
     name: "LESS",
     extensions: ["less"],
     load() {
-      return import("./index-TBMiP6Sa.js").then((m3) => m3.less());
+      return import("./index-B8t5ZXru.js").then((m3) => m3.less());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Liquid",
     extensions: ["liquid"],
     load() {
-      return import("./index-DVQA1GI6.js").then((m3) => m3.liquid());
+      return import("./index-UJ416dxI.js").then((m3) => m3.liquid());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62382,7 +62385,7 @@ const languages = [
     name: "PHP",
     extensions: ["php", "php3", "php4", "php5", "php7", "phtml"],
     load() {
-      return import("./index-Bet4c99j.js").then((m3) => m3.php());
+      return import("./index-DDHzET8H.js").then((m3) => m3.php());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62403,28 +62406,28 @@ const languages = [
     extensions: ["BUILD", "bzl", "py", "pyw"],
     filename: /^(BUCK|BUILD)$/,
     load() {
-      return import("./index-ZGazVsqS.js").then((m3) => m3.python());
+      return import("./index-DiH_VlCK.js").then((m3) => m3.python());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Rust",
     extensions: ["rs"],
     load() {
-      return import("./index-CkLdyOmv.js").then((m3) => m3.rust());
+      return import("./index-RAIU1e6Y.js").then((m3) => m3.rust());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Sass",
     extensions: ["sass"],
     load() {
-      return import("./index-D1BS_vz8.js").then((m3) => m3.sass({ indented: true }));
+      return import("./index-BlPaGZBk.js").then((m3) => m3.sass({ indented: true }));
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "SCSS",
     extensions: ["scss"],
     load() {
-      return import("./index-D1BS_vz8.js").then((m3) => m3.sass());
+      return import("./index-BlPaGZBk.js").then((m3) => m3.sass());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62459,7 +62462,7 @@ const languages = [
     name: "WebAssembly",
     extensions: ["wat", "wast"],
     load() {
-      return import("./index-BjkLI8D3.js").then((m3) => m3.wast());
+      return import("./index-CR6Xoofu.js").then((m3) => m3.wast());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62467,7 +62470,7 @@ const languages = [
     alias: ["rss", "wsdl", "xsd"],
     extensions: ["xml", "xsl", "xsd", "svg"],
     load() {
-      return import("./index-BUkJBACP.js").then((m3) => m3.xml());
+      return import("./index-CGg_iuSE.js").then((m3) => m3.xml());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62475,7 +62478,7 @@ const languages = [
     alias: ["yml"],
     extensions: ["yaml", "yml"],
     load() {
-      return import("./index-CDkarLuR.js").then((m3) => m3.yaml());
+      return import("./index-BCmAXJzV.js").then((m3) => m3.yaml());
     }
   }),
   // Legacy modes ported from CodeMirror 5
@@ -63264,13 +63267,13 @@ const languages = [
     name: "Vue",
     extensions: ["vue"],
     load() {
-      return import("./index-u6DfL9YL.js").then((m3) => m3.vue());
+      return import("./index-DuVYHq19.js").then((m3) => m3.vue());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Angular Template",
     load() {
-      return import("./index-Bg6SAM4G.js").then((m3) => m3.angular());
+      return import("./index-DD_kem6H.js").then((m3) => m3.angular());
     }
   })
 ];
@@ -75304,6 +75307,24 @@ const UndoRedo = () => {
     }
   );
 };
+(function() {
+  if (typeof document === "undefined") return;
+  var id2 = "mdxeditor-base-styles-L1VzZXJz";
+  if (document.getElementById(id2)) return;
+  var style = document.createElement("style");
+  style.id = id2;
+  style.textContent = ":root, .light, .light-theme {\n  --blue-1: #fbfdff;\n  --blue-2: #f4faff;\n  --blue-3: #e6f4fe;\n  --blue-4: #d5efff;\n  --blue-5: #c2e5ff;\n  --blue-6: #acd8fc;\n  --blue-7: #8ec8f6;\n  --blue-8: #5eb1ef;\n  --blue-9: #0090ff;\n  --blue-10: #0588f0;\n  --blue-11: #0d74ce;\n  --blue-12: #113264;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .light, .light-theme {\n      --blue-1: color(display-p3 0.986 0.992 0.999);\n      --blue-2: color(display-p3 0.96 0.979 0.998);\n      --blue-3: color(display-p3 0.912 0.956 0.991);\n      --blue-4: color(display-p3 0.853 0.932 1);\n      --blue-5: color(display-p3 0.788 0.894 0.998);\n      --blue-6: color(display-p3 0.709 0.843 0.976);\n      --blue-7: color(display-p3 0.606 0.777 0.947);\n      --blue-8: color(display-p3 0.451 0.688 0.917);\n      --blue-9: color(display-p3 0.247 0.556 0.969);\n      --blue-10: color(display-p3 0.234 0.523 0.912);\n      --blue-11: color(display-p3 0.15 0.44 0.84);\n      --blue-12: color(display-p3 0.102 0.193 0.379);\n    }\n  }\n}\n\n.dark, .dark-theme {\n  --blue-1: #0d1520;\n  --blue-2: #111927;\n  --blue-3: #0d2847;\n  --blue-4: #003362;\n  --blue-5: #004074;\n  --blue-6: #104d87;\n  --blue-7: #205d9e;\n  --blue-8: #2870bd;\n  --blue-9: #0090ff;\n  --blue-10: #3b9eff;\n  --blue-11: #70b8ff;\n  --blue-12: #c2e6ff;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    .dark, .dark-theme {\n      --blue-1: color(display-p3 0.057 0.081 0.122);\n      --blue-2: color(display-p3 0.072 0.098 0.147);\n      --blue-3: color(display-p3 0.078 0.154 0.27);\n      --blue-4: color(display-p3 0.033 0.197 0.37);\n      --blue-5: color(display-p3 0.08 0.245 0.441);\n      --blue-6: color(display-p3 0.14 0.298 0.511);\n      --blue-7: color(display-p3 0.195 0.361 0.6);\n      --blue-8: color(display-p3 0.239 0.434 0.72);\n      --blue-9: color(display-p3 0.247 0.556 0.969);\n      --blue-10: color(display-p3 0.344 0.612 0.973);\n      --blue-11: color(display-p3 0.49 0.72 1);\n      --blue-12: color(display-p3 0.788 0.898 0.99);\n    }\n  }\n}\n\n:root, .light, .light-theme {\n  --slate-1: #fcfcfd;\n  --slate-2: #f9f9fb;\n  --slate-3: #f0f0f3;\n  --slate-4: #e8e8ec;\n  --slate-5: #e0e1e6;\n  --slate-6: #d9d9e0;\n  --slate-7: #cdced6;\n  --slate-8: #b9bbc6;\n  --slate-9: #8b8d98;\n  --slate-10: #80838d;\n  --slate-11: #60646c;\n  --slate-12: #1c2024;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .light, .light-theme {\n      --slate-1: color(display-p3 0.988 0.988 0.992);\n      --slate-2: color(display-p3 0.976 0.976 0.984);\n      --slate-3: color(display-p3 0.94 0.941 0.953);\n      --slate-4: color(display-p3 0.908 0.909 0.925);\n      --slate-5: color(display-p3 0.88 0.881 0.901);\n      --slate-6: color(display-p3 0.85 0.852 0.876);\n      --slate-7: color(display-p3 0.805 0.808 0.838);\n      --slate-8: color(display-p3 0.727 0.733 0.773);\n      --slate-9: color(display-p3 0.547 0.553 0.592);\n      --slate-10: color(display-p3 0.503 0.512 0.549);\n      --slate-11: color(display-p3 0.379 0.392 0.421);\n      --slate-12: color(display-p3 0.113 0.125 0.14);\n    }\n  }\n}\n\n.dark, .dark-theme {\n  --slate-1: #111113;\n  --slate-2: #18191b;\n  --slate-3: #212225;\n  --slate-4: #272a2d;\n  --slate-5: #2e3135;\n  --slate-6: #363a3f;\n  --slate-7: #43484e;\n  --slate-8: #5a6169;\n  --slate-9: #696e77;\n  --slate-10: #777b84;\n  --slate-11: #b0b4ba;\n  --slate-12: #edeef0;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    .dark, .dark-theme {\n      --slate-1: color(display-p3 0.067 0.067 0.074);\n      --slate-2: color(display-p3 0.095 0.098 0.105);\n      --slate-3: color(display-p3 0.13 0.135 0.145);\n      --slate-4: color(display-p3 0.156 0.163 0.176);\n      --slate-5: color(display-p3 0.183 0.191 0.206);\n      --slate-6: color(display-p3 0.215 0.226 0.244);\n      --slate-7: color(display-p3 0.265 0.28 0.302);\n      --slate-8: color(display-p3 0.357 0.381 0.409);\n      --slate-9: color(display-p3 0.415 0.431 0.463);\n      --slate-10: color(display-p3 0.469 0.483 0.514);\n      --slate-11: color(display-p3 0.692 0.704 0.728);\n      --slate-12: color(display-p3 0.93 0.933 0.94);\n    }\n  }\n}\n\n:root, .light, .light-theme {\n  --grass-1: #fbfefb;\n  --grass-2: #f5fbf5;\n  --grass-3: #e9f6e9;\n  --grass-4: #daf1db;\n  --grass-5: #c9e8ca;\n  --grass-6: #b2ddb5;\n  --grass-7: #94ce9a;\n  --grass-8: #65ba74;\n  --grass-9: #46a758;\n  --grass-10: #3e9b4f;\n  --grass-11: #2a7e3b;\n  --grass-12: #203c25;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .light, .light-theme {\n      --grass-1: color(display-p3 0.986 0.996 0.985);\n      --grass-2: color(display-p3 0.966 0.983 0.964);\n      --grass-3: color(display-p3 0.923 0.965 0.917);\n      --grass-4: color(display-p3 0.872 0.94 0.865);\n      --grass-5: color(display-p3 0.811 0.908 0.802);\n      --grass-6: color(display-p3 0.733 0.864 0.724);\n      --grass-7: color(display-p3 0.628 0.803 0.622);\n      --grass-8: color(display-p3 0.477 0.72 0.482);\n      --grass-9: color(display-p3 0.38 0.647 0.378);\n      --grass-10: color(display-p3 0.344 0.598 0.342);\n      --grass-11: color(display-p3 0.263 0.488 0.261);\n      --grass-12: color(display-p3 0.151 0.233 0.153);\n    }\n  }\n}\n\n:root, .light, .light-theme {\n  --cyan-1: #fafdfe;\n  --cyan-2: #f2fafb;\n  --cyan-3: #def7f9;\n  --cyan-4: #caf1f6;\n  --cyan-5: #b5e9f0;\n  --cyan-6: #9ddde7;\n  --cyan-7: #7dcedc;\n  --cyan-8: #3db9cf;\n  --cyan-9: #00a2c7;\n  --cyan-10: #0797b9;\n  --cyan-11: #107d98;\n  --cyan-12: #0d3c48;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .light, .light-theme {\n      --cyan-1: color(display-p3 0.982 0.992 0.996);\n      --cyan-2: color(display-p3 0.955 0.981 0.984);\n      --cyan-3: color(display-p3 0.888 0.965 0.975);\n      --cyan-4: color(display-p3 0.821 0.941 0.959);\n      --cyan-5: color(display-p3 0.751 0.907 0.935);\n      --cyan-6: color(display-p3 0.671 0.862 0.9);\n      --cyan-7: color(display-p3 0.564 0.8 0.854);\n      --cyan-8: color(display-p3 0.388 0.715 0.798);\n      --cyan-9: color(display-p3 0.282 0.627 0.765);\n      --cyan-10: color(display-p3 0.264 0.583 0.71);\n      --cyan-11: color(display-p3 0.08 0.48 0.63);\n      --cyan-12: color(display-p3 0.108 0.232 0.277);\n    }\n  }\n}\n\n:root, .light, .light-theme {\n  --amber-1: #fefdfb;\n  --amber-2: #fefbe9;\n  --amber-3: #fff7c2;\n  --amber-4: #ffee9c;\n  --amber-5: #fbe577;\n  --amber-6: #f3d673;\n  --amber-7: #e9c162;\n  --amber-8: #e2a336;\n  --amber-9: #ffc53d;\n  --amber-10: #ffba18;\n  --amber-11: #ab6400;\n  --amber-12: #4f3422;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .light, .light-theme {\n      --amber-1: color(display-p3 0.995 0.992 0.985);\n      --amber-2: color(display-p3 0.994 0.986 0.921);\n      --amber-3: color(display-p3 0.994 0.969 0.782);\n      --amber-4: color(display-p3 0.989 0.937 0.65);\n      --amber-5: color(display-p3 0.97 0.902 0.527);\n      --amber-6: color(display-p3 0.936 0.844 0.506);\n      --amber-7: color(display-p3 0.89 0.762 0.443);\n      --amber-8: color(display-p3 0.85 0.65 0.3);\n      --amber-9: color(display-p3 1 0.77 0.26);\n      --amber-10: color(display-p3 0.959 0.741 0.274);\n      --amber-11: color(display-p3 0.64 0.4 0);\n      --amber-12: color(display-p3 0.294 0.208 0.145);\n    }\n  }\n}\n\n:root, .light, .light-theme {\n  --red-1: #fffcfc;\n  --red-2: #fff7f7;\n  --red-3: #feebec;\n  --red-4: #ffdbdc;\n  --red-5: #ffcdce;\n  --red-6: #fdbdbe;\n  --red-7: #f4a9aa;\n  --red-8: #eb8e90;\n  --red-9: #e5484d;\n  --red-10: #dc3e42;\n  --red-11: #ce2c31;\n  --red-12: #641723;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .light, .light-theme {\n      --red-1: color(display-p3 0.998 0.989 0.988);\n      --red-2: color(display-p3 0.995 0.971 0.971);\n      --red-3: color(display-p3 0.985 0.925 0.925);\n      --red-4: color(display-p3 0.999 0.866 0.866);\n      --red-5: color(display-p3 0.984 0.812 0.811);\n      --red-6: color(display-p3 0.955 0.751 0.749);\n      --red-7: color(display-p3 0.915 0.675 0.672);\n      --red-8: color(display-p3 0.872 0.575 0.572);\n      --red-9: color(display-p3 0.83 0.329 0.324);\n      --red-10: color(display-p3 0.798 0.294 0.285);\n      --red-11: color(display-p3 0.744 0.234 0.222);\n      --red-12: color(display-p3 0.36 0.115 0.143);\n    }\n  }\n}\n\n/** Code mirror */\n\n.mdxeditor .cm-editor {\n    --sp-font-mono: var(--font-mono);\n    --sp-font-body: var(--font-body);\n    padding: var(--sp-space-4) 0;\n  }\n\n.mdxeditor .sp-editor .cm-editor {\n    padding-bottom: 0;\n  }\n\n.mdxeditor .cm-scroller {\n    padding: 0 !important;\n  }\n\n.mdxeditor .cm-focused {\n    outline: none;\n  }\n\n.mdxeditor .sp-wrapper {\n    overflow: hidden;\n  }\n\n.mdxeditor .sp-layout {\n    border: none;\n  }\n\n.mdxeditor .sp-cm pre {\n      white-space: break-spaces;\n      word-break: break-word;\n      overflow-wrap: anywhere;\n      flex-shrink: 1;\n    }\n\n/** Diff viewer */\n\n.mdxeditor .cm-mergeView .cm-scroller {\n    font-family: var(--font-mono);\n    line-height: 1.3rem;\n    font-size: var(--text-xs);\n  }\n\n/** Diff viewer */\n\n.mdxeditor .cm-sourceView .cm-scroller {\n    font-family: var(--font-mono);\n    line-height: 1.3rem;\n    font-size: var(--text-xs);\n  }\n\n.mdxeditor .cm-gutters {\n    background: transparent;\n    font-size: var(--text-xxs);\n  }\n\n.mdxeditor .cm-activeLine {\n    background: transparent;\n  }\n\n.mdxeditor .cm-tooltip-autocomplete {\n    background: var(--baseBgSubtle);\n  }\n\n.mdxeditor hr.selected[data-lexical-decorator=true] {\n    outline: 2px solid highlight;\n  }\n._editorRoot_1e2ox_53 {\n  --accentBase: var(--blue-1);\n  --accentBgSubtle: var(--blue-2);\n  --accentBg: var(--blue-3);\n  --accentBgHover: var(--blue-4);\n  --accentBgActive: var(--blue-5);\n  --accentLine: var(--blue-6);\n  --accentBorder: var(--blue-7);\n  --accentBorderHover: var(--blue-8);\n  --accentSolid: var(--blue-9);\n  --accentSolidHover: var(--blue-10);\n  --accentText: var(--blue-11);\n  --accentTextContrast: var(--blue-12);\n\n  --basePageBg: white;\n  --baseBase: var(--slate-1);\n  --baseBgSubtle: var(--slate-2);\n  --baseBg: var(--slate-3);\n  --baseBgHover: var(--slate-4);\n  --baseBgActive: var(--slate-5);\n  --baseLine: var(--slate-6);\n  --baseBorder: var(--slate-7);\n  --baseBorderHover: var(--slate-8);\n  --baseSolid: var(--slate-9);\n  --baseSolidHover: var(--slate-10);\n  --baseText: var(--slate-11);\n  --baseTextContrast: var(--slate-12);\n\n  --admonitionTipBg: var(--cyan-4);\n  --admonitionTipBorder: var(--cyan-8);\n\n  --admonitionInfoBg: var(--grass-4);\n  --admonitionInfoBorder: var(--grass-8);\n\n  --admonitionCautionBg: var(--amber-4);\n  --admonitionCautionBorder: var(--amber-8);\n\n  --admonitionDangerBg: var(--red-4);\n  --admonitionDangerBorder: var(--red-8);\n\n  --admonitionNoteBg: var(--slate-4);\n  --admonitionNoteBorder: var(--slate-8);\n\n  --error-color: var(--red-10);\n\n  --spacing-0: 0px;\n  --spacing-px: 1px;\n  --spacing-0_5: 0.125rem;\n  --spacing-1: 0.25rem;\n  --spacing-1_5: 0.375rem;\n  --spacing-2: 0.5rem;\n  --spacing-2_5: 0.625rem;\n  --spacing-3: 0.75rem;\n  --spacing-3_5: 0.875rem;\n  --spacing-4: 1rem;\n  --spacing-5: 1.25rem;\n  --spacing-6: 1.5rem;\n  --spacing-7: 1.75rem;\n  --spacing-8: 2rem;\n  --spacing-9: 2.25rem;\n  --spacing-10: 2.5rem;\n  --spacing-11: 2.75rem;\n  --spacing-12: 3rem;\n  --spacing-14: 3.5rem;\n  --spacing-16: 4rem;\n  --spacing-20: 5rem;\n  --spacing-24: 6rem;\n  --spacing-28: 7rem;\n  --spacing-32: 8rem;\n  --spacing-36: 9rem;\n  --spacing-40: 10rem;\n  --spacing-44: 11rem;\n  --spacing-48: 12rem;\n  --spacing-52: 13rem;\n  --spacing-56: 14rem;\n  --spacing-60: 15rem;\n  --spacing-64: 16rem;\n  --spacing-72: 18rem;\n  --spacing-80: 20rem;\n  --spacing-96: 24rem;\n\n  --radius-none: 0px;\n  --radius-small: var(--spacing-0_5);\n  --radius-base: var(--spacing-1);\n  --radius-medium: var(--spacing-1_5);\n  --radius-large: var(--spacing-2);\n  --radius-extra-large: var(--spacing-3);\n  --radius-full: 9999px;\n\n  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\n  --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',\n    sans-serif;\n\n  --text-base: 1rem;\n  --text-sm: 0.875rem;\n  --text-xs: 0.75rem;\n  --text-xxs: 0.6rem;\n\n  font-family: var(--font-body);\n  color: var(--baseText);\n}\n\n._editorWrapper_1e2ox_155 {\n}\n\n._nestedListItem_1e2ox_158 {\n  list-style: none;\n}\n\n._toolbarRoot_1e2ox_162 {\n  z-index: 2;\n  display: flex;\n  flex-direction: row;\n  gap: var(--spacing-1);\n  border-radius: var(--radius-medium);\n  padding: var(--spacing-1_5);\n  align-items: center;\n  overflow-x: auto;\n  position: sticky;\n  top: 0;\n  background-color: var(--baseBg);\n  width: inherit;\n}\n\n._toolbarRoot_1e2ox_162 div[role='separator'] {\n    margin: var(--spacing-2) var(--spacing-1);\n    border-left: 1px solid var(--baseBorder);\n    border-right: 1px solid var(--baseBase);\n    height: var(--spacing-4);\n  }\n\n._toolbarRoot_1e2ox_162 svg {\n    color: var(--baseTextContrast);\n    display: block;\n  }\n\n._readOnlyToolbarRoot_1e2ox_189 {\n  pointer-events: none;\n  background: var(--baseBase);\n}\n\n._readOnlyToolbarRoot_1e2ox_189 > div {\n    opacity: 0.5;\n  }\n\n._toolbarModeSwitch_1e2ox_198 {\n  opacity: 1 !important;\n  margin-left: auto;\n  align-self: stretch;\n  align-items: stretch;\n  display: flex;\n  border: 1px solid var(--baseBg);\n  border-radius: var(--radius-medium);\n  font-size: var(--text-xs);\n}\n\n._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208 {\n    padding-inline-end: var(--spacing-4);\n    padding-inline-start: var(--spacing-4);\n  }\n\n._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:active,\n    ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208[data-state='on'] {\n      background-color: var(--baseBorder);\n    }\n\n._toolbarGroupOfGroups_1e2ox_219 {\n  display: flex;\n  margin: 0 var(--spacing-1);\n}\n\n._toolbarToggleSingleGroup_1e2ox_224:first-of-type ._toolbarToggleItem_1e2ox_208:only-child,\n._toolbarToggleSingleGroup_1e2ox_224:only-child ._toolbarToggleItem_1e2ox_208:first-child,\n._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:first-child {\n  border-top-left-radius: var(--radius-base);\n  border-bottom-left-radius: var(--radius-base);\n}\n\n._toolbarToggleSingleGroup_1e2ox_224:last-of-type ._toolbarToggleItem_1e2ox_208:only-child,\n._toolbarToggleSingleGroup_1e2ox_224:only-child ._toolbarToggleItem_1e2ox_208:last-child,\n._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:last-child {\n  border-top-right-radius: var(--radius-base);\n  border-bottom-right-radius: var(--radius-base);\n}\n\n._toolbarToggleItem_1e2ox_208,\n._toolbarButton_1e2ox_239 {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  padding: var(--spacing-0_5);\n}\n\n@media (hover: hover) {\n    ._toolbarToggleItem_1e2ox_208:hover, ._toolbarButton_1e2ox_239:hover {\n      background-color: var(--baseBgActive);\n    }\n  }\n\n._toolbarToggleItem_1e2ox_208:active svg, ._toolbarButton_1e2ox_239:active svg {\n    transform: translate(1px, 1px);\n  }\n\n._toolbarToggleItem_1e2ox_208[data-state='on'],\n  ._toolbarButton_1e2ox_239[data-state='on'],\n  ._toolbarToggleItem_1e2ox_208:active,\n  ._toolbarButton_1e2ox_239:active {\n    color: var(--baseTextContrast);\n    background-color: var(--baseBgActive);\n  }\n\n._toolbarToggleItem_1e2ox_208[data-disabled], ._toolbarButton_1e2ox_239[data-disabled] {\n    pointer-events: none;\n  }\n\n._toolbarToggleItem_1e2ox_208[data-disabled] svg, ._toolbarButton_1e2ox_239[data-disabled] svg {\n      color: var(--baseBorderHover);\n    }\n\n._toolbarButton_1e2ox_239 {\n  border-radius: var(--radius-base);\n}\n\n._toolbarButton_1e2ox_239 + ._toolbarButton_1e2ox_239 {\n  margin-left: var(--spacing-1);\n}\n\n._activeToolbarButton_1e2ox_275 {\n  color: var(--accentText);\n}\n\n._toolbarToggleSingleGroup_1e2ox_224 {\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n}\n\n._toolbarNodeKindSelectContainer_1e2ox_285,\n._toolbarButtonDropdownContainer_1e2ox_286,\n._toolbarCodeBlockLanguageSelectContent_1e2ox_287,\n._selectContainer_1e2ox_288 {\n  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));\n  z-index: 3;\n  width: var(--spacing-36);\n  border-bottom-left-radius: var(--radius-base);\n  border-bottom-right-radius: var(--radius-base);\n  background-color: var(--basePageBg);\n  font-size: var(--text-sm);\n}\n\n._toolbarButtonDropdownContainer_1e2ox_286 {\n  border-top-right-radius: var(--radius-base);\n}\n\n._toolbarButtonDropdownContainer_1e2ox_286 ._selectItem_1e2ox_301:first-child {\n    border-top-right-radius: var(--radius-base);\n  }\n\n._toolbarNodeKindSelectTrigger_1e2ox_306,\n._toolbarButtonSelectTrigger_1e2ox_307,\n._selectTrigger_1e2ox_308 {\n  border: 0;\n  background-color: transparent;\n  display: flex;\n  color: inherit;\n  align-items: center;\n  width: var(--spacing-36);\n  padding: var(--spacing-0_5) var(--spacing-1);\n  padding-inline-start: var(--spacing-2);\n  border-radius: var(--radius-medium);\n  white-space: nowrap;\n  flex-wrap: nowrap;\n  font-size: var(--text-sm);\n  background-color: var(--basePageBg);\n  margin: 0 var(--spacing-1);\n}\n\n._toolbarNodeKindSelectTrigger_1e2ox_306[data-state='open'], ._toolbarButtonSelectTrigger_1e2ox_307[data-state='open'], ._selectTrigger_1e2ox_308[data-state='open'] {\n    filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));\n    border-bottom-right-radius: var(--radius-none);\n    border-bottom-left-radius: var(--radius-none);\n  }\n\n._selectTrigger_1e2ox_308[data-placeholder] > span:first-child {\n  color: var(--baseBorderHover);\n}\n\n/** used in the sandpack */\n._toolbarButtonSelectTrigger_1e2ox_307 {\n  width: auto;\n  padding-inline-start: var(--spacing-2);\n  padding-inline-end: var(--spacing-1);\n  padding-block: var(--spacing-0_5);\n}\n\n._toolbarCodeBlockLanguageSelectTrigger_1e2ox_343,\n._toolbarCodeBlockLanguageSelectContent_1e2ox_287 {\n  width: var(--spacing-48);\n}\n\n._toolbarNodeKindSelectItem_1e2ox_348,\n._selectItem_1e2ox_301 {\n  cursor: default;\n  display: flex;\n  padding: var(--spacing-2);\n}\n\n._toolbarNodeKindSelectItem_1e2ox_348[data-highlighted], ._selectItem_1e2ox_301[data-highlighted] {\n    background-color: var(--baseBg);\n  }\n\n._toolbarNodeKindSelectItem_1e2ox_348[data-state='checked'], ._selectItem_1e2ox_301[data-state='checked'] {\n    color: var(--baseTextContrast);\n    background-color: var(--baseBg);\n  }\n\n._toolbarNodeKindSelectItem_1e2ox_348[data-highlighted], ._selectItem_1e2ox_301[data-highlighted] {\n    outline: none;\n  }\n\n._toolbarNodeKindSelectItem_1e2ox_348:last-child, ._selectItem_1e2ox_301:last-child {\n    border-bottom-left-radius: var(--radius-base);\n    border-bottom-right-radius: var(--radius-base);\n  }\n\n._toolbarNodeKindSelectDropdownArrow_1e2ox_373,\n._selectDropdownArrow_1e2ox_374 {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n}\n\n._contentEditable_1e2ox_380 {\n  box-sizing: border-box;\n  width: 100%;\n  color: var(--baseTextContrast);\n\n  padding: var(--spacing-3);\n}\n\n._contentEditable_1e2ox_380:focus {\n    outline: none;\n  }\n\n._codeMirrorWrapper_1e2ox_392 {\n  margin-bottom: var(--spacing-5);\n  border: 1px solid var(--baseLine);\n  border-radius: var(--radius-medium);\n  overflow: hidden;\n  padding: 0.8rem;\n  position: relative;\n}\n\n._sandPackWrapper_1e2ox_401 {\n  margin-bottom: var(--spacing-5);\n  border: 1px solid var(--baseLine);\n  border-radius: var(--radius-medium);\n  overflow: hidden;\n  position: relative;\n}\n\n._codeMirrorToolbar_1e2ox_409 {\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  gap: var(--spacing-1);\n  padding: var(--spacing-1);\n  z-index: 1;\n  background-color: var(--baseBase);\n  border-bottom-left-radius: var(--radius-base);\n}\n\n._frontmatterWrapper_1e2ox_413 {\n  border-radius: var(--radius-medium);\n  padding: var(--spacing-3);\n  background-color: var(--baseBgSubtle);\n}\n\n._frontmatterWrapper_1e2ox_413[data-expanded='true'] {\n    margin-bottom: var(--spacing-10);\n  }\n\n._frontmatterToggleButton_1e2ox_423 {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-1);\n  font-size: var(--text-sm);\n}\n\n._propertyPanelTitle_1e2ox_431 {\n  font-size: var(--text-xs);\n  font-weight: 400;\n  margin: 0;\n  padding-top: var(--spacing-2);\n  padding-left: var(--spacing-2);\n}\n\n._propertyEditorTable_1e2ox_439 {\n  table-layout: fixed;\n  border-spacing: var(--spacing-2);\n}\n\n._propertyEditorTable_1e2ox_439 th {\n    text-align: left;\n    font-size: var(--text-sm);\n    padding: var(--spacing-2) var(--spacing-3);\n  }\n\n._propertyEditorTable_1e2ox_439 col:nth-child(1) {\n    width: 30%;\n  }\n\n._propertyEditorTable_1e2ox_439 col:nth-child(2) {\n    width: 70%;\n  }\n\n._propertyEditorTable_1e2ox_439 td:last-child ._iconButton_1e2ox_457 {\n    margin-left: var(--spacing-4);\n    margin-right: var(--spacing-4);\n  }\n\n._propertyEditorTable_1e2ox_439 ._readOnlyColumnCell_1e2ox_462 {\n    padding-left: 0;\n  }\n\n._propertyEditorLabelCell_1e2ox_467 {\n  font-weight: 400;\n}\n\n._readOnlyColumnCell_1e2ox_462 {\n  padding-left: 0;\n}\n\n._buttonsFooter_1e2ox_475 {\n  display: flex;\n  justify-content: flex-end;\n  gap: var(--spacing-2);\n}\n\n._propertyEditorInput_1e2ox_481 {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  width: 100%;\n  padding: var(--spacing-2) var(--spacing-3);\n  border-radius: var(--radius-base);\n  border: 1px solid var(--baseBorder);\n  background-color: var(--baseBase);\n  font-size: var(--text-sm);\n}\n\n._iconButton_1e2ox_457 {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  color: var(--baseText);\n}\n\n@media (hover: hover) {\n    ._iconButton_1e2ox_457:hover {\n      color: var(--baseTextContrast);\n    }\n  }\n\n._iconButton_1e2ox_457:disabled,\n  ._iconButton_1e2ox_457:disabled:hover {\n    color: var(--baseLine);\n  }\n\n._primaryButton_1e2ox_507,\n._secondaryButton_1e2ox_508 {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  padding: var(--spacing-2) var(--spacing-3);\n  border: 1px solid var(--accentBorder);\n  background-color: var(--accentSolidHover);\n  color: var(--baseBase);\n  font-size: var(--text-xs);\n  border-radius: var(--radius-medium);\n}\n\n._primaryButton_1e2ox_507:disabled, ._secondaryButton_1e2ox_508:disabled {\n    background: var(--accentLine);\n    border-color: var(--accentBg);\n  }\n\n._smallButton_1e2ox_523 {\n  font-size: var(--text-xs);\n  padding: var(--spacing-1) var(--spacing-2);\n  border-radius: var(--radius-base);\n}\n\n._secondaryButton_1e2ox_508 {\n  border: 1px solid var(--baseBorder);\n  background-color: var(--baseSolidHover);\n  color: var(--baseBase);\n}\n\n._dialogForm_1e2ox_535 {\n  display: flex;\n  flex-direction: row;\n  gap: var(--spacing-2);\n}\n\n._linkDialogEditForm_1e2ox_541 {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: var(--spacing-2);\n  padding: 0;\n}\n\n._linkDialogInputContainer_1e2ox_549 {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}\n\n._linkDialogInputWrapper_1e2ox_555 {\n  display: flex;\n  align-items: center;\n  background-color: var(--baseBase);\n\n  border-radius: var(--radius-base);\n  border: 1px solid var(--baseBorder);\n}\n\n._linkDialogInputWrapper_1e2ox_555[data-visible-dropdown='true'] {\n    border-bottom-left-radius: var(--radius-none);\n    border-bottom-right-radius: var(--radius-none);\n    border-bottom-width: 0;\n  }\n\n._linkDialogInputWrapper_1e2ox_555 > button {\n    border: 0;\n    background-color: transparent;\n    font-size: inherit;\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    all: unset;\n    box-sizing: border-box;\n    cursor: default;\n    padding-right: var(--spacing-2);\n  }\n\n._linkDialogInput_1e2ox_549,\n._dialogInput_1e2ox_576 {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  width: 20rem;\n  padding: var(--spacing-2) var(--spacing-3);\n  font-size: var(--text-sm);\n}\n\n._linkDialogInput_1e2ox_549::-moz-placeholder, ._dialogInput_1e2ox_576::-moz-placeholder {\n    color: var(--baseBorder);\n  }\n\n._linkDialogInput_1e2ox_549::placeholder, ._dialogInput_1e2ox_576::placeholder {\n    color: var(--baseBorder);\n  }\n\n._linkDialogAnchor_1e2ox_587 {\n  position: fixed;\n  background-color: highlight;\n  z-index: -1;\n}\n\n._linkDialogAnchor_1e2ox_587[data-visible='true'] {\n    visibility: visible;\n  }\n\n._linkDialogAnchor_1e2ox_587[data-visible='false'] {\n    visibility: hidden;\n  }\n\n._linkDialogPopoverContent_1e2ox_601,\n._tableColumnEditorPopoverContent_1e2ox_602,\n._dialogContent_1e2ox_603 {\n  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-0_5);\n  border-radius: var(--radius-medium);\n  border: 1px solid var(--baseBg);\n  background-color: var(--basePageBg);\n  padding: var(--spacing-1) var(--spacing-1);\n  font-size: var(--text-sm);\n}\n\n._largeDialogContent_1e2ox_615 {\n  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));\n  gap: var(--spacing-0_5);\n  border-radius: var(--radius-medium);\n  border: 1px solid var(--baseBorder);\n  background-color: var(--baseBgSubtle);\n  padding: var(--spacing-4);\n  font-size: var(--text-sm);\n}\n\n._dialogTitle_1e2ox_625 {\n  font-size: var(--text-base);\n  font-weight: 600;\n  padding-left: var(--spacing-2);\n}\n\n._dialogCloseButton_1e2ox_631 {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  position: absolute;\n  top: 10px;\n  right: 10px;\n}\n\n._popoverContent_1e2ox_638 {\n  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-0_5);\n  border-radius: var(--radius-medium);\n  background-color: var(--baseBgSubtle);\n  padding: var(--spacing-2) var(--spacing-2);\n  font-size: var(--text-sm);\n  z-index: 1;\n}\n\n._popoverArrow_1e2ox_650 {\n  fill: var(--basePageBg);\n}\n\n._linkDialogPreviewAnchor_1e2ox_654 {\n  margin-right: var(--spacing-1);\n  display: flex;\n  align-items: center;\n  color: var(--accentText);\n  text-decoration: none;\n\n  border: 1px solid transparent;\n}\n\n@media (hover: hover) {\n    ._linkDialogPreviewAnchor_1e2ox_654:hover {\n      color: var(--accentSolidHover);\n    }\n  }\n\n._linkDialogPreviewAnchor_1e2ox_654 span {\n    max-width: 14rem;\n    overflow-x: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n._tooltipTrigger_1e2ox_677 {\n  align-self: center;\n}\n\n._tooltipContent_1e2ox_681 {\n  z-index: 2;\n  position: relative;\n  border-radius: var(--radius-medium);\n  padding: var(--spacing-1) var(--spacing-2);\n  font-size: var(--text-xs);\n  background-color: var(--baseText);\n  color: var(--baseBase);\n}\n\n._tooltipContent_1e2ox_681 svg {\n    fill: var(--baseText);\n  }\n\n._actionButton_1e2ox_695 {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  padding: var(--spacing-1);\n  color: var(--baseTextContrast);\n  padding: var(--spacing-1) var(--spacing-1);\n  border-radius: var(--radius-medium);\n  color: var(--baseTextContrast);\n}\n\n._actionButton_1e2ox_695 svg {\n    display: block;\n  }\n\n@media (hover: hover) {\n    ._actionButton_1e2ox_695:hover {\n      background-color: var(--baseBg);\n    }\n  }\n\n._actionButton_1e2ox_695:active svg {\n    transform: translate(1px, 1px);\n  }\n\n._actionButton_1e2ox_695[data-state='on'],\n  ._actionButton_1e2ox_695:active {\n    background-color: var(--baseBg);\n    color: var(--baseTextContrast);\n  }\n\n._primaryActionButton_1e2ox_702 {\n  background-color: var(--accentSolid);\n  color: var(--baseBase);\n}\n\n@media (hover: hover) {\n    ._primaryActionButton_1e2ox_702:hover {\n      background-color: var(--accentSolidHover);\n      color: var(--baseBase);\n    }\n  }\n\n._tableEditor_1e2ox_714 {\n  table-layout: fixed;\n  width: 100%;\n  height: 100%;\n  border-spacing: 0;\n  border-collapse: collapse;\n}\n\n._tableEditor_1e2ox_714 thead > tr > th {\n    text-align: right;\n  }\n\n._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),\n  ._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true']) {\n    border: 1px solid var(--baseBgActive);\n    padding: var(--spacing-1) var(--spacing-2);\n    white-space: normal;\n  }\n\n:is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) > div {\n      outline: none;\n    }\n\n:is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) > div > p {\n        margin: 0;\n      }\n\n[data-active='true']:is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) {\n      outline: solid 1px var(--baseSolid);\n    }\n\n._tableEditor_1e2ox_714 ._tableColumnEditorTrigger_1e2ox_744,\n  ._tableEditor_1e2ox_714 ._tableRowEditorTrigger_1e2ox_745,\n  ._tableEditor_1e2ox_714 ._addRowButton_1e2ox_746,\n  ._tableEditor_1e2ox_714 ._addColumnButton_1e2ox_747,\n  ._tableEditor_1e2ox_714 ._iconButton_1e2ox_457 {\n    opacity: 0.15;\n  }\n\n@media (hover: hover) {\n      ._tableEditor_1e2ox_714:hover ._tableColumnEditorTrigger_1e2ox_744,\n      ._tableEditor_1e2ox_714:hover ._tableRowEditorTrigger_1e2ox_745,\n      ._tableEditor_1e2ox_714:hover ._addRowButton_1e2ox_746,\n      ._tableEditor_1e2ox_714:hover ._addColumnButton_1e2ox_747,\n      ._tableEditor_1e2ox_714:hover ._iconButton_1e2ox_457 {\n        opacity: 0.3;\n      }\n\n        ._tableEditor_1e2ox_714:hover ._tableColumnEditorTrigger_1e2ox_744:hover, ._tableEditor_1e2ox_714:hover ._tableRowEditorTrigger_1e2ox_745:hover, ._tableEditor_1e2ox_714:hover ._addRowButton_1e2ox_746:hover, ._tableEditor_1e2ox_714:hover ._addColumnButton_1e2ox_747:hover, ._tableEditor_1e2ox_714:hover ._iconButton_1e2ox_457:hover {\n          opacity: 1;\n        }\n  }\n\n._toolCell_1e2ox_725 {\n  text-align: right;\n}\n\n._toolCell_1e2ox_725 button {\n    margin: auto;\n    display: block;\n  }\n\n._tableColumnEditorTrigger_1e2ox_744 {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  padding: var(--spacing-1);\n  color: var(--baseTextContrast);\n  padding: var(--spacing-1);\n  border-radius: var(--radius-full);\n  opacity: 0.2;\n}\n\n._tableColumnEditorTrigger_1e2ox_744 svg {\n    display: block;\n  }\n\n@media (hover: hover) {\n    ._tableColumnEditorTrigger_1e2ox_744:hover {\n      background-color: var(--baseBg);\n    }\n  }\n\n._tableColumnEditorTrigger_1e2ox_744:active svg {\n    transform: translate(1px, 1px);\n  }\n\n._tableColumnEditorTrigger_1e2ox_744[data-state='on'],\n  ._tableColumnEditorTrigger_1e2ox_744:active {\n    background-color: var(--baseBg);\n    color: var(--baseTextContrast);\n  }\n\n._tableColumnEditorTrigger_1e2ox_744[data-active='true'] {\n    opacity: 1 !important;\n  }\n\n._tableColumnEditorToolbar_1e2ox_789 {\n  display: flex;\n}\n\n._tableColumnEditorToolbar_1e2ox_789 > button {\n    border: 0;\n    background-color: transparent;\n    font-size: inherit;\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    all: unset;\n    box-sizing: border-box;\n    cursor: default;\n    padding: var(--spacing-1);\n    color: var(--baseTextContrast);\n  }\n\n._tableColumnEditorToolbar_1e2ox_789 > button svg {\n    display: block;\n  }\n\n@media (hover: hover) {\n    ._tableColumnEditorToolbar_1e2ox_789 > button:hover {\n      background-color: var(--baseBg);\n    }\n  }\n\n._tableColumnEditorToolbar_1e2ox_789 > button:active svg {\n    transform: translate(1px, 1px);\n  }\n\n._tableColumnEditorToolbar_1e2ox_789 > button[data-state='on'],\n  ._tableColumnEditorToolbar_1e2ox_789 > button:active {\n    background-color: var(--baseBg);\n    color: var(--baseTextContrast);\n  }\n\n._tableColumnEditorToolbar_1e2ox_789 [role='separator'] {\n    margin-left: var(--spacing-1);\n    margin-right: var(--spacing-1);\n  }\n\n._toggleGroupRoot_1e2ox_802 {\n  display: inline-flex;\n}\n\n._toggleGroupRoot_1e2ox_802 button {\n    border: 0;\n    background-color: transparent;\n    font-size: inherit;\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    all: unset;\n    box-sizing: border-box;\n    cursor: default;\n    padding: var(--spacing-1);\n    color: var(--baseTextContrast);\n  }\n\n._toggleGroupRoot_1e2ox_802 button svg {\n    display: block;\n  }\n\n@media (hover: hover) {\n    ._toggleGroupRoot_1e2ox_802 button:hover {\n      background-color: var(--baseBg);\n    }\n  }\n\n._toggleGroupRoot_1e2ox_802 button:active svg {\n    transform: translate(1px, 1px);\n  }\n\n._toggleGroupRoot_1e2ox_802 button[data-state='on'],\n  ._toggleGroupRoot_1e2ox_802 button:active {\n    background-color: var(--baseBg);\n    color: var(--baseTextContrast);\n  }\n\n._toggleGroupRoot_1e2ox_802 button:first-child {\n      border-top-left-radius: var(--radius-base);\n      border-bottom-left-radius: var(--radius-base);\n    }\n\n._toggleGroupRoot_1e2ox_802 button:last-child {\n      border-top-right-radius: var(--radius-base);\n      border-bottom-right-radius: var(--radius-base);\n    }\n\n._tableToolsColumn_1e2ox_820 {\n  width: 2rem;\n}\n\n._tableToolsColumn_1e2ox_820 button {\n    margin: auto;\n    display: block;\n  }\n\n._leftAlignedCell_1e2ox_829 {\n  text-align: left;\n}\n\n._rightAlignedCell_1e2ox_833 {\n  text-align: right;\n}\n\n._centeredCell_1e2ox_837 {\n  text-align: center;\n}\n\n._addColumnButton_1e2ox_747,\n._addRowButton_1e2ox_746 {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  padding: var(--spacing-1);\n  color: var(--baseTextContrast);\n  background-color: var(--baseBase);\n\n  display: flex;\n  align-items: center;\n}\n\n._addColumnButton_1e2ox_747 svg, ._addRowButton_1e2ox_746 svg {\n    display: block;\n  }\n\n@media (hover: hover) {\n    ._addColumnButton_1e2ox_747:hover, ._addRowButton_1e2ox_746:hover {\n      background-color: var(--baseBg);\n    }\n  }\n\n._addColumnButton_1e2ox_747:active svg, ._addRowButton_1e2ox_746:active svg {\n    transform: translate(1px, 1px);\n  }\n\n._addColumnButton_1e2ox_747[data-state='on'],\n  ._addRowButton_1e2ox_746[data-state='on'],\n  ._addColumnButton_1e2ox_747:active,\n  ._addRowButton_1e2ox_746:active {\n    background-color: var(--baseBg);\n    color: var(--baseTextContrast);\n  }\n\n._addColumnButton_1e2ox_747 svg, ._addRowButton_1e2ox_746 svg {\n    margin: auto;\n  }\n\n._addRowButton_1e2ox_746 {\n  width: 100%;\n  margin-top: var(--spacing-px);\n  box-sizing: border-box;\n  border-bottom-right-radius: var(--radius-medium);\n  border-bottom-left-radius: var(--radius-medium);\n}\n\n._addColumnButton_1e2ox_747 {\n  margin-left: var(--spacing-px);\n  height: 100%;\n  border-top-right-radius: var(--radius-medium);\n  border-bottom-right-radius: var(--radius-medium);\n}\n\n/** Dialog */\n._dialogOverlay_1e2ox_870 {\n  position: fixed;\n  inset: 0;\n  animation: _overlayShow_1e2ox_1 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  background-color: var(--baseBase);\n  z-index: 51;\n  opacity: 0.5;\n}\n\n._dialogContent_1e2ox_603,\n._largeDialogContent_1e2ox_615 {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  animation: _contentShow_1e2ox_1 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  z-index: 52;\n}\n\n._dialogContent_1e2ox_603:focus,\n._largeDialogContent_1e2ox_615:focus {\n  outline: none;\n}\n\n@keyframes _overlayShow_1e2ox_1 {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 0.5;\n  }\n}\n\n@keyframes _contentShow_1e2ox_1 {\n  from {\n    opacity: 0;\n    transform: translate(-50%, -48%) scale(0.96);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n._focusedImage_1e2ox_916 {\n  outline: highlight solid 2px;\n}\n\n._imageWrapper_1e2ox_920 {\n  display: inline-block;\n  position: relative;\n}\n\n._imageWrapper_1e2ox_920[draggable='true'] {\n  cursor: move;\n  /* fallback if grab cursor is unsupported */\n  cursor: grab;\n  cursor: -webkit-grab;\n}\n\n._editImageToolbar_1e2ox_933 {\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  gap: var(--spacing-1);\n  padding: var(--spacing-1);\n  z-index: 1;\n  background-color: var(--baseBase);\n  border-bottom-left-radius: var(--radius-base);\n}\n\n._editImageButton_1e2ox_937 svg {\n    display: block;\n  }\n\n._inlineEditor_1e2ox_943 {\n  display: inline-flex;\n  border-radius: var(--radius-medium);\n  padding: var(--spacing-1);\n  gap: var(--spacing-2);\n  align-items: center;\n  background: var(--baseBg);\n}\n\n._blockEditor_1e2ox_952 {\n  display: flex;\n  justify-content: stretch;\n  border-radius: var(--radius-medium);\n  padding: var(--spacing-2);\n  gap: var(--spacing-2);\n  align-items: center;\n  background: var(--baseBg);\n}\n\n._blockEditor_1e2ox_952 ._nestedEditor_1e2ox_961 {\n    flex-grow: 1;\n  }\n\n._nestedEditor_1e2ox_961 {\n  background: var(--basePageBg);\n  padding: var(--spacing-1) var(--spacing-2);\n  border-radius: var(--radius-medium);\n}\n\n._nestedEditor_1e2ox_961 > p {\n    margin: 0;\n  }\n\n._nestedEditor_1e2ox_961:focus {\n    outline: none;\n  }\n\n._genericComponentName_1e2ox_980 {\n  font-size: var(--text-sm);\n  color: var(--baseText);\n  padding-right: var(--spacing-2);\n}\n\n._diffSourceToggleWrapper_1e2ox_986 {\n  margin-left: auto;\n  pointer-events: auto;\n  opacity: 1;\n  position: sticky;\n  right: 0;\n}\n\n._ggDiffSourceToggle_1e2ox_994 {\n}\n\n._diffSourceToggle_1e2ox_986 {\n  border-radius: var(--radius-medium);\n  background-color: var(--baseBase);\n  display: flex;\n}\n\n._diffSourceToggle_1e2ox_986 ._toolbarToggleItem_1e2ox_208 {\n    padding: 0;\n  }\n\n._diffSourceToggle_1e2ox_986 ._toolbarToggleItem_1e2ox_208 > span {\n      display: block;\n      padding: var(--spacing-1) var(--spacing-1);\n    }\n\n._selectWithLabel_1e2ox_1012 {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-2);\n  margin-left: var(--spacing-2);\n}\n\n._selectWithLabel_1e2ox_1012 > label {\n    font-size: var(--text-sm);\n  }\n\n._selectWithLabel_1e2ox_1012 ._selectTrigger_1e2ox_308 {\n    border: 1px solid var(--baseBorder);\n  }\n\n._toolbarTitleMode_1e2ox_1027 {\n  font-size: var(--text-sm);\n  margin-left: var(--spacing-2);\n}\n\n._imageControlWrapperResizing_1e2ox_1032 {\n  touch-action: none;\n}\n\n._imageResizer_1e2ox_1036 {\n  display: block;\n  width: 7px;\n  height: 7px;\n  position: absolute;\n  background-color: var(--accentText);\n  border: 1px solid var(--baseBg);\n}\n\n._imageResizer_1e2ox_1036._imageResizerN_1e2ox_1045 {\n  top: -6px;\n  left: 48%;\n  cursor: n-resize;\n}\n\n._imageResizer_1e2ox_1036._imageResizerNe_1e2ox_1051 {\n  top: -6px;\n  right: -6px;\n  cursor: ne-resize;\n}\n\n._imageResizer_1e2ox_1036._imageResizerE_1e2ox_1057 {\n  bottom: 48%;\n  right: -6px;\n  cursor: e-resize;\n}\n\n._imageResizer_1e2ox_1036._imageResizerSe_1e2ox_1063 {\n  bottom: -2px;\n  right: -6px;\n  cursor: nwse-resize;\n}\n\n._imageResizer_1e2ox_1036._imageResizerS_1e2ox_1063 {\n  bottom: -2px;\n  left: 48%;\n  cursor: s-resize;\n}\n\n._imageResizer_1e2ox_1036._imageResizerSw_1e2ox_1075 {\n  bottom: -2px;\n  left: -6px;\n  cursor: sw-resize;\n}\n\n._imageResizer_1e2ox_1036._imageResizerW_1e2ox_1081 {\n  bottom: 48%;\n  left: -6px;\n  cursor: w-resize;\n}\n\n._imageResizer_1e2ox_1036._imageResizerNw_1e2ox_1087 {\n  top: -6px;\n  left: -6px;\n  cursor: nw-resize;\n}\n\n._imagePlaceholder_1e2ox_1093 {\n  border: 2px dashed;\n  padding: 48px;\n  margin: 12px;\n  width: -moz-fit-content;\n  width: fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n._imageDimensionsContainer_1e2ox_1101 {\n  display: flex;\n  gap: var(--spacing-4);\n}\n\n._placeholder_1e2ox_1106 {\n  color: var(--baseSolid);\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  padding: var(--spacing-3);\n  text-overflow: ellipsis;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  white-space: nowrap;\n  display: inline-block;\n  pointer-events: none;\n}\n\n._rootContentEditableWrapper_1e2ox_1119 {\n  position: relative;\n}\n\n._downshiftContainer_1e2ox_1123 {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}\n\n._downshiftInputWrapper_1e2ox_1129 {\n  display: flex;\n  align-items: center;\n  background-color: var(--baseBase);\n\n  border-radius: var(--radius-base);\n  border: 1px solid var(--baseBorder);\n}\n\n._downshiftInputWrapper_1e2ox_1129[data-visible-dropdown='true'] {\n    border-bottom-left-radius: var(--radius-none);\n    border-bottom-right-radius: var(--radius-none);\n    border-bottom-width: 0;\n  }\n\n._downshiftInputWrapper_1e2ox_1129 > button {\n    border: 0;\n    background-color: transparent;\n    font-size: inherit;\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    all: unset;\n    box-sizing: border-box;\n    cursor: default;\n    padding-right: var(--spacing-2);\n  }\n\n._downshiftInput_1e2ox_1129 {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  width: 20rem;\n  padding: var(--spacing-2) var(--spacing-3);\n  font-size: var(--text-sm);\n}\n\n._downshiftInput_1e2ox_1129::-moz-placeholder {\n    color: var(--baseBorder);\n  }\n\n._downshiftInput_1e2ox_1129::placeholder {\n    color: var(--baseBorder);\n  }\n\n._downshiftAutocompleteContainer_1e2ox_1160 {\n  position: relative;\n}\n\n._downshiftAutocompleteContainer_1e2ox_1160 ul {\n    all: unset;\n    box-sizing: border-box;\n    position: absolute;\n    font-size: var(--text-sm);\n    width: 100%;\n    display: none;\n    border-bottom-left-radius: var(--radius-medium);\n    border-bottom-right-radius: var(--radius-medium);\n    max-height: var(--spacing-48);\n    overflow-x: hidden;\n    overflow-y: auto;\n    border: 1px solid var(--baseBorder);\n    border-top-width: 0;\n    background-color: var(--baseBase);\n  }\n\n._downshiftAutocompleteContainer_1e2ox_1160 ul[data-visible='true'] {\n      display: block;\n    }\n\n._downshiftAutocompleteContainer_1e2ox_1160 ul li {\n      padding: var(--spacing-2) var(--spacing-3);\n      white-space: nowrap;\n      margin-bottom: var(--spacing-1);\n      overflow-x: hidden;\n      text-overflow: ellipsis;\n    }\n\n._downshiftAutocompleteContainer_1e2ox_1160 ul li[data-selected='true'] {\n        background-color: var(--baseBgSubtle);\n      }\n\n._downshiftAutocompleteContainer_1e2ox_1160 ul li[data-highlighted='true'] {\n        background-color: var(--baseBgHover);\n      }\n\n._downshiftAutocompleteContainer_1e2ox_1160 ul li:last-of-type {\n        border-bottom-left-radius: var(--radius-medium);\n        border-bottom-right-radius: var(--radius-medium);\n      }\n\n._textInput_1e2ox_1206 {\n  all: unset;\n  border-radius: var(--radius-base);\n  border: 1px solid var(--baseBorder);\n  background-color: var(--baseBase);\n  padding: var(--spacing-2) var(--spacing-3);\n}\n\nform._multiFieldForm_1e2ox_1214 {\n  display: flex;\n  flex-direction: column;\n  padding: var(--spacing-2);\n  gap: var(--spacing-2);\n}\n\nform._multiFieldForm_1e2ox_1214 ._formField_1e2ox_1220 {\n    display: flex;\n    flex-direction: column;\n    gap: var(--spacing-2);\n  }\n\nform._multiFieldForm_1e2ox_1214 ._formField_1e2ox_1220 label {\n      font-size: var(--text-xs);\n    }\n\n._markdownParseError_1e2ox_1231 {\n  border-radius: var(--radius-base);\n  border: 1px solid var(--error-color);\n  padding: var(--spacing-2);\n  margin-block: var(--spacing-2);\n  color: var(--error-color);\n  font-size: var(--text-xs);\n}\n\n._popupContainer_1e2ox_1240 {\n  position: relative;\n  z-index: 2;\n}\n\n._inputSizer_1e2ox_1245 {\n  display: inline-grid;\n  vertical-align: baseline;\n  align-items: center;\n  position: relative;\n}\n\n._inputSizer_1e2ox_1245::after,\n  ._inputSizer_1e2ox_1245 input {\n    width: auto;\n    min-width: 1rem;\n    grid-area: 1 / 2;\n    font: inherit;\n    margin: 0;\n    padding: 0 2px;\n    resize: none;\n    background: none;\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    border: none;\n    color: inherit;\n  }\n\n._inputSizer_1e2ox_1245 span {\n    padding: 0.25em;\n  }\n\n._inputSizer_1e2ox_1245::after {\n    content: attr(data-value);\n    white-space: pre-wrap;\n  }\n:root, ._light_1tncs_1, ._light-theme_1tncs_1 {\n  --blue-1: #fbfdff;\n  --blue-2: #f4faff;\n  --blue-3: #e6f4fe;\n  --blue-4: #d5efff;\n  --blue-5: #c2e5ff;\n  --blue-6: #acd8fc;\n  --blue-7: #8ec8f6;\n  --blue-8: #5eb1ef;\n  --blue-9: #0090ff;\n  --blue-10: #0588f0;\n  --blue-11: #0d74ce;\n  --blue-12: #113264;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {\n      --blue-1: color(display-p3 0.986 0.992 0.999);\n      --blue-2: color(display-p3 0.96 0.979 0.998);\n      --blue-3: color(display-p3 0.912 0.956 0.991);\n      --blue-4: color(display-p3 0.853 0.932 1);\n      --blue-5: color(display-p3 0.788 0.894 0.998);\n      --blue-6: color(display-p3 0.709 0.843 0.976);\n      --blue-7: color(display-p3 0.606 0.777 0.947);\n      --blue-8: color(display-p3 0.451 0.688 0.917);\n      --blue-9: color(display-p3 0.247 0.556 0.969);\n      --blue-10: color(display-p3 0.234 0.523 0.912);\n      --blue-11: color(display-p3 0.15 0.44 0.84);\n      --blue-12: color(display-p3 0.102 0.193 0.379);\n    }\n  }\n}\n\n._dark_1tncs_1, ._dark-theme_1tncs_1 {\n  --blue-1: #0d1520;\n  --blue-2: #111927;\n  --blue-3: #0d2847;\n  --blue-4: #003362;\n  --blue-5: #004074;\n  --blue-6: #104d87;\n  --blue-7: #205d9e;\n  --blue-8: #2870bd;\n  --blue-9: #0090ff;\n  --blue-10: #3b9eff;\n  --blue-11: #70b8ff;\n  --blue-12: #c2e6ff;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    ._dark_1tncs_1, ._dark-theme_1tncs_1 {\n      --blue-1: color(display-p3 0.057 0.081 0.122);\n      --blue-2: color(display-p3 0.072 0.098 0.147);\n      --blue-3: color(display-p3 0.078 0.154 0.27);\n      --blue-4: color(display-p3 0.033 0.197 0.37);\n      --blue-5: color(display-p3 0.08 0.245 0.441);\n      --blue-6: color(display-p3 0.14 0.298 0.511);\n      --blue-7: color(display-p3 0.195 0.361 0.6);\n      --blue-8: color(display-p3 0.239 0.434 0.72);\n      --blue-9: color(display-p3 0.247 0.556 0.969);\n      --blue-10: color(display-p3 0.344 0.612 0.973);\n      --blue-11: color(display-p3 0.49 0.72 1);\n      --blue-12: color(display-p3 0.788 0.898 0.99);\n    }\n  }\n}\n\n:root, ._light_1tncs_1, ._light-theme_1tncs_1 {\n  --slate-1: #fcfcfd;\n  --slate-2: #f9f9fb;\n  --slate-3: #f0f0f3;\n  --slate-4: #e8e8ec;\n  --slate-5: #e0e1e6;\n  --slate-6: #d9d9e0;\n  --slate-7: #cdced6;\n  --slate-8: #b9bbc6;\n  --slate-9: #8b8d98;\n  --slate-10: #80838d;\n  --slate-11: #60646c;\n  --slate-12: #1c2024;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {\n      --slate-1: color(display-p3 0.988 0.988 0.992);\n      --slate-2: color(display-p3 0.976 0.976 0.984);\n      --slate-3: color(display-p3 0.94 0.941 0.953);\n      --slate-4: color(display-p3 0.908 0.909 0.925);\n      --slate-5: color(display-p3 0.88 0.881 0.901);\n      --slate-6: color(display-p3 0.85 0.852 0.876);\n      --slate-7: color(display-p3 0.805 0.808 0.838);\n      --slate-8: color(display-p3 0.727 0.733 0.773);\n      --slate-9: color(display-p3 0.547 0.553 0.592);\n      --slate-10: color(display-p3 0.503 0.512 0.549);\n      --slate-11: color(display-p3 0.379 0.392 0.421);\n      --slate-12: color(display-p3 0.113 0.125 0.14);\n    }\n  }\n}\n\n._dark_1tncs_1, ._dark-theme_1tncs_1 {\n  --slate-1: #111113;\n  --slate-2: #18191b;\n  --slate-3: #212225;\n  --slate-4: #272a2d;\n  --slate-5: #2e3135;\n  --slate-6: #363a3f;\n  --slate-7: #43484e;\n  --slate-8: #5a6169;\n  --slate-9: #696e77;\n  --slate-10: #777b84;\n  --slate-11: #b0b4ba;\n  --slate-12: #edeef0;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    ._dark_1tncs_1, ._dark-theme_1tncs_1 {\n      --slate-1: color(display-p3 0.067 0.067 0.074);\n      --slate-2: color(display-p3 0.095 0.098 0.105);\n      --slate-3: color(display-p3 0.13 0.135 0.145);\n      --slate-4: color(display-p3 0.156 0.163 0.176);\n      --slate-5: color(display-p3 0.183 0.191 0.206);\n      --slate-6: color(display-p3 0.215 0.226 0.244);\n      --slate-7: color(display-p3 0.265 0.28 0.302);\n      --slate-8: color(display-p3 0.357 0.381 0.409);\n      --slate-9: color(display-p3 0.415 0.431 0.463);\n      --slate-10: color(display-p3 0.469 0.483 0.514);\n      --slate-11: color(display-p3 0.692 0.704 0.728);\n      --slate-12: color(display-p3 0.93 0.933 0.94);\n    }\n  }\n}\n\n:root, ._light_1tncs_1, ._light-theme_1tncs_1 {\n  --grass-1: #fbfefb;\n  --grass-2: #f5fbf5;\n  --grass-3: #e9f6e9;\n  --grass-4: #daf1db;\n  --grass-5: #c9e8ca;\n  --grass-6: #b2ddb5;\n  --grass-7: #94ce9a;\n  --grass-8: #65ba74;\n  --grass-9: #46a758;\n  --grass-10: #3e9b4f;\n  --grass-11: #2a7e3b;\n  --grass-12: #203c25;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {\n      --grass-1: color(display-p3 0.986 0.996 0.985);\n      --grass-2: color(display-p3 0.966 0.983 0.964);\n      --grass-3: color(display-p3 0.923 0.965 0.917);\n      --grass-4: color(display-p3 0.872 0.94 0.865);\n      --grass-5: color(display-p3 0.811 0.908 0.802);\n      --grass-6: color(display-p3 0.733 0.864 0.724);\n      --grass-7: color(display-p3 0.628 0.803 0.622);\n      --grass-8: color(display-p3 0.477 0.72 0.482);\n      --grass-9: color(display-p3 0.38 0.647 0.378);\n      --grass-10: color(display-p3 0.344 0.598 0.342);\n      --grass-11: color(display-p3 0.263 0.488 0.261);\n      --grass-12: color(display-p3 0.151 0.233 0.153);\n    }\n  }\n}\n\n:root, ._light_1tncs_1, ._light-theme_1tncs_1 {\n  --cyan-1: #fafdfe;\n  --cyan-2: #f2fafb;\n  --cyan-3: #def7f9;\n  --cyan-4: #caf1f6;\n  --cyan-5: #b5e9f0;\n  --cyan-6: #9ddde7;\n  --cyan-7: #7dcedc;\n  --cyan-8: #3db9cf;\n  --cyan-9: #00a2c7;\n  --cyan-10: #0797b9;\n  --cyan-11: #107d98;\n  --cyan-12: #0d3c48;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {\n      --cyan-1: color(display-p3 0.982 0.992 0.996);\n      --cyan-2: color(display-p3 0.955 0.981 0.984);\n      --cyan-3: color(display-p3 0.888 0.965 0.975);\n      --cyan-4: color(display-p3 0.821 0.941 0.959);\n      --cyan-5: color(display-p3 0.751 0.907 0.935);\n      --cyan-6: color(display-p3 0.671 0.862 0.9);\n      --cyan-7: color(display-p3 0.564 0.8 0.854);\n      --cyan-8: color(display-p3 0.388 0.715 0.798);\n      --cyan-9: color(display-p3 0.282 0.627 0.765);\n      --cyan-10: color(display-p3 0.264 0.583 0.71);\n      --cyan-11: color(display-p3 0.08 0.48 0.63);\n      --cyan-12: color(display-p3 0.108 0.232 0.277);\n    }\n  }\n}\n\n:root, ._light_1tncs_1, ._light-theme_1tncs_1 {\n  --amber-1: #fefdfb;\n  --amber-2: #fefbe9;\n  --amber-3: #fff7c2;\n  --amber-4: #ffee9c;\n  --amber-5: #fbe577;\n  --amber-6: #f3d673;\n  --amber-7: #e9c162;\n  --amber-8: #e2a336;\n  --amber-9: #ffc53d;\n  --amber-10: #ffba18;\n  --amber-11: #ab6400;\n  --amber-12: #4f3422;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {\n      --amber-1: color(display-p3 0.995 0.992 0.985);\n      --amber-2: color(display-p3 0.994 0.986 0.921);\n      --amber-3: color(display-p3 0.994 0.969 0.782);\n      --amber-4: color(display-p3 0.989 0.937 0.65);\n      --amber-5: color(display-p3 0.97 0.902 0.527);\n      --amber-6: color(display-p3 0.936 0.844 0.506);\n      --amber-7: color(display-p3 0.89 0.762 0.443);\n      --amber-8: color(display-p3 0.85 0.65 0.3);\n      --amber-9: color(display-p3 1 0.77 0.26);\n      --amber-10: color(display-p3 0.959 0.741 0.274);\n      --amber-11: color(display-p3 0.64 0.4 0);\n      --amber-12: color(display-p3 0.294 0.208 0.145);\n    }\n  }\n}\n\n:root, ._light_1tncs_1, ._light-theme_1tncs_1 {\n  --red-1: #fffcfc;\n  --red-2: #fff7f7;\n  --red-3: #feebec;\n  --red-4: #ffdbdc;\n  --red-5: #ffcdce;\n  --red-6: #fdbdbe;\n  --red-7: #f4a9aa;\n  --red-8: #eb8e90;\n  --red-9: #e5484d;\n  --red-10: #dc3e42;\n  --red-11: #ce2c31;\n  --red-12: #641723;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {\n      --red-1: color(display-p3 0.998 0.989 0.988);\n      --red-2: color(display-p3 0.995 0.971 0.971);\n      --red-3: color(display-p3 0.985 0.925 0.925);\n      --red-4: color(display-p3 0.999 0.866 0.866);\n      --red-5: color(display-p3 0.984 0.812 0.811);\n      --red-6: color(display-p3 0.955 0.751 0.749);\n      --red-7: color(display-p3 0.915 0.675 0.672);\n      --red-8: color(display-p3 0.872 0.575 0.572);\n      --red-9: color(display-p3 0.83 0.329 0.324);\n      --red-10: color(display-p3 0.798 0.294 0.285);\n      --red-11: color(display-p3 0.744 0.234 0.222);\n      --red-12: color(display-p3 0.36 0.115 0.143);\n    }\n  }\n}\n\n._bold_1tncs_10 {\n  font-weight: bold;\n}\n\n._italic_1tncs_14 {\n  font-style: italic;\n}\n\n._underline_1tncs_18 {\n  text-decoration: underline;\n}\n\n._bold_1tncs_10 {\n  font-weight: 700;\n}\n\n._italic_1tncs_14 {\n  font-style: italic;\n}\n\n._underline_1tncs_18 {\n  text-decoration: underline\n}\n\n._strikethrough_1tncs_34 {\n  text-decoration: line-through\n}\n\n._underlineStrikethrough_1tncs_38 {\n  text-decoration: underline line-through\n}\n\n._subscript_1tncs_42 {\n  font-size: .8em;\n  vertical-align: sub !important\n}\n\n._superscript_1tncs_47 {\n  font-size: .8em;\n  vertical-align: super\n}\n\n._code_1tncs_52 {\n  background-color: var(--baseBg);\n  padding: 1px .25rem;\n  font-family: var(--font-mono);\n  font-size: 94%\n}\n\n._nestedListItem_1tncs_59 {\n  list-style: none;\n  list-style-type: none;\n}\n\n._nestedListItem_1tncs_59:before,\n._nestedListItem_1tncs_59:after {\n  display: none;\n}\n\n._listitem_1tncs_69 {\n  margin: var(--spacing-2) 0;\n}\n\n._listItemChecked_1tncs_73,\n._listItemUnchecked_1tncs_74 {\n  position: relative;\n  margin-left: 0;\n  margin-right: 0;\n  margin-inline-start: -1rem;\n  padding-left: var(--spacing-6);\n  padding-right: var(--spacing-6);\n  list-style-type: none;\n  outline: none;\n}\n\n._listItemChecked_1tncs_73 {\n  text-decoration: line-through;\n}\n\n._listItemUnchecked_1tncs_74:before,\n._listItemChecked_1tncs_73:before {\n  content: '';\n  width: var(--spacing-4);\n  height: var(--spacing-4);\n  top: 0;\n  left: 0;\n  cursor: pointer;\n  display: block;\n  background-size: cover;\n  position: absolute;\n}\n\n._listItemUnchecked_1tncs_74[dir='rtl']:before,\n._listItemChecked_1tncs_73[dir='rtl']:before {\n  left: auto;\n  right: 0;\n}\n\n._listItemUnchecked_1tncs_74:focus:before,\n._listItemChecked_1tncs_73:focus:before {\n  box-shadow: 0 0 0 2px var(--accentBgActive);\n  border-radius: var(--radius-small);\n}\n\n._listItemUnchecked_1tncs_74:before {\n  border: 1px solid var(--baseBorder);\n  border-radius: var(--radius-small);\n}\n\n._listItemChecked_1tncs_73:before {\n  border: 1px solid var(--accentBorder);\n  border-radius: var(--radius-small);\n  background-color: var(--accentSolid);\n  background-repeat: no-repeat;\n}\n\n._listItemChecked_1tncs_73:after {\n  content: '';\n  cursor: pointer;\n  border-color: var(--baseBase);\n  border-style: solid;\n  position: absolute;\n  display: block;\n  top: var(--spacing-0_5);\n  width: var(--spacing-1);\n  left: var(--spacing-1_5);\n  right: var(--spacing-1_5);\n  height: var(--spacing-2);\n  transform: rotate(45deg);\n  border-width: 0 var(--spacing-0_5) var(--spacing-0_5) 0;\n}\n\n._nestedListItem_1tncs_59 {\n  list-style-type: none;\n}\n\n._nestedListItem_1tncs_59:before,\n._nestedListItem_1tncs_59:after {\n  display: none;\n}\n\n._admonitionDanger_1tncs_151,\n._admonitionInfo_1tncs_152,\n._admonitionNote_1tncs_153,\n._admonitionTip_1tncs_154,\n._admonitionCaution_1tncs_155 {\n  padding: var(--spacing-2);\n  margin-top: var(--spacing-2);\n  margin-bottom: var(--spacing-2);\n  border-left: 3px solid var(--admonitionBorder);\n  background-color: var(--admonitionBg);\n}\n\n._admonitionInfo_1tncs_152 {\n  --admonitionBorder: var(--admonitionInfoBorder);\n  --admonitionBg: var(--admonitionInfoBg);\n}\n\n._admonitionTip_1tncs_154 {\n  --admonitionBorder: var(--admonitionTipBorder);\n  --admonitionBg: var(--admonitionTipBg);\n}\n\n._admonitionCaution_1tncs_155 {\n  --admonitionBorder: var(--admonitionCautionBorder);\n  --admonitionBg: var(--admonitionCautionBg);\n}\n\n._admonitionDanger_1tncs_151 {\n  --admonitionBorder: var(--admonitionDangerBorder);\n  --admonitionBg: var(--admonitionDangerBg);\n}\n\n._admonitionNote_1tncs_153 {\n  --admonitionBorder: var(--admonitionNoteBorder);\n  --admonitionBg: var(--admonitionNoteBg);\n}\n\n._mdxExpression_1tncs_188 {\n  font-family: var(--font-mono);\n  font-size: 84%;\n  color: var(--accentText);\n}\n\n._mdxExpression_1tncs_188 input:focus-visible {\n    outline: none;\n  }\n";
+  document.head.appendChild(style);
+})();
+(function() {
+  if (typeof document === "undefined") return;
+  var id2 = "industry-mdx-editor-styles-L1VzZXJz";
+  if (document.getElementById(id2)) return;
+  var style = document.createElement("style");
+  style.id = id2;
+  style.textContent = "/**\n * Industry-themed MDX Editor styles\n * These CSS custom properties integrate MDXEditor with the industry-theme system\n * Based on Radix UI theming system used by MDXEditor\n *\n * Note: All Radix color variables are set directly by the component\n * This file provides additional content styling and customizations\n */\n\n/* Override MDXEditor's default CSS variables with our theme */\n.themed-mdx-editor [class*='editorRoot'] {\n  --accentBase: var(--accentBase) !important;\n  --accentBgSubtle: var(--accentBgSubtle) !important;\n  --accentBg: var(--accentBg) !important;\n  --accentBgHover: var(--accentBgHover) !important;\n  --accentBgActive: var(--accentBgActive) !important;\n  --accentLine: var(--accentLine) !important;\n  --accentBorder: var(--accentBorder) !important;\n  --accentBorderHover: var(--accentBorderHover) !important;\n  --accentSolid: var(--accentSolid) !important;\n  --accentSolidHover: var(--accentSolidHover) !important;\n  --accentText: var(--accentText) !important;\n  --accentTextContrast: var(--accentTextContrast) !important;\n\n  --basePageBg: var(--mdx-editor-bg) !important;\n  --baseBase: var(--baseBase) !important;\n  --baseBgSubtle: var(--baseBgSubtle) !important;\n  --baseBg: var(--baseBg) !important;\n  --baseBgHover: var(--baseBgHover) !important;\n  --baseBgActive: var(--baseBgActive) !important;\n  --baseLine: var(--baseLine) !important;\n  --baseBorder: var(--baseBorder) !important;\n  --baseBorderHover: var(--baseBorderHover) !important;\n  --baseSolid: var(--baseSolid) !important;\n  --baseSolidHover: var(--baseSolidHover) !important;\n  --baseText: var(--baseText) !important;\n  --baseTextContrast: var(--baseTextContrast) !important;\n}\n\n/* MDXEditor content styling */\n.themed-mdx-editor .mdx-editor-content {\n  font-family: var(--mdx-editor-font-family);\n  font-size: var(--mdx-editor-font-size);\n  color: var(--mdx-editor-fg);\n  line-height: 1.6;\n\n  /* Document padding - similar to Google Docs margins */\n  padding-top: var(--mdx-editor-padding-top, 0);\n  padding-right: var(--mdx-editor-padding-right, 0);\n  padding-bottom: var(--mdx-editor-padding-bottom, 0);\n  padding-left: var(--mdx-editor-padding-left, 0);\n\n  /* Ensure content is properly contained */\n  box-sizing: border-box;\n}\n\n/* Headings */\n.themed-mdx-editor .mdx-editor-content h1,\n.themed-mdx-editor .mdx-editor-content h2,\n.themed-mdx-editor .mdx-editor-content h3,\n.themed-mdx-editor .mdx-editor-content h4,\n.themed-mdx-editor .mdx-editor-content h5,\n.themed-mdx-editor .mdx-editor-content h6 {\n  color: var(--mdx-editor-heading-color);\n}\n\n/* Links */\n.themed-mdx-editor .mdx-editor-content a {\n  color: var(--mdx-editor-link-color);\n}\n\n/* Inline code */\n.themed-mdx-editor .mdx-editor-content code {\n  background-color: var(--mdx-editor-code-bg);\n  font-family: var(--mdx-editor-font-family);\n  padding: 2px 6px;\n  border-radius: 3px;\n}\n\n/* Code blocks - target the CodeMirror editor wrapper */\n.themed-mdx-editor .cm-editor {\n  background-color: var(--mdx-editor-code-bg) !important;\n}\n\n.themed-mdx-editor .cm-editor .cm-scroller {\n  font-family: var(--mdx-editor-font-family);\n  background-color: var(--mdx-editor-code-bg);\n}\n\n.themed-mdx-editor .cm-editor .cm-gutters {\n  background-color: var(--mdx-editor-code-bg);\n  border-right: 1px solid var(--mdx-editor-border);\n  color: var(--mdx-editor-fg);\n}\n\n.themed-mdx-editor .cm-editor .cm-content {\n  background-color: var(--mdx-editor-code-bg);\n  color: var(--mdx-editor-fg);\n}\n\n.themed-mdx-editor .cm-editor .cm-line {\n  background-color: var(--mdx-editor-code-bg);\n}\n\n.themed-mdx-editor .cm-editor .cm-activeLineGutter {\n  background-color: var(--baseBgHover);\n}\n\n.themed-mdx-editor .cm-editor .cm-activeLine {\n  background-color: var(--baseBgHover);\n}\n\n/* Selection */\n.themed-mdx-editor .mdx-editor-content ::selection {\n  background-color: var(--mdx-editor-selection-bg);\n}\n\n/* Toolbar container */\n.themed-mdx-editor [class*='toolbarRoot'] {\n  background-color: var(--mdx-editor-toolbar-bg);\n  border-bottom: 1px solid var(--mdx-editor-border);\n}\n\n/* Toolbar buttons */\n.themed-mdx-editor [class*='toolbarRoot'] button:not([class*='selectTrigger']) {\n  color: var(--mdx-editor-fg);\n}\n\n.themed-mdx-editor [class*='toolbarRoot'] button:not([class*='selectTrigger']):hover {\n  background-color: var(--mdx-editor-selection-bg);\n}\n\n/* Fix toolbar SVG icon colors - override MDXEditor's baseTextContrast usage */\n.themed-mdx-editor [class*='toolbarRoot'] svg {\n  color: var(--baseText) !important;\n}\n\n/* Toolbar select dropdowns (BlockTypeSelect, etc.) */\n.themed-mdx-editor button[role='combobox'][class*='selectTrigger'],\n.themed-mdx-editor [data-toolbar-item='true'][class*='selectTrigger'],\nbutton[role='combobox'][class*='selectTrigger'][data-toolbar-item='true'] {\n  background-color: var(--baseBg) !important;\n  color: var(--baseText) !important;\n  border: 1px solid var(--baseBorder) !important;\n  padding: 4px 8px !important;\n  border-radius: 4px !important;\n}\n\n.themed-mdx-editor button[role='combobox'][class*='selectTrigger']:hover,\n.themed-mdx-editor [data-toolbar-item='true'][class*='selectTrigger']:hover,\nbutton[role='combobox'][class*='selectTrigger'][data-toolbar-item='true']:hover {\n  background-color: var(--baseBgHover) !important;\n  border-color: var(--baseBorderHover) !important;\n}\n\n.themed-mdx-editor button[class*='selectTrigger'] span,\nbutton[class*='selectTrigger'][data-toolbar-item='true'] span {\n  color: var(--baseText) !important;\n}\n\n.themed-mdx-editor button[class*='selectTrigger'] [class*='selectDropdownArrow'] svg,\nbutton[class*='selectTrigger'][data-toolbar-item='true'] [class*='selectDropdownArrow'] svg {\n  color: var(--baseText) !important;\n}\n\n/* Select dropdown content - Note: These are often portaled outside the editor */\n[class*='selectContent'] {\n  background-color: var(--baseBg) !important;\n  border: 1px solid var(--baseBorder) !important;\n  color: var(--baseText) !important;\n  z-index: 9999 !important;\n}\n\n[class*='selectItem'] {\n  color: var(--baseText) !important;\n}\n\n[class*='selectItem']:hover {\n  background-color: var(--baseBgHover) !important;\n}\n\n[class*='selectItem'][data-state='checked'] {\n  background-color: var(--accentBg) !important;\n  color: var(--accentText) !important;\n}\n\n/* Table borders - use accent color for visibility */\n.themed-mdx-editor [class*='tableEditor'] > tbody > tr > td:not([class*='toolCell']),\n.themed-mdx-editor [class*='tableEditor'] > tbody > tr > th:not([class*='toolCell']):not([data-tool-cell='true']) {\n  border: 1px solid var(--mdx-editor-table-border) !important;\n  padding: var(--spacing-1) var(--spacing-2);\n  white-space: normal;\n}\n\n.themed-mdx-editor [class*='tableEditor'] > thead > tr > th {\n  border: 1px solid var(--mdx-editor-table-border) !important;\n}\n\n/* Source mode editor */\n.themed-mdx-editor [class*='sourceEditor'] {\n  font-family: var(--mdx-editor-font-family);\n  font-size: var(--mdx-editor-font-size);\n  background-color: var(--mdx-editor-bg);\n  color: var(--mdx-editor-fg);\n}\n\n/* Scrollbars */\n.themed-mdx-editor ::-webkit-scrollbar {\n  width: 12px;\n  height: 12px;\n}\n\n.themed-mdx-editor ::-webkit-scrollbar-track {\n  background: var(--mdx-editor-bg);\n}\n\n.themed-mdx-editor ::-webkit-scrollbar-thumb {\n  background: var(--mdx-editor-border);\n  border-radius: 6px;\n}\n\n.themed-mdx-editor ::-webkit-scrollbar-thumb:hover {\n  background: var(--mdx-editor-fg);\n  opacity: 0.5;\n}\n\n/*\n * Tailwind CSS Compatibility Styles\n * Tailwind's Preflight resets all default HTML styles, but MDXEditor expects them.\n * These styles restore necessary defaults for proper content rendering.\n */\n\n/* Restore default heading styles */\n.themed-mdx-editor h1 {\n  font-size: 2em;\n  font-weight: 700;\n  margin-top: 0.67em;\n  margin-bottom: 0.67em;\n  line-height: 1.2;\n}\n\n.themed-mdx-editor h2 {\n  font-size: 1.5em;\n  font-weight: 600;\n  margin-top: 0.83em;\n  margin-bottom: 0.83em;\n  line-height: 1.3;\n}\n\n.themed-mdx-editor h3 {\n  font-size: 1.17em;\n  font-weight: 600;\n  margin-top: 1em;\n  margin-bottom: 1em;\n  line-height: 1.4;\n}\n\n.themed-mdx-editor h4 {\n  font-size: 1em;\n  font-weight: 600;\n  margin-top: 1.33em;\n  margin-bottom: 1.33em;\n  line-height: 1.5;\n}\n\n.themed-mdx-editor h5 {\n  font-size: 0.83em;\n  font-weight: 600;\n  margin-top: 1.67em;\n  margin-bottom: 1.67em;\n  line-height: 1.5;\n}\n\n.themed-mdx-editor h6 {\n  font-size: 0.67em;\n  font-weight: 600;\n  margin-top: 2.33em;\n  margin-bottom: 2.33em;\n  line-height: 1.5;\n}\n\n/* Restore default paragraph spacing */\n.themed-mdx-editor p {\n  margin-top: 1em;\n  margin-bottom: 1em;\n}\n\n/* Restore default list styles */\n.themed-mdx-editor ul {\n  list-style-type: disc;\n  margin-top: 1em;\n  margin-bottom: 1em;\n  padding-left: 2.5em;\n}\n\n.themed-mdx-editor ul ul {\n  list-style-type: circle;\n  margin-top: 0.5em;\n  margin-bottom: 0.5em;\n}\n\n.themed-mdx-editor ul ul ul {\n  list-style-type: square;\n}\n\n.themed-mdx-editor ol {\n  list-style-type: decimal;\n  margin-top: 1em;\n  margin-bottom: 1em;\n  padding-left: 2.5em;\n}\n\n.themed-mdx-editor ol ol {\n  list-style-type: lower-alpha;\n  margin-top: 0.5em;\n  margin-bottom: 0.5em;\n}\n\n.themed-mdx-editor ol ol ol {\n  list-style-type: lower-roman;\n}\n\n.themed-mdx-editor li {\n  margin-top: 0.25em;\n  margin-bottom: 0.25em;\n}\n\n/* Restore default blockquote styles */\n.themed-mdx-editor blockquote {\n  margin-top: 1em;\n  margin-bottom: 1em;\n  margin-left: 2.5em;\n  margin-right: 2.5em;\n  padding-left: 1em;\n  border-left: 4px solid currentColor;\n  opacity: 0.8;\n}\n\n/* Restore default code styles */\n.themed-mdx-editor code {\n  font-family: monospace;\n  font-size: 0.9em;\n}\n\n.themed-mdx-editor pre {\n  margin-top: 1em;\n  margin-bottom: 1em;\n  padding: 1em;\n  overflow: auto;\n}\n\n.themed-mdx-editor pre code {\n  font-size: inherit;\n}\n\n/* Restore default table styles */\n.themed-mdx-editor table {\n  border-collapse: collapse;\n  margin-top: 1em;\n  margin-bottom: 1em;\n  width: 100%;\n}\n\n.themed-mdx-editor th,\n.themed-mdx-editor td {\n  padding: 0.5em;\n  text-align: left;\n}\n\n.themed-mdx-editor th {\n  font-weight: 600;\n}\n\n/* Restore default emphasis styles */\n.themed-mdx-editor strong,\n.themed-mdx-editor b {\n  font-weight: 700;\n}\n\n.themed-mdx-editor em,\n.themed-mdx-editor i {\n  font-style: italic;\n}\n\n/* Restore default link styles */\n.themed-mdx-editor a {\n  text-decoration: underline;\n  cursor: pointer;\n}\n\n/* Restore default hr styles */\n.themed-mdx-editor hr {\n  margin-top: 1.5em;\n  margin-bottom: 1.5em;\n  border: 0;\n  border-top: 1px solid currentColor;\n  opacity: 0.3;\n}\n";
+  document.head.appendChild(style);
+})();
 var defaultPreprocessRules = [
   {
     name: "normalize-code-block-language",
@@ -75609,7 +75630,7 @@ var ThemedMDXEditor = forwardRef((props, ref) => {
     containerClassName = "",
     containerStyle = {},
     showLoadingState = false,
-    documentPadding,
+    documentPadding = { top: "0.25in", right: "0.5in", bottom: "0.5in", left: "0.5in" },
     autoFixMDX = true,
     markdown: controlledMarkdown,
     onChange: externalOnChange,
@@ -75921,22 +75942,23 @@ var ThemedMDXEditorWithProvider = React__default__default.forwardRef((props, ref
   return /* @__PURE__ */ jsx$1(ThemedMDXEditor, { ref, theme: theme2, ...props });
 });
 ThemedMDXEditorWithProvider.displayName = "ThemedMDXEditorWithProvider";
-const MDXEditorPanel = ({
-  filePath,
-  initialContent = "# Welcome to MDXEditor\n\nStart editing your markdown content here...",
-  contentProvider,
-  onSave,
-  readOnly: readOnly2 = false,
-  onImageUpload
+const MDXEditorPanelContent = ({
+  context,
+  actions: _actions,
+  events
 }) => {
+  var _a2, _b;
   const { theme: theme2 } = useTheme();
-  const [markdown2, setMarkdown] = useState(initialContent);
+  const [filePath, setFilePath] = useState(null);
+  const [markdown2, setMarkdown] = useState("");
   const [isMounted, setIsMounted] = useState(false);
   const [isLoading, setIsLoading] = useState(false);
   const [loadError, setLoadError] = useState(null);
-  const [currentFilePath, setCurrentFilePath] = useState(null);
   const [parseError, setParseError] = useState(null);
-  const [isDirty, setIsDirty] = useState(false);
+  const [_isDirty, setIsDirty] = useState(false);
+  const fileSystem = (_a2 = context.adapters) == null ? void 0 : _a2.fileSystem;
+  const isEditable = Boolean(fileSystem == null ? void 0 : fileSystem.writeFile);
+  const activeFileSlice = context.getSlice("active-file");
   const plugins = useMemo(
     () => [
       headingsPlugin(),
@@ -75947,10 +75969,10 @@ const MDXEditorPanel = ({
       linkPlugin(),
       linkDialogPlugin(),
       imagePlugin({
-        imageUploadHandler: onImageUpload ?? (async (file) => {
-          console.log("Image upload not configured:", file.name);
+        imageUploadHandler: async (file) => {
+          console.warn("Image upload not configured:", file.name);
           return "/placeholder-image.png";
-        })
+        }
       }),
       tablePlugin(),
       codeBlockPlugin({ defaultCodeBlockLanguage: "javascript" }),
@@ -75994,36 +76016,42 @@ const MDXEditorPanel = ({
         ] }) })
       })
     ],
-    [parseError, onImageUpload]
+    [parseError]
   );
   useEffect(() => {
     setIsMounted(true);
   }, []);
   useEffect(() => {
-    const loadFileContent = async () => {
-      if (!filePath || !contentProvider) {
-        setMarkdown(initialContent);
-        setCurrentFilePath(null);
-        return;
+    var _a3;
+    const path = (_a3 = activeFileSlice == null ? void 0 : activeFileSlice.data) == null ? void 0 : _a3.path;
+    if (path && (path.endsWith(".md") || path.endsWith(".mdx"))) {
+      setFilePath(path);
+    }
+  }, [(_b = activeFileSlice == null ? void 0 : activeFileSlice.data) == null ? void 0 : _b.path]);
+  useEffect(() => {
+    const unsubscribe = events.on("file:open", (event) => {
+      const payload = event.payload;
+      if (payload == null ? void 0 : payload.path) {
+        const path = payload.path;
+        if (path.endsWith(".md") || path.endsWith(".mdx")) {
+          setFilePath(path);
+        }
       }
-      if (filePath === currentFilePath) {
+    });
+    return unsubscribe;
+  }, [events]);
+  useEffect(() => {
+    const loadFileContent = async () => {
+      if (!filePath || !(fileSystem == null ? void 0 : fileSystem.readFile)) {
+        setMarkdown("");
         return;
       }
-      if (currentFilePath && isDirty && contentProvider.writeFile) {
-        try {
-          await contentProvider.writeFile(currentFilePath, markdown2);
-          console.log("Auto-saved before loading new file:", currentFilePath);
-        } catch (error) {
-          console.error("Failed to auto-save before loading new file:", error);
-        }
-      }
       setIsLoading(true);
       setLoadError(null);
       try {
-        const content2 = await contentProvider.readFile(filePath);
+        const content2 = await fileSystem.readFile(filePath);
         if (content2 !== null) {
           setMarkdown(content2);
-          setCurrentFilePath(filePath);
           setParseError(null);
           setIsDirty(false);
         } else {
@@ -76032,32 +76060,14 @@ const MDXEditorPanel = ({
       } catch (error) {
         console.error("Error loading file:", error);
         setLoadError(`Failed to load file: ${filePath}`);
-        setMarkdown(initialContent);
+        setMarkdown("");
         setParseError(null);
       } finally {
         setIsLoading(false);
       }
     };
     loadFileContent();
-  }, [
-    filePath,
-    contentProvider,
-    initialContent,
-    currentFilePath,
-    isDirty,
-    markdown2
-  ]);
-  useEffect(() => {
-    return () => {
-      if (currentFilePath && isDirty && (contentProvider == null ? void 0 : contentProvider.writeFile)) {
-        contentProvider.writeFile(currentFilePath, markdown2).then(() => {
-          console.log("Auto-saved on unmount:", currentFilePath);
-        }).catch((error) => {
-          console.error("Failed to auto-save on unmount:", error);
-        });
-      }
-    };
-  }, [currentFilePath, isDirty, markdown2, contentProvider]);
+  }, [filePath, fileSystem]);
   const handleChange = useCallback((value2) => {
     setMarkdown(value2);
     setParseError(null);
@@ -76065,20 +76075,22 @@ const MDXEditorPanel = ({
   const handleSave = useCallback(
     async (content2) => {
       const contentToSave = content2 || markdown2;
-      if (onSave) {
-        onSave(contentToSave);
-      }
-      if (currentFilePath && (contentProvider == null ? void 0 : contentProvider.writeFile)) {
+      if (filePath && (fileSystem == null ? void 0 : fileSystem.writeFile)) {
         try {
-          await contentProvider.writeFile(currentFilePath, contentToSave);
-          console.log("File saved successfully:", currentFilePath);
+          await fileSystem.writeFile(filePath, contentToSave);
           setIsDirty(false);
+          events.emit({
+            type: "file:save",
+            source: "industry-theme.mdx-editor",
+            timestamp: Date.now(),
+            payload: { path: filePath }
+          });
         } catch (error) {
           console.error("Error saving file:", error);
         }
       }
     },
-    [markdown2, onSave, currentFilePath, contentProvider]
+    [markdown2, filePath, fileSystem, events]
   );
   if (!isMounted) {
     return /* @__PURE__ */ jsx$1(
@@ -76089,7 +76101,8 @@ const MDXEditorPanel = ({
           alignItems: "center",
           justifyContent: "center",
           height: "100%",
-          color: theme2.colors.text
+          color: theme2.colors.text,
+          fontFamily: theme2.fonts.body
         },
         children: "Loading editor..."
       }
@@ -76104,7 +76117,8 @@ const MDXEditorPanel = ({
           alignItems: "center",
           justifyContent: "center",
           height: "100%",
-          color: theme2.colors.text
+          color: theme2.colors.text,
+          fontFamily: theme2.fonts.body
         },
         children: "Loading file..."
       }
@@ -76122,7 +76136,8 @@ const MDXEditorPanel = ({
           height: "100%",
           color: theme2.colors.error,
           padding: "20px",
-          textAlign: "center"
+          textAlign: "center",
+          fontFamily: theme2.fonts.body
         },
         children: [
           /* @__PURE__ */ jsx$1("div", { style: { marginBottom: "10px" }, children: "Warning" }),
@@ -76131,7 +76146,7 @@ const MDXEditorPanel = ({
       }
     );
   }
-  if (!filePath && !initialContent) {
+  if (!filePath) {
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -76143,7 +76158,8 @@ const MDXEditorPanel = ({
           height: "100%",
           color: theme2.colors.textSecondary,
           padding: "40px",
-          textAlign: "center"
+          textAlign: "center",
+          fontFamily: theme2.fonts.body
         },
         children: [
           /* @__PURE__ */ jsx$1(FileText, { size: 48, style: { marginBottom: "16px", opacity: 0.5 } }),
@@ -76191,9 +76207,9 @@ const MDXEditorPanel = ({
           },
           onChange: handleChange,
           onDirtyChange: setIsDirty,
-          readOnly: readOnly2,
-          filePath: currentFilePath || void 0,
-          enableSaveShortcut: !readOnly2,
+          readOnly: !isEditable,
+          filePath: filePath || void 0,
+          enableSaveShortcut: isEditable,
           hideStatusBar: false,
           documentPadding: { left: 32, right: 32, top: 0, bottom: 32 },
           onError: (error) => {
@@ -76208,7 +76224,7 @@ const MDXEditorPanel = ({
           },
           plugins
         },
-        currentFilePath || "default"
+        filePath || "default"
       )
     }
   );
@@ -76250,6 +76266,9 @@ const MDXEditorPanel = ({
   }
   return editorContent;
 };
+const MDXEditorPanel = (props) => {
+  return /* @__PURE__ */ jsx$1(MDXEditorPanelContent, { ...props });
+};
 const MDXEditorPanelPreview = () => {
   const { theme: theme2 } = useTheme();
   return /* @__PURE__ */ jsxs(
@@ -76295,15 +76314,204 @@ const MDXEditorPanelPreview = () => {
     }
   );
 };
+const openFileTool = {
+  name: "open_file",
+  description: "Opens a file in the file editor panel",
+  inputs: {
+    type: "object",
+    properties: {
+      filePath: {
+        type: "string",
+        description: "Path to the file to open"
+      },
+      readOnly: {
+        type: "boolean",
+        description: "Whether to open the file in read-only mode"
+      }
+    },
+    required: ["filePath"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      filePath: { type: "string" }
+    }
+  },
+  tags: ["file", "editor", "open"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "file-editing-panels:open-file"
+  }
+};
+const viewDiffTool = {
+  name: "view_diff",
+  description: "Opens a file in the git diff panel to view changes",
+  inputs: {
+    type: "object",
+    properties: {
+      filePath: {
+        type: "string",
+        description: "Path to the file to diff"
+      },
+      status: {
+        type: "string",
+        enum: ["staged", "unstaged", "untracked", "deleted"],
+        description: "The git status of the file"
+      }
+    },
+    required: ["filePath"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      filePath: { type: "string" }
+    }
+  },
+  tags: ["git", "diff", "view"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "file-editing-panels:view-diff"
+  }
+};
+const openMarkdownTool = {
+  name: "open_markdown",
+  description: "Opens a markdown file in the MDX editor panel",
+  inputs: {
+    type: "object",
+    properties: {
+      filePath: {
+        type: "string",
+        description: "Path to the markdown file to open"
+      },
+      readOnly: {
+        type: "boolean",
+        description: "Whether to open the file in read-only mode"
+      }
+    },
+    required: ["filePath"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      filePath: { type: "string" }
+    }
+  },
+  tags: ["markdown", "mdx", "editor"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "file-editing-panels:open-markdown"
+  }
+};
+const fileEditingPanelTools = [
+  openFileTool,
+  viewDiffTool,
+  openMarkdownTool
+];
+const fileEditingPanelToolsMetadata = {
+  id: "industry-theme.file-editing-panels",
+  name: "File Editing Panels",
+  description: "Tools for file editing, git diff viewing, and markdown editing",
+  tools: fileEditingPanelTools
+};
+const panels = [
+  {
+    metadata: {
+      id: "industry-theme.file-editor",
+      name: "File Editor",
+      icon: "📝",
+      version: "0.1.0",
+      author: "Industry Theme",
+      description: "Monaco-based code editor with syntax highlighting",
+      slices: ["active-file", "fileTree"],
+      tools: [fileEditingPanelTools[0]]
+      // openFileTool
+    },
+    component: FileEditorPanel,
+    onMount: async (context) => {
+      var _a2;
+      console.log(
+        "File Editor Panel mounted",
+        (_a2 = context.currentScope.repository) == null ? void 0 : _a2.path
+      );
+    },
+    onUnmount: async (_context) => {
+      console.log("File Editor Panel unmounting");
+    }
+  },
+  {
+    metadata: {
+      id: "industry-theme.git-diff",
+      name: "Git Diff",
+      icon: "🔀",
+      version: "0.1.0",
+      author: "Industry Theme",
+      description: "Side-by-side git diff viewer",
+      slices: ["git", "fileTree"],
+      tools: [fileEditingPanelTools[1]]
+      // viewDiffTool
+    },
+    component: GitDiffPanel,
+    onMount: async (context) => {
+      var _a2;
+      console.log(
+        "Git Diff Panel mounted",
+        (_a2 = context.currentScope.repository) == null ? void 0 : _a2.path
+      );
+    },
+    onUnmount: async (_context) => {
+      console.log("Git Diff Panel unmounting");
+    }
+  },
+  {
+    metadata: {
+      id: "industry-theme.mdx-editor",
+      name: "MDX Editor",
+      icon: "📄",
+      version: "0.1.0",
+      author: "Industry Theme",
+      description: "Rich markdown/MDX editor with live preview",
+      slices: ["active-file", "fileTree"],
+      tools: [fileEditingPanelTools[2]]
+      // openMarkdownTool
+    },
+    component: MDXEditorPanel,
+    onMount: async (context) => {
+      var _a2;
+      console.log(
+        "MDX Editor Panel mounted",
+        (_a2 = context.currentScope.repository) == null ? void 0 : _a2.path
+      );
+    },
+    onUnmount: async (_context) => {
+      console.log("MDX Editor Panel unmounting");
+    }
+  }
+];
+const onPackageLoad = async () => {
+  console.log("Panel package loaded - File Editing Panels");
+};
+const onPackageUnload = async () => {
+  console.log("Panel package unloading - File Editing Panels");
+};
 export {
+  fileEditingPanelToolsMetadata as A,
+  openFileTool as B,
   ContextTracker as C,
+  viewDiffTool as D,
   ExternalTokenizer as E,
-  FileEditorPanel as F,
-  GitDiffPanel as G,
+  openMarkdownTool as F,
+  FileEditorPanel as G,
+  FileEditorPanelPreview as H,
   IterMode as I,
+  GitDiffPanel as J,
+  GitDiffPanelPreview as K,
   LanguageSupport as L,
   MDXEditorPanel as M,
   NodeWeakMap as N,
+  MDXEditorPanelPreview as O,
   LRLanguage as a,
   LRParser as b,
   continuedIndent as c,
@@ -76326,8 +76534,9 @@ export {
   tags$1 as t,
   bracketMatchingHandle as u,
   javascriptLanguage as v,
-  GitDiffPanelPreview as w,
-  FileEditorPanelPreview as x,
-  MDXEditorPanelPreview as y
+  panels as w,
+  onPackageLoad as x,
+  onPackageUnload as y,
+  fileEditingPanelTools as z
 };
-//# sourceMappingURL=index-BRiZ41Yj.js.map
+//# sourceMappingURL=index-DbJYCA_w.js.map