@cere/cere-design-system 0.0.33 → 0.0.35

package/dist/index.mjs

@@ -9470,6 +9470,20 @@ var CodeEditorTabs = ({
                   }
                 }
               ),
+              tab.syncStatus && /* @__PURE__ */ jsx98(
+                Box31,
+                {
+                  component: "span",
+                  sx: {
+                    fontSize: "0.6rem",
+                    fontWeight: 700,
+                    lineHeight: 1,
+                    color: tab.syncStatus === "new" ? "success.main" : "warning.main",
+                    flexShrink: 0
+                  },
+                  children: tab.syncStatus === "new" ? "N" : "M"
+                }
+              ),
               /* @__PURE__ */ jsx98(Tooltip8, { title: tab.path, enterDelay: 600, children: /* @__PURE__ */ jsx98(
                 Typography27,
                 {
@@ -9521,6 +9535,20 @@ import InsertDriveFileOutlinedIcon from "@mui/icons-material/InsertDriveFileOutl
 import ExpandMoreIcon4 from "@mui/icons-material/ExpandMore";
 import ChevronRightIcon4 from "@mui/icons-material/ChevronRight";
 import { jsx as jsx99, jsxs as jsxs51 } from "react/jsx-runtime";
+var STATUS_CONFIG = {
+  new: { label: "N", color: "success.main" },
+  modified: { label: "M", color: "warning.main" },
+  deleted: { label: "D", color: "error.main" }
+};
+function computeFolderStatus(node) {
+  if (node.status) return node.status;
+  if (node.type !== "folder" || !node.children) return void 0;
+  const childStatuses = node.children.map((c) => c.type === "folder" ? computeFolderStatus(c) : c.status).filter((s) => !!s);
+  if (childStatuses.length === 0) return void 0;
+  if (childStatuses.includes("new")) return "new";
+  if (childStatuses.includes("modified")) return "modified";
+  return "deleted";
+}
 var CodeEditorFileTree = ({
   tree,
   selectedPath,
@@ -9613,7 +9641,28 @@ var CodeEditorFileTree = ({
                   }
                 }
               }
-            )
+            ),
+            (() => {
+              const effectiveStatus = isFolder ? computeFolderStatus(node) : node.status;
+              if (!effectiveStatus) return null;
+              const cfg = STATUS_CONFIG[effectiveStatus];
+              return /* @__PURE__ */ jsx99(
+                Box32,
+                {
+                  component: "span",
+                  sx: {
+                    ml: "auto",
+                    pl: 0.5,
+                    fontSize: "0.65rem",
+                    fontWeight: 700,
+                    lineHeight: 1,
+                    color: cfg.color,
+                    flexShrink: 0
+                  },
+                  children: cfg.label
+                }
+              );
+            })()
           ]
         }
       ),
@@ -9832,10 +9881,61 @@ var StatusBarItemElement = ({ item }) => {
   return inner;
 };
 
-// src/components/third-party/CodeEditorWorkspace/CodeEditorWorkspace.tsx
-import React16 from "react";
+// src/components/third-party/CodeEditorWorkspace/CodeEditorWelcomeScreen.tsx
 import { Box as Box34 } from "@mui/material";
 import { jsx as jsx101, jsxs as jsxs53 } from "react/jsx-runtime";
+var CodeEditorWelcomeScreen = ({
+  logo,
+  children,
+  containerProps
+}) => {
+  const defaultLogo = /* @__PURE__ */ jsx101(
+    CereIcon,
+    {
+      sx: {
+        fontSize: 80,
+        color: "text.disabled",
+        opacity: 0.4
+      }
+    }
+  );
+  return /* @__PURE__ */ jsxs53(
+    Box34,
+    {
+      sx: {
+        flex: 1,
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: 3,
+        p: 4,
+        userSelect: "none"
+      },
+      ...containerProps,
+      children: [
+        logo !== void 0 ? logo : defaultLogo,
+        children && /* @__PURE__ */ jsx101(
+          Box34,
+          {
+            sx: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              gap: 1
+            },
+            children
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/components/third-party/CodeEditorWorkspace/CodeEditorWorkspace.tsx
+import React16 from "react";
+import { Box as Box35 } from "@mui/material";
+import { jsx as jsx102, jsxs as jsxs54 } from "react/jsx-runtime";
 var CodeEditorWorkspace = ({
   files,
   initialOpenPaths,
@@ -9853,6 +9953,9 @@ var CodeEditorWorkspace = ({
   renderFileTree,
   renderEditor,
   renderStatusBar,
+  renderWelcomeScreen,
+  welcomeScreen,
+  welcomeScreenProps,
   gitInfo,
   showStatusBar = true,
   statusBarItems,
@@ -9897,7 +10000,7 @@ var CodeEditorWorkspace = ({
     onTabSelect: workspace.setActiveFile,
     onTabClose: workspace.closeFile
   };
-  const tabsElement = showTabs ? renderTabs ? renderTabs({ ...tabsProps, workspace }) : /* @__PURE__ */ jsx101(CodeEditorTabs, { ...tabsProps }) : null;
+  const tabsElement = showTabs ? renderTabs ? renderTabs({ ...tabsProps, workspace }) : /* @__PURE__ */ jsx102(CodeEditorTabs, { ...tabsProps }) : null;
   const fileTreeProps = {
     tree: fileTree ?? [],
     selectedPath: workspace.activeFilePath,
@@ -9905,7 +10008,7 @@ var CodeEditorWorkspace = ({
     defaultExpandedPaths,
     width: fileTreeWidth
   };
-  const fileTreeElement = hasFileTree ? renderFileTree ? renderFileTree({ ...fileTreeProps, workspace }) : /* @__PURE__ */ jsx101(CodeEditorFileTree, { ...fileTreeProps }) : null;
+  const fileTreeElement = hasFileTree ? renderFileTree ? renderFileTree({ ...fileTreeProps, workspace }) : /* @__PURE__ */ jsx102(CodeEditorFileTree, { ...fileTreeProps }) : null;
   const statusBarProps = {
     gitInfo,
     language: workspace.activeFile?.language,
@@ -9913,8 +10016,9 @@ var CodeEditorWorkspace = ({
     items: statusBarItems,
     onBranchClick
   };
-  const statusBarElement = showStatusBar ? renderStatusBar ? renderStatusBar({ ...statusBarProps, workspace }) : /* @__PURE__ */ jsx101(CodeEditorStatusBar, { ...statusBarProps }) : null;
-  const editorElement = renderEditor ? renderEditor(workspace) : workspace.activeFile ? /* @__PURE__ */ jsx101(
+  const statusBarElement = showStatusBar ? renderStatusBar ? renderStatusBar({ ...statusBarProps, workspace }) : /* @__PURE__ */ jsx102(CodeEditorStatusBar, { ...statusBarProps }) : null;
+  const welcomeElement = renderWelcomeScreen ? renderWelcomeScreen(workspace) : welcomeScreen !== void 0 ? welcomeScreen : /* @__PURE__ */ jsx102(CodeEditorWelcomeScreen, { ...welcomeScreenProps });
+  const editorElement = renderEditor ? renderEditor(workspace) : workspace.activeFile ? /* @__PURE__ */ jsx102(
     CodeEditor,
     {
       value: workspace.activeFile.value,
@@ -9932,22 +10036,9 @@ var CodeEditorWorkspace = ({
       height: "100%",
       ...editorProps
     }
-  ) : /* @__PURE__ */ jsx101(
-    Box34,
-    {
-      sx: {
-        flex: 1,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        color: "text.secondary",
-        fontSize: "0.875rem"
-      },
-      children: "Open a file to start editing"
-    }
-  );
-  return /* @__PURE__ */ jsxs53(
-    Box34,
+  ) : welcomeElement;
+  return /* @__PURE__ */ jsxs54(
+    Box35,
     {
       sx: {
         display: "flex",
@@ -9961,9 +10052,9 @@ var CodeEditorWorkspace = ({
       ...containerProps,
       children: [
         fileTreeElement,
-        /* @__PURE__ */ jsxs53(Box34, { sx: { flex: 1, display: "flex", flexDirection: "column", minWidth: 0, overflow: "hidden" }, children: [
+        /* @__PURE__ */ jsxs54(Box35, { sx: { flex: 1, display: "flex", flexDirection: "column", minWidth: 0, overflow: "hidden" }, children: [
           tabsElement,
-          /* @__PURE__ */ jsx101(Box34, { sx: { flex: 1, overflow: "hidden" }, children: editorElement }),
+          /* @__PURE__ */ jsx102(Box35, { sx: { flex: 1, overflow: "hidden" }, children: editorElement }),
           statusBarElement
         ] })
       ]
@@ -10004,6 +10095,7 @@ export {
   CodeEditorFileTree,
   CodeEditorStatusBar,
   CodeEditorTabs,
+  CodeEditorWelcomeScreen,
   CodeEditorWorkspace,
   Collapse,
   ConnectionLineType2 as ConnectionLineType,