@vaam-apps/ui 0.1.0

package/dist/components/patterns/live-row.d.ts

@@ -0,0 +1,23 @@
+import { type TableRowProps } from "../primitives/table.js";
+import type { StatusHue } from "../status/status-tokens.js";
+export interface LiveRowProps extends TableRowProps {
+    /** Any value that changes to trigger a wash — pass the row's `@version`, an exact change key immune to clock skew. */
+    washTrigger: string | number;
+    /** The destination state's hue, so the wash tints toward where the row landed. */
+    washHue?: StatusHue;
+}
+/**
+ * The row-level half of the design doc's `LiveTable`/`LiveRow` contract
+ * (§5.3, §6.5 rule 4): "in-place status change never moves a row" — this
+ * wraps `TableRow` with the 240ms wash-then-decay on a status change,
+ * nothing else moves or resizes. The full `LiveTable` (scroll-position-
+ * dependent buffered insertion, the sticky "N new" pill, sort-mode
+ * switching) is a later, screen-level task — this is the reusable unit it
+ * will be built on, shipped now so the wash behaviour isn't retrofitted
+ * per-screen later.
+ *
+ * Reduced motion (§3.8 rule 3): the wash becomes a static hold instead of
+ * a timed decay — the signal must survive, only the animation may not.
+ */
+export declare function LiveRow({ washTrigger, washHue, className, children, ...props }: LiveRowProps): import("react").JSX.Element;
+//# sourceMappingURL=live-row.d.ts.map

package/dist/components/patterns/live-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-row.d.ts","sourceRoot":"","sources":["../../../src/components/patterns/live-row.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEzD,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD,sHAAsH;IACtH,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,kFAAkF;IAClF,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAYD;;;;;;;;;;;;GAYG;AACH,wBAAgB,OAAO,CAAC,EACtB,WAAW,EACX,OAAmB,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,YAAY,+BA+Bd"}

package/dist/components/patterns/live-row.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { cn } from "../../lib/cn.js";
+import { TableRow } from "../primitives/table.js";
+const WASH_BG_CLASS = {
+    neutral: "bg-state-neutral-fg/10",
+    success: "bg-state-success-fg/10",
+    warning: "bg-state-warning-fg/10",
+    danger: "bg-state-danger-fg/10",
+    uncertain: "bg-state-uncertain-fg/10",
+    expired: "bg-state-expired-fg/10",
+    parked: "bg-state-parked-fg/10",
+};
+/**
+ * The row-level half of the design doc's `LiveTable`/`LiveRow` contract
+ * (§5.3, §6.5 rule 4): "in-place status change never moves a row" — this
+ * wraps `TableRow` with the 240ms wash-then-decay on a status change,
+ * nothing else moves or resizes. The full `LiveTable` (scroll-position-
+ * dependent buffered insertion, the sticky "N new" pill, sort-mode
+ * switching) is a later, screen-level task — this is the reusable unit it
+ * will be built on, shipped now so the wash behaviour isn't retrofitted
+ * per-screen later.
+ *
+ * Reduced motion (§3.8 rule 3): the wash becomes a static hold instead of
+ * a timed decay — the signal must survive, only the animation may not.
+ */
+export function LiveRow({ washTrigger, washHue = "neutral", className, children, ...props }) {
+    const [washing, setWashing] = useState(false);
+    const previousTrigger = useRef(washTrigger);
+    const reducedMotion = typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    useEffect(() => {
+        if (previousTrigger.current === washTrigger)
+            return;
+        previousTrigger.current = washTrigger;
+        setWashing(true);
+        const holdMs = reducedMotion ? 1200 : 400 + 240 + 600;
+        const timeout = setTimeout(() => setWashing(false), holdMs);
+        return () => clearTimeout(timeout);
+    }, [washTrigger, reducedMotion]);
+    return (_jsx(TableRow, { className: cn(washing && [
+            WASH_BG_CLASS[washHue],
+            reducedMotion
+                ? "transition-none"
+                : "transition-colors duration-[var(--dur-state)] ease-out",
+        ], className), ...props, children: children }));
+}
+//# sourceMappingURL=live-row.js.map

package/dist/components/patterns/live-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-row.js","sourceRoot":"","sources":["../../../src/components/patterns/live-row.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAsB,MAAM,qBAAqB,CAAC;AAUnE,MAAM,aAAa,GAA8B;IAC/C,OAAO,EAAE,wBAAwB;IACjC,OAAO,EAAE,wBAAwB;IACjC,OAAO,EAAE,wBAAwB;IACjC,MAAM,EAAE,uBAAuB;IAC/B,SAAS,EAAE,0BAA0B;IACrC,OAAO,EAAE,wBAAwB;IACjC,MAAM,EAAE,uBAAuB;CAChC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,WAAW,EACX,OAAO,GAAG,SAAS,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACK;IACb,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,eAAe,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IAC5C,MAAM,aAAa,GACjB,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC,OAAO,CAAC;IAEjG,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,eAAe,CAAC,OAAO,KAAK,WAAW;YAAE,OAAO;QACpD,eAAe,CAAC,OAAO,GAAG,WAAW,CAAC;QACtC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,MAAM,MAAM,GAAG,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;QACtD,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC;QAC5D,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC;IAEjC,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAE,EAAE,CACX,OAAO,IAAI;YACT,aAAa,CAAC,OAAO,CAAC;YACtB,aAAa;gBACX,CAAC,CAAC,iBAAiB;gBACnB,CAAC,CAAC,wDAAwD;SAC7D,EACD,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACA,CACZ,CAAC;AACJ,CAAC"}

package/dist/components/patterns/payload-inspector.d.ts

@@ -0,0 +1,25 @@
+export interface PayloadExchange {
+    direction: "request" | "response" | "callback";
+    method?: string;
+    url?: string;
+    status?: number;
+    durationMs?: number;
+    headers?: Record<string, string>;
+    body?: string;
+    error?: string;
+}
+export interface PayloadInspectorProps {
+    exchanges: PayloadExchange[];
+    defaultOpen?: number;
+    /** Bodies over this size collapse behind an explicit "load full payload" action. */
+    maxInlineBytes?: number;
+}
+/**
+ * Raw provider request/response and DLR bodies, verbatim (design doc §5.3).
+ * No syntax-highlighting palette on purpose (§1.3): a rainbow JSON block
+ * would be the loudest thing on a diagnostic screen. Uses native
+ * `<details>` for the accordion behaviour — free keyboard/ARIA semantics,
+ * no extra Radix dependency needed for a plain expand/collapse.
+ */
+export declare function PayloadInspector({ exchanges, defaultOpen, maxInlineBytes, }: PayloadInspectorProps): import("react").JSX.Element;
+//# sourceMappingURL=payload-inspector.d.ts.map

package/dist/components/patterns/payload-inspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"payload-inspector.d.ts","sourceRoot":"","sources":["../../../src/components/patterns/payload-inspector.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,eAAe,EAAE,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oFAAoF;IACpF,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AA+ED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,WAAe,EACf,cAAuB,GACxB,EAAE,qBAAqB,+BAoCvB"}

package/dist/components/patterns/payload-inspector.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { cn } from "../../lib/cn.js";
+// D18: `Tabs` was rebuilt as `ValueTabs` (Headless UI `TabGroup` behind a
+// value-based adapter) — aliased on import so nothing below this line
+// changes; see tabs.tsx's own module doc for the full mechanism.
+import { ValueTabs as Tabs, ValueTabsContent as TabsContent, ValueTabsList as TabsList, ValueTabsTrigger as TabsTrigger, } from "../primitives/tabs.js";
+function StatusChip({ status }) {
+    if (status == null)
+        return null;
+    const ok = status < 400;
+    return (_jsx("span", { className: cn("rounded-sm border px-1.5 py-0.5 font-mono text-caption", ok
+            ? "border-edge text-muted-foreground"
+            : "border-state-danger-border text-state-danger-fg"), children: status }));
+}
+function ExchangeBody({ exchange, maxInlineBytes, }) {
+    const [forceLoad, setForceLoad] = useState(false);
+    const body = exchange.body ?? "";
+    const oversized = !forceLoad && body.length > maxInlineBytes;
+    return (_jsxs(Tabs, { defaultValue: "body", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "body", children: "Body" }), _jsx(TabsTrigger, { value: "headers", children: "Headers" }), exchange.error != null && _jsx(TabsTrigger, { value: "error", children: "Error" })] }), _jsx(TabsContent, { value: "body", children: body.length === 0 ? (_jsx("p", { className: "py-3 text-caption text-subtle-foreground", children: "No response body was recorded." })) : oversized ? (_jsxs("button", { type: "button", onClick: () => setForceLoad(true), className: "py-3 text-caption text-foreground underline", children: ["Load full payload (", (body.length / 1024).toFixed(1), " KB)"] })) : (_jsx("pre", { className: "max-h-96 overflow-auto rounded-sm bg-base-100 p-3 font-mono text-[12px] text-foreground", children: body })) }), _jsx(TabsContent, { value: "headers", children: exchange.headers == null || Object.keys(exchange.headers).length === 0 ? (_jsx("p", { className: "py-3 text-caption text-subtle-foreground", children: "No headers recorded." })) : (_jsx("dl", { className: "grid grid-cols-[max-content_1fr] gap-x-3 gap-y-1 py-2 font-mono text-[12px]", children: Object.entries(exchange.headers).map(([key, value]) => (_jsxs("div", { className: "contents", children: [_jsx("dt", { className: "text-subtle-foreground", children: key }), _jsx("dd", { className: "break-all text-foreground", children: value })] }, key))) })) }), exchange.error != null && (_jsx(TabsContent, { value: "error", children: _jsx("pre", { className: "max-h-96 overflow-auto rounded-sm border border-state-danger-border bg-state-danger-bg p-3 font-mono text-[12px] text-state-danger-fg", children: exchange.error }) }))] }));
+}
+/**
+ * Raw provider request/response and DLR bodies, verbatim (design doc §5.3).
+ * No syntax-highlighting palette on purpose (§1.3): a rainbow JSON block
+ * would be the loudest thing on a diagnostic screen. Uses native
+ * `<details>` for the accordion behaviour — free keyboard/ARIA semantics,
+ * no extra Radix dependency needed for a plain expand/collapse.
+ */
+export function PayloadInspector({ exchanges, defaultOpen = 0, maxInlineBytes = 262144, }) {
+    return (_jsx("div", { className: "flex flex-col gap-2", children: exchanges.map((exchange, i) => (_jsxs("details", { open: i === defaultOpen, className: "rounded-sm border border-edge bg-surface-2", children: [_jsxs("summary", { className: "flex cursor-pointer list-none items-center gap-2 px-3 py-2 text-body", children: [_jsx("span", { className: "font-mono text-micro text-muted-foreground", children: exchange.direction }), exchange.method != null && (_jsx("span", { className: "font-mono text-caption text-foreground", children: exchange.method })), exchange.url != null && (_jsx("span", { className: "truncate font-mono text-caption text-subtle-foreground", children: exchange.url })), _jsxs("span", { className: "ml-auto flex items-center gap-2", children: [_jsx(StatusChip, { status: exchange.status }), exchange.durationMs != null && (_jsxs("span", { className: "font-mono text-caption text-subtle-foreground", children: [exchange.durationMs, "ms"] }))] })] }), _jsx("div", { className: "border-edge border-t px-3 pb-3", children: _jsx(ExchangeBody, { exchange: exchange, maxInlineBytes: maxInlineBytes }) })] }, i))) }));
+}
+//# sourceMappingURL=payload-inspector.js.map

package/dist/components/patterns/payload-inspector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"payload-inspector.js","sourceRoot":"","sources":["../../../src/components/patterns/payload-inspector.tsx"],"names":[],"mappings":"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"}

package/dist/components/patterns/route-skeleton.d.ts

@@ -0,0 +1,15 @@
+export interface RouteSkeletonProps {
+    /** How many table-row-shaped blocks to render. Doesn't need to match the
+     * real screen's row height exactly (`Skeleton`'s own doc asks for that
+     * only where a skeleton stands in for an already-mounted, known-shape
+     * table) — this fallback exists for a `<main>` that hasn't rendered
+     * *anything* app-specific yet, not a loading row inside a mounted
+     * table. */
+    rows?: number;
+    /** Whether to render a filter-bar-shaped skeleton row above the table
+     * rows — most of the eight screens this serves have one (a search box,
+     * a couple of selects); a couple don't. */
+    withFilterBar?: boolean;
+}
+export declare function RouteSkeleton({ rows, withFilterBar }: RouteSkeletonProps): import("react").JSX.Element;
+//# sourceMappingURL=route-skeleton.d.ts.map

package/dist/components/patterns/route-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/patterns/route-skeleton.tsx"],"names":[],"mappings":"AA8BA,MAAM,WAAW,kBAAkB;IACjC;;;;;gBAKY;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;+CAE2C;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,aAAa,CAAC,EAAE,IAAQ,EAAE,aAAoB,EAAE,EAAE,kBAAkB,+BAgCnF"}

package/dist/components/patterns/route-skeleton.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from "../primitives/skeleton.js";
+import { ScreenStack } from "./screen-layout.js";
+export function RouteSkeleton({ rows = 6, withFilterBar = true }) {
+    return (_jsxs(ScreenStack, { children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Skeleton, { className: "h-7 w-48" }), _jsx(Skeleton, { className: "h-4 w-80" })] }), withFilterBar && (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Skeleton, { className: "h-9 w-64" }), _jsx(Skeleton, { className: "h-9 w-32" }), _jsx(Skeleton, { className: "h-9 w-32" })] })), _jsx("div", { className: "flex flex-col gap-2", children: Array.from({ length: rows }, (_, i) => (_jsx(Skeleton, { className: "h-11 w-full" }, i))) })] }));
+}
+//# sourceMappingURL=route-skeleton.js.map

package/dist/components/patterns/route-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-skeleton.js","sourceRoot":"","sources":["../../../src/components/patterns/route-skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AA2C9C,MAAM,UAAU,aAAa,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,aAAa,GAAG,IAAI,EAAsB;IAClF,OAAO,CACL,MAAC,WAAW,eAWV,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,EACjC,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,IAC7B,EACL,aAAa,IAAI,CAChB,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,EACjC,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,EACjC,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,IAC7B,CACP,EACD,cAAK,SAAS,EAAC,qBAAqB,YACjC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAEtC,KAAC,QAAQ,IAAS,SAAS,EAAC,aAAa,IAA1B,CAAC,CAA4B,CAC7C,CAAC,GACE,IACM,CACf,CAAC;AACJ,CAAC"}

package/dist/components/patterns/screen-layout.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from "react";
+export interface ScreenStackProps {
+    children: ReactNode;
+    className?: string;
+}
+/** The page-level vertical rhythm every screen composes its sections into. */
+export declare function ScreenStack({ children, className }: ScreenStackProps): import("react").JSX.Element;
+export interface ScreenHeaderProps {
+    title: ReactNode;
+    description?: ReactNode;
+}
+/** A screen's own `<h1>` + one-line description, styled once. */
+export declare function ScreenHeader({ title, description }: ScreenHeaderProps): import("react").JSX.Element;
+//# sourceMappingURL=screen-layout.d.ts.map

package/dist/components/patterns/screen-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen-layout.d.ts","sourceRoot":"","sources":["../../../src/components/patterns/screen-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAkBvC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,8EAA8E;AAC9E,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BAEpE;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,iEAAiE;AACjE,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,iBAAiB,+BASrE"}

package/dist/components/patterns/screen-layout.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/cn.js";
+/** The page-level vertical rhythm every screen composes its sections into. */
+export function ScreenStack({ children, className }) {
+    return _jsx("div", { className: cn("flex flex-col gap-6", className), children: children });
+}
+/** A screen's own `<h1>` + one-line description, styled once. */
+export function ScreenHeader({ title, description }) {
+    return (_jsxs("header", { className: "flex flex-col gap-1", children: [_jsx("h1", { className: "font-medium text-foreground text-title", children: title }), description != null && (_jsx("p", { className: "max-w-xl text-body text-muted-foreground", children: description }))] }));
+}
+//# sourceMappingURL=screen-layout.js.map

package/dist/components/patterns/screen-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen-layout.js","sourceRoot":"","sources":["../../../src/components/patterns/screen-layout.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAsBlC,8EAA8E;AAC9E,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAoB;IACnE,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAAC;AAChF,CAAC;AAOD,iEAAiE;AACjE,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,WAAW,EAAqB;IACpE,OAAO,CACL,kBAAQ,SAAS,EAAC,qBAAqB,aACrC,aAAI,SAAS,EAAC,wCAAwC,YAAE,KAAK,GAAM,EAClE,WAAW,IAAI,IAAI,IAAI,CACtB,YAAG,SAAS,EAAC,0CAA0C,YAAE,WAAW,GAAK,CAC1E,IACM,CACV,CAAC;AACJ,CAAC"}

package/dist/components/patterns/stale-write-banner.d.ts

@@ -0,0 +1,26 @@
+/**
+ * "Someone else changed this row since it loaded" — the banner for a
+ * `412 Precondition Failed` save.
+ *
+ * Shared rather than route-local because the thing it reports is not
+ * route-local: #59 gave `@version` to ten operator-editable models and
+ * threaded ETag/`If-Match` through the generated REST layer, so *every*
+ * edit screen in the console can lose this race. `apps/` and `users/` each
+ * hand-rolled it; the rest will need it as their edit screens land.
+ *
+ * The two hand-rolled copies differed in exactly one way — one hardcoded
+ * its sentence, the other took a `message` prop. The prop version is
+ * strictly more general, so it wins, with the hardcoded sentence as the
+ * default so the common case stays a one-line call.
+ *
+ * `warning`, not `danger`: nothing was lost and nothing is broken. The
+ * write was *refused* precisely so the other operator's edit survives —
+ * which is the mechanism working, not failing. Reloading resolves it.
+ * `packages/gateway/src/errors.ts`'s `isStaleWriteError` exists to
+ * distinguish this from a genuine conflict for the same reason.
+ */
+export declare function StaleWriteBanner({ message, onReload, }: {
+    message?: string | undefined;
+    onReload: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=stale-write-banner.d.ts.map

package/dist/components/patterns/stale-write-banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stale-write-banner.d.ts","sourceRoot":"","sources":["../../../src/components/patterns/stale-write-banner.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,OAAoF,EACpF,QAAQ,GACT,EAAE;IACD,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,+BAaA"}

package/dist/components/patterns/stale-write-banner.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "../primitives/button.js";
+import { InlineBanner } from "./inline-banner.js";
+/**
+ * "Someone else changed this row since it loaded" — the banner for a
+ * `412 Precondition Failed` save.
+ *
+ * Shared rather than route-local because the thing it reports is not
+ * route-local: #59 gave `@version` to ten operator-editable models and
+ * threaded ETag/`If-Match` through the generated REST layer, so *every*
+ * edit screen in the console can lose this race. `apps/` and `users/` each
+ * hand-rolled it; the rest will need it as their edit screens land.
+ *
+ * The two hand-rolled copies differed in exactly one way — one hardcoded
+ * its sentence, the other took a `message` prop. The prop version is
+ * strictly more general, so it wins, with the hardcoded sentence as the
+ * default so the common case stays a one-line call.
+ *
+ * `warning`, not `danger`: nothing was lost and nothing is broken. The
+ * write was *refused* precisely so the other operator's edit survives —
+ * which is the mechanism working, not failing. Reloading resolves it.
+ * `packages/gateway/src/errors.ts`'s `isStaleWriteError` exists to
+ * distinguish this from a genuine conflict for the same reason.
+ */
+export function StaleWriteBanner({ message = "Someone else changed this row since it loaded. Reload to see their edit.", onReload, }) {
+    return (_jsxs(InlineBanner, { variant: "warning", className: "flex items-center justify-between gap-3", children: [_jsx("span", { children: message }), _jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: onReload, children: "Reload" })] }));
+}
+//# sourceMappingURL=stale-write-banner.js.map

package/dist/components/patterns/stale-write-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stale-write-banner.js","sourceRoot":"","sources":["../../../src/components/patterns/stale-write-banner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,OAAO,GAAG,0EAA0E,EACpF,QAAQ,GAIT;IACC,OAAO,CACL,MAAC,YAAY,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,yCAAyC,aACjF,yBAAO,OAAO,GAAQ,EAKtB,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,QAAQ,uBAE5D,IACI,CAChB,CAAC;AACJ,CAAC"}

package/dist/components/patterns/state-timeline.d.ts

@@ -0,0 +1,58 @@
+import type { StatusSystem } from "../status/status-tokens.js";
+import { type PayloadExchange } from "./payload-inspector.js";
+export interface StateTransition<S extends string = string> {
+    toState: S;
+    /** ISO 8601 timestamp. */
+    at: string;
+    actor?: string;
+    providerKey?: string;
+    workerNode?: string;
+    attempt?: number;
+    maxAttempts?: number;
+    payload?: PayloadExchange[];
+}
+export interface StateTimelineProps<S extends string = string> {
+    transitions: StateTransition<S>[];
+    /** The state machine's presentation table — the same one its
+     * `createStatusPill` is bound to, so a timeline and a pill can never
+     * disagree about what a state looks like. */
+    system: StatusSystem<S>;
+    currentState: S;
+    /** Whether the timeline has stopped. Passed in rather than derived from
+     * `system[currentState].family`: terminality is the server's fact, and
+     * a presentational table is the wrong place to learn it from — see
+     * `status-tokens.ts`'s own warning. */
+    isTerminal: boolean;
+    /**
+     * Any IANA zone name, e.g. `"UTC"`, `"Africa/Douala"`, `"America/New_York"`.
+     * The UTC-offset suffix is derived from the zone and the instant, so it
+     * stays correct across DST and for zones this library has never heard
+     * of. (It used to be a two-value union with the suffix hard-coded as
+     * `"Z"` or `"+01"` — correct only for the two zones that union named.)
+     */
+    timezone?: string;
+    /**
+     * Per-state explanatory notes, rendered beneath the node that entered
+     * that state.
+     *
+     * The point is states that look like bugs to anyone who does not
+     * already know the product decision behind them — "we never learned the
+     * outcome, and deliberately will not retry". Without the note the
+     * operator's next move is to open a SQL client, which is the outcome a
+     * timeline exists to prevent. Supplied by the caller because the
+     * explanation is domain knowledge, not presentation.
+     */
+    annotations?: Partial<Record<S, string>> | undefined;
+}
+/**
+ * A record's transition history: one node per state entered, with elapsed
+ * time between them, optional per-transition metadata, and an optional
+ * payload inspector.
+ *
+ * Generic over the state machine — pass the same [`StatusSystem`] its
+ * pill is bound to. It used to be hard-wired to one application's message
+ * states, including that application's own explanatory notes and a
+ * two-value timezone union; all three are now the caller's.
+ */
+export declare function StateTimeline<S extends string>({ transitions, system, currentState, isTerminal, timezone, annotations, }: StateTimelineProps<S>): import("react").JSX.Element;
+//# sourceMappingURL=state-timeline.d.ts.map

package/dist/components/patterns/state-timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-timeline.d.ts","sourceRoot":"","sources":["../../../src/components/patterns/state-timeline.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,KAAK,eAAe,EAAoB,MAAM,qBAAqB,CAAC;AAE7E,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACxD,OAAO,EAAE,CAAC,CAAC;IACX,0BAA0B;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC3D,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAClC;;iDAE6C;IAC7C,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IACxB,YAAY,EAAE,CAAC,CAAC;IAChB;;;2CAGuC;IACvC,UAAU,EAAE,OAAO,CAAC;IACpB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;OAUG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,SAAS,CAAC;CACtD;AA8DD;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,EAAE,EAC9C,WAAW,EACX,MAAM,EACN,YAAY,EACZ,UAAU,EACV,QAAgB,EAChB,WAAW,GACZ,EAAE,kBAAkB,CAAC,CAAC,CAAC,+BAiGvB"}

package/dist/components/patterns/state-timeline.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Info } from "lucide-react";
+import { cn } from "../../lib/cn.js";
+import { Skeleton } from "../primitives/skeleton.js";
+import { StateMark } from "../status/state-mark.js";
+import { PayloadInspector } from "./payload-inspector.js";
+/**
+ * `2026-09-11 14:03:07 +01` — sortable, unambiguous, and carrying its own
+ * offset so a screenshot pasted into a ticket is still interpretable.
+ *
+ * The offset is read out of `Intl`'s own `shortOffset` part rather than
+ * assumed from the zone name: it is the only way to be right across DST
+ * and across zones this component has never been told about. `UTC` keeps
+ * its conventional `Z` rather than the `GMT` that `shortOffset` yields.
+ */
+function formatAbsolute(iso, timezone) {
+    const date = new Date(iso);
+    const formatter = new Intl.DateTimeFormat("en-CA", {
+        timeZone: timezone,
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit",
+        hour: "2-digit",
+        minute: "2-digit",
+        second: "2-digit",
+        hourCycle: "h23",
+        timeZoneName: "shortOffset",
+    });
+    const parts = formatter.formatToParts(date);
+    const stamp = parts
+        .filter((part) => part.type !== "timeZoneName" && part.type !== "literal")
+        .reduce((acc, part) => {
+        acc.push(part.value);
+        return acc;
+    }, []);
+    const [year, month, day, hour, minute, second] = stamp;
+    // "GMT+1" / "GMT-05:00" / "GMT" → "+01" / "-05:00" / "Z".
+    const raw = parts.find((part) => part.type === "timeZoneName")?.value ?? "";
+    const offset = raw === "GMT" ? "Z" : raw.replace(/^GMT/, "").replace(/^([+-])(\d)$/, "$10$2");
+    return `${year}-${month}-${day} ${hour}:${minute}:${second} ${offset}`;
+}
+function formatElapsed(ms) {
+    if (ms < 1000)
+        return `+${ms}ms`;
+    if (ms < 60_000)
+        return `+${(ms / 1000).toFixed(3)}s`;
+    const totalSeconds = Math.round(ms / 1000);
+    const minutes = Math.floor(totalSeconds / 60);
+    const seconds = totalSeconds % 60;
+    if (minutes < 60)
+        return `+${minutes}m ${String(seconds).padStart(2, "0")}s`;
+    const hours = Math.floor(minutes / 60);
+    return `+${hours}h ${String(minutes % 60).padStart(2, "0")}m`;
+}
+function AnnotationNode({ text }) {
+    return (_jsxs("li", { className: "relative flex gap-3 pb-4 pl-0", children: [_jsx("div", { className: "flex w-4 shrink-0 justify-center", children: _jsx(Info, { size: 14, strokeWidth: 1.5, className: "mt-0.5 text-muted-foreground" }) }), _jsx("div", { className: "min-w-0 flex-1 rounded-sm border border-edge bg-surface-2 px-3 py-2 text-caption text-muted-foreground", children: text })] }));
+}
+/**
+ * A record's transition history: one node per state entered, with elapsed
+ * time between them, optional per-transition metadata, and an optional
+ * payload inspector.
+ *
+ * Generic over the state machine — pass the same [`StatusSystem`] its
+ * pill is bound to. It used to be hard-wired to one application's message
+ * states, including that application's own explanatory notes and a
+ * two-value timezone union; all three are now the caller's.
+ */
+export function StateTimeline({ transitions, system, currentState, isTerminal, timezone = "UTC", annotations, }) {
+    if (transitions.length === 0) {
+        return (_jsx("ol", { className: "flex flex-col gap-0", children: [0, 1, 2].map((i) => (_jsxs("li", { className: "flex items-center gap-3 py-2", children: [_jsx(Skeleton, { className: "h-4 w-4 rounded-full" }), _jsx(Skeleton, { className: "h-4 w-40" })] }, i))) }));
+    }
+    const rows = [];
+    transitions.forEach((transition, i) => {
+        const previous = transitions[i - 1];
+        const elapsedMs = previous
+            ? new Date(transition.at).getTime() - new Date(previous.at).getTime()
+            : null;
+        const meta = system[transition.toState];
+        const isLast = i === transitions.length - 1;
+        rows.push(_jsxs("li", { className: "relative flex gap-3 pb-6 last:pb-0", children: [_jsxs("div", { className: "flex w-4 shrink-0 flex-col items-center", children: [_jsx(StateMark, { meta: meta, size: 16, className: "text-foreground" }), !isLast && _jsx("span", { className: "mt-1 w-px flex-1 bg-[var(--state-mark-rail,var(--edge))]" })] }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [_jsxs("p", { className: "font-medium text-body text-foreground", children: [meta.label, " ", _jsx("span", { className: "font-mono text-subtle-foreground", children: transition.toState })] }), _jsxs("div", { className: "shrink-0 text-right", children: [_jsx("p", { className: "font-mono text-caption text-foreground", children: formatAbsolute(transition.at, timezone) }), elapsedMs != null && (_jsx("p", { className: "font-mono text-caption text-subtle-foreground", children: formatElapsed(elapsedMs) }))] })] }), (transition.providerKey || transition.workerNode || transition.attempt) != null && (_jsx("p", { className: "mt-1 font-mono text-caption text-subtle-foreground", children: [
+                                transition.providerKey,
+                                transition.workerNode,
+                                transition.attempt != null
+                                    ? `attempt ${transition.attempt}${transition.maxAttempts ? `/${transition.maxAttempts}` : ""}`
+                                    : null,
+                            ]
+                                .filter(Boolean)
+                                .join(" · ") })), transition.payload != null && transition.payload.length > 0 && (_jsx("div", { className: "mt-2", children: _jsx(PayloadInspector, { exchanges: transition.payload, defaultOpen: -1 }) }))] })] }, `${transition.toState}-${transition.at}`));
+        const annotation = annotations?.[transition.toState];
+        if (annotation != null) {
+            rows.push(_jsx(AnnotationNode, { text: annotation }, `${transition.toState}-annotation`));
+        }
+    });
+    // In-flight cap (design doc §5.3): the rail continues past the last node
+    // as a dashed segment ending in the current-state glyph, so "still
+    // moving" is readable without parsing. A terminal timeline instead ends
+    // the last node's own rail segment (no trailing cap at all).
+    if (!isTerminal) {
+        rows.push(_jsxs("li", { className: "relative flex gap-3", children: [_jsx("div", { className: "flex w-4 shrink-0 justify-center", children: _jsx("span", { className: "h-6 w-px border-edge-strong border-l border-dashed", "aria-hidden": "true" }) }), _jsxs("div", { className: "flex items-center gap-2 text-caption text-subtle-foreground", children: [_jsx(StateMark, { meta: system[currentState], size: 12, className: "text-muted-foreground" }), _jsx("span", { children: "still moving" })] })] }, "in-flight-cap"));
+    }
+    return _jsx("ol", { className: cn("flex flex-col"), children: rows });
+}
+//# sourceMappingURL=state-timeline.js.map

package/dist/components/patterns/state-timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-timeline.js","sourceRoot":"","sources":["../../../src/components/patterns/state-timeline.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,EAAwB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAgD7E;;;;;;;;GAQG;AACH,SAAS,cAAc,CAAC,GAAW,EAAE,QAAgB;IACnD,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC;IAC3B,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;QACjD,QAAQ,EAAE,QAAQ;QAClB,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;QAChB,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,KAAK;QAChB,YAAY,EAAE,aAAa;KAC5B,CAAC,CAAC;IACH,MAAM,KAAK,GAAG,SAAS,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAG,KAAK;SAChB,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC;SACzE,MAAM,CAAW,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;QAC9B,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACrB,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAAE,CAAC,CAAC;IACT,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC;IACvD,0DAA0D;IAC1D,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,cAAc,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC;IAC5E,MAAM,MAAM,GAAG,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;IAC9F,OAAO,GAAG,IAAI,IAAI,KAAK,IAAI,GAAG,IAAI,IAAI,IAAI,MAAM,IAAI,MAAM,IAAI,MAAM,EAAE,CAAC;AACzE,CAAC;AAED,SAAS,aAAa,CAAC,EAAU;IAC/B,IAAI,EAAE,GAAG,IAAI;QAAE,OAAO,IAAI,EAAE,IAAI,CAAC;IACjC,IAAI,EAAE,GAAG,MAAM;QAAE,OAAO,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IACtD,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;IAC3C,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,EAAE,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,YAAY,GAAG,EAAE,CAAC;IAClC,IAAI,OAAO,GAAG,EAAE;QAAE,OAAO,IAAI,OAAO,KAAK,MAAM,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC;IAC7E,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;IACvC,OAAO,IAAI,KAAK,KAAK,MAAM,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC;AAChE,CAAC;AAED,SAAS,cAAc,CAAC,EAAE,IAAI,EAAoB;IAChD,OAAO,CACL,cAAI,SAAS,EAAC,+BAA+B,aAC3C,cAAK,SAAS,EAAC,kCAAkC,YAC/C,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,SAAS,EAAC,8BAA8B,GAAG,GACzE,EACN,cAAK,SAAS,EAAC,wGAAwG,YACpH,IAAI,GACD,IACH,CACN,CAAC;AACJ,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,aAAa,CAAmB,EAC9C,WAAW,EACX,MAAM,EACN,YAAY,EACZ,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,WAAW,GACW;IACtB,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC7B,OAAO,CACL,aAAI,SAAS,EAAC,qBAAqB,YAChC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACpB,cAAY,SAAS,EAAC,8BAA8B,aAClD,KAAC,QAAQ,IAAC,SAAS,EAAC,sBAAsB,GAAG,EAC7C,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,KAF1B,CAAC,CAGL,CACN,CAAC,GACC,CACN,CAAC;IACJ,CAAC;IAED,MAAM,IAAI,GAAgB,EAAE,CAAC;IAE7B,WAAW,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,CAAC,EAAE,EAAE;QACpC,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACpC,MAAM,SAAS,GAAG,QAAQ;YACxB,CAAC,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE;YACrE,CAAC,CAAC,IAAI,CAAC;QACT,MAAM,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACxC,MAAM,MAAM,GAAG,CAAC,KAAK,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;QAE5C,IAAI,CAAC,IAAI,CACP,cAEE,SAAS,EAAC,oCAAoC,aAE9C,eAAK,SAAS,EAAC,yCAAyC,aACtD,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,iBAAiB,GAAG,EAC9D,CAAC,MAAM,IAAI,eAAM,SAAS,EAAC,0DAA0D,GAAG,IACrF,EACN,eAAK,SAAS,EAAC,gBAAgB,aAC7B,eAAK,SAAS,EAAC,2CAA2C,aACxD,aAAG,SAAS,EAAC,uCAAuC,aACjD,IAAI,CAAC,KAAK,EAAE,GAAG,EAChB,eAAM,SAAS,EAAC,kCAAkC,YAAE,UAAU,CAAC,OAAO,GAAQ,IAC5E,EACJ,eAAK,SAAS,EAAC,qBAAqB,aAClC,YAAG,SAAS,EAAC,wCAAwC,YAClD,cAAc,CAAC,UAAU,CAAC,EAAE,EAAE,QAAQ,CAAC,GACtC,EACH,SAAS,IAAI,IAAI,IAAI,CACpB,YAAG,SAAS,EAAC,+CAA+C,YACzD,aAAa,CAAC,SAAS,CAAC,GACvB,CACL,IACG,IACF,EACL,CAAC,UAAU,CAAC,WAAW,IAAI,UAAU,CAAC,UAAU,IAAI,UAAU,CAAC,OAAO,CAAC,IAAI,IAAI,IAAI,CAClF,YAAG,SAAS,EAAC,oDAAoD,YAC9D;gCACC,UAAU,CAAC,WAAW;gCACtB,UAAU,CAAC,UAAU;gCACrB,UAAU,CAAC,OAAO,IAAI,IAAI;oCACxB,CAAC,CAAC,WAAW,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,UAAU,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;oCAC9F,CAAC,CAAC,IAAI;6BACT;iCACE,MAAM,CAAC,OAAO,CAAC;iCACf,IAAI,CAAC,KAAK,CAAC,GACZ,CACL,EACA,UAAU,CAAC,OAAO,IAAI,IAAI,IAAI,UAAU,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9D,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,gBAAgB,IAAC,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC,GAAI,GAChE,CACP,IACG,KA1CD,GAAG,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,EAAE,EAAE,CA2C1C,CACN,CAAC;QAEF,MAAM,UAAU,GAAG,WAAW,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACrD,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;YACvB,IAAI,CAAC,IAAI,CAAC,KAAC,cAAc,IAA0C,IAAI,EAAE,UAAU,IAApD,GAAG,UAAU,CAAC,OAAO,aAAa,CAAsB,CAAC,CAAC;QAC3F,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,yEAAyE;IACzE,mEAAmE;IACnE,wEAAwE;IACxE,6DAA6D;IAC7D,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,IAAI,CAAC,IAAI,CACP,cAAwB,SAAS,EAAC,qBAAqB,aACrD,cAAK,SAAS,EAAC,kCAAkC,YAC/C,eAAM,SAAS,EAAC,oDAAoD,iBAAa,MAAM,GAAG,GACtF,EACN,eAAK,SAAS,EAAC,6DAA6D,aAC1E,KAAC,SAAS,IAAC,IAAI,EAAE,MAAM,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,uBAAuB,GAAG,EACrF,0CAAyB,IACrB,KAPA,eAAe,CAQlB,CACN,CAAC;IACJ,CAAC;IAED,OAAO,aAAI,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,YAAG,IAAI,GAAM,CAAC;AACzD,CAAC"}

package/dist/components/primitives/badge.d.ts

@@ -0,0 +1,27 @@
+import { type VariantProps } from "class-variance-authority";
+import type { HTMLAttributes } from "react";
+/**
+ * Non-status tags only: app name, provider key, role, environment, sender
+ * ID. Never use `Badge` for a message or job state — that's `StatusPill`'s
+ * job (design doc §5.2); mixing them is how the status language erodes.
+ *
+ * D11: `cva()` replaces the previous `variant === "x" && "..."` conditional
+ * chain, same classes. One deliberate D8 diff, not a byte-identical carry-
+ * over: the previous base string hard-coded `rounded-sm`, which fought
+ * daisyUI's own `.badge` rule (`border-radius: var(--radius-selector)`,
+ * confirmed by reading `daisyui/components/badge.css` directly) at equal
+ * specificity — a redundant override, not a deliberate choice, and for the
+ * wrong tier besides: `--radius-selector` (8px) is this register's
+ * small-control tier, `--radius-sm` now aliases `--radius-field` (12px).
+ * Dropping the override lets daisyUI's own class govern radius, which is
+ * exactly constraint 7 ("DaisyUI does the work") and the correct tier for
+ * a tag-sized control.
+ */
+export declare const badgeVariants: (props?: ({
+    variant?: "neutral" | "outline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type BadgeVariant = NonNullable<VariantProps<typeof badgeVariants>["variant"]>;
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+}
+export declare function Badge({ className, variant, ...props }: BadgeProps): import("react").JSX.Element;
+//# sourceMappingURL=badge.d.ts.map

package/dist/components/primitives/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,aAAa;;8EAQxB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;AAEtF,MAAM,WAAW,UACf,SAAQ,cAAc,CAAC,eAAe,CAAC,EACrC,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAEjE"}

package/dist/components/primitives/badge.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/cn.js";
+/**
+ * Non-status tags only: app name, provider key, role, environment, sender
+ * ID. Never use `Badge` for a message or job state — that's `StatusPill`'s
+ * job (design doc §5.2); mixing them is how the status language erodes.
+ *
+ * D11: `cva()` replaces the previous `variant === "x" && "..."` conditional
+ * chain, same classes. One deliberate D8 diff, not a byte-identical carry-
+ * over: the previous base string hard-coded `rounded-sm`, which fought
+ * daisyUI's own `.badge` rule (`border-radius: var(--radius-selector)`,
+ * confirmed by reading `daisyui/components/badge.css` directly) at equal
+ * specificity — a redundant override, not a deliberate choice, and for the
+ * wrong tier besides: `--radius-selector` (8px) is this register's
+ * small-control tier, `--radius-sm` now aliases `--radius-field` (12px).
+ * Dropping the override lets daisyUI's own class govern radius, which is
+ * exactly constraint 7 ("DaisyUI does the work") and the correct tier for
+ * a tag-sized control.
+ */
+export const badgeVariants = cva("badge font-mono text-caption", {
+    variants: {
+        variant: {
+            neutral: "badge-neutral",
+            outline: "badge-outline",
+        },
+    },
+    defaultVariants: { variant: "neutral" },
+});
+export function Badge({ className, variant, ...props }) {
+    return _jsx("span", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+//# sourceMappingURL=badge.js.map

package/dist/components/primitives/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/primitives/badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAC,8BAA8B,EAAE;IAC/D,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,eAAe;YACxB,OAAO,EAAE,eAAe;SACzB;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;CACxC,CAAC,CAAC;AAQH,MAAM,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAc;IAChE,OAAO,eAAM,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACnF,CAAC"}

package/dist/components/primitives/button.d.ts

@@ -0,0 +1,12 @@
+import { type VariantProps } from "class-variance-authority";
+import type { ButtonHTMLAttributes } from "react";
+export declare const buttonVariants: (props?: ({
+    variant?: "destructive" | "ghost" | "primary" | "secondary" | null | undefined;
+    size?: "icon" | "md" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ButtonVariant = NonNullable<VariantProps<typeof buttonVariants>["variant"]>;
+export type ButtonSize = NonNullable<VariantProps<typeof buttonVariants>["size"]>;
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=button.d.ts.map

package/dist/components/primitives/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAuBlD,eAAO,MAAM,cAAc;;;8EAezB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;AACxF,MAAM,MAAM,UAAU,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAElF,MAAM,WAAW,WACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,YAAY,CAAC,OAAO,cAAc,CAAC;CAAG;AAE1C,eAAO,MAAM,MAAM,2GAIlB,CAAC"}

package/dist/components/primitives/button.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { cn } from "../../lib/cn.js";
+// daisyUI does the heavy lifting (`btn-primary`, `btn-outline`, `btn-ghost`,
+// `btn-error`); the design doc's rule (§5.1) is that there is no
+// "success"/"warning" button variant — those hues are reserved for status,
+// so only these four exist. `btn-primary` is genuinely the achromatic
+// inverse fill (§1.3: near-black on light, near-white on dark) — `neutral`
+// is a *different*, deliberately quieter token (this theme's surface-3-ish
+// fill, used for badges) and using it here read as a washed-out primary
+// button in light theme; caught visually, not by inspection.
+//
+// D4/D11: rebuilt on `cva()` per docs/design/console-redesign.md §6.3 —
+// `Slot`/`asChild` are gone (nothing in this repo used `<Button asChild>`,
+// confirmed by grep before removing it), and `buttonVariants` is exported
+// standalone so a link that must look like a button reaches for the class
+// string directly: `<a className={buttonVariants({ variant: "secondary" })}>`.
+// `rounded-field` in the base string is the one deliberate D8 addition —
+// daisyUI's own `.btn` class already applies `--radius-field` per corner
+// internally, so this doesn't change the rendered radius, only makes the
+// D8 register explicit at the call site, matching §6.3's own sketch
+// verbatim.
+export const buttonVariants = cva("btn font-sans font-semibold rounded-field", {
+    variants: {
+        variant: {
+            primary: "btn-primary",
+            secondary: "btn-outline",
+            ghost: "btn-ghost",
+            destructive: "btn-error",
+        },
+        size: {
+            sm: "btn-sm",
+            md: "",
+            icon: "btn-square btn-sm",
+        },
+    },
+    defaultVariants: { variant: "primary", size: "md" },
+});
+export const Button = forwardRef(({ className, variant, size, ...props }, ref) => (_jsx("button", { ref: ref, className: cn(buttonVariants({ variant, size }), className), ...props })));
+Button.displayName = "Button";
+//# sourceMappingURL=button.js.map