@camstack/ui-library 1.2.257 → 1.2.259

package/dist/lib/hub-mount.d.ts

@@ -1,50 +1,16 @@
 /**
- * Where the hub is, from inside a page the hub served.
- *
- * The admin UI is not always at the hub's root. The Home Assistant component
- * frames it through a same-origin relay — `https://<ha>/api/camstack/p/<grant>/…`
- * → `https://<hub>:4443/…` — so the browser never has to trust the hub's
- * local certificate. The relay sends `X-Forwarded-Prefix` and the hub
- * injects two things into the shell it serves for that request:
- *
- *   <base href="<prefix>/">
- *   <meta name="camstack-mount" content="<prefix>/">
- *
- * This module is the ONE reader of that fact. Every URL the page composes
- * toward the hub — tRPC HTTP and WS, `/api/webrtc`, `/addon/…` data planes,
- * `/api/addon-assets`, MF remote entries, `<img src>` — goes through it:
- *
- *   - `hubPath('/api/x')`  → `/api/x` at the root, `/<prefix>/api/x` under one.
- *     A same-origin path; the default for fetch, `<img>`, links.
- *   - `hubOrigin()`        → `https://host` or `https://host/<prefix>`; the
- *     `serverUrl` handed to the SDK and the players (they append `/trpc`,
- *     `/api/webrtc`, `/adaptive-probe` themselves).
- *   - `hubUrl()` / `hubWsUrl()` — absolute http(s) / ws(s) forms.
- *   - `routerBasename()`   → `''` or `/<prefix>`, for `<BrowserRouter>`.
- *
- * Why not `window.location.origin` + a literal: `<base>` does not apply to a
- * root-absolute path, so `'/api/x'` leaves the relay and lands on HA's own
- * `/api/x`. And why not `document.baseURI` alone: without a `<base>` it is
- * the DOCUMENT's URL, so `/devices/5` would read as a mount of `/devices/`.
- * The meta is the authority; a `<base>` element is accepted on its own for a
- * host that injects only that.
- *
- * `scripts/check-hub-paths-through-mount.ts` keeps every other module from
- * spelling a hub path directly.
- */
-/**
- * The path the app is mounted at, with a trailing slash: `/` or `/<prefix>/`.
- * Resolved once — the shell is the only thing that can say where it lives,
- * and it says so before any script runs.
- */
+* The path the app is mounted at, with a trailing slash: `/` or `/<prefix>/`.
+* Resolved once — the shell is the only thing that can say where it lives,
+* and it says so before any script runs.
+*/
 export declare function mountPath(): string;
 /** `<BrowserRouter basename>`: the mount without its trailing slash. */
 export declare function routerBasename(): string;
 /**
- * A same-origin path under the mount. Absolute URLs and paths already under
- * the mount pass through unchanged, so a server-stamped `bundleUrl` can be
- * wrapped without knowing whether it was.
- */
+* A same-origin path under the mount. Absolute URLs and paths already under
+* the mount pass through unchanged, so a server-stamped `bundleUrl` can be
+* wrapped without knowing whether it was.
+*/
 export declare function hubPath(pathname: string): string;
 /** The absolute hub base with no trailing slash — the SDK's `serverUrl`. */
 export declare function hubOrigin(): string;

package/dist/lib/index.d.ts

@@ -1,21 +1,21 @@
-export { cn } from './cn';
-export { formatLastSeen } from './format-last-seen';
-export { formatControlDateTime } from './format-control-datetime';
-export type { ControlDateTimeFormat } from './format-control-datetime';
-export { formatNumeric } from './format-numeric';
-export { resolveSensorDisplay } from './resolve-sensor-display';
-export type { SensorDisplayInput, ResolvedSensorDisplay } from './resolve-sensor-display';
-export { isAbsentProvider } from './cap-error';
-export * from './responsive';
-export { mirror } from './pipeline-mirror';
-export type { MirrorSource, MirrorInput, MirrorOutcome, MirrorResultEntry, } from './pipeline-mirror';
-export { PHASE_CONFIG, getPhaseVisual } from './phase-config';
-export type { PhaseVisual } from './phase-config';
-export { createSharedContext } from './shared-context';
-export { ensureMfHostInit } from './mf-runtime-init';
-export { hubOrigin, hubPath, hubUrl, hubWsUrl, mountPath, resetHubMountForTests, routerBasename, } from './hub-mount';
-export { serializeRecordedCommand, parseRecordedServerMessage, RECORDED_PLAYBACK_MODES, } from './recorded-control-protocol';
-export type { RecordedControlCommand, RecordedPlaybackMode, RecordedServerMessage, } from './recorded-control-protocol';
-export { scrubReducer, initialScrubState, shouldEmit, shouldCommit, cursorFractionFor, makeScrubBridge, useScrubController, COMMIT_DEDUPE_TOLERANCE_MS, COMMIT_DEDUPE_WINDOW_MS, } from './scrub-controller';
-export type { ScrubSource, ScrubState, ScrubAction, ScrubController, PlaybackControlSink, LastCommit, } from './scrub-controller';
-export { applyFleetQueryDefaults, FLEET_LIST_QUERY_KEY, FLEET_LIST_STALE_TIME_MS, FLEET_LIST_GC_TIME_MS, } from './fleet-query-defaults';
+export { cn } from "./cn";
+export { formatLastSeen } from "./format-last-seen";
+export { formatControlDateTime } from "./format-control-datetime";
+export type { ControlDateTimeFormat } from "./format-control-datetime";
+export { formatNumeric } from "./format-numeric";
+export { resolveSensorDisplay } from "./resolve-sensor-display";
+export type { SensorDisplayInput, ResolvedSensorDisplay } from "./resolve-sensor-display";
+export { isAbsentProvider } from "./cap-error";
+export * from "./responsive";
+export { mirror } from "./pipeline-mirror";
+export type { MirrorSource, MirrorInput, MirrorOutcome, MirrorResultEntry } from "./pipeline-mirror";
+export { PHASE_CONFIG, getPhaseVisual } from "./phase-config";
+export type { PhaseVisual } from "./phase-config";
+export { createSharedContext } from "./shared-context";
+export { ensureMfHostInit } from "./mf-runtime-init";
+export { hubOrigin, hubPath, hubUrl, hubWsUrl, mountPath, resetHubMountForTests, routerBasename } from "./hub-mount";
+export { serializeRecordedCommand, parseRecordedServerMessage, RECORDED_PLAYBACK_MODES } from "./recorded-control-protocol";
+export type { RecordedControlCommand, RecordedPlaybackMode, RecordedServerMessage } from "./recorded-control-protocol";
+export { scrubReducer, initialScrubState, shouldEmit, shouldCommit, cursorFractionFor, makeScrubBridge, useScrubController, COMMIT_DEDUPE_TOLERANCE_MS, COMMIT_DEDUPE_WINDOW_MS } from "./scrub-controller";
+export type { ScrubSource, ScrubState, ScrubAction, ScrubController, PlaybackControlSink, LastCommit } from "./scrub-controller";
+export { applyFleetQueryDefaults, FLEET_LIST_QUERY_KEY, FLEET_LIST_STALE_TIME_MS, FLEET_LIST_GC_TIME_MS } from "./fleet-query-defaults";

package/dist/lib/phase-config.d.ts

@@ -1,15 +1,28 @@
-import { CameraPhase } from '@camstack/types';
+/**
+* phase-config — canonical visual config for CameraPhase values.
+*
+* Single source of truth for label, color classes, dot class, and
+* lucide icon name. Every UI surface (PhaseBadge, CameraStatusStrip,
+* CameraAssignmentsTable, DeviceDetail, OverviewTab, NodeLiveTab)
+* imports from here instead of hardcoding phase → style mappings.
+*
+* Icon components are NOT imported here (would pull lucide-react into
+* the config module). Consumers import the icon by name themselves:
+*   `import { [cfg.icon] } from 'lucide-react'`
+* or use the provided `PhaseIcon` component from `./phase-icon.tsx`.
+*/
+import type { CameraPhase } from "@camstack/types";
 export interface PhaseVisual {
-    /** Human-readable label (e.g. "Active", "Load-Shed"). */
-    readonly label: string;
-    /** Tailwind text color class (e.g. "text-success"). */
-    readonly textColor: string;
-    /** Tailwind border+bg classes for pill/badge containers. */
-    readonly badgeClass: string;
-    /** Tailwind class for the status dot (circle indicator). */
-    readonly dotClass: string;
-    /** Lucide icon name to use for this phase. */
-    readonly icon: 'Activity' | 'Eye' | 'AlertTriangle' | 'PauseCircle' | 'PowerOff';
+	/** Human-readable label (e.g. "Active", "Load-Shed"). */
+	readonly label: string;
+	/** Tailwind text color class (e.g. "text-success"). */
+	readonly textColor: string;
+	/** Tailwind border+bg classes for pill/badge containers. */
+	readonly badgeClass: string;
+	/** Tailwind class for the status dot (circle indicator). */
+	readonly dotClass: string;
+	/** Lucide icon name to use for this phase. */
+	readonly icon: "Activity" | "Eye" | "AlertTriangle" | "PauseCircle" | "PowerOff";
 }
 export declare const PHASE_CONFIG: Record<CameraPhase, PhaseVisual>;
 /** Look up phase config with a safe fallback to `watching` for unknown values. */

package/dist/lib/pipeline-mirror.d.ts

@@ -1,23 +1,23 @@
-import { AgentAddonConfig, CameraStepOverridePatch, PipelineSchema } from '@camstack/types';
+import type { AgentAddonConfig, CameraStepOverridePatch, PipelineSchema } from "@camstack/types";
 export interface MirrorSource {
-    readonly nodeId: string;
-    readonly engine: {
-        readonly format: string;
-    };
-    readonly defaults: Readonly<Record<string, AgentAddonConfig>>;
+	readonly nodeId: string;
+	readonly engine: {
+		readonly format: string;
+	};
+	readonly defaults: Readonly<Record<string, AgentAddonConfig>>;
 }
 export interface MirrorInput {
-    readonly source: MirrorSource;
-    readonly target: MirrorSource;
-    readonly catalog: PipelineSchema;
-    readonly addonIds: readonly string[];
+	readonly source: MirrorSource;
+	readonly target: MirrorSource;
+	readonly catalog: PipelineSchema;
+	readonly addonIds: readonly string[];
 }
-export type MirrorOutcome = 'exact' | 'mapped' | 'skip';
+export type MirrorOutcome = "exact" | "mapped" | "skip";
 export interface MirrorResultEntry {
-    readonly addonId: string;
-    readonly outcome: MirrorOutcome;
-    readonly modelId: string | null;
-    readonly reason?: string;
-    readonly patch: CameraStepOverridePatch | null;
+	readonly addonId: string;
+	readonly outcome: MirrorOutcome;
+	readonly modelId: string | null;
+	readonly reason?: string;
+	readonly patch: CameraStepOverridePatch | null;
 }
 export declare function mirror(input: MirrorInput): readonly MirrorResultEntry[];

package/dist/lib/recorded-control-protocol.d.ts

@@ -1,61 +1,59 @@
 /**
- * Client-side wire codec for the `camstack-control` RTCDataChannel (R9).
- *
- * Mirrors the broker's `control-protocol.ts`
- * (packages/addon-pipeline/src/stream-broker/recorded/control-protocol.ts):
- * client→server commands drive the per-viewer `TimelineSession` /
- * `RecordedFeeder` (frame-push recorded playback on the SAME WebRTC session
- * as live video); server→client messages report playback state + a ~1 Hz
- * position. Shapes are re-declared here (not imported) because ui-library
- * cannot depend on an addon package — the embed SPA does the same.
- *
- * Parsing is defensive: a malformed frame returns `null`, never throws, so a
- * bad datachannel message can't take down the player.
- */
+* Client-side wire codec for the `camstack-control` RTCDataChannel (R9).
+*
+* Mirrors the broker's `control-protocol.ts`
+* (packages/addon-pipeline/src/stream-broker/recorded/control-protocol.ts):
+* client→server commands drive the per-viewer `TimelineSession` /
+* `RecordedFeeder` (frame-push recorded playback on the SAME WebRTC session
+* as live video); server→client messages report playback state + a ~1 Hz
+* position. Shapes are re-declared here (not imported) because ui-library
+* cannot depend on an addon package — the embed SPA does the same.
+*
+* Parsing is defensive: a malformed frame returns `null`, never throws, so a
+* bad datachannel message can't take down the player.
+*/
 export type RecordedControlCommand = {
-    readonly t: 'playRecorded';
-    readonly deviceId: number;
-    readonly epoch: number;
-    readonly profile: string;
+	readonly t: "playRecorded";
+	readonly deviceId: number;
+	readonly epoch: number;
+	readonly profile: string;
 } | {
-    readonly t: 'seek';
-    readonly epoch: number;
+	readonly t: "seek";
+	readonly epoch: number;
 } | {
-    readonly t: 'scrubCommit';
-    readonly epoch: number;
+	readonly t: "scrubCommit";
+	readonly epoch: number;
 } | {
-    readonly t: 'setRate';
-    readonly rate: 0 | 1;
+	readonly t: "setRate";
+	readonly rate: 0 | 1;
 } | {
-    readonly t: 'goLive';
+	readonly t: "goLive";
 } | {
-    readonly t: 'setProfile';
-    readonly profile: string;
+	readonly t: "setProfile";
+	readonly profile: string;
 };
 /** Serialize a command for `RTCDataChannel.send` (matches the server schema). */
 export declare function serializeRecordedCommand(cmd: RecordedControlCommand): string;
 /**
- * Playback mode reported by the server session. `live` = the shared live feed
- * owns the track; every other value describes the recorded feeder.
- */
+* Playback mode reported by the server session. `live` = the shared live feed
+* owns the track; every other value describes the recorded feeder.
+*/
 export declare const RECORDED_PLAYBACK_MODES: readonly ["live", "loading", "playing", "paused", "gap", "ended", "error"];
 export type RecordedPlaybackMode = (typeof RECORDED_PLAYBACK_MODES)[number];
-export type RecordedServedProfile = 'high' | 'mid' | 'low';
+export type RecordedServedProfile = "high" | "mid" | "low";
 export type RecordedServerMessage = {
-    readonly kind: 'state';
-    readonly state: RecordedPlaybackMode;
+	readonly kind: "state";
+	readonly state: RecordedPlaybackMode;
 } | {
-    readonly kind: 'position';
-    readonly epochMs: number;
-}
-/** The tier actually playing, next to the one the client asked for. */
- | {
-    readonly kind: 'servedProfile';
-    readonly profile: RecordedServedProfile;
-    readonly requested: string;
+	readonly kind: "position";
+	readonly epochMs: number;
+} | {
+	readonly kind: "servedProfile";
+	readonly profile: RecordedServedProfile;
+	readonly requested: string;
 };
 /**
- * Parse a raw server→client control frame. Returns `null` on any malformed
- * payload (bad JSON, unknown discriminator, wrong field types).
- */
+* Parse a raw server→client control frame. Returns `null` on any malformed
+* payload (bad JSON, unknown discriminator, wrong field types).
+*/
 export declare function parseRecordedServerMessage(raw: string): RecordedServerMessage | null;

package/dist/lib/resolve-sensor-display.d.ts

@@ -1,25 +1,41 @@
-import { DeviceDisplayOverride, RoleDisplayDefault } from '@camstack/types';
+/**
+* Shared, pure resolution of a sensor's DISPLAY unit + precision + value
+* transform. One function so the two renderers (`SensorValueAtom`,
+* `SensorHeroCard`) can never diverge — they duplicated this precedence before.
+*
+* Resolution order (device override → role default → live slice →
+* ROLE_DESCRIPTOR canonicalUnit). `??` everywhere, never `||`: `precision: 0`
+* is a legal override and must win over a slice `precision: 2`.
+*
+* Conversion happens at RENDER only — storage stays in source units. An
+* override unit converts the raw slice value ONLY when it shares a dimension
+* with the source unit (`canConvertUnit`); on refusal the display falls back to
+* identity + the SOURCE unit so a unit label and its value math can never
+* disagree. Precision applies AFTER conversion (by construction — the caller
+* runs `formatNumeric(toDisplayValue(raw), precision)`).
+*/
+import type { DeviceDisplayOverride, RoleDisplayDefault } from "@camstack/types";
 export interface SensorDisplayInput {
-    /** Per-device override from the row (`DeviceInfo.display`). */
-    readonly display?: DeviceDisplayOverride;
-    /** Cap name for `perCap` refinement (e.g. 'numeric-sensor'); undefined skips it. */
-    readonly capName?: string;
-    /** Role default (`roleDisplayDefaults[device.role]`). */
-    readonly roleDefault?: RoleDisplayDefault;
-    /** Live slice unit (the unit the raw VALUE is actually in, for generic sensors). */
-    readonly sliceUnit?: string;
-    /** Live slice precision. */
-    readonly slicePrecision?: number;
-    /** ROLE_DESCRIPTOR canonical unit fallback (typed roles). */
-    readonly canonicalUnit?: string;
+	/** Per-device override from the row (`DeviceInfo.display`). */
+	readonly display?: DeviceDisplayOverride;
+	/** Cap name for `perCap` refinement (e.g. 'numeric-sensor'); undefined skips it. */
+	readonly capName?: string;
+	/** Role default (`roleDisplayDefaults[device.role]`). */
+	readonly roleDefault?: RoleDisplayDefault;
+	/** Live slice unit (the unit the raw VALUE is actually in, for generic sensors). */
+	readonly sliceUnit?: string;
+	/** Live slice precision. */
+	readonly slicePrecision?: number;
+	/** ROLE_DESCRIPTOR canonical unit fallback (typed roles). */
+	readonly canonicalUnit?: string;
 }
 export interface ResolvedSensorDisplay {
-    /** Display unit — `''` when none resolves anywhere. */
-    readonly unit: string;
-    /** Display precision (int 0-10) or undefined for auto-format. */
-    readonly precision: number | undefined;
-    /** Convert a raw slice value into the display unit. Identity unless an
-     *  override unit differs from the source unit AND both share a dimension. */
-    readonly toDisplayValue: (raw: number) => number;
+	/** Display unit — `''` when none resolves anywhere. */
+	readonly unit: string;
+	/** Display precision (int 0-10) or undefined for auto-format. */
+	readonly precision: number | undefined;
+	/** Convert a raw slice value into the display unit. Identity unless an
+	*  override unit differs from the source unit AND both share a dimension. */
+	readonly toDisplayValue: (raw: number) => number;
 }
 export declare function resolveSensorDisplay(input: SensorDisplayInput): ResolvedSensorDisplay;

package/dist/lib/responsive.d.ts

@@ -1,40 +1,40 @@
 /**
- * Responsive design tokens — three-tier system.
- *
- * The admin-ui targets three width tiers; every component should pick
- * the right token from this file instead of hand-coding breakpoints.
- * Adopting the tokens uniformly is what makes the app feel consistent
- * across operator devices (mobile / tablet / desktop) and what unlocks
- * targeted tuning (e.g. shrink every label by 1px in one place).
- *
- * Tier definitions (Tailwind breakpoints):
- *
- *   • **L1 — Compact** (`< 640px`, default = mobile portrait)
- *     Single column, tight padding, smallest text, icon-only buttons
- *     where labels can be inferred. The operator can still see every
- *     stat / action — no horizontal scroll, no clipped text. The user
- *     directive: "molta informazione in poco spazio quando la width è
- *     bassa." [a lot of information in little space when the width is low.]
- *
- *   • **L2 — Standard** (`sm` — `640–1023px`, tablet + small laptop)
- *     2-column grids, side panels become visible, button labels return.
- *     Targets ~768px–1024px viewports — the most common operator sizes.
- *
- *   • **L3 — Spacious** (`lg+` — `≥ 1024px`, desktop)
- *     4-column grids, generous padding, full-width header text,
- *     side-by-side composite layouts. The operator has elbow room.
- *
- * Conventions:
- *   - **Always start from L1** — the bare class is always the compact
- *     variant, then `sm:` adds room at 640px, `lg:` at 1024px. No
- *     desktop-first breakpoints; no max-width queries.
- *   - **Token strings are static** — kept as `as const` so callers can
- *     compose them via `cn()` / template literals without running a
- *     class generator at runtime.
- *   - **Pair the token with a comment** — the comment in the file
- *     names every breakpoint it crosses, so a reader can predict the
- *     layout without going to Tailwind docs.
- */
+* Responsive design tokens — three-tier system.
+*
+* The admin-ui targets three width tiers; every component should pick
+* the right token from this file instead of hand-coding breakpoints.
+* Adopting the tokens uniformly is what makes the app feel consistent
+* across operator devices (mobile / tablet / desktop) and what unlocks
+* targeted tuning (e.g. shrink every label by 1px in one place).
+*
+* Tier definitions (Tailwind breakpoints):
+*
+*   • **L1 — Compact** (`< 640px`, default = mobile portrait)
+*     Single column, tight padding, smallest text, icon-only buttons
+*     where labels can be inferred. The operator can still see every
+*     stat / action — no horizontal scroll, no clipped text. The user
+*     directive: "molta informazione in poco spazio quando la width è
+*     bassa." [a lot of information in little space when the width is low.]
+*
+*   • **L2 — Standard** (`sm` — `640–1023px`, tablet + small laptop)
+*     2-column grids, side panels become visible, button labels return.
+*     Targets ~768px–1024px viewports — the most common operator sizes.
+*
+*   • **L3 — Spacious** (`lg+` — `≥ 1024px`, desktop)
+*     4-column grids, generous padding, full-width header text,
+*     side-by-side composite layouts. The operator has elbow room.
+*
+* Conventions:
+*   - **Always start from L1** — the bare class is always the compact
+*     variant, then `sm:` adds room at 640px, `lg:` at 1024px. No
+*     desktop-first breakpoints; no max-width queries.
+*   - **Token strings are static** — kept as `as const` so callers can
+*     compose them via `cn()` / template literals without running a
+*     class generator at runtime.
+*   - **Pair the token with a comment** — the comment in the file
+*     names every breakpoint it crosses, so a reader can predict the
+*     layout without going to Tailwind docs.
+*/
 /** Container padding for a card-style section (header + body). */
 export declare const SECTION_CARD: "rounded-lg border border-border bg-surface overflow-hidden";
 /** Header strip inside a card (between border-b lines). */
@@ -56,32 +56,32 @@ export declare const SPLIT_PANEL_OUTER: "flex flex-col-reverse md:flex-row";
 /** Sidebar narrow lane in a SPLIT_PANEL_OUTER layout. */
 export declare const SPLIT_PANEL_SIDE: "w-full md:w-44 lg:w-52 md:flex-shrink-0 border-b md:border-b-0 md:border-l border-border";
 /**
- * The tier boundary at which a settings label/value row stops stacking.
- *
- * Below it (L1 — compact) the row is ONE column: label on its own line, value
- * on the next at full width. Above it the row is label-left / value-right as
- * before. The two-column form needs `SETTING_ROW_LABEL`'s lane plus a readable
- * value beside it; a phone has neither, and the failure mode is not "cramped"
- * but "the value is the part that gets cut" — the one thing the operator
- * opened the page to read.
- */
+* The tier boundary at which a settings label/value row stops stacking.
+*
+* Below it (L1 — compact) the row is ONE column: label on its own line, value
+* on the next at full width. Above it the row is label-left / value-right as
+* before. The two-column form needs `SETTING_ROW_LABEL`'s lane plus a readable
+* value beside it; a phone has neither, and the failure mode is not "cramped"
+* but "the value is the part that gets cut" — the one thing the operator
+* opened the page to read.
+*/
 export declare const SETTING_ROW_STACK_BREAKPOINT: "sm";
 /** Outer row: single column at L1, label/value columns from `sm` up. */
 export declare const SETTING_ROW: "flex min-w-0 flex-col gap-0.5 py-1.5 sm:flex-row sm:items-center";
 /** Label lane. Full width (and free to wrap) at L1; a fixed lane from `sm` up. */
 export declare const SETTING_ROW_LABEL: "min-w-0 text-[11px] leading-tight text-foreground-subtle sm:w-32 sm:shrink-0 sm:pr-2";
 /**
- * Value lane — the value text plus its trailing affordances (copy / reveal).
- * `w-full` at L1 so the value owns the whole row once the label is above it;
- * `sm:flex-1` makes it share the row again from `sm` up.
- */
+* Value lane — the value text plus its trailing affordances (copy / reveal).
+* `w-full` at L1 so the value owns the whole row once the label is above it;
+* `sm:flex-1` makes it share the row again from `sm` up.
+*/
 export declare const SETTING_ROW_VALUE: "flex w-full min-w-0 items-center gap-1 sm:flex-1";
 /**
- * The value text itself. `break-all` lets an opaque token (a key, a URL) wrap
- * at L1 instead of being cut mid-word; `sm:truncate` restores the single-line
- * desktop form, where the row is wide enough for truncation to be a choice
- * rather than data loss.
- */
+* The value text itself. `break-all` lets an opaque token (a key, a URL) wrap
+* at L1 instead of being cut mid-word; `sm:truncate` restores the single-line
+* desktop form, where the row is wide enough for truncation to be a choice
+* rather than data loss.
+*/
 export declare const SETTING_ROW_VALUE_TEXT: "min-w-0 break-all text-xs text-foreground sm:truncate";
 /** Section header label (uppercase tracking-wider). */
 export declare const TEXT_SECTION_LABEL: "text-[10px] sm:text-[11px] font-semibold text-foreground uppercase tracking-wider";