@cere/cere-design-system 0.0.34 → 0.0.35

package/dist/index.d.mts

@@ -2449,7 +2449,11 @@ interface CodeEditorTab {
     label?: string;
     /** Whether the file has unsaved changes */
     isDirty?: boolean;
+    /** Git sync status — distinct from isDirty (editor changes) */
+    syncStatus?: 'new' | 'modified';
 }
+/** Git sync status for a file tree node. */
+type FileTreeNodeStatus = 'new' | 'modified' | 'deleted';
 /**
  * A node in the file tree.
  */
@@ -2464,6 +2468,8 @@ interface FileTreeNode {
     children?: FileTreeNode[];
     /** Optional custom icon */
     icon?: ReactNode;
+    /** Git sync status indicator (new / modified / deleted) */
+    status?: FileTreeNodeStatus;
 }
 /**
  * Git repository information passed into the workspace.

package/dist/index.d.ts

@@ -2449,7 +2449,11 @@ interface CodeEditorTab {
     label?: string;
     /** Whether the file has unsaved changes */
     isDirty?: boolean;
+    /** Git sync status — distinct from isDirty (editor changes) */
+    syncStatus?: 'new' | 'modified';
 }
+/** Git sync status for a file tree node. */
+type FileTreeNodeStatus = 'new' | 'modified' | 'deleted';
 /**
  * A node in the file tree.
  */
@@ -2464,6 +2468,8 @@ interface FileTreeNode {
     children?: FileTreeNode[];
     /** Optional custom icon */
     icon?: ReactNode;
+    /** Git sync status indicator (new / modified / deleted) */
+    status?: FileTreeNodeStatus;
 }
 /**
  * Git repository information passed into the workspace.

package/dist/index.js

@@ -9491,6 +9491,20 @@ var CodeEditorTabs = ({
                   }
                 }
               ),
+              tab.syncStatus && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+                import_material74.Box,
+                {
+                  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__ */ (0, import_jsx_runtime98.jsx)(import_material74.Tooltip, { title: tab.path, enterDelay: 600, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                 import_material74.Typography,
                 {
@@ -9542,6 +9556,20 @@ var import_InsertDriveFileOutlined = __toESM(require("@mui/icons-material/Insert
 var import_ExpandMore4 = __toESM(require("@mui/icons-material/ExpandMore"));
 var import_ChevronRight4 = __toESM(require("@mui/icons-material/ChevronRight"));
 var import_jsx_runtime99 = require("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,
@@ -9634,7 +9662,28 @@ var CodeEditorFileTree = ({
                   }
                 }
               }
-            )
+            ),
+            (() => {
+              const effectiveStatus = isFolder ? computeFolderStatus(node) : node.status;
+              if (!effectiveStatus) return null;
+              const cfg = STATUS_CONFIG[effectiveStatus];
+              return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+                import_material75.Box,
+                {
+                  component: "span",
+                  sx: {
+                    ml: "auto",
+                    pl: 0.5,
+                    fontSize: "0.65rem",
+                    fontWeight: 700,
+                    lineHeight: 1,
+                    color: cfg.color,
+                    flexShrink: 0
+                  },
+                  children: cfg.label
+                }
+              );
+            })()
           ]
         }
       ),