@camstack/ui-library 1.2.256 → 1.2.258

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

@@ -1,55 +1,56 @@
-import { AgentAddonConfig, ConfigField, PipelineAddonSchema } from '@camstack/types';
-import { RootModelInfo } from './root-model-source';
+import { type JSX } from "react";
+import { type AgentAddonConfig, type ConfigField, type PipelineAddonSchema } from "@camstack/types";
+import { type RootModelInfo } from "./root-model-source";
 /**
- * A step's node-local fields: the catalog schema minus the knobs the CLUSTER
- * owns (`clusterStepSettingFieldsFor`). Those still exist on the schema so the
- * runner can hydrate `child.settings`, but writing them per node or per camera
- * would be a second store the overlay silently ignores.
- */
+* A step's node-local fields: the catalog schema minus the knobs the CLUSTER
+* owns (`clusterStepSettingFieldsFor`). Those still exist on the schema so the
+* runner can hydrate `child.settings`, but writing them per node or per camera
+* would be a second store the overlay silently ignores.
+*/
 export declare function stepLocalFields(addon: PipelineAddonSchema): readonly ConfigField[];
 /**
- * The model a step's settings are read and written for — what a model-bound
- * field (D738) binds to. While the ROOT supplies the step's fine label (D741),
- * that is the root model: the step's threshold then gates the root's label, on
- * the root's score scale. Otherwise the step's own model: its pin, else the
- * model the row really runs (`effectiveModelId` — the device's hardware-aware
- * default when unpinned), else the step's flat catalog default.
- */
+* The model a step's settings are read and written for — what a model-bound
+* field (D738) binds to. While the ROOT supplies the step's fine label (D741),
+* that is the root model: the step's threshold then gates the root's label, on
+* the root's score scale. Otherwise the step's own model: its pin, else the
+* model the row really runs (`effectiveModelId` — the device's hardware-aware
+* default when unpinned), else the step's flat catalog default.
+*/
 export declare function settingsModelIdFor(addon: PipelineAddonSchema, modelId: string | undefined, settings: Readonly<Record<string, unknown>> | undefined, rootModel: RootModelInfo | undefined): string;
 /**
- * Shown in place of the model picker while the root model supplies the step:
- * the step's own model is kept, not changed, for when the root cannot.
- */
-export declare function RootSuppliedModelNote({ rootModel, stepModelId, }: {
-    readonly rootModel: RootModelInfo;
-    readonly stepModelId: string | undefined;
-}): import("react").JSX.Element;
+* Shown in place of the model picker while the root model supplies the step:
+* the step's own model is kept, not changed, for when the root cannot.
+*/
+export declare function RootSuppliedModelNote({ rootModel, stepModelId }: {
+	readonly rootModel: RootModelInfo;
+	readonly stepModelId: string | undefined;
+}): JSX.Element | null;
 export interface AgentStepEditorProps {
-    readonly addon: PipelineAddonSchema;
-    /** The node's base for the step — the controlled value. */
-    readonly agentDefault: AgentAddonConfig;
-    readonly onChangeAgentConfig?: (next: AgentAddonConfig) => void;
-    readonly engineFormat: string;
-    /**
-     * The model this step would ACTUALLY run when nothing is explicitly pinned —
-     * the tail of the effective-model chain (detector row: device.defaultModelId;
-     * else the step's catalog format-default). Used ONLY as the picker's DISPLAY
-     * seed so an un-pinned row pre-selects the model it runs — it is NEVER
-     * written into the draft, so opening + saving an un-pinned row still leaves
-     * it inheriting.
-     */
-    readonly effectiveModelId?: string;
-    /**
-     * The ROOT detection model this accelerator runs (D730). When it can supply
-     * the edited step, the editor offers "Use the root model"; absent ⇒ no offer.
-     */
-    readonly rootModel?: RootModelInfo;
+	readonly addon: PipelineAddonSchema;
+	/** The node's base for the step — the controlled value. */
+	readonly agentDefault: AgentAddonConfig;
+	readonly onChangeAgentConfig?: (next: AgentAddonConfig) => void;
+	readonly engineFormat: string;
+	/**
+	* The model this step would ACTUALLY run when nothing is explicitly pinned —
+	* the tail of the effective-model chain (detector row: device.defaultModelId;
+	* else the step's catalog format-default). Used ONLY as the picker's DISPLAY
+	* seed so an un-pinned row pre-selects the model it runs — it is NEVER
+	* written into the draft, so opening + saving an un-pinned row still leaves
+	* it inheriting.
+	*/
+	readonly effectiveModelId?: string;
+	/**
+	* The ROOT detection model this accelerator runs (D730). When it can supply
+	* the edited step, the editor offers "Use the root model"; absent ⇒ no offer.
+	*/
+	readonly rootModel?: RootModelInfo;
 }
 /**
- * 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 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;
+* 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 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): JSX.Element | null;

package/dist/composites/app-shell/app-shell.d.ts

@@ -1,19 +1,19 @@
-import { ReactNode } from 'react';
-import { SidebarProps } from './sidebar';
+import { type ReactNode, type JSX } from "react";
+import { type SidebarProps } from "./sidebar";
 export interface AppShellProps {
-    sidebar: SidebarProps;
-    header?: {
-        breadcrumbs?: {
-            label: string;
-            href?: string;
-        }[];
-        actions?: ReactNode;
-    };
-    /** Content shown in the center of the mobile top bar (e.g. logo) */
-    mobileLogo?: ReactNode;
-    /** Content shown on the right side of the mobile top bar (e.g. avatar menu) */
-    mobileActions?: ReactNode;
-    children: ReactNode;
-    className?: string;
+	sidebar: SidebarProps;
+	header?: {
+		breadcrumbs?: {
+			label: string;
+			href?: string;
+		}[];
+		actions?: ReactNode;
+	};
+	/** Content shown in the center of the mobile top bar (e.g. logo) */
+	mobileLogo?: ReactNode;
+	/** Content shown on the right side of the mobile top bar (e.g. avatar menu) */
+	mobileActions?: ReactNode;
+	children: ReactNode;
+	className?: string;
 }
-export declare function AppShell({ sidebar, header, mobileLogo, mobileActions, children, className, }: AppShellProps): import("react").JSX.Element;
+export declare function AppShell({ sidebar, header, mobileLogo, mobileActions, children, className }: AppShellProps): JSX.Element;

package/dist/composites/app-shell/index.d.ts

@@ -1,3 +1,3 @@
-export * from './sidebar-item';
-export * from './sidebar';
-export * from './app-shell';
+export * from "./sidebar-item";
+export * from "./sidebar";
+export * from "./app-shell";

package/dist/composites/app-shell/sidebar-item.d.ts

@@ -1,10 +1,11 @@
-import { LucideIcon } from 'lucide-react';
+import { type LucideIcon } from "lucide-react";
+import { type JSX } from "react";
 export interface SidebarItemProps {
-    label: string;
-    icon: LucideIcon;
-    href: string;
-    badge?: string | number;
-    active?: boolean;
-    className?: string;
+	label: string;
+	icon: LucideIcon;
+	href: string;
+	badge?: string | number;
+	active?: boolean;
+	className?: string;
 }
-export declare function SidebarItem({ label, icon: Icon, href, badge, active, className, }: SidebarItemProps): import("react").JSX.Element;
+export declare function SidebarItem({ label, icon: Icon, href, badge, active, className }: SidebarItemProps): JSX.Element;

package/dist/composites/app-shell/sidebar.d.ts

@@ -1,14 +1,14 @@
-import { ReactNode } from 'react';
-import { SidebarItemProps } from './sidebar-item';
+import { type ReactNode, type JSX } from "react";
+import { type SidebarItemProps } from "./sidebar-item";
 export interface SidebarSection {
-    label?: string;
-    items: SidebarItemProps[];
+	label?: string;
+	items: SidebarItemProps[];
 }
 export interface SidebarProps {
-    logo?: ReactNode;
-    sections: SidebarSection[];
-    footer?: SidebarItemProps[];
-    onNavigate?: () => void;
-    className?: string;
+	logo?: ReactNode;
+	sections: SidebarSection[];
+	footer?: SidebarItemProps[];
+	onNavigate?: () => void;
+	className?: string;
 }
-export declare function Sidebar({ logo, sections, footer, onNavigate, className }: SidebarProps): import("react").JSX.Element;
+export declare function Sidebar({ logo, sections, footer, onNavigate, className }: SidebarProps): JSX.Element;

package/dist/composites/audio-classification-list.d.ts

@@ -1,20 +1,21 @@
+import { type JSX } from "react";
 export interface AudioClassification {
-    readonly className: string;
-    readonly score: number;
+	readonly className: string;
+	readonly score: number;
 }
 export interface AudioClassificationListProps {
-    /** Sorted classifications (highest score first) */
-    readonly classifications: readonly AudioClassification[];
-    /** Processing state indicator */
-    readonly processing?: boolean;
-    /** Inference time in ms */
-    readonly inferenceMs?: number;
-    /** Max items to show (default: 10) */
-    readonly maxItems?: number;
-    /** Optional className */
-    readonly className?: string;
+	/** Sorted classifications (highest score first) */
+	readonly classifications: readonly AudioClassification[];
+	/** Processing state indicator */
+	readonly processing?: boolean;
+	/** Inference time in ms */
+	readonly inferenceMs?: number;
+	/** Max items to show (default: 10) */
+	readonly maxItems?: number;
+	/** Optional className */
+	readonly className?: string;
 }
 /**
- * Displays audio classification results as a ranked list with score bars.
- */
-export declare function AudioClassificationList({ classifications, processing, inferenceMs, maxItems, className, }: AudioClassificationListProps): import("react").JSX.Element;
+* Displays audio classification results as a ranked list with score bars.
+*/
+export declare function AudioClassificationList({ classifications, processing, inferenceMs, maxItems, className }: AudioClassificationListProps): JSX.Element;

package/dist/composites/audio-level-waveform.d.ts

@@ -1,35 +1,36 @@
+import { type JSX } from "react";
 export interface AudioLevelSample {
-    readonly dbfs: number;
-    readonly timestamp: number;
+	readonly dbfs: number;
+	readonly timestamp: number;
 }
 export interface AudioLevelWaveformProps {
-    /** Current dBFS level — push a new value to append to the internal ring buffer. */
-    readonly currentDbfs: number | null;
-    /** How many seconds of history to display (default 30) */
-    readonly durationSec?: number;
-    /** Max samples to keep in memory (default 120 ≈ 60s at 2 samples/s) */
-    readonly maxSamples?: number;
-    /** Height in pixels (default 64) */
-    readonly height?: number;
-    /** CSS class for the container */
-    readonly className?: string;
-    /** Bar color (CSS) */
-    readonly color?: string;
-    /** Clipping color when dBFS > threshold (default red) */
-    readonly clipColor?: string;
-    /** dBFS threshold for clipping color (default -6) */
-    readonly clipThreshold?: number;
-    /** Min dBFS to display (default -96) */
-    readonly minDbfs?: number;
+	/** Current dBFS level — push a new value to append to the internal ring buffer. */
+	readonly currentDbfs: number | null;
+	/** How many seconds of history to display (default 30) */
+	readonly durationSec?: number;
+	/** Max samples to keep in memory (default 120 ≈ 60s at 2 samples/s) */
+	readonly maxSamples?: number;
+	/** Height in pixels (default 64) */
+	readonly height?: number;
+	/** CSS class for the container */
+	readonly className?: string;
+	/** Bar color (CSS) */
+	readonly color?: string;
+	/** Clipping color when dBFS > threshold (default red) */
+	readonly clipColor?: string;
+	/** dBFS threshold for clipping color (default -6) */
+	readonly clipThreshold?: number;
+	/** Min dBFS to display (default -96) */
+	readonly minDbfs?: number;
 }
 /**
- * Canvas-based live audio level waveform with internal state.
- *
- * Receives `currentDbfs` — each time it changes, a new sample is appended
- * to an internal ring buffer and the canvas is redrawn. The component
- * manages its own history, so callers just push the latest dBFS value.
- *
- * Designed to be fed from the `pipeline.audio-inference-result` event
- * (each chunk, ~0.5s, produces one sample via `frame.level.dbfs`).
- */
-export declare function AudioLevelWaveform({ currentDbfs, durationSec, maxSamples, height, className, color, clipColor, clipThreshold, minDbfs, }: AudioLevelWaveformProps): import("react").JSX.Element;
+* Canvas-based live audio level waveform with internal state.
+*
+* Receives `currentDbfs` — each time it changes, a new sample is appended
+* to an internal ring buffer and the canvas is redrawn. The component
+* manages its own history, so callers just push the latest dBFS value.
+*
+* Designed to be fed from the `pipeline.audio-inference-result` event
+* (each chunk, ~0.5s, produces one sample via `frame.level.dbfs`).
+*/
+export declare function AudioLevelWaveform({ currentDbfs, durationSec, maxSamples, height, className, color, clipColor, clipThreshold, minDbfs }: AudioLevelWaveformProps): JSX.Element;

package/dist/composites/audio-waveform.d.ts

@@ -1,20 +1,21 @@
+import { type JSX } from "react";
 export interface AudioWaveformProps {
-    /** Raw audio samples (mono Float32Array, -1..1 range) */
-    readonly samples: Float32Array | null;
-    /** Sample rate in Hz (for time axis labels) */
-    readonly sampleRate?: number;
-    /** Height in pixels */
-    readonly height?: number;
-    /** CSS class for the container */
-    readonly className?: string;
-    /** Waveform color (CSS color string) */
-    readonly color?: string;
-    /** Background color */
-    readonly bgColor?: string;
+	/** Raw audio samples (mono Float32Array, -1..1 range) */
+	readonly samples: Float32Array | null;
+	/** Sample rate in Hz (for time axis labels) */
+	readonly sampleRate?: number;
+	/** Height in pixels */
+	readonly height?: number;
+	/** CSS class for the container */
+	readonly className?: string;
+	/** Waveform color (CSS color string) */
+	readonly color?: string;
+	/** Background color */
+	readonly bgColor?: string;
 }
 /**
- * Canvas-based audio waveform visualization.
- * Renders a waveform from Float32Array audio samples.
- * Downsamples to pixel resolution for performance.
- */
-export declare function AudioWaveform({ samples, sampleRate, height, className, color, bgColor, }: AudioWaveformProps): import("react").JSX.Element;
+* Canvas-based audio waveform visualization.
+* Renders a waveform from Float32Array audio samples.
+* Downsamples to pixel resolution for performance.
+*/
+export declare function AudioWaveform({ samples, sampleRate, height, className, color, bgColor }: AudioWaveformProps): JSX.Element;

package/dist/composites/battery-badge.d.ts

@@ -1,17 +1,31 @@
+/**
+* BatteryBadge — compact battery indicator for camera tiles + headers.
+*
+* Renders a battery icon with the percentage, a charging glyph when the
+* device is on DC/solar, and a moon when the camera is sleeping (so
+* operators don't blame the platform for low fps on a sleeping cam).
+*
+* Self-contained on data: the caller passes a `status` snapshot from
+* `trpc.battery.getStatus.useQuery` or the `battery.onStatusChanged`
+* event subscription. Returns `null` when status is missing so the
+* call-site can drop the badge in unconditionally — non-battery
+* cameras simply produce no badge.
+*/
+import type { JSX } from "react";
 export interface BatteryStatusLike {
-    /** `null` means no reading has landed yet (cold seed) — NOT a flat 0 %
-     *  (D315). Render "Unknown", never a red critical badge. */
-    readonly percentage: number | null;
-    readonly charging: 'dc' | 'solar' | 'none' | 'unknown';
-    readonly sleeping: boolean;
-    /** True for a binary LOW_BAT source with no real % — render "Normal"/"Low"
-     *  instead of a misleading exact percentage. */
-    readonly binary?: boolean;
+	/** `null` means no reading has landed yet (cold seed) — NOT a flat 0 %
+	*  (D315). Render "Unknown", never a red critical badge. */
+	readonly percentage: number | null;
+	readonly charging: "dc" | "solar" | "none" | "unknown";
+	readonly sleeping: boolean;
+	/** True for a binary LOW_BAT source with no real % — render "Normal"/"Low"
+	*  instead of a misleading exact percentage. */
+	readonly binary?: boolean;
 }
 export interface BatteryBadgeProps {
-    readonly status: BatteryStatusLike | null | undefined;
-    /** `'compact'` shows only icon + %; `'full'` adds the source label. */
-    readonly variant?: 'compact' | 'full';
-    readonly className?: string;
+	readonly status: BatteryStatusLike | null | undefined;
+	/** `'compact'` shows only icon + %; `'full'` adds the source label. */
+	readonly variant?: "compact" | "full";
+	readonly className?: string;
 }
-export declare function BatteryBadge({ status, variant, className }: BatteryBadgeProps): import("react").JSX.Element | null;
+export declare function BatteryBadge({ status, variant, className }: BatteryBadgeProps): JSX.Element | null;

package/dist/composites/breadcrumb.d.ts

@@ -1,26 +1,26 @@
-import { default as React } from 'react';
+import { type JSX } from "react";
 export interface BreadcrumbItem {
-    /** Display label */
-    label: string;
-    /** If provided, renders as a clickable link. Last item is never a link. */
-    href?: string;
-    /** Click handler — used instead of href for SPA navigation */
-    onClick?: () => void;
+	/** Display label */
+	label: string;
+	/** If provided, renders as a clickable link. Last item is never a link. */
+	href?: string;
+	/** Click handler — used instead of href for SPA navigation */
+	onClick?: () => void;
 }
 export interface BreadcrumbProps {
-    items: BreadcrumbItem[];
-    className?: string;
+	items: BreadcrumbItem[];
+	className?: string;
 }
 /**
- * Breadcrumb navigation component.
- *
- * Usage with react-router:
- * ```tsx
- * <Breadcrumb items={[
- *   { label: 'Integrations', onClick: () => navigate('/integrations') },
- *   { label: 'RTSP Cameras', onClick: () => navigate('/integrations/int_0001') },
- *   { label: 'Front Door' },
- * ]} />
- * ```
- */
-export declare function Breadcrumb({ items, className }: BreadcrumbProps): React.JSX.Element;
+* Breadcrumb navigation component.
+*
+* Usage with react-router:
+* ```tsx
+* <Breadcrumb items={[
+*   { label: 'Integrations', onClick: () => navigate('/integrations') },
+*   { label: 'RTSP Cameras', onClick: () => navigate('/integrations/int_0001') },
+*   { label: 'Front Door' },
+* ]} />
+* ```
+*/
+export declare function Breadcrumb({ items, className }: BreadcrumbProps): JSX.Element;