@cere/cere-design-system 0.0.25 → 0.0.27

package/dist/index.d.mts

@@ -148,6 +148,8 @@ declare const workflowNodeColors: {
     readonly condition: "#FE9A00";
     readonly output: "#00BC7D";
     readonly end: "#FB2C36";
+    readonly parallel: "#14B8A6";
+    readonly merge: "#6366F1";
 };
 declare const workflowConnectionColors: {
     readonly success: "#22C55E";
@@ -1576,7 +1578,7 @@ interface DeploymentDashboardPanelProps {
 declare const DeploymentDashboardPanel: React__default.FC<DeploymentDashboardPanelProps>;
 
 /** All supported workflow node types */
-type WorkflowNodeType = 'start' | 'input' | 'stream' | 'rafts' | 'cubbies' | 'events' | 'trigger' | 'action' | 'aiModel' | 'aiAgent' | 'condition' | 'output' | 'end';
+type WorkflowNodeType = 'start' | 'input' | 'stream' | 'rafts' | 'cubbies' | 'events' | 'trigger' | 'action' | 'aiModel' | 'aiAgent' | 'condition' | 'output' | 'end' | 'parallel' | 'merge';
 interface WorkflowNodeProps extends Omit<PaperProps$1, 'title'> {
     /** The workflow node type — drives accent color, default icon, and badge label */
     nodeType: WorkflowNodeType;
@@ -1728,8 +1730,8 @@ interface WorkflowSideInspectorProps extends PaperProps$1 {
     timestamp?: string;
     /** Duration value shown in metadata section. */
     duration?: string;
-    /** Bottom CTA label. */
-    actionLabel?: string;
+    /** Bottom CTA label. Set to `undefined` or `null` to hide the button. */
+    actionLabel?: string | null;
     /** Called when close button is pressed. */
     onClose?: () => void;
     /** Called when cubby copy button is pressed. */

package/dist/index.d.ts

@@ -148,6 +148,8 @@ declare const workflowNodeColors: {
     readonly condition: "#FE9A00";
     readonly output: "#00BC7D";
     readonly end: "#FB2C36";
+    readonly parallel: "#14B8A6";
+    readonly merge: "#6366F1";
 };
 declare const workflowConnectionColors: {
     readonly success: "#22C55E";
@@ -1576,7 +1578,7 @@ interface DeploymentDashboardPanelProps {
 declare const DeploymentDashboardPanel: React__default.FC<DeploymentDashboardPanelProps>;
 
 /** All supported workflow node types */
-type WorkflowNodeType = 'start' | 'input' | 'stream' | 'rafts' | 'cubbies' | 'events' | 'trigger' | 'action' | 'aiModel' | 'aiAgent' | 'condition' | 'output' | 'end';
+type WorkflowNodeType = 'start' | 'input' | 'stream' | 'rafts' | 'cubbies' | 'events' | 'trigger' | 'action' | 'aiModel' | 'aiAgent' | 'condition' | 'output' | 'end' | 'parallel' | 'merge';
 interface WorkflowNodeProps extends Omit<PaperProps$1, 'title'> {
     /** The workflow node type — drives accent color, default icon, and badge label */
     nodeType: WorkflowNodeType;
@@ -1728,8 +1730,8 @@ interface WorkflowSideInspectorProps extends PaperProps$1 {
     timestamp?: string;
     /** Duration value shown in metadata section. */
     duration?: string;
-    /** Bottom CTA label. */
-    actionLabel?: string;
+    /** Bottom CTA label. Set to `undefined` or `null` to hide the button. */
+    actionLabel?: string | null;
     /** Called when close button is pressed. */
     onClose?: () => void;
     /** Called when cubby copy button is pressed. */

package/dist/index.js

@@ -267,7 +267,9 @@ var workflowNodeColors = {
   aiAgent: "#D0A2FB",
   condition: "#FE9A00",
   output: "#00BC7D",
-  end: "#FB2C36"
+  end: "#FB2C36",
+  parallel: "#14B8A6",
+  merge: "#6366F1"
 };
 var workflowConnectionColors = {
   success: "#22C55E",
@@ -6132,6 +6134,8 @@ var import_SmartToyOutlined3 = __toESM(require("@mui/icons-material/SmartToyOutl
 var import_CallSplit = __toESM(require("@mui/icons-material/CallSplit"));
 var import_Send = __toESM(require("@mui/icons-material/Send"));
 var import_CheckCircleOutline = __toESM(require("@mui/icons-material/CheckCircleOutline"));
+var import_ForkRight = __toESM(require("@mui/icons-material/ForkRight"));
+var import_CallMerge = __toESM(require("@mui/icons-material/CallMerge"));
 var import_jsx_runtime50 = require("react/jsx-runtime");
 var WORKFLOW_NODE_LABELS = {
   start: "Start",
@@ -6146,7 +6150,9 @@ var WORKFLOW_NODE_LABELS = {
   aiAgent: "Agent",
   condition: "Condition",
   output: "Output",
-  end: "End"
+  end: "End",
+  parallel: "Parallel",
+  merge: "Merge"
 };
 var NODE_ICON_SIZE = 18;
 var WORKFLOW_NODE_SHADOW = "0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1)";
@@ -6163,7 +6169,9 @@ var WORKFLOW_NODE_ICONS = {
   aiAgent: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_SmartToyOutlined3.default, { sx: { fontSize: NODE_ICON_SIZE } }),
   condition: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_CallSplit.default, { sx: { fontSize: NODE_ICON_SIZE } }),
   output: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_Send.default, { sx: { fontSize: NODE_ICON_SIZE } }),
-  end: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_CheckCircleOutline.default, { sx: { fontSize: NODE_ICON_SIZE } })
+  end: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_CheckCircleOutline.default, { sx: { fontSize: NODE_ICON_SIZE } }),
+  parallel: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_ForkRight.default, { sx: { fontSize: NODE_ICON_SIZE } }),
+  merge: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_CallMerge.default, { sx: { fontSize: NODE_ICON_SIZE } })
 };
 var WORKFLOW_NODE_STYLE_TOKENS = {
   start: {
@@ -6243,6 +6251,18 @@ var WORKFLOW_NODE_STYLE_TOKENS = {
     badgeBackground: "#FEF2F2",
     badgeBorder: "#FFC9C9",
     badgeText: "#C10007"
+  },
+  parallel: {
+    cardBorder: "#5EEAD4",
+    badgeBackground: "#F0FDFA",
+    badgeBorder: "#99F6E4",
+    badgeText: "#0F766E"
+  },
+  merge: {
+    cardBorder: "#A5B4FC",
+    badgeBackground: "#EEF2FF",
+    badgeBorder: "#C7D2FE",
+    badgeText: "#4338CA"
   }
 };
 var BADGE_TYPOGRAPHY = {
@@ -6827,7 +6847,7 @@ var WorkflowSideInspector = ({
   cubbyId = "ID:S8787",
   timestamp = "2026-02-11 14:32:10",
   duration = "120ms",
-  actionLabel = "View Logs",
+  actionLabel,
   onClose,
   onCopyCubbyId,
   onAction,
@@ -6944,7 +6964,7 @@ var WorkflowSideInspector = ({
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_material40.Divider, { sx: { borderColor: DIVIDER_COLOR } })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Button, { variant: "primary", fullWidth: true, onClick: onAction, children: actionLabel })
+        actionLabel && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Button, { variant: "primary", fullWidth: true, onClick: onAction, children: actionLabel })
       ]
     }
   );