@camstack/ui-library 1.1.46 → 1.2.0

package/dist/composites/device-step-matrix.d.ts

@@ -26,5 +26,12 @@ export interface DeviceStepMatrixProps {
     /** Single-node fallback (B): which node the one column shows. */
     readonly fallbackNodeId: string | null;
     readonly onFallbackNodeChange: (nodeId: string) => void;
+    /**
+     * Hide the col-1 gate entirely (per-node BASE view). When set, col-1 renders
+     * ONLY the step label — no gate/zone control — and its header reads "Step"
+     * instead of "Step · gate". Enablement in that view is per-camera, so the
+     * node-level matrix carries no gate. Default (absent/false) is unchanged.
+     */
+    readonly hideGate?: boolean;
 }
-export declare function DeviceStepMatrix({ tree, agents, gateFor, getCellState, onCellClick, selectedCell, onSetGate, gateBusy, fallbackNodeId, onFallbackNodeChange, }: DeviceStepMatrixProps): import("react").JSX.Element;
+export declare function DeviceStepMatrix({ tree, agents, gateFor, getCellState, onCellClick, selectedCell, onSetGate, gateBusy, fallbackNodeId, onFallbackNodeChange, hideGate, }: DeviceStepMatrixProps): import("react").JSX.Element;

package/dist/index.cjs

@@ -15088,11 +15088,11 @@ function ZoneBadge() {
 		})]
 	});
 }
-function StepGateCell({ node, depth, gate, busy, onSet }) {
+function StepGateCell({ node, depth, gate, busy, onSet, hideGate }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "sticky left-0 z-10 flex flex-col gap-2 border-b border-border bg-surface px-3 py-2.5 text-xs min-w-0",
 		style: { paddingLeft: `${12 + depth * 14}px` },
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StepLabel, { node }), gate.kind === "zone-driven" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ZoneBadge, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GateControl, {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StepLabel, { node }), hideGate ? null : gate.kind === "zone-driven" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ZoneBadge, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GateControl, {
 			gate,
 			busy,
 			onSet
@@ -15135,7 +15135,7 @@ function NodeSelectorBar({ nodes, selected, onSelect }) {
 		]
 	});
 }
-function MatrixGrid({ tree, agents, gateFor, getCellState, onCellClick, selectedCell, onSetGate, gateBusy, single }) {
+function MatrixGrid({ tree, agents, gateFor, getCellState, onCellClick, selectedCell, onSetGate, gateBusy, single, hideGate }) {
 	const rows = (0, react$1.useMemo)(() => flattenTree(tree), [tree]);
 	const groups = (0, react$1.useMemo)(() => groupAgentColumns(agents), [agents]);
 	const gridTemplate = single ? `minmax(0, 1.35fr) repeat(${agents.length}, minmax(0, 1fr))` : `${STEP_COL_REM}rem repeat(${agents.length}, 13rem)`;
@@ -15147,7 +15147,7 @@ function MatrixGrid({ tree, agents, gateFor, getCellState, onCellClick, selected
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "sticky left-0 top-0 z-20 border-b border-border bg-muted/60 px-3 py-2 text-[10px] uppercase tracking-widest text-foreground-subtle",
-					children: "Step · gate"
+					children: hideGate ? "Step" : "Step · gate"
 				}),
 				groups.map((group) => group.grouped ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GroupedAgentHeader, { group }, group.agentNodeId) : group.columns.map((col) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "sticky top-0 z-10 min-w-0 border-b border-l border-border bg-muted/60 px-3 py-2",
@@ -15168,19 +15168,21 @@ function MatrixGrid({ tree, agents, gateFor, getCellState, onCellClick, selected
 					onCellClick,
 					selectedCell,
 					onSetGate,
-					gateBusy
+					gateBusy,
+					hideGate
 				}, node.addonId))
 			]
 		})
 	});
 }
-function MatrixRow({ node, depth, agents, gate, getCellState, onCellClick, selectedCell, onSetGate, gateBusy }) {
+function MatrixRow({ node, depth, agents, gate, getCellState, onCellClick, selectedCell, onSetGate, gateBusy, hideGate }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StepGateCell, {
 		node,
 		depth,
 		gate,
 		busy: gateBusy,
-		onSet: (next) => onSetGate(node.addonId, next)
+		onSet: (next) => onSetGate(node.addonId, next),
+		hideGate
 	}), agents.map((a) => {
 		const state = getCellState(node.addonId, a);
 		const isSelected = selectedCell !== null && selectedCell.addonId === node.addonId && agentColumnKey(selectedCell) === agentColumnKey(a);
@@ -15194,7 +15196,7 @@ function MatrixRow({ node, depth, agents, gate, getCellState, onCellClick, selec
 		}, agentColumnKey(a));
 	})] });
 }
-function DeviceStepMatrix({ tree, agents, gateFor, getCellState, onCellClick, selectedCell, onSetGate, gateBusy, fallbackNodeId, onFallbackNodeChange }) {
+function DeviceStepMatrix({ tree, agents, gateFor, getCellState, onCellClick, selectedCell, onSetGate, gateBusy, fallbackNodeId, onFallbackNodeChange, hideGate }) {
 	const containerRef = (0, react$1.useRef)(null);
 	const [width, setWidth] = (0, react$1.useState)(0);
 	(0, react$1.useLayoutEffect)(() => {
@@ -15229,7 +15231,8 @@ function DeviceStepMatrix({ tree, agents, gateFor, getCellState, onCellClick, se
 			selectedCell,
 			onSetGate,
 			gateBusy,
-			single: single && selectedNode !== null
+			single: single && selectedNode !== null,
+			hideGate
 		})]
 	});
 }

package/dist/index.js

@@ -15064,11 +15064,11 @@ function ZoneBadge() {
 		})]
 	});
 }
-function StepGateCell({ node, depth, gate, busy, onSet }) {
+function StepGateCell({ node, depth, gate, busy, onSet, hideGate }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "sticky left-0 z-10 flex flex-col gap-2 border-b border-border bg-surface px-3 py-2.5 text-xs min-w-0",
 		style: { paddingLeft: `${12 + depth * 14}px` },
-		children: [/* @__PURE__ */ jsx(StepLabel, { node }), gate.kind === "zone-driven" ? /* @__PURE__ */ jsx(ZoneBadge, {}) : /* @__PURE__ */ jsx(GateControl, {
+		children: [/* @__PURE__ */ jsx(StepLabel, { node }), hideGate ? null : gate.kind === "zone-driven" ? /* @__PURE__ */ jsx(ZoneBadge, {}) : /* @__PURE__ */ jsx(GateControl, {
 			gate,
 			busy,
 			onSet
@@ -15111,7 +15111,7 @@ function NodeSelectorBar({ nodes, selected, onSelect }) {
 		]
 	});
 }
-function MatrixGrid({ tree, agents, gateFor, getCellState, onCellClick, selectedCell, onSetGate, gateBusy, single }) {
+function MatrixGrid({ tree, agents, gateFor, getCellState, onCellClick, selectedCell, onSetGate, gateBusy, single, hideGate }) {
 	const rows = useMemo(() => flattenTree(tree), [tree]);
 	const groups = useMemo(() => groupAgentColumns(agents), [agents]);
 	const gridTemplate = single ? `minmax(0, 1.35fr) repeat(${agents.length}, minmax(0, 1fr))` : `${STEP_COL_REM}rem repeat(${agents.length}, 13rem)`;
@@ -15123,7 +15123,7 @@ function MatrixGrid({ tree, agents, gateFor, getCellState, onCellClick, selected
 			children: [
 				/* @__PURE__ */ jsx("div", {
 					className: "sticky left-0 top-0 z-20 border-b border-border bg-muted/60 px-3 py-2 text-[10px] uppercase tracking-widest text-foreground-subtle",
-					children: "Step · gate"
+					children: hideGate ? "Step" : "Step · gate"
 				}),
 				groups.map((group) => group.grouped ? /* @__PURE__ */ jsx(GroupedAgentHeader, { group }, group.agentNodeId) : group.columns.map((col) => /* @__PURE__ */ jsxs("div", {
 					className: "sticky top-0 z-10 min-w-0 border-b border-l border-border bg-muted/60 px-3 py-2",
@@ -15144,19 +15144,21 @@ function MatrixGrid({ tree, agents, gateFor, getCellState, onCellClick, selected
 					onCellClick,
 					selectedCell,
 					onSetGate,
-					gateBusy
+					gateBusy,
+					hideGate
 				}, node.addonId))
 			]
 		})
 	});
 }
-function MatrixRow({ node, depth, agents, gate, getCellState, onCellClick, selectedCell, onSetGate, gateBusy }) {
+function MatrixRow({ node, depth, agents, gate, getCellState, onCellClick, selectedCell, onSetGate, gateBusy, hideGate }) {
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(StepGateCell, {
 		node,
 		depth,
 		gate,
 		busy: gateBusy,
-		onSet: (next) => onSetGate(node.addonId, next)
+		onSet: (next) => onSetGate(node.addonId, next),
+		hideGate
 	}), agents.map((a) => {
 		const state = getCellState(node.addonId, a);
 		const isSelected = selectedCell !== null && selectedCell.addonId === node.addonId && agentColumnKey(selectedCell) === agentColumnKey(a);
@@ -15170,7 +15172,7 @@ function MatrixRow({ node, depth, agents, gate, getCellState, onCellClick, selec
 		}, agentColumnKey(a));
 	})] });
 }
-function DeviceStepMatrix({ tree, agents, gateFor, getCellState, onCellClick, selectedCell, onSetGate, gateBusy, fallbackNodeId, onFallbackNodeChange }) {
+function DeviceStepMatrix({ tree, agents, gateFor, getCellState, onCellClick, selectedCell, onSetGate, gateBusy, fallbackNodeId, onFallbackNodeChange, hideGate }) {
 	const containerRef = useRef(null);
 	const [width, setWidth] = useState(0);
 	useLayoutEffect(() => {
@@ -15205,7 +15207,8 @@ function DeviceStepMatrix({ tree, agents, gateFor, getCellState, onCellClick, se
 			selectedCell,
 			onSetGate,
 			gateBusy,
-			single: single && selectedNode !== null
+			single: single && selectedNode !== null,
+			hideGate
 		})]
 	});
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camstack/ui-library",
-  "version": "1.1.46",
+  "version": "1.2.0",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",