@camstack/ui-library 0.1.57 → 0.2.0

package/dist/composites/device-list/icon-action.d.ts

@@ -0,0 +1,17 @@
+import { ComponentType, ReactNode } from 'react';
+export interface IconActionProps {
+    /** Lucide icon component (or any component accepting `className?: string`). */
+    readonly icon: ComponentType<{
+        className?: string;
+    }>;
+    /** Human-readable label — exposed via aria-label + title, NOT as visible text. */
+    readonly label: string;
+    /** Click handler. */
+    readonly onClick: () => void;
+    /**
+     * When true, applies a red/destructive accent to the button. Use for Delete
+     * and other irreversible actions — Delete keeps red even icon-only.
+     */
+    readonly danger?: boolean;
+}
+export declare function IconAction({ icon: Icon, label, onClick, danger, }: IconActionProps): ReactNode;

package/dist/composites/device-list/index.d.ts

@@ -1,40 +1,24 @@
 import { ReactNode } from 'react';
-import { UseDeviceProxyTrpc } from '../../hooks/use-device-proxy';
-import { DeviceItemDevice, DeviceItemParent } from '../device-item/helpers';
-import { DeviceListView } from './url-state';
-export interface DeviceListAddonOption {
-    readonly id: string;
-    readonly name: string;
-    readonly icon?: ReactNode;
-}
-export interface DeviceListProps {
-    readonly devices: readonly DeviceItemDevice[];
-    readonly trpc: UseDeviceProxyTrpc;
-    readonly defaultView?: DeviceListView;
-    readonly filters?: {
-        readonly types?: readonly string[];
-        readonly addons?: readonly DeviceListAddonOption[];
-    };
-    /** Pre-applied addon filter — hides the addon-chip group. */
-    readonly forceAddon?: string;
-    readonly resolveIntegrationIcon?: (addonId: string) => ReactNode | null;
-    readonly resolveParent?: (parentId: number) => DeviceItemParent | null;
-    readonly onNavigate?: (deviceId: number) => void;
-    readonly pageSize?: {
-        readonly cards: number;
-        readonly table: number;
-    };
-    readonly urlScope?: 'root' | 'nested';
-    /** LocalStorage key prefix. Default 'devices' for root scope, 'integrations:nested' for nested. */
-    readonly lsKey?: string;
-    /**
-     * Optional trailing per-row control rendered beside each row's
-     * built-in actions (both card + table views, top-level rows only —
-     * accessory sub-rows are excluded). Threaded straight through to
-     * `<DeviceItem renderRowAction>`. Omitted ⇒ every current call site
-     * (Devices, IntegrationDetail, Integrations nested) renders unchanged.
-     * Used by `<DeviceExportPanel>` to surface a per-device Expose toggle.
-     */
-    readonly renderRowAction?: (device: DeviceItemDevice) => ReactNode;
-}
-export declare function DeviceList(props: DeviceListProps): ReactNode;
+import { DeviceListDeviceProps } from './device-mode';
+import { DeviceListGenericProps } from './generic-mode';
+export { countableDevices } from './group';
+export { fuzzyMatch, normalizeForSearch } from './fuzzy-match';
+export { DEVICE_COLUMNS, columnsForContext, COLUMN_PRIORITY, COLUMN_BREAKPOINT_CLASS, } from './columns';
+export type { DeviceColumnId, TableContext } from './columns';
+export { nextSort, sortRows } from './sort';
+export type { DeviceSort, SortDirection, SortableColumnId } from './sort';
+export { hardwareLabel, metadataEntries, metadataString } from './hardware';
+export { IconAction, type IconActionProps } from './icon-action';
+export type { DeviceListAddonOption, DeviceListDeviceProps, DeviceListBatchActions, } from './device-mode';
+export type { DeviceListColumn, DeviceListGenericProps } from './generic-mode';
+/**
+ * Default registry-device list, or a generic render-prop list (`mode:'generic'`).
+ * Existing call sites pass no `mode` and resolve to the device variant unchanged.
+ */
+export type DeviceListProps<T = unknown> = DeviceListDeviceProps | DeviceListGenericProps<T>;
+/**
+ * Dispatcher: default registry-device list, or a generic render-prop list when
+ * `mode:'generic'`. The two paths are separate component instances so their
+ * hooks never interleave (a given call site's mode is stable).
+ */
+export declare function DeviceList<T = unknown>(props: DeviceListProps<T>): ReactNode;

package/dist/composites/device-list/multi-select.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { LucideIcon } from 'lucide-react';
+export interface MultiSelectOption {
+    readonly id: string;
+    readonly label: string;
+    readonly icon?: LucideIcon;
+}
+export interface MultiSelectDropdownProps {
+    /** Trigger label, e.g. "Type". A count badge is appended when items are selected. */
+    readonly label: string;
+    readonly options: readonly MultiSelectOption[];
+    readonly selected: readonly string[];
+    readonly onChange: (selected: readonly string[]) => void;
+}
+/**
+ * Compact multi-select dropdown — a single chip-sized trigger ("Label · N")
+ * that opens a checklist. Self-contained (outside-click / Escape dismiss), so
+ * it stays compressed regardless of how many options exist or how little
+ * horizontal room the container has. Shared by the device list's generic-mode
+ * type filter and any other multi-select needs.
+ */
+export declare function MultiSelectDropdown({ label, options, selected, onChange, }: MultiSelectDropdownProps): ReactNode;

package/dist/composites/device-list/sort.d.ts

@@ -0,0 +1,18 @@
+import { DeviceItemDevice } from '../device-item/helpers';
+/** Columns that expose a clickable sort header. */
+export type SortableColumnId = 'name' | 'type' | 'manufacturer';
+export type SortDirection = 'asc' | 'desc';
+export interface DeviceSort {
+    readonly columnId: SortableColumnId;
+    readonly dir: SortDirection;
+}
+/**
+ * Toggle a column's sort on header click: none → asc → desc → none.
+ * Clicking a DIFFERENT column starts it fresh at `asc`.
+ */
+export declare function nextSort(current: DeviceSort | null, columnId: SortableColumnId): DeviceSort | null;
+/**
+ * Return a NEW array of the top-level rows in sorted order. `null` ⇒ a fresh
+ * copy in the original order. Stable + immutable; the input is never mutated.
+ */
+export declare function sortRows(rows: readonly DeviceItemDevice[], sort: DeviceSort | null): readonly DeviceItemDevice[];

package/dist/composites/device-list/sortable-header.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { DeviceSort, SortableColumnId } from './sort';
+interface SortableHeaderButtonProps {
+    readonly columnId: SortableColumnId;
+    readonly label: string;
+    readonly sort: DeviceSort | null;
+    readonly onSort: (columnId: SortableColumnId) => void;
+}
+export declare function SortableHeaderButton({ columnId, label, sort, onSort, }: SortableHeaderButtonProps): ReactNode;
+export {};

package/dist/composites/device-list/table-layout.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { DeviceItemDevice } from '../device-item/helpers';
+import { CardsLayoutProps } from './cards-layout';
+import { DeviceColumnId } from './columns';
+import { DeviceSort, SortableColumnId } from './sort';
+interface TableLayoutProps extends CardsLayoutProps {
+    /** Built-in confirmed delete (table feature). Null ⇒ no trash. Only
+     *  top-level rows carry it (accessory sub-rows are excluded — same gate
+     *  as `renderRowAction`). */
+    readonly onDeleteDevice: ((device: DeviceItemDevice) => void) | null;
+    readonly autoExpandedParents: ReadonlySet<number>;
+    /** Full unfiltered device list — used to resolve parent.type for the
+     *  adopted-row indent. We can't rely on `resolveParent` returning the
+     *  parent's type (callers historically only project id+name). */
+    readonly devices: readonly DeviceItemDevice[];
+    /** Context-selected columns to render (header + cells). `name` always on. */
+    readonly visibleColumns: readonly DeviceColumnId[];
+    /** Active sort (top-level rows), or `null` for the default incoming order.
+     *  Owned by the device-mode wrapper so the sort applies before pagination. */
+    readonly sort: DeviceSort | null;
+    /** Header-click handler — toggles the column's sort (asc→desc→none). */
+    readonly onSort: (columnId: SortableColumnId) => void;
+}
+export declare function TableLayout({ rows, accessoriesByParent, autoExpandedParents, devices, visibleColumns, trpc, resolveIntegrationIcon, resolveParent, onNavigate, renderRowAction, onDeleteDevice, selectable, rowClickSelects, activeSelected, onToggleSelection, sort, onSort, }: TableLayoutProps): ReactNode;
+export {};

package/dist/composites/device-list/type-filter.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { MultiSelectOption } from './multi-select';
+export interface ResponsiveTypeFilterProps {
+    readonly label: string;
+    readonly options: readonly MultiSelectOption[];
+    readonly selected: readonly string[];
+    readonly onChange: (selected: readonly string[]) => void;
+}
+/**
+ * Shared, multi-select type filter that adapts to its OWN available width
+ * (measured via ResizeObserver, NOT the viewport — the adoption modal and the
+ * Devices page differ at the same screen size):
+ *   - wide enough  → inline toggle chips (Devices page stays chips)
+ *   - too narrow   → the compact <MultiSelectDropdown> (adoption modal collapses)
+ *
+ * One component for every list consumer, so the filter looks and behaves the
+ * same everywhere and only the FORM changes with available room.
+ */
+export declare function ResponsiveTypeFilter({ label, options, selected, onChange, }: ResponsiveTypeFilterProps): ReactNode;

package/dist/composites/device-list/url-state.d.ts

@@ -8,7 +8,12 @@ export interface DeviceListUrlState {
      * comma-joined `addon` value so existing single-value links keep working.
      */
     readonly addons: readonly string[];
-    readonly type: string | null;
+    /**
+     * Selected device types. Multi-select: empty array = no type filter.
+     * Serialised in the URL / localStorage as a single comma-joined `type`
+     * value so existing single-value links keep working.
+     */
+    readonly types: readonly string[];
     readonly q: string;
 }
 export interface UseDeviceListUrlStateOptions {
@@ -22,7 +27,7 @@ export interface UseDeviceListUrlStateResult {
     readonly setView: (view: DeviceListView) => void;
     readonly setPage: (page: number) => void;
     readonly setAddons: (addons: readonly string[]) => void;
-    readonly setType: (type: string | null) => void;
+    readonly setTypes: (types: readonly string[]) => void;
     readonly setQ: (q: string) => void;
     readonly clearFilters: () => void;
 }

package/dist/composites/device-meta.d.ts

@@ -0,0 +1,38 @@
+import { LucideIcon } from 'lucide-react';
+import { DeviceType, DeviceRole } from '@camstack/types';
+import { MultiSelectOption } from './device-list/multi-select';
+/**
+ * Single source of truth for rendering a device TYPE or ROLE: its icon + label.
+ *
+ * Both maps are `Record<DeviceType | DeviceRole, …>`, so adding a new enum
+ * member makes the object literal incomplete and the build FAILS until the new
+ * type/role is given an icon + label here. That is the whole point — UI never
+ * silently falls back to a generic glyph for a freshly-added type/role.
+ *
+ * Lives in `@camstack/ui-library` because the icons are `lucide-react`
+ * components; the labels are the user-facing defaults (wire i18n at the call
+ * site if a translation is needed).
+ */
+export interface DeviceTypeMeta {
+    readonly icon: LucideIcon;
+    readonly label: string;
+}
+export interface DeviceRoleMeta {
+    readonly icon: LucideIcon;
+    readonly label: string;
+}
+export declare const DEVICE_TYPE_META: Record<DeviceType, DeviceTypeMeta>;
+export declare const DEVICE_ROLE_META: Record<DeviceRole, DeviceRoleMeta>;
+/** Meta for a known `DeviceType`. */
+export declare function deviceTypeMeta(type: DeviceType): DeviceTypeMeta;
+/** Meta for a known `DeviceRole`. */
+export declare function deviceRoleMeta(role: DeviceRole): DeviceRoleMeta;
+/**
+ * Runtime-string-safe lookup: device data crosses process / network boundaries
+ * as plain strings, so an unrecognised value falls back to the `Generic` meta
+ * instead of throwing.
+ */
+export declare function deviceTypeMetaOf(type: string): DeviceTypeMeta;
+/** Runtime-string-safe role lookup; unknown roles fall back to `GenericSensor`. */
+export declare function deviceRoleMetaOf(role: string): DeviceRoleMeta;
+export declare function allDeviceTypeFilterOptions(): readonly MultiSelectOption[];

package/dist/composites/discovery-panel.d.ts

@@ -6,9 +6,9 @@
  * renders the channel list with status badges, refresh, adopt, and
  * release controls.
  *
- * Mirrors the Scrypted device-discovery affordance pattern: a single
- * generic UI used by every plugin that exposes children behind a
- * gateway. Keeps the operator UX consistent across integrations.
+ * A single generic UI used by every provider that exposes children
+ * behind a gateway. Keeps the operator UX consistent across
+ * integrations.
  */
 interface DiscoveryPanelProps {
     readonly deviceId: number;
@@ -22,5 +22,5 @@ interface DiscoveryPanelProps {
      */
     readonly onOpenChild?: (childDeviceId: number) => void;
 }
-export declare function DiscoveryPanel({ deviceId, className, onOpenChild }: DiscoveryPanelProps): React.ReactElement;
+export declare function DiscoveryPanel({ deviceId, className, onOpenChild, }: DiscoveryPanelProps): React.ReactElement;
 export {};

package/dist/composites/doorbell-recent-panel.d.ts

@@ -7,4 +7,4 @@ export interface DoorbellRecentPanelProps {
     readonly latestIsFresh?: boolean;
     readonly className?: string;
 }
-export declare function DoorbellRecentPanel({ history, limit, latestIsFresh, className, }: DoorbellRecentPanelProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function DoorbellRecentPanel({ history, limit, latestIsFresh, className, }: DoorbellRecentPanelProps): import("react").JSX.Element | null;

package/dist/composites/empty-state.d.ts

@@ -7,4 +7,4 @@ export interface EmptyStateProps {
     action?: ReactNode;
     className?: string;
 }
-export declare function EmptyState({ icon: Icon, title, description, action, className, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyState({ icon: Icon, title, description, action, className }: EmptyStateProps): import("react").JSX.Element;

package/dist/composites/error-box.d.ts

@@ -16,4 +16,4 @@ export interface ErrorBoxProps {
     variant?: ErrorBoxVariant;
     className?: string;
 }
-export declare function ErrorBox({ message, title, onRetry, action, variant, className, }: ErrorBoxProps): import("react/jsx-runtime").JSX.Element;
+export declare function ErrorBox({ message, title, onRetry, action, variant, className, }: ErrorBoxProps): import("react").JSX.Element;

package/dist/composites/event-stream.d.ts

@@ -40,9 +40,9 @@ export interface EventStreamProps {
     readonly onClose?: () => void;
     readonly className?: string;
 }
-export declare function EventStream({ agentId, addonId, deviceId, defaultCategories, categories: legacyCategories, category: propsCategory, maxHeight, limit, showCategoryFilter, showFilters: _showFilters, liveBuffer: externalBuffer, onClose, className, }: EventStreamProps): import("react/jsx-runtime").JSX.Element;
+export declare function EventStream({ agentId, addonId, deviceId, defaultCategories, categories: legacyCategories, category: propsCategory, maxHeight, limit, showCategoryFilter, showFilters: _showFilters, liveBuffer: externalBuffer, onClose, className, }: EventStreamProps): import("react").JSX.Element;
 export interface FloatingEventStreamProps extends EventStreamProps {
     readonly position?: 'bottom' | 'overlay';
 }
-export declare function FloatingEventStream({ position, className, ...props }: FloatingEventStreamProps): import("react/jsx-runtime").JSX.Element;
+export declare function FloatingEventStream({ position, className, ...props }: FloatingEventStreamProps): import("react").JSX.Element;
 export {};

package/dist/composites/filter-bar.d.ts

@@ -25,4 +25,4 @@ export interface FilterBarProps {
     onChange: (values: Record<string, unknown>) => void;
     className?: string;
 }
-export declare function FilterBar({ filters, values, onChange, className }: FilterBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function FilterBar({ filters, values, onChange, className }: FilterBarProps): import("react").JSX.Element;

package/dist/composites/form-field.d.ts

@@ -8,4 +8,4 @@ export interface FormFieldProps {
     orientation?: 'vertical' | 'horizontal';
     className?: string;
 }
-export declare function FormField({ label, description, error, required, children, orientation, className, }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormField({ label, description, error, required, children, orientation, className, }: FormFieldProps): import("react").JSX.Element;

package/dist/composites/hls-quality.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Pure helpers for the HLS playback quality selector.
+ *
+ * Intentionally decoupled from hls.js types so this module can be
+ * imported and tested without a DOM or MSE environment.
+ */
+export interface QualityOption {
+    readonly value: number;
+    readonly label: string;
+}
+export interface HlsLevelInfo {
+    readonly height?: number;
+    readonly bitrate?: number;
+    readonly name?: string;
+}
+/**
+ * Build a human-readable label for a single HLS level.
+ *
+ * Priority:
+ * 1. `name` (non-empty) → verbatim. The recorder stamps the master variant
+ *    NAME with the recording profile (high/mid/low), and the VOD selector must
+ *    match the live stream-profile selector's labels — the profile name wins
+ *    over resolution/bitrate.
+ * 2. `height` (> 0) → e.g. "1080p"
+ * 3. `bitrate` (> 0) → e.g. "2500 kbps"
+ * 4. Fallback → "Level N" (1-based)
+ */
+export declare function levelLabel(level: HlsLevelInfo, index: number): string;
+/**
+ * Build the full list of quality options for the selector overlay.
+ *
+ * Always starts with the Auto entry (`value: -1`), followed by one
+ * entry per available HLS level in manifest order.
+ */
+export declare function qualityOptions(levels: readonly HlsLevelInfo[]): QualityOption[];

package/dist/composites/hls-video.d.ts

@@ -0,0 +1,26 @@
+import { QualityOption } from './hls-quality';
+export interface HlsVideoProps {
+    /** Master `.m3u8` URL (typically relative, through the hub data-plane). */
+    readonly url: string;
+    /** Bearer token for the admin-gated data-plane route (optional). */
+    readonly authToken?: string | null;
+    /** Poster painted until the first frame decodes (optional). */
+    readonly posterUrl?: string;
+    /** Auto-play once the manifest is parsed (default: true). */
+    readonly autoPlay?: boolean;
+    readonly className?: string;
+    /**
+     * Called on MANIFEST_PARSED (and reset to `[]` on a new URL) with the
+     * full list of quality options (`qualityOptions(hls.levels)`). The caller
+     * renders the selector; this component owns only the hls instance.
+     * Emits `[]` when the manifest has ≤1 real level (no selector needed).
+     */
+    readonly onQualityOptions?: (options: readonly QualityOption[]) => void;
+    /**
+     * The level index to apply to `hls.currentLevel`. `-1` = Auto/ABR
+     * (default). When this prop changes, the component sets `hls.currentLevel`
+     * immediately. Has no effect in the native HLS fallback path.
+     */
+    readonly selectedLevel?: number;
+}
+export declare function HlsVideo({ url, authToken, posterUrl, autoPlay, className, onQualityOptions, selectedLevel, }: HlsVideoProps): import("react").JSX.Element;

package/dist/composites/hover-zoom-image.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+export interface HoverZoomImageProps {
+    /** Image URL (signed url for Image entities; snapshot object url for cameras). Null → placeholder. */
+    readonly src: string | null;
+    /** Accessible alt / default preview caption (e.g. the device name). */
+    readonly alt: string;
+    /** Optional small label under the enlarged preview. Defaults to `alt`. */
+    readonly caption?: string;
+    /** Text shown in the enlarged preview (and implied by the thumbnail's empty state) when there is no image. */
+    readonly placeholder?: string;
+    /** Sizing override for the thumbnail box. Defaults to a compact `h-7 w-7 rounded`. */
+    readonly thumbClassName?: string;
+    /** Enlarged-preview width in px. */
+    readonly expandedWidth?: number;
+    /** Enlarged-preview height in px (drives the flip-on-collision math). */
+    readonly expandedHeight?: number;
+}
+export declare function HoverZoomImage({ src, alt, caption, placeholder, thumbClassName, expandedWidth, expandedHeight, }: HoverZoomImageProps): ReactNode;

package/dist/composites/image-selector.d.ts

@@ -22,4 +22,4 @@ export interface ImageSelectorProps {
     /** Override the upload button label. Default: `Upload...`. */
     readonly uploadLabel?: string;
 }
-export declare function ImageSelector({ images, selectedFilename, uploadedName, onSelect, onUpload, className, accept, uploadLabel, }: ImageSelectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function ImageSelector({ images, selectedFilename, uploadedName, onSelect, onUpload, className, accept, uploadLabel, }: ImageSelectorProps): import("react").JSX.Element;

package/dist/composites/index.d.ts

@@ -29,6 +29,10 @@ export * from './device-card';
 export * from './device-grid';
 export * from './device-item';
 export * from './device-list';
+export { DeviceBatchToolbar } from './device-list/batch-toolbar';
+export type { DeviceBatchToolbarProps } from './device-list/batch-toolbar';
+export * from './device-meta';
+export * from './device-controls';
 export { PipelineStep, ConfigSchemaField } from './pipeline-step';
 export type { PipelineStepDisplayConfig, PipelineStepProps } from './pipeline-step';
 export { PipelineRuntimeSelector } from './pipeline-runtime-selector';
@@ -45,21 +49,25 @@ export type { StepTimingsProps } from './step-timings';
 export { ImageSelector } from './image-selector';
 export type { ImageSelectorProps, ReferenceImage } from './image-selector';
 export { InferenceConfigSelector } from './inference-config-selector';
-export type { InferenceConfigSelectorProps, InferenceBackendOption, InferenceModelOption, InferenceAgentOption } from './inference-config-selector';
+export type { InferenceConfigSelectorProps, InferenceBackendOption, InferenceModelOption, InferenceAgentOption, } from './inference-config-selector';
 export type { AddonPageProps } from './addon-page-props';
 export { mountAddonPage } from './mount-addon-page';
 export type { MountAddonPageOptions } from './mount-addon-page';
 export { ConfigFormBuilder } from './config-form-builder';
 export type { TranslationFn } from './config-form-builder';
-export { ConfigFormField, NodeSelectField, NodeMultiSelectField, isFieldVisible } from './config-form-field';
+export { ConfigFormField, NodeSelectField, NodeMultiSelectField, isFieldVisible, } from './config-form-field';
+export { TimezoneSelector, TIMEZONES, findTimezone } from './timezone-selector';
+export type { TimezoneSelectorProps, Timezone, TimezoneDstRule, Weekday } from './timezone-selector';
 export { AddonGlobalSettingsForm } from './addon-global-settings-form';
 export type { ProbeState } from './config-form-field';
 export { DetectionOverlay } from './detection-overlay';
 export type { DetectionOverlayProps } from './detection-overlay';
 export { CameraStreamPlayer } from './camera-stream-player';
-export type { CameraStreamPlayerProps, PlayerConnectionState, SignalingResult, ClientStreamHints } from './camera-stream-player';
+export type { CameraStreamPlayerProps, PlayerConnectionState, PlayerWebrtcTarget, SignalingResult, ClientOfferResult, ClientStreamHints, SessionSignalingState, } from './camera-stream-player';
 export { StreamPanel } from './stream-panel';
 export type { StreamPanelProps, StreamChoice, StreamStats } from './stream-panel';
+export { HlsVideo } from './hls-video';
+export type { HlsVideoProps } from './hls-video';
 export { StreamBrokerSelector } from './stream-broker-selector';
 export type { StreamBrokerSelectorProps } from './stream-broker-selector';
 export { DeviceExportPanel } from './device-export-panel';
@@ -97,6 +105,8 @@ export { PTZOverlay } from './ptz-overlay';
 export type { PTZOverlayProps } from './ptz-overlay';
 export { BatteryBadge } from './battery-badge';
 export type { BatteryBadgeProps, BatteryStatusLike } from './battery-badge';
+export { HoverZoomImage } from './hover-zoom-image';
+export type { HoverZoomImageProps } from './hover-zoom-image';
 export { SnapshotButton } from './snapshot-button';
 export type { SnapshotButtonProps, SnapshotButtonTrpc } from './snapshot-button';
 export { DoorbellRecentPanel } from './doorbell-recent-panel';
@@ -108,5 +118,6 @@ export { WidgetSlot } from './widget-slot';
 export type { WidgetSlotProps } from './widget-slot';
 export { ScopePicker, validateScopes } from './scope-picker';
 export type { ScopeAccess } from './scope-picker';
-export { PtzPanel, AutotrackSection, MotionZonesSettings, MaskShapeCanvas } from './cap-settings';
+export { PtzPanel, ConsumablesPanel, AutotrackSection, MotionZonesSettings, MaskShapeCanvas, RecordingPanel, } from './cap-settings';
 export type { CapSettingsComponentProps, MaskShapeItem, MaskShapeCanvasProps } from './cap-settings';
+export * from './widget-panel.js';

package/dist/composites/inference-config-selector.d.ts

@@ -41,4 +41,4 @@ export interface InferenceConfigSelectorProps {
     /** Show agent selector (default: false) */
     readonly showAgent?: boolean;
 }
-export declare function InferenceConfigSelector({ runtime, backend, modelId, agentId, runtimes, backends, models, agents, onRuntimeChange, onBackendChange, onModelChange, onAgentChange, layout, className, showAgent, }: InferenceConfigSelectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function InferenceConfigSelector({ runtime, backend, modelId, agentId, runtimes, backends, models, agents, onRuntimeChange, onBackendChange, onModelChange, onAgentChange, layout, className, showAgent, }: InferenceConfigSelectorProps): import("react").JSX.Element;

package/dist/composites/kebab-menu.d.ts

@@ -36,4 +36,4 @@ export interface KebabMenuProps {
     /** Tooltip text on the trigger (defaults to "More actions"). */
     readonly title?: string;
 }
-export declare function KebabMenu({ items, header, triggerClassName, title }: KebabMenuProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function KebabMenu({ items, header, triggerClassName, title, }: KebabMenuProps): import("react").JSX.Element | null;

package/dist/composites/key-value-list.d.ts

@@ -6,4 +6,4 @@ export interface KeyValueListProps {
     }[];
     className?: string;
 }
-export declare function KeyValueList({ items, className }: KeyValueListProps): import("react/jsx-runtime").JSX.Element;
+export declare function KeyValueList({ items, className }: KeyValueListProps): import("react").JSX.Element;

package/dist/composites/log-stream-scroll.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Pure scroll-geometry helpers for LogStream's follow-the-tail behaviour.
+ *
+ * Kept free of React/DOM lifecycle so the (subtle) "is the viewport pinned
+ * to the bottom?" decision is unit-testable in isolation. The component
+ * wires these into a `useLayoutEffect` (capture pinned-state BEFORE rows
+ * grow) + a user-scroll handler (re-pin when the operator returns to the
+ * bottom). See log-stream.tsx for the lifecycle.
+ */
+/** Default distance (px) from the bottom within which we treat the
+ * viewport as "pinned". Generous enough to absorb sub-pixel rounding and
+ * the height of a partially-revealed last row, tight enough that a
+ * deliberate scroll-up of even one full row reads as "not pinned". */
+export declare const PIN_THRESHOLD_PX = 40;
+/** The slice of scroll geometry the pin decision needs. Matches the
+ * properties of an `HTMLElement` (`scrollTop` / `scrollHeight` /
+ * `clientHeight`) so callers can pass the element fields directly. */
+export interface ScrollGeometry {
+    readonly scrollTop: number;
+    readonly scrollHeight: number;
+    readonly clientHeight: number;
+}
+/**
+ * True when the viewport is scrolled to (or within `threshold` px of) the
+ * bottom of its content.
+ *
+ * `scrollHeight - scrollTop - clientHeight` is the distance from the
+ * bottom: 0 when fully scrolled down, growing as the operator scrolls up.
+ * A `<=` comparison against the threshold means an exact-bottom geometry
+ * (distance 0) always counts as pinned even with a 0 threshold.
+ */
+export declare function isPinnedToBottom(geometry: ScrollGeometry, threshold?: number): boolean;

package/dist/composites/log-stream.d.ts

@@ -14,6 +14,13 @@ export interface LogStreamProps {
     readonly addonId?: string;
     /** Lock to a specific device. When set, the device selector is hidden. */
     readonly deviceId?: number;
+    /**
+     * Lock to a container SUBTREE: filters by `containerDeviceId`, returning the
+     * container's own logs AND every accessory child's logs in one view (each
+     * child stamps its parent's id; a container stamps its own). Pass this
+     * INSTEAD of `deviceId` for a container's Logs tab.
+     */
+    readonly containerDeviceId?: number;
     /**
      * Lock to a specific integration. Filter is ALWAYS applied when
      * provided — current providers don't yet tag loggers with
@@ -52,10 +59,10 @@ export interface LogStreamProps {
     readonly onClose?: () => void;
     readonly className?: string;
 }
-export declare function LogStream({ agentId: propsAgentId, addonId: propsAddonId, deviceId: propsDeviceId, integrationId: propsIntegrationId, requestId: propsRequestId, level: initialLevel, maxHeight, showScope, showFilters, limit, liveBuffer: externalBuffer, onClose, className, }: LogStreamProps): import("react/jsx-runtime").JSX.Element;
+export declare function LogStream({ agentId: propsAgentId, addonId: propsAddonId, deviceId: propsDeviceId, containerDeviceId: propsContainerDeviceId, integrationId: propsIntegrationId, requestId: propsRequestId, level: initialLevel, maxHeight, showScope, showFilters, limit, liveBuffer: externalBuffer, onClose, className, }: LogStreamProps): import("react").JSX.Element;
 export interface FloatingLogStreamProps extends LogStreamProps {
     /** Position: 'bottom' anchors to parent bottom, 'overlay' is absolute positioned. */
     readonly position?: 'bottom' | 'overlay';
 }
-export declare function FloatingLogStream({ position, className, ...props }: FloatingLogStreamProps): import("react/jsx-runtime").JSX.Element;
+export declare function FloatingLogStream({ position, className, ...props }: FloatingLogStreamProps): import("react").JSX.Element;
 export {};

package/dist/composites/login-form.d.ts

@@ -5,4 +5,4 @@ export interface LoginFormProps {
     error?: string;
     className?: string;
 }
-export declare function LoginForm({ onLogin, serverUrl, logoSrc, error: externalError, className, }: LoginFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoginForm({ onLogin, serverUrl, logoSrc, error: externalError, className, }: LoginFormProps): import("react").JSX.Element;

package/dist/composites/node-picker.d.ts

@@ -12,4 +12,4 @@ export interface NodePickerProps {
      */
     readonly alwaysShow?: boolean;
 }
-export declare function NodePicker({ selectedNodeId, onSelect, label, hideIcon, alwaysShow, }: NodePickerProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function NodePicker({ selectedNodeId, onSelect, label, hideIcon, alwaysShow, }: NodePickerProps): import("react").JSX.Element | null;

package/dist/composites/page-header.d.ts

@@ -5,4 +5,4 @@ export interface PageHeaderProps {
     actions?: ReactNode;
     className?: string;
 }
-export declare function PageHeader({ title, subtitle, actions, className }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageHeader({ title, subtitle, actions, className }: PageHeaderProps): import("react").JSX.Element;

package/dist/composites/phase-icon.d.ts

@@ -2,4 +2,4 @@ import { LucideProps } from 'lucide-react';
 export interface PhaseIconProps extends LucideProps {
     readonly phase: string;
 }
-export declare function PhaseIcon({ phase, ...props }: PhaseIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function PhaseIcon({ phase, ...props }: PhaseIconProps): import("react").JSX.Element;

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

@@ -40,4 +40,4 @@ export interface PipelineBuilderProps {
      */
     readonly hideModelAndSettings?: boolean;
 }
-export declare function PipelineBuilder({ schema, steps, onChange, templates, selectedTemplateId, onSelectTemplate, onSaveTemplate, onUpdateTemplate, onDeleteTemplate, readOnly, excludeAddons, hideTemplates, showOnlyEnabled, showSlotLabels, toggleMode, overrides, onOverrideChange, inheritedEnabledByAddon, hideModelAndSettings, }: PipelineBuilderProps): import("react/jsx-runtime").JSX.Element;
+export declare function PipelineBuilder({ schema, steps, onChange, templates, selectedTemplateId, onSelectTemplate, onSaveTemplate, onUpdateTemplate, onDeleteTemplate, readOnly, excludeAddons, hideTemplates, showOnlyEnabled, showSlotLabels, toggleMode, overrides, onOverrideChange, inheritedEnabledByAddon, hideModelAndSettings, }: PipelineBuilderProps): import("react").JSX.Element;

package/dist/composites/pipeline-runtime-selector.d.ts

@@ -12,5 +12,5 @@ interface PipelineRuntimeSelectorProps {
     readonly value: string;
     readonly onChange: (value: string) => void;
 }
-export declare function PipelineRuntimeSelector({ options, value, onChange }: PipelineRuntimeSelectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function PipelineRuntimeSelector({ options, value, onChange, }: PipelineRuntimeSelectorProps): import("react").JSX.Element;
 export {};

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

@@ -55,11 +55,11 @@ export interface PipelineStepProps {
      */
     readonly hideModelAndSettings?: boolean;
 }
-export declare function PipelineStep({ step, schema, allSchemas: _allSchemas, depth: _depth, onChange, onDelete: _onDelete, readOnly, toggleMode, overrideState, onOverrideChange, inheritedEnabled, hideModelAndSettings, }: PipelineStepProps): import("react/jsx-runtime").JSX.Element;
-export declare function ConfigSchemaField({ field, allFields, step, disabled, onChange }: {
+export declare function PipelineStep({ step, schema, allSchemas: _allSchemas, depth: _depth, onChange, onDelete: _onDelete, readOnly, toggleMode, overrideState, onOverrideChange, inheritedEnabled, hideModelAndSettings, }: PipelineStepProps): import("react").JSX.Element;
+export declare function ConfigSchemaField({ field, allFields, step, disabled, onChange, }: {
     field: ConfigField;
     allFields: readonly ConfigField[];
     step: PipelineStepDisplayConfig;
     disabled: boolean;
     onChange: (updated: PipelineStepDisplayConfig) => void;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;

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

@@ -28,4 +28,4 @@ export interface PipelineTreeMatrixProps {
      */
     readonly onToggleEnabled?: (addonId: string, next: boolean) => void;
 }
-export declare function PipelineTreeMatrix({ tree, agents, getCellState, onCellClick, selectedCell, onToggleEnabled, }: PipelineTreeMatrixProps): import("react/jsx-runtime").JSX.Element;
+export declare function PipelineTreeMatrix({ tree, agents, getCellState, onCellClick, selectedCell, onToggleEnabled, }: PipelineTreeMatrixProps): import("react").JSX.Element;