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

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

@@ -3,10 +3,162 @@ 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, useState, useEffect, forwardRef, createElement, useRef, 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 terminalTheme = {
+  space: [0, 4, 8, 16, 32, 64, 128, 256, 512],
+  fonts: {
+    body: '"SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace',
+    heading: '"SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace',
+    monospace: '"SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace'
+  },
+  fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],
+  fontScale: 1,
+  fontWeights: {
+    body: 400,
+    heading: 500,
+    bold: 600,
+    light: 300,
+    medium: 500,
+    semibold: 600
+  },
+  lineHeights: {
+    body: 1.6,
+    heading: 1.3,
+    tight: 1.4,
+    relaxed: 1.8
+  },
+  breakpoints: ["640px", "768px", "1024px", "1280px"],
+  sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],
+  radii: [0, 2, 4, 6, 8, 12, 16, 24],
+  shadows: [
+    "none",
+    "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+    "0 2px 4px 0 rgba(0, 0, 0, 0.06)",
+    "0 4px 6px 0 rgba(0, 0, 0, 0.07)",
+    "0 8px 12px 0 rgba(0, 0, 0, 0.08)",
+    "0 16px 24px 0 rgba(0, 0, 0, 0.10)"
+  ],
+  zIndices: [0, 1, 10, 20, 30, 40, 50],
+  colors: {
+    text: "#e4e4e4",
+    background: "rgba(10, 10, 10, 0.85)",
+    primary: "#66b3ff",
+    secondary: "#80c4ff",
+    accent: "#66ff99",
+    highlight: "rgba(102, 179, 255, 0.15)",
+    muted: "rgba(26, 26, 26, 0.8)",
+    success: "#66ff99",
+    warning: "#ffcc66",
+    error: "#ff6666",
+    info: "#66b3ff",
+    border: "rgba(255, 255, 255, 0.1)",
+    backgroundSecondary: "rgba(15, 15, 15, 0.9)",
+    backgroundTertiary: "rgba(20, 20, 20, 0.9)",
+    backgroundLight: "rgba(255, 255, 255, 0.05)",
+    backgroundHover: "rgba(102, 179, 255, 0.08)",
+    surface: "rgba(15, 15, 15, 0.95)",
+    textSecondary: "rgba(255, 255, 255, 0.7)",
+    textTertiary: "rgba(255, 255, 255, 0.5)",
+    textMuted: "rgba(255, 255, 255, 0.4)",
+    highlightBg: "rgba(255, 235, 59, 0.25)",
+    highlightBorder: "rgba(255, 235, 59, 0.5)"
+  },
+  modes: {
+    light: {
+      text: "#1a1a1a",
+      background: "rgba(255, 255, 255, 0.9)",
+      primary: "#0066cc",
+      secondary: "#0052a3",
+      accent: "#00cc88",
+      highlight: "rgba(0, 102, 204, 0.08)",
+      muted: "rgba(245, 245, 245, 0.8)",
+      success: "#00cc88",
+      warning: "#ffaa00",
+      error: "#ff3333",
+      info: "#0066cc",
+      border: "rgba(0, 0, 0, 0.1)",
+      backgroundSecondary: "rgba(250, 250, 250, 0.9)",
+      backgroundTertiary: "rgba(245, 245, 245, 0.9)",
+      backgroundLight: "rgba(0, 0, 0, 0.02)",
+      backgroundHover: "rgba(0, 102, 204, 0.04)",
+      surface: "rgba(255, 255, 255, 0.95)",
+      textSecondary: "rgba(0, 0, 0, 0.6)",
+      textTertiary: "rgba(0, 0, 0, 0.4)",
+      textMuted: "rgba(0, 0, 0, 0.3)",
+      highlightBg: "rgba(255, 235, 59, 0.3)",
+      highlightBorder: "rgba(255, 235, 59, 0.6)"
+    }
+  },
+  buttons: {
+    primary: {
+      color: "white",
+      bg: "primary",
+      borderWidth: 0,
+      "&:hover": {
+        bg: "secondary"
+      }
+    },
+    secondary: {
+      color: "primary",
+      bg: "transparent",
+      borderWidth: 1,
+      borderStyle: "solid",
+      borderColor: "primary",
+      "&:hover": {
+        bg: "highlight"
+      }
+    },
+    ghost: {
+      color: "text",
+      bg: "transparent",
+      "&:hover": {
+        bg: "backgroundHover"
+      }
+    }
+  },
+  text: {
+    heading: {
+      fontFamily: "heading",
+      fontWeight: "heading",
+      lineHeight: "heading"
+    },
+    body: {
+      fontFamily: "body",
+      fontWeight: "body",
+      lineHeight: "body"
+    },
+    caption: {
+      fontSize: 1,
+      color: "textSecondary"
+    }
+  },
+  cards: {
+    primary: {
+      bg: "surface",
+      border: "1px solid",
+      borderColor: "border",
+      borderRadius: 1
+    },
+    secondary: {
+      bg: "backgroundSecondary",
+      border: "1px solid",
+      borderColor: "border",
+      borderRadius: 1
+    }
+  }
+};
+function getMode(theme2, mode) {
+  if (!mode || !theme2.modes || !theme2.modes[mode]) {
+    return theme2.colors;
+  }
+  return {
+    ...theme2.colors,
+    ...theme2.modes[mode]
+  };
+}
 var ThemeContext;
 var getThemeContext = () => {
   if (typeof window !== "undefined") {
@@ -30,6 +182,46 @@ var useTheme = () => {
   }
   return context;
 };
+var ThemeProvider = ({
+  children,
+  theme: customTheme = theme$1,
+  initialMode
+}) => {
+  const [mode, setMode] = useState(initialMode);
+  const activeTheme = React__default__default.useMemo(() => {
+    if (!mode || !customTheme.modes || !customTheme.modes[mode]) {
+      return customTheme;
+    }
+    return {
+      ...customTheme,
+      colors: getMode(customTheme, mode)
+    };
+  }, [customTheme, mode]);
+  useEffect(() => {
+    if (!initialMode) {
+      const savedMode = localStorage.getItem("principlemd-theme-mode");
+      if (savedMode) {
+        setMode(savedMode);
+      }
+    }
+  }, [initialMode]);
+  useEffect(() => {
+    if (mode) {
+      localStorage.setItem("principlemd-theme-mode", mode);
+    } else {
+      localStorage.removeItem("principlemd-theme-mode");
+    }
+  }, [mode]);
+  const value2 = {
+    theme: activeTheme,
+    mode,
+    setMode
+  };
+  return /* @__PURE__ */ React__default__default.createElement(ThemeContextSingleton.Provider, {
+    value: value2
+  }, children);
+};
+var theme$1 = terminalTheme;
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -172,411 +364,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 +405,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 +423,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 +438,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 +467,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 +492,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 +509,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 +520,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 +545,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 +570,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 +606,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 +636,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 +724,10 @@ const FileEditorPanel = ({
                         }
                       )
                     ] }),
-                    onClose && filePath && /* @__PURE__ */ jsx$1(
+                    filePath && /* @__PURE__ */ jsx$1(
                       "button",
                       {
-                        onClick: onClose,
+                        onClick: handleClose2,
                         style: {
                           background: "none",
                           border: "none",
@@ -965,7 +763,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 +778,8 @@ const FileEditorPanel = ({
               justifyContent: "center",
               color: theme2.colors.error,
               padding: "20px",
-              textAlign: "center"
+              textAlign: "center",
+              fontFamily: theme2.fonts.body
             },
             children: [
               "Error: ",
@@ -1019,6 +819,9 @@ const FileEditorPanel = ({
     }
   );
 };
+const FileEditorPanel = (props) => {
+  return /* @__PURE__ */ jsx$1(ThemeProvider, { children: /* @__PURE__ */ jsx$1(FileEditorPanelContent, { ...props }) });
+};
 const FileEditorPanelPreview = () => {
   const { theme: theme2 } = useTheme();
   return /* @__PURE__ */ jsxs(
@@ -1055,6 +858,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(ThemeProvider, { children: /* @__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 +49611,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 +49622,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 +49660,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 +62448,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-Bv-jaOT4.js").then((m3) => m3.sql({ dialect: m3[dialectName] }));
 }
 const languages = [
   // New-style language modes
@@ -62261,7 +62456,7 @@ const languages = [
     name: "C",
     extensions: ["c", "h", "ino"],
     load() {
-      return import("./index-ZhCVoili.js").then((m3) => m3.cpp());
+      return import("./index-Bz2hw5jD.js").then((m3) => m3.cpp());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62269,7 +62464,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-Bz2hw5jD.js").then((m3) => m3.cpp());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62291,7 +62486,7 @@ const languages = [
     name: "Go",
     extensions: ["go"],
     load() {
-      return import("./index-Ds9lMu-c.js").then((m3) => m3.go());
+      return import("./index-Cw8rhvFp.js").then((m3) => m3.go());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62306,7 +62501,7 @@ const languages = [
     name: "Java",
     extensions: ["java"],
     load() {
-      return import("./index-CQtBr0UY.js").then((m3) => m3.java());
+      return import("./index-BfXsy0Ic.js").then((m3) => m3.java());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62321,7 +62516,7 @@ const languages = [
     name: "Jinja",
     extensions: ["j2", "jinja", "jinja2"],
     load() {
-      return import("./index-CjyvtorY.js").then((m3) => m3.jinja());
+      return import("./index-CfSEVctn.js").then((m3) => m3.jinja());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62329,7 +62524,7 @@ const languages = [
     alias: ["json5"],
     extensions: ["json", "map"],
     load() {
-      return import("./index-BxXSPvaU.js").then((m3) => m3.json());
+      return import("./index-CZxNC5tF.js").then((m3) => m3.json());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62343,14 +62538,14 @@ const languages = [
     name: "LESS",
     extensions: ["less"],
     load() {
-      return import("./index-TBMiP6Sa.js").then((m3) => m3.less());
+      return import("./index-CR9rs7ft.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-Be8sf6Yq.js").then((m3) => m3.liquid());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62382,7 +62577,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-14lgYlyv.js").then((m3) => m3.php());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62403,28 +62598,28 @@ const languages = [
     extensions: ["BUILD", "bzl", "py", "pyw"],
     filename: /^(BUCK|BUILD)$/,
     load() {
-      return import("./index-ZGazVsqS.js").then((m3) => m3.python());
+      return import("./index-CTUvSkgO.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-fTvnIXAZ.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-DYXlNXoN.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-DYXlNXoN.js").then((m3) => m3.sass());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62459,7 +62654,7 @@ const languages = [
     name: "WebAssembly",
     extensions: ["wat", "wast"],
     load() {
-      return import("./index-BjkLI8D3.js").then((m3) => m3.wast());
+      return import("./index-BgO3atCf.js").then((m3) => m3.wast());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62467,7 +62662,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-BwQYP3Gr.js").then((m3) => m3.xml());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62475,7 +62670,7 @@ const languages = [
     alias: ["yml"],
     extensions: ["yaml", "yml"],
     load() {
-      return import("./index-CDkarLuR.js").then((m3) => m3.yaml());
+      return import("./index-CCKvgrZw.js").then((m3) => m3.yaml());
     }
   }),
   // Legacy modes ported from CodeMirror 5
@@ -63264,13 +63459,13 @@ const languages = [
     name: "Vue",
     extensions: ["vue"],
     load() {
-      return import("./index-u6DfL9YL.js").then((m3) => m3.vue());
+      return import("./index-CVQuqypG.js").then((m3) => m3.vue());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Angular Template",
     load() {
-      return import("./index-Bg6SAM4G.js").then((m3) => m3.angular());
+      return import("./index-C9AZ1bbc.js").then((m3) => m3.angular());
     }
   })
 ];
@@ -75921,22 +76116,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 +76143,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 +76190,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 +76234,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 +76249,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 +76275,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 +76291,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 +76310,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 +76320,7 @@ const MDXEditorPanel = ({
       }
     );
   }
-  if (!filePath && !initialContent) {
+  if (!filePath) {
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -76143,7 +76332,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 +76381,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 +76398,7 @@ const MDXEditorPanel = ({
           },
           plugins
         },
-        currentFilePath || "default"
+        filePath || "default"
       )
     }
   );
@@ -76250,6 +76440,9 @@ const MDXEditorPanel = ({
   }
   return editorContent;
 };
+const MDXEditorPanel = (props) => {
+  return /* @__PURE__ */ jsx$1(ThemeProvider, { children: /* @__PURE__ */ jsx$1(MDXEditorPanelContent, { ...props }) });
+};
 const MDXEditorPanelPreview = () => {
   const { theme: theme2 } = useTheme();
   return /* @__PURE__ */ jsxs(
@@ -76295,15 +76488,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 +76708,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-DLyieo0R.js.map