@camstack/ui-library 1.2.195 → 1.2.196

package/dist/{MotionZonesSettings-7c3yiT5E.js → MotionZonesSettings-DHDfnZyU.js}

@@ -1,4 +1,4 @@
-import { TEXT_HINT, WidgetPanel, isAbsentProvider, o as Grid2x2, useDeviceProxy, usePlayerOverlayLayer, useSystem } from "./index.js";
+import { TEXT_HINT, WidgetPanel, isAbsentProvider, s as Grid2x2, useDeviceProxy, usePlayerOverlayLayer, useSystem } from "./index.js";
 import { MaskShapeCanvas } from "./MaskShapeCanvas-DI4BY7W2.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/{PrivacyMaskSettings-DfZAFg32.cjs → PrivacyMaskSettings-BqjXsXZR.cjs}

@@ -12,38 +12,6 @@ var Hexagon = require_index.createLucideIcon("hexagon", [["path", {
 	d: "M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z",
 	key: "yt0hxn"
 }]]);
-/**
-* @license lucide-react v0.576.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-var MicOff = require_index.createLucideIcon("mic-off", [
-	["path", {
-		d: "M12 19v3",
-		key: "npa21l"
-	}],
-	["path", {
-		d: "M15 9.34V5a3 3 0 0 0-5.68-1.33",
-		key: "1gzdoj"
-	}],
-	["path", {
-		d: "M16.95 16.95A7 7 0 0 1 5 12v-2",
-		key: "cqa7eg"
-	}],
-	["path", {
-		d: "M18.89 13.23A7 7 0 0 0 19 12v-2",
-		key: "16hl24"
-	}],
-	["path", {
-		d: "m2 2 20 20",
-		key: "1ooewy"
-	}],
-	["path", {
-		d: "M9 9v3a3 3 0 0 0 5.12 2.12",
-		key: "r2i35w"
-	}]
-]);
 //#endregion
 //#region src/composites/cap-settings/privacy-mask-audio.ts
 var CAMERA_MICROPHONE_LABEL = "Microphone";
@@ -470,7 +438,7 @@ function PrivacyMaskSettings({ deviceId }) {
 					className: microphone.on === false || microphone.on === null ? BTN_NEUTRAL : BTN_PRIMARY,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 						className: "inline-flex items-center gap-1.5",
-						children: [microphone.on === false ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MicOff, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.Mic, { className: "h-3.5 w-3.5" }), microphone.on === null ? "Microphone unknown" : microphone.on ? "Microphone on" : "Microphone off"]
+						children: [microphone.on === false ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.MicOff, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.Mic, { className: "h-3.5 w-3.5" }), microphone.on === null ? "Microphone unknown" : microphone.on ? "Microphone on" : "Microphone off"]
 					})
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 					className: `text-[10px] text-foreground-subtle flex-1 leading-relaxed`,

package/dist/{PrivacyMaskSettings-PkYs077O.js → PrivacyMaskSettings-DMkchqO1.js}

@@ -1,4 +1,4 @@
-import { TEXT_HINT, WidgetPanel, i as Mic, isAbsentProvider, l as createLucideIcon, n as Square, s as EyeOff, t as Trash2, useDeviceProxy, usePlayerOverlayLayer, useSystem } from "./index.js";
+import { TEXT_HINT, WidgetPanel, a as MicOff, c as EyeOff, i as Mic, isAbsentProvider, n as Square, t as Trash2, u as createLucideIcon, useDeviceProxy, usePlayerOverlayLayer, useSystem } from "./index.js";
 import { MaskShapeCanvas } from "./MaskShapeCanvas-DI4BY7W2.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -12,38 +12,6 @@ var Hexagon = createLucideIcon("hexagon", [["path", {
 	d: "M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z",
 	key: "yt0hxn"
 }]]);
-/**
-* @license lucide-react v0.576.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-var MicOff = createLucideIcon("mic-off", [
-	["path", {
-		d: "M12 19v3",
-		key: "npa21l"
-	}],
-	["path", {
-		d: "M15 9.34V5a3 3 0 0 0-5.68-1.33",
-		key: "1gzdoj"
-	}],
-	["path", {
-		d: "M16.95 16.95A7 7 0 0 1 5 12v-2",
-		key: "cqa7eg"
-	}],
-	["path", {
-		d: "M18.89 13.23A7 7 0 0 0 19 12v-2",
-		key: "16hl24"
-	}],
-	["path", {
-		d: "m2 2 20 20",
-		key: "1ooewy"
-	}],
-	["path", {
-		d: "M9 9v3a3 3 0 0 0 5.12 2.12",
-		key: "r2i35w"
-	}]
-]);
 //#endregion
 //#region src/composites/cap-settings/privacy-mask-audio.ts
 var CAMERA_MICROPHONE_LABEL = "Microphone";

package/dist/{SceneMonitorEditor-BvDy3x3k.js → SceneMonitorEditor-vfWTm6qv.js}

@@ -1,4 +1,4 @@
-import { SCENE_CAPTURE_VARIANTS, TEXT_HINT, a as ImageOff, badgeFor, c as Camera, coverageLine, hubPath, isAbsentProvider, l as createLucideIcon, r as RotateCcw, roiTooLarge, statusLine, t as Trash2, useDeviceProxy, useDeviceSnapshotImage, useDeviceStateSlice, useSystem, variantLabel } from "./index.js";
+import { SCENE_CAPTURE_VARIANTS, TEXT_HINT, badgeFor, coverageLine, hubPath, isAbsentProvider, l as Camera, o as ImageOff, r as RotateCcw, roiTooLarge, statusLine, t as Trash2, u as createLucideIcon, useDeviceProxy, useDeviceSnapshotImage, useDeviceStateSlice, useSystem, variantLabel } from "./index.js";
 import { MaskShapeCanvas } from "./MaskShapeCanvas-DI4BY7W2.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

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

@@ -0,0 +1,23 @@
+import { DataTableFacet, DataTableFilterState } from './data-table-filter';
+export interface DataTableFilterBarLabels {
+    /** Placeholder of the search box. */
+    readonly searchPlaceholder: string;
+    /** Accessible name of the search box — say WHICH table, two of them on one
+     *  page are otherwise indistinguishable to a screen reader. */
+    readonly searchLabel: string;
+    /** Accessible name of the chip group. */
+    readonly facetsLabel: string;
+    /** The clear-filters button. */
+    readonly clearLabel: string;
+}
+export interface DataTableFilterBarProps {
+    readonly state: DataTableFilterState;
+    readonly facets: readonly DataTableFacet[];
+    readonly labels: DataTableFilterBarLabels;
+    readonly onSearch: (search: string) => void;
+    readonly onToggleFacet: (value: string) => void;
+    readonly onClear: () => void;
+    /** Render a chip's caption. Default: the raw value. */
+    readonly facetLabel?: (value: string) => string;
+}
+export declare function DataTableFilterBar({ state, facets, labels, onSearch, onToggleFacet, onClear, facetLabel, }: DataTableFilterBarProps): import("react").JSX.Element;

package/dist/composites/data-table-filter.d.ts

@@ -0,0 +1,36 @@
+export interface DataTableFilterState {
+    /** Case- and separator-insensitive substring, see `fuzzyMatch`. */
+    readonly search: string;
+    /** Selected facet values. Empty = every row. */
+    readonly facets: readonly string[];
+}
+export declare const EMPTY_DATA_TABLE_FILTER: DataTableFilterState;
+/** One facet chip, with how many of the rows carry it. */
+export interface DataTableFacet {
+    readonly value: string;
+    readonly count: number;
+}
+export interface DataTableFilterConfig<T> {
+    /** Every text the search is matched against for this row — a name, and
+     *  whatever else an operator would type to find it (a nested accessory's
+     *  name, an id). */
+    readonly searchText: (row: T) => readonly string[];
+    /** The value this row contributes to the facet chips. Omit for a table
+     *  with a search box only. */
+    readonly facetValue?: (row: T) => string;
+}
+/**
+ * The facet chips for these rows: one per distinct value, most common first,
+ * ties by value.
+ */
+export declare function dataTableFacets<T>(rows: readonly T[], facetValue: ((row: T) => string) | undefined): readonly DataTableFacet[];
+export declare function isDataTableFilterActive(state: DataTableFilterState): boolean;
+/** A new state with `value` added to, or removed from, the selected facets. */
+export declare function toggleDataTableFacet(state: DataTableFilterState, value: string): DataTableFilterState;
+/**
+ * The rows that survive the filter, in their incoming order.
+ *
+ * A selected facet that none of `rows` carries is dropped from the effective
+ * selection (see the header), so a chip that is not on screen never filters.
+ */
+export declare function filterDataTableRows<T>(rows: readonly T[], state: DataTableFilterState, config: DataTableFilterConfig<T>): readonly T[];

package/dist/composites/device-item/helpers.d.ts

@@ -1,4 +1,4 @@
-import { ChildLayout, DeviceDisplayOverride, SourceInfo } from '@camstack/types';
+import { ChildLayout, DeviceDisplayOverride, RoleDisplayDefault, SourceInfo } from '@camstack/types';
 import { LucideIcon } from 'lucide-react';
 import { ReactNode } from 'react';
 import { UseDeviceProxyTrpc } from '../../hooks/use-device-proxy';
@@ -199,7 +199,23 @@ export interface VariantDefaults {
     readonly showChildrenAccordion: boolean;
 }
 export declare function resolveFlags(props: DeviceItemProps): VariantDefaults;
-export declare function deviceLeadIcon(device: DeviceItemDevice): LucideIcon;
+/**
+ * The row's lead icon — the ONE resolution order, the same one
+ * `resolveSensorDisplay` applies to unit and precision:
+ *
+ *   device override → operator role default → built-in role glyph → type glyph
+ *
+ * `roleDefaults` is what the nearest `RoleDisplayDefaultsProvider` publishes;
+ * callers outside a provider pass nothing and the second level is skipped.
+ * Each level FALLS THROUGH when it names a glyph the registry cannot draw —
+ * an unknown key at any level must never leave the row without an icon, and
+ * must never shadow a lower level that would have drawn one.
+ *
+ * "Set as default for all X sensors" writes the second level. It was written
+ * for a year and read by nothing: this function went straight from the device
+ * override to `DEVICE_ROLE_META`.
+ */
+export declare function deviceLeadIcon(device: DeviceItemDevice, roleDefaults?: Readonly<Record<string, RoleDisplayDefault>>): LucideIcon;
 /**
  * Role label for a device row, honouring an operator's per-device `display.label`
  * override (falls back to the `DEVICE_ROLE_META` label). NOT the device name —

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

@@ -4,6 +4,7 @@ export type { ChildLayoutSection, GroupedChildren } from './child-layout';
 export { groupChildrenByLayout } from './child-layout';
 export { ChildSectionAccordion } from './child-section-accordion';
 export { ContainerChildrenProvider, useContainerChildren } from './container-children-context';
+export { RoleDisplayDefaultsFromServer, RoleDisplayDefaultsProvider, useRoleDisplayDefaults, type RoleDisplayDefaults, } from './role-display-defaults-context';
 export type { DeviceItemDevice, DeviceItemKind, DeviceItemParent, DeviceItemProps, DeviceItemVariant, DeviceItemView, } from './helpers';
 export { childListName, deriveDeviceKind, stripParentNamePrefix } from './helpers';
 export declare function DeviceItem(props: DeviceItemProps): ReactNode;

package/dist/composites/device-item/role-display-defaults-context.d.ts

@@ -0,0 +1,21 @@
+import { RoleDisplayDefault } from '@camstack/types';
+import { ReactNode } from 'react';
+/** `role string → default`. Absent role = no default. */
+export type RoleDisplayDefaults = Readonly<Record<string, RoleDisplayDefault>>;
+export interface RoleDisplayDefaultsProviderProps {
+    readonly value: RoleDisplayDefaults;
+    readonly children: ReactNode;
+}
+export declare function RoleDisplayDefaultsProvider({ value, children, }: RoleDisplayDefaultsProviderProps): ReactNode;
+/** The defaults published by the nearest provider — an empty record outside
+ *  one, never `undefined`, so a caller can index it without a guard. */
+export declare function useRoleDisplayDefaults(): RoleDisplayDefaults;
+export interface RoleDisplayDefaultsFromServerProps {
+    readonly children: ReactNode;
+}
+/**
+ * Reads the defaults from the hub and publishes them. Until the query lands
+ * the children see no defaults — the built-in role glyph, which is what they
+ * would see with no operator default at all, so nothing flashes wrong.
+ */
+export declare function RoleDisplayDefaultsFromServer({ children, }: RoleDisplayDefaultsFromServerProps): ReactNode;

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

@@ -28,7 +28,10 @@ interface TableLayoutProps extends DeviceRowsProps {
      *  top-level rows carry it (accessory sub-rows are excluded — same gate
      *  as `renderRowAction`). */
     readonly onDeleteDevice: ((device: DeviceItemDevice) => void) | null;
-    readonly autoExpandedParents: ReadonlySet<number>;
+    /** Parent rows the OPERATOR opened. Only the chevron writes it — a search
+     *  never does (it narrows the rows; it does not open them). */
+    readonly expandedParents: ReadonlySet<number>;
+    readonly onToggleExpand: (parentId: number) => void;
     /** 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). */
@@ -41,5 +44,5 @@ interface TableLayoutProps extends DeviceRowsProps {
     /** 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 declare function TableLayout({ rows, accessoriesByParent, expandedParents, onToggleExpand, devices, visibleColumns, trpc, resolveIntegrationIcon, resolveParent, onNavigate, renderRowAction, onDeleteDevice, selectable, rowClickSelects, activeSelected, onToggleSelection, sort, onSort, }: TableLayoutProps): ReactNode;
 export {};

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

@@ -40,11 +40,21 @@ 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;
 /**
- * Icons an operator may pick for a per-device `display.icon` override, keyed by
- * a stable kebab-case name. Built ONLY from the lucide icons already imported by
- * this module — no new imports, no dynamic indexing — so it stays bundle-size
- * neutral and the picker offers a curated, sensor-relevant set. Unknown keys
- * resolve to `undefined` (caller keeps the role/type default).
+ * Icons an operator may pick for a per-device `display.icon` override (and for
+ * a per-role default), keyed by a stable kebab-case name. Named imports only —
+ * no dynamic indexing into lucide, so the bundle carries exactly this set.
+ * Unknown keys resolve to `undefined` (caller falls through to the next level).
+ *
+ * The vocabulary is the one the VIEWER draws from too (its own icon module,
+ * keyed by these same strings): a key added here that the phone cannot draw
+ * falls through to the next resolution level there, which reads as "my change
+ * did nothing". So the KEY is the contract — a stable kebab-case string, never
+ * a glyph identity — and `device-meta.test.ts` pins that every key resolves
+ * and that the set never loses a key an operator may already have persisted.
+ *
+ * Grouped by what an operator is naming: a device, a light or appliance, a
+ * sensor or the weather it reads, a room, or what moves through it. `gauge2`
+ * is a legacy alias kept for rows that persisted it.
  */
 export declare const DISPLAY_ICON_REGISTRY: Readonly<Record<string, LucideIcon>>;
 /** Resolve a `display.icon` name to a lucide component, or `undefined` when the

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

@@ -0,0 +1,55 @@
+import { DisplayIconGroup } from '@camstack/types';
+import { LucideIcon } from 'lucide-react';
+/** The strings this control shows. All of them, so nothing is hardcoded. */
+export interface IconPickerLabels {
+    /** The trigger button's accessible name, e.g. "Change the icon of Kitchen". */
+    readonly trigger: string;
+    /** The popover's accessible name. */
+    readonly panel: string;
+    /** The backdrop button's accessible name. */
+    readonly close: string;
+    readonly searchPlaceholder: string;
+    /** The tile that clears the pick — "No icon", "Inherit from the role", … */
+    readonly clear: string;
+    /** Shown in place of the grid when the query matches nothing. */
+    readonly noMatches: string;
+    /** One per group, keyed by group id. */
+    readonly groups: Readonly<Record<DisplayIconGroup, string>>;
+}
+export interface IconPickerProps {
+    /** The chosen key, or `null` for "nothing chosen". */
+    readonly value: string | null;
+    /** `null` clears the choice. */
+    readonly onPick: (key: string | null) => void | Promise<void>;
+    /**
+     * The glyph for a key, or `undefined` when this build cannot draw it. The
+     * caller's table, never a lookup this component makes.
+     */
+    readonly resolveGlyph: (key: string) => LucideIcon | undefined;
+    /** What the trigger draws when `value` is null or undrawable. */
+    readonly fallbackGlyph: LucideIcon;
+    /**
+     * The glyph on the clear tile. Defaults to {@link fallbackGlyph}, which is
+     * right when clearing means "inherit" and the tile should show what will be
+     * inherited. A picker where clearing means "none at all" passes its own.
+     */
+    readonly clearGlyph?: LucideIcon;
+    /**
+     * A human name for a key, for the tile's title and accessible name. The key
+     * itself when absent — which is honest, since the key IS what gets stored.
+     */
+    readonly labelFor?: (key: string) => string | undefined;
+    readonly labels: IconPickerLabels;
+    /**
+     * Restrict the vocabulary to these keys — the room picker offers only
+     * `LOCATION_ICON_IDS`. Absent means the whole vocabulary.
+     */
+    readonly only?: readonly string[];
+    /**
+     * Extra searchable words per key, for a caller that has translations this
+     * package cannot see. Scored exactly like a synonym.
+     */
+    readonly extraWords?: ReadonlyMap<string, readonly string[]>;
+    readonly disabled?: boolean;
+}
+export declare function IconPicker({ value, onPick, resolveGlyph, fallbackGlyph, labels, only, extraWords, clearGlyph, labelFor, disabled, }: IconPickerProps): import("react").JSX.Element;

package/dist/composites/index.d.ts

@@ -44,6 +44,12 @@ export { CopyButton } from './copy-button';
 export type { DataColumn, DataTableProps } from './data-table';
 export * from './data-table';
 export { DataTable } from './data-table';
+export type { DataTableFacet, DataTableFilterConfig, DataTableFilterState, } from './data-table-filter';
+export { dataTableFacets, EMPTY_DATA_TABLE_FILTER, filterDataTableRows, isDataTableFilterActive, toggleDataTableFacet, } from './data-table-filter';
+export type { DataTableFilterBarLabels, DataTableFilterBarProps } from './data-table-filter-bar';
+export { DataTableFilterBar } from './data-table-filter-bar';
+export type { DataTableFilter } from './use-data-table-filter';
+export { useDataTableFilter } from './use-data-table-filter';
 export type { TableLayoutKind, TableMobileMode } from './data-table-layout';
 export { CARD_MODE_MIN_COLUMNS, resolveTableLayout } from './data-table-layout';
 export type { SortHeaderButtonProps } from './sort-header-button';
@@ -71,6 +77,7 @@ export * from './device-list';
 export type { DeviceBatchToolbarProps } from './device-list/batch-toolbar';
 export { DeviceBatchToolbar } from './device-list/batch-toolbar';
 export * from './device-meta';
+export * from './icon-picker';
 export { DeviceMultiSelectField, DeviceSelectField } from './device-select-field';
 export type { DeviceSelectCandidate } from './device-select-filter';
 export { deviceMatchesFilter, deviceOptionLabel, devicesToOptions, filterDeviceOptions, selectedDeviceOptions, } from './device-select-filter';

package/dist/composites/use-data-table-filter.d.ts

@@ -0,0 +1,16 @@
+import { DataTableFacet, DataTableFilterConfig, DataTableFilterState } from './data-table-filter';
+export interface DataTableFilter<T> {
+    readonly state: DataTableFilterState;
+    readonly setSearch: (search: string) => void;
+    readonly toggleFacet: (value: string) => void;
+    readonly clear: () => void;
+    /** Chips derived from the UNFILTERED rows — a chip never disappears because
+     *  it was the one just pressed. */
+    readonly facets: readonly DataTableFacet[];
+    /** The rows that survive the filter. */
+    readonly rows: readonly T[];
+    /** True when the filter is narrowing anything — what an empty state should
+     *  read before it says "there is nothing here". */
+    readonly active: boolean;
+}
+export declare function useDataTableFilter<T>(rows: readonly T[], config: DataTableFilterConfig<T>): DataTableFilter<T>;

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

@@ -2075,6 +2075,8 @@ export declare const useVideoclipsListSources: typeof trpc.videoclips.listSource
 export declare const useVideoclipsGetClipPlayback: typeof trpc.videoclips.getClipPlayback.useQuery;
 /** Generated alias around `trpc.videoclips.readClipBytes.useQuery`. */
 export declare const useVideoclipsReadClipBytes: typeof trpc.videoclips.readClipBytes.useQuery;
+/** Generated alias around `trpc.videoclips.dialClipStream.useQuery`. */
+export declare const useVideoclipsDialClipStream: typeof trpc.videoclips.dialClipStream.useQuery;
 /** Generated alias around `trpc.waterHeater.setTargetTemp.useMutation`. */
 export declare const useWaterHeaterSetTargetTemp: typeof trpc.waterHeater.setTargetTemp.useMutation;
 /** Generated alias around `trpc.waterHeater.setOperationMode.useMutation`. */