@cere/cere-design-system 0.0.30 → 0.0.32

package/dist/index.d.mts

@@ -2688,6 +2688,8 @@ interface CodeEditorStatusBarProps {
      * When provided, default rendering is skipped entirely.
      */
     renderStatusBar?: (props: CodeEditorStatusBarRenderProps) => React__default.ReactNode;
+    /** Called when the user clicks the branch name in the status bar */
+    onBranchClick?: () => void;
     /** Props for the outer container */
     containerProps?: BoxProps;
 }
@@ -2747,6 +2749,10 @@ interface CodeEditorWorkspaceProps extends Pick<UseCodeEditorWorkspaceOptions, '
     statusBarItems?: CodeEditorStatusBarItem[];
     /** Expose the workspace instance to the parent via ref-like callback */
     onWorkspaceReady?: (workspace: UseCodeEditorWorkspaceReturn) => void;
+    /** Called when the user presses Ctrl+S / Cmd+S. Receives all dirty files. */
+    onSave?: (dirtyFiles: CodeEditorFile[]) => void;
+    /** Called when the user clicks the branch name in the status bar */
+    onBranchClick?: () => void;
 }
 /**
  * Convenience composed workspace that combines `CodeEditorFileTree`,

package/dist/index.d.ts

@@ -2688,6 +2688,8 @@ interface CodeEditorStatusBarProps {
      * When provided, default rendering is skipped entirely.
      */
     renderStatusBar?: (props: CodeEditorStatusBarRenderProps) => React__default.ReactNode;
+    /** Called when the user clicks the branch name in the status bar */
+    onBranchClick?: () => void;
     /** Props for the outer container */
     containerProps?: BoxProps;
 }
@@ -2747,6 +2749,10 @@ interface CodeEditorWorkspaceProps extends Pick<UseCodeEditorWorkspaceOptions, '
     statusBarItems?: CodeEditorStatusBarItem[];
     /** Expose the workspace instance to the parent via ref-like callback */
     onWorkspaceReady?: (workspace: UseCodeEditorWorkspaceReturn) => void;
+    /** Called when the user presses Ctrl+S / Cmd+S. Receives all dirty files. */
+    onSave?: (dirtyFiles: CodeEditorFile[]) => void;
+    /** Called when the user clicks the branch name in the status bar */
+    onBranchClick?: () => void;
 }
 /**
  * Convenience composed workspace that combines `CodeEditorFileTree`,

package/dist/index.js

@@ -9672,6 +9672,7 @@ var CodeEditorStatusBar = ({
   cursorPosition,
   items,
   renderStatusBar,
+  onBranchClick,
   containerProps
 }) => {
   if (renderStatusBar) {
@@ -9714,12 +9715,14 @@ var CodeEditorStatusBar = ({
               children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
                 import_material76.Box,
                 {
+                  onClick: onBranchClick,
                   sx: {
                     display: "flex",
                     alignItems: "center",
                     gap: 0.5,
-                    cursor: "default",
-                    overflow: "hidden"
+                    cursor: onBranchClick ? "pointer" : "default",
+                    overflow: "hidden",
+                    "&:hover": onBranchClick ? { opacity: 0.8 } : void 0
                   },
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
@@ -9865,7 +9868,9 @@ var CodeEditorWorkspace = ({
   gitInfo,
   showStatusBar = true,
   statusBarItems,
-  onWorkspaceReady
+  onWorkspaceReady,
+  onSave,
+  onBranchClick
 }) => {
   const workspace = useCodeEditorWorkspace({
     files,
@@ -9876,6 +9881,27 @@ var CodeEditorWorkspace = ({
   import_react40.default.useEffect(() => {
     onWorkspaceReady?.(workspace);
   }, []);
+  import_react40.default.useEffect(() => {
+    if (!onSave) return;
+    const handleKeyDown = (e) => {
+      if ((e.ctrlKey || e.metaKey) && e.key === "s") {
+        e.preventDefault();
+        const dirtyFiles = workspace.openTabs.filter((t) => t.isDirty).map((t) => {
+          const file = files.find((f) => f.path === t.path);
+          if (!file) return null;
+          return {
+            ...file,
+            value: workspace.getFileContent(file.path) ?? file.value
+          };
+        }).filter((f) => f !== null);
+        if (dirtyFiles.length > 0) {
+          onSave(dirtyFiles);
+        }
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [onSave, workspace, files]);
   const hasFileTree = showFileTree && fileTree && fileTree.length > 0;
   const tabsProps = {
     tabs: workspace.openTabs,
@@ -9896,7 +9922,8 @@ var CodeEditorWorkspace = ({
     gitInfo,
     language: workspace.activeFile?.language,
     cursorPosition: workspace.cursorPosition ?? void 0,
-    items: statusBarItems
+    items: statusBarItems,
+    onBranchClick
   };
   const statusBarElement = showStatusBar ? renderStatusBar ? renderStatusBar({ ...statusBarProps, workspace }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(CodeEditorStatusBar, { ...statusBarProps }) : null;
   const editorElement = renderEditor ? renderEditor(workspace) : workspace.activeFile ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(