@camstack/ui-library 1.2.245 → 1.2.246

package/dist/composites/accelerator-label.d.ts

@@ -0,0 +1,17 @@
+/**
+ * The ONE name of an inference accelerator, everywhere it is shown: the step
+ * matrix's column headers, the load-balancing rows, the camera assignments
+ * table, Model Studio's device chips. Four pages had drifted into four
+ * spellings of the same device — the Mac mini's Neural Engine read "Coreml All"
+ * in the step matrix and "Apple ANE" on Load balancing.
+ */
+/** What naming needs from a device row (`NodeInferenceDevice` satisfies it). */
+export interface AcceleratorIdentity {
+    readonly key: string;
+    readonly backend: string;
+    readonly device: string;
+}
+/** "Intel NPU", "Apple Neural Engine", "Coral Edge TPU", "CPU" — Auto tune's names too. */
+export declare function acceleratorLabel(device: AcceleratorIdentity): string;
+/** "NPU", "ANE", "Coral", "CPU" — chips and tabs. */
+export declare function acceleratorShortLabel(device: AcceleratorIdentity): string;

package/dist/composites/agent-step-editor.d.ts

@@ -48,8 +48,8 @@ export interface AgentStepEditorProps {
 /**
  * AgentStepEditor — one step on ONE accelerator: its model and its settings,
  * as a single node-level layer. Model Studio's "settings for this installed
- * model" dialog uses it. The pipeline pages use the step inspector, which lays
- * the same parts out across accelerators and layers (D754/D756); the settings
- * form here is that inspector's `LayeredSettingsForm` with one layer.
+ * model" dialog uses it. The pipeline pages use the step matrix's panel, which lays
+ * the same parts out across accelerators and layers (D754/D757); the settings
+ * form here is that panel's `LayeredSettingsForm` with one layer.
  */
 export declare function AgentStepEditor({ addon, agentDefault, onChangeAgentConfig, engineFormat, effectiveModelId, rootModel, }: AgentStepEditorProps): import("react").JSX.Element;

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

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { StepTreeNode } from './step-tree';
 import { AgentColumn, CellState, MatrixSelectedCell } from './pipeline-matrix-shared';
 export type { AgentColumn, CellState, MatrixSelectedCell } from './pipeline-matrix-shared';
@@ -5,10 +6,32 @@ export interface DeviceStepMatrixProps {
     readonly tree: readonly StepTreeNode[];
     readonly agents: readonly AgentColumn[];
     readonly getCellState: (addonId: string, agent: AgentColumn) => CellState;
-    readonly onCellClick: (addonId: string, agent: AgentColumn) => void;
+    /** `viaKeyboard`: opened with Enter / Space (a host moves focus into its panel). */
+    readonly onCellClick: (addonId: string, agent: AgentColumn, viaKeyboard?: boolean) => void;
     readonly selectedCell: MatrixSelectedCell | null;
     /** Single-node fallback (B): which node the one column shows. */
     readonly fallbackNodeId: string | null;
     readonly onFallbackNodeChange: (nodeId: string) => void;
+    /** A step's header was activated — open the step on the selected accelerator. */
+    readonly onStepClick?: (addonId: string, viaKeyboard?: boolean) => void;
+    /** A badge beside a step's name (the camera's gate). */
+    readonly stepBadge?: (addonId: string) => ReactNode;
+    /** Width a docked panel covers at the viewport's right edge; 0 = none. */
+    readonly reserveRightPx?: number;
+    /** Accessible name of the grid. */
+    readonly label?: string;
 }
-export declare function DeviceStepMatrix({ tree, agents, getCellState, onCellClick, selectedCell, fallbackNodeId, onFallbackNodeChange, }: DeviceStepMatrixProps): import("react").JSX.Element;
+/** Imperative focus, so a closing panel can hand focus back to its cell. */
+export interface DeviceStepMatrixHandle {
+    /** `columnKey` = `agentColumnKey(column)`; `null` = the step's header. */
+    readonly focusCell: (addonId: string, columnKey: string | null) => void;
+}
+/** Where a key press moves the roving focus in a `rows × cols` grid. */
+export declare function nextGridPosition(key: string, pos: {
+    readonly r: number;
+    readonly c: number;
+}, rows: number, cols: number): {
+    readonly r: number;
+    readonly c: number;
+} | null;
+export declare const DeviceStepMatrix: import('react').ForwardRefExoticComponent<DeviceStepMatrixProps & import('react').RefAttributes<DeviceStepMatrixHandle>>;

package/dist/composites/index.d.ts

@@ -1,5 +1,6 @@
 export { AddonGlobalSettingsForm } from './addon-global-settings-form';
 export type { AddonPageProps } from './addon-page-props';
+export { type AcceleratorIdentity, acceleratorLabel, acceleratorShortLabel, } from './accelerator-label';
 export type { AgentStepEditorProps } from './agent-step-editor';
 export { AgentStepEditor, RootSuppliedModelNote, settingsModelIdFor, stepLocalFields, } from './agent-step-editor';
 export type { RootModelInfo } from './root-model-source';
@@ -102,8 +103,8 @@ export type { DeviceSelectCandidate, SuggestedPartition, SuggestionFleetDevice,
 export { deviceMatchesFilter, deviceOptionLabel, devicesToOptions, filterDeviceOptions, partitionSuggested, sameLocationSuggestions, selectedDeviceOptions, } from './device-select-filter';
 export type { DeviceSelectorTab, SelectorDevice } from './device-selector-picker';
 export { DeviceSelectorPicker, describeDeviceSelector, deviceTypeLabel, tabForSelector, } from './device-selector-picker';
-export type { DeviceStepMatrixProps } from './device-step-matrix';
-export { DeviceStepMatrix } from './device-step-matrix';
+export type { DeviceStepMatrixHandle, DeviceStepMatrixProps } from './device-step-matrix';
+export { DeviceStepMatrix, nextGridPosition } from './device-step-matrix';
 export { DiscoveryPanel } from './discovery-panel';
 export type { DoorbellRecentPanelProps } from './doorbell-recent-panel';
 export { DoorbellRecentPanel } from './doorbell-recent-panel';

package/dist/composites/pipeline-builder.d.ts

@@ -1,23 +1,15 @@
-import { PipelineSchema, PipelineTemplate } from '@camstack/types';
+import { PipelineSchema } from '@camstack/types';
 import { PipelineStepDisplayConfig } from './pipeline-step';
 export interface PipelineBuilderProps {
     readonly schema: PipelineSchema;
     readonly steps: readonly PipelineStepDisplayConfig[];
     readonly onChange: (steps: readonly PipelineStepDisplayConfig[]) => void;
-    readonly templates: readonly PipelineTemplate[];
-    readonly selectedTemplateId: string | null;
-    readonly onSelectTemplate: (id: string | null) => void;
-    readonly onSaveTemplate: (name: string, steps: readonly PipelineStepDisplayConfig[]) => void;
-    readonly onUpdateTemplate: (id: string, steps: readonly PipelineStepDisplayConfig[]) => void;
-    readonly onDeleteTemplate: (id: string) => void;
     readonly readOnly?: boolean;
     /** Addon IDs to exclude from the pipeline (e.g. 'motion-detection' for benchmark) */
     readonly excludeAddons?: readonly string[];
-    /** Hide the template bar (save/load/delete) */
-    readonly hideTemplates?: boolean;
     /** Only show enabled steps (hide disabled addons and placeholders) */
     readonly showOnlyEnabled?: boolean;
     /** Show "Slot: ..." labels above step groups (default: false) */
     readonly showSlotLabels?: boolean;
 }
-export declare function PipelineBuilder({ schema, steps, onChange, templates, selectedTemplateId, onSelectTemplate, onSaveTemplate, onUpdateTemplate, onDeleteTemplate, readOnly, excludeAddons, hideTemplates, showOnlyEnabled, showSlotLabels, }: PipelineBuilderProps): import("react").JSX.Element;
+export declare function PipelineBuilder({ schema, steps, onChange, readOnly, excludeAddons, showOnlyEnabled, showSlotLabels, }: PipelineBuilderProps): import("react").JSX.Element;

package/dist/composites/pipeline-matrix-shared.d.ts

@@ -14,6 +14,12 @@ export interface AgentColumn {
     readonly deviceKey?: string;
     /** Short human label for the device sub-column header (e.g. "Intel NPU"). */
     readonly deviceLabel?: string;
+    /** The node's display name for the group header (defaults to `agentNodeId`). */
+    readonly nodeLabel?: string;
+    /** A third header line — the model this accelerator elects for detection. */
+    readonly detail?: string;
+    /** The accelerator is switched off: shown, marked, and never a dispatch target. */
+    readonly disabled?: boolean;
 }
 /**
  * Stable column identity. Plain per-node columns key by `agentNodeId` (so the
@@ -164,6 +170,10 @@ export declare function ClassChips({ inputs, outputs, }: {
  * the first column; each device's real format is shown per sub-column instead
  * ("Coral Edge TPU · tflite").
  */
+/** The per-accelerator lines of a column header: name, format, model, off. */
+export declare function AgentColumnLines({ column }: {
+    readonly column: AgentColumn;
+}): import("react").JSX.Element;
 export declare function GroupedAgentHeader({ group }: {
     readonly group: AgentColumnGroup;
 }): import("react").JSX.Element;

package/dist/composites/step-inspector/index.d.ts

@@ -3,9 +3,8 @@ export { GateBadge, GateControl, type GateControlProps, type StepGate } from './
 export { LayeredSettingsForm, type LayeredSettingsFormProps, type LayerLabels, type SettingsTarget, stepFieldDomId, } from './layered-settings-form';
 export { bindsToModel, defaultOfField, formatSettingValue, isValueField, type ValueField, } from './setting-values';
 export { SegmentedChoice, type SegmentedChoiceOption, type SegmentedChoiceProps, } from './segmented-choice';
-export { type StepChip, StepChips } from './step-chips';
-export { BackToStepsButton, fillHeightPx, StepInspectorLayout, type StepInspectorLayoutProps, } from './step-inspector-layout';
+export { BackToStepsButton, dockBox, STEP_DOCK_WIDTH_PX, StepDetailDock, type StepDetailDockProps, } from './step-detail-dock';
 export { type SaveBarState, StepInspectorPanel, type StepInspectorPanelProps, } from './step-inspector-panel';
-export { searchSteps, StepList, type StepListHandle, type StepListProps, type StepListRow, } from './step-list';
 export { modelRowsAreFoldable, StepModelList, type StepModelListItem, } from './step-model-list';
 export { type ModelRowSource, StepModelRow, type StepModelRowProps } from './step-model-row';
+export { searchSteps, type StepSearchHit, type StepSearchRow } from './step-search';

package/dist/composites/step-inspector/step-detail-dock.d.ts

@@ -0,0 +1,33 @@
+import { ReactNode, RefObject } from 'react';
+/** Width of the desktop dock — what the matrix keeps clear of it. */
+export declare const STEP_DOCK_WIDTH_PX = 432;
+/** The dock's viewport box, from its scroll container's box. */
+export declare function dockBox(input: {
+    readonly scroller: {
+        readonly top: number;
+        readonly bottom: number;
+        readonly right: number;
+    };
+    readonly viewportWidth: number;
+    readonly widthPx: number;
+}): {
+    readonly top: number;
+    readonly height: number;
+    readonly right: number;
+    readonly width: number;
+};
+export interface StepDetailDockProps {
+    readonly open: boolean;
+    /** An element inside the page's scroll container (the matrix) — the dock measures from it. */
+    readonly anchor: RefObject<HTMLElement | null>;
+    /** The phone sheet was dismissed (Escape, back). */
+    readonly onClose: () => void;
+    /** Accessible name of the dock region. */
+    readonly label: string;
+    readonly children: ReactNode;
+}
+export declare function StepDetailDock({ open, anchor, onClose, label, children }: StepDetailDockProps): import("react").JSX.Element | null;
+/** "‹ Steps" — the phone sheet's way back to the matrix. */
+export declare function BackToStepsButton({ onClick }: {
+    readonly onClick: () => void;
+}): import("react").JSX.Element;

package/dist/composites/step-inspector/step-search.d.ts

@@ -0,0 +1,18 @@
+/**
+ * The step matrix's filter (`/`): a step matches by its name, or by any of its
+ * field labels — so a question about a knob ("face size", "person") finds the
+ * step that owns it, and says which field it matched.
+ */
+export interface StepSearchRow {
+    readonly addonId: string;
+    readonly name: string;
+    /** Every field label of the step, cluster-owned ones included. */
+    readonly fieldLabels: readonly string[];
+}
+export interface StepSearchHit {
+    readonly addonId: string;
+    /** The field label the query matched; absent for a name match. */
+    readonly matchedField?: string;
+}
+/** Steps matching `query` (all tokens in the name, or all in one field label). Empty query = all. */
+export declare function searchSteps(rows: readonly StepSearchRow[], query: string): readonly StepSearchHit[];

package/dist/generated/system-hooks.d.ts

@@ -1395,14 +1395,6 @@ export declare const usePipelineExecutorGetGlobalPipelineConfig: typeof trpc.pip
 export declare const usePipelineExecutorGetOrchestratorConfigSchema: typeof trpc.pipelineExecutor.getOrchestratorConfigSchema.useQuery;
 /** Generated alias around `trpc.pipelineExecutor.validatePipeline.useQuery`. */
 export declare const usePipelineExecutorValidatePipeline: typeof trpc.pipelineExecutor.validatePipeline.useQuery;
-/** Generated alias around `trpc.pipelineExecutor.listTemplates.useQuery`. */
-export declare const usePipelineExecutorListTemplates: typeof trpc.pipelineExecutor.listTemplates.useQuery;
-/** Generated alias around `trpc.pipelineExecutor.saveTemplate.useMutation`. */
-export declare const usePipelineExecutorSaveTemplate: typeof trpc.pipelineExecutor.saveTemplate.useMutation;
-/** Generated alias around `trpc.pipelineExecutor.updateTemplate.useMutation`. */
-export declare const usePipelineExecutorUpdateTemplate: typeof trpc.pipelineExecutor.updateTemplate.useMutation;
-/** Generated alias around `trpc.pipelineExecutor.deleteTemplate.useMutation`. */
-export declare const usePipelineExecutorDeleteTemplate: typeof trpc.pipelineExecutor.deleteTemplate.useMutation;
 /** Generated alias around `trpc.pipelineExecutor.getCapabilities.useQuery`. */
 export declare const usePipelineExecutorGetCapabilities: typeof trpc.pipelineExecutor.getCapabilities.useQuery;
 /** Generated alias around `trpc.pipelineExecutor.getAddonModels.useQuery`. */
@@ -1549,14 +1541,6 @@ export declare const usePipelineOrchestratorSetCameraSensors: typeof trpc.pipeli
 export declare const usePipelineOrchestratorReconcileFromDisk: typeof trpc.pipelineOrchestrator.reconcileFromDisk.useMutation;
 /** Generated alias around `trpc.pipelineOrchestrator.getReconcileFromDiskStatus.useQuery`. */
 export declare const usePipelineOrchestratorGetReconcileFromDiskStatus: typeof trpc.pipelineOrchestrator.getReconcileFromDiskStatus.useQuery;
-/** Generated alias around `trpc.pipelineOrchestrator.listTemplates.useQuery`. */
-export declare const usePipelineOrchestratorListTemplates: typeof trpc.pipelineOrchestrator.listTemplates.useQuery;
-/** Generated alias around `trpc.pipelineOrchestrator.saveTemplate.useMutation`. */
-export declare const usePipelineOrchestratorSaveTemplate: typeof trpc.pipelineOrchestrator.saveTemplate.useMutation;
-/** Generated alias around `trpc.pipelineOrchestrator.updateTemplate.useMutation`. */
-export declare const usePipelineOrchestratorUpdateTemplate: typeof trpc.pipelineOrchestrator.updateTemplate.useMutation;
-/** Generated alias around `trpc.pipelineOrchestrator.deleteTemplate.useMutation`. */
-export declare const usePipelineOrchestratorDeleteTemplate: typeof trpc.pipelineOrchestrator.deleteTemplate.useMutation;
 /** Generated alias around `trpc.pipelineOrchestrator.getDeviceSettingsContribution.useQuery`. */
 export declare const usePipelineOrchestratorGetDeviceSettingsContribution: typeof trpc.pipelineOrchestrator.getDeviceSettingsContribution.useQuery;
 /** Generated alias around `trpc.pipelineOrchestrator.getDeviceLiveContribution.useQuery`. */