@elizaos/ui 2.0.0-beta.2 → 2.0.3-beta.2

package/components/composites/page-panel/page-panel-collapsible-section.js

@@ -54,7 +54,7 @@ export const PagePanelCollapsibleSection = React.forwardRef(function PagePanelCo
     ]);
     return (_jsxs(PagePanelRoot, { ref: ref, as: as, variant: variant, "aria-expanded": isExpanded, "data-content-align-offset": 4, className: cn(expandOnCollapsedSurfaceClick &&
             !isExpanded &&
-            "cursor-pointer transition-[border-color,box-shadow,transform] hover:border-border/60 hover:shadow-[0_20px_36px_rgba(3,5,10,0.18)]", className), onClick: handleSurfaceClick, onKeyDown: handleSurfaceKeyDown, role: expandOnCollapsedSurfaceClick && !isExpanded ? (role ?? "button") : role, tabIndex: expandOnCollapsedSurfaceClick && !isExpanded
+            "cursor-pointer transition-[border-color,box-shadow,transform] hover:border-border/60 ", className), onClick: handleSurfaceClick, onKeyDown: handleSurfaceKeyDown, role: expandOnCollapsedSurfaceClick && !isExpanded ? (role ?? "button") : role, tabIndex: expandOnCollapsedSurfaceClick && !isExpanded
             ? (tabIndex ?? 0)
             : tabIndex, ...props, children: [_jsx(PanelHeader, { media: media, heading: heading, headingClassName: headingClassName, description: description, descriptionClassName: descriptionClassName, contentClassName: headerContentClassName, actions: actions ? (_jsx("div", { className: "inline-flex items-center gap-2.5", "data-page-panel-actions": "true", children: actions })) : null, bordered: isExpanded && bordered }), isExpanded ? (_jsx("div", { className: cn("px-4 pb-4 pt-1 sm:px-5 sm:pb-5", bodyClassName), children: children })) : null] }));
 });

package/components/composites/page-panel/page-panel-empty.js

@@ -10,6 +10,6 @@ export function PageEmptyState({ action, children, className, description, title
         return (_jsxs("div", { className: cn("flex min-h-0 flex-1 flex-col items-center justify-center px-6 py-10 text-center", className), ...props, children: [_jsxs("div", { className: "max-w-md space-y-2", children: [_jsx("div", { className: "text-base font-medium text-txt-strong", children: title }), description ? (_jsx("div", { className: "text-sm leading-relaxed text-muted", children: description })) : null] }), action ? _jsx("div", { className: "mt-4", children: action }) : null, children] }));
     }
     return (_jsxs(EmptyState, { className: cn(variant === "inset"
-            ? "min-h-[14rem] rounded-2xl border border-dashed border-border/28 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_74%,transparent),color-mix(in_srgb,var(--bg)_93%,transparent))] px-5 py-10 shadow-[inset_0_1px_0_rgba(255,255,255,0.08),inset_0_-1px_0_rgba(255,255,255,0.02)] dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),inset_0_-1px_0_rgba(255,255,255,0.01)]"
-            : "min-h-[18rem] rounded-3xl border border-dashed border-border/32 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] px-6 py-12 shadow-[inset_0_1px_0_rgba(255,255,255,0.12),0_20px_28px_-24px_rgba(15,23,42,0.12)] backdrop-blur-sm dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_22px_30px_-24px_rgba(0,0,0,0.28)]", className), description: description, title: title, ...props, children: [children, action ? _jsx("div", { className: "mt-4", children: action }) : null] }));
+            ? "min-h-[14rem] rounded-sm border border-dashed border-border bg-card px-5 py-10"
+            : "min-h-[18rem] rounded-sm border border-dashed border-border bg-card px-6 py-12 ", className), description: description, title: title, ...props, children: [children, action ? _jsx("div", { className: "mt-4", children: action }) : null] }));
 }

package/components/composites/page-panel/page-panel-feature-empty.d.ts

@@ -0,0 +1,22 @@
+import type { ComponentType, HTMLAttributes, ReactNode } from "react";
+import type { PagePanelVariant } from "./page-panel-types";
+export interface PagePanelFeatureEmptyItem {
+    id: string;
+    label: ReactNode;
+    icon: ComponentType<{
+        className?: string;
+    }>;
+    tone?: string;
+}
+export interface PagePanelFeatureEmptyProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    title: ReactNode;
+    description?: ReactNode;
+    icon: ComponentType<{
+        className?: string;
+    }>;
+    iconTone?: string;
+    features?: ReadonlyArray<PagePanelFeatureEmptyItem>;
+    variant?: Extract<PagePanelVariant, "surface" | "section" | "inset">;
+}
+export declare function PagePanelFeatureEmpty({ className, description, features, icon: Icon, iconTone, title, variant, ...props }: PagePanelFeatureEmptyProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=page-panel-feature-empty.d.ts.map

package/components/composites/page-panel/page-panel-feature-empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-panel-feature-empty.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/page-panel/page-panel-feature-empty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,MAAM,WAAW,yBAAyB;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACrD,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,aAAa,CAAC,yBAAyB,CAAC,CAAC;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC,gBAAgB,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC,CAAC;CACtE;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,WAAW,EACX,QAAa,EACb,IAAI,EAAE,IAAI,EACV,QAAoD,EACpD,KAAK,EACL,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,0BAA0B,2CA8C5B"}

package/components/composites/page-panel/page-panel-feature-empty.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils.js";
+import { PagePanelRoot } from "./page-panel-root.js";
+export function PagePanelFeatureEmpty({ className, description, features = [], icon: Icon, iconTone = "border-border/40 bg-bg-hover text-muted", title, variant = "surface", ...props }) {
+    return (_jsx(PagePanelRoot, { variant: variant, className: cn("grid min-h-[20rem] place-items-center px-5 py-8", className), ...props, children: _jsxs("div", { className: "w-full max-w-2xl text-center", children: [_jsx("div", { className: cn("mx-auto flex h-14 w-14 items-center justify-center rounded-sm border", iconTone), children: _jsx(Icon, { className: "h-7 w-7" }) }), _jsx("h2", { className: "mt-4 text-base font-semibold text-txt", children: title }), description ? (_jsx("p", { className: "mx-auto mt-2 max-w-lg text-sm leading-6 text-muted", children: description })) : null, features.length > 0 ? (_jsx("div", { className: "mt-5 flex flex-wrap items-center justify-center gap-x-5 gap-y-2.5", children: features.map((item) => {
+                        const FeatureIcon = item.icon;
+                        return (_jsxs("div", { className: "inline-flex items-center gap-1.5 text-xs text-muted", children: [_jsx(FeatureIcon, { className: cn("h-4 w-4", item.tone ?? "text-muted") }), _jsx("span", { children: item.label })] }, item.id));
+                    }) })) : null] }) }));
+}

package/components/composites/page-panel/page-panel-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-panel-header.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/page-panel/page-panel-header.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,oBAAoB,CAAC;AAE5B,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,OAAe,EACf,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,aAAa,2CAgBf;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,QAAe,EACf,SAAS,EACT,gBAAgB,EAChB,WAAW,EACX,oBAAoB,EACpB,OAAO,EACP,gBAAgB,EAChB,OAAO,EACP,gBAAgB,EAChB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAuDlB;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,OAAe,EACf,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAWlB;AAED,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAU1E;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,SAAS,EACT,QAAQ,EACR,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA0BlB"}
+{"version":3,"file":"page-panel-header.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/page-panel/page-panel-header.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,oBAAoB,CAAC;AAE5B,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,OAAe,EACf,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,aAAa,2CAgBf;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,QAAe,EACf,SAAS,EACT,gBAAgB,EAChB,WAAW,EACX,oBAAoB,EACpB,OAAO,EACP,gBAAgB,EAChB,OAAO,EACP,gBAAgB,EAChB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAsDlB;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,OAAe,EACf,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAWlB;AAED,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAU1E;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,SAAS,EACT,QAAQ,EACR,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA0BlB"}

package/components/composites/page-panel/page-panel-header.js

@@ -1,30 +1,30 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "../../../lib/utils.js";
 export function MetaPill({ className, compact = false, tone = "default", ...props }) {
-    return (_jsx("span", { className: cn("inline-flex min-h-6 items-center rounded-full px-2.5 py-1 text-xs-tight shadow-[inset_0_1px_0_rgba(255,255,255,0.1),0_12px_18px_-18px_rgba(15,23,42,0.12)] dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_12px_18px_-18px_rgba(0,0,0,0.24)]", tone === "accent"
-            ? "border border-accent/55 bg-accent/16 font-bold text-txt-strong shadow-sm"
+    return (_jsx("span", { className: cn("inline-flex min-h-6 items-center rounded-sm px-2.5 py-1 text-xs-tight", tone === "accent"
+            ? "border border-accent/55 bg-accent-subtle font-bold text-txt-strong"
             : tone === "strong"
-                ? "border border-border/32 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_82%,transparent),color-mix(in_srgb,var(--bg)_92%,transparent))] font-medium text-txt-strong"
-                : "border border-border/32 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_82%,transparent),color-mix(in_srgb,var(--bg)_92%,transparent))] font-medium text-muted", compact && "min-h-0 px-2 py-1 text-2xs", className), ...props }));
+                ? "border border-border bg-card font-medium text-txt-strong"
+                : "border border-border bg-card font-medium text-muted", compact && "min-h-0 px-2 py-1 text-2xs", className), ...props }));
 }
 export function PanelHeader({ actions, bordered = true, className, contentClassName, description, descriptionClassName, eyebrow, eyebrowClassName, heading, headingClassName, media, ...props }) {
     const hasActions = Boolean(actions);
     return (_jsxs("div", { className: cn(hasActions
             ? "grid grid-cols-[minmax(0,1fr)_auto] items-start gap-3 px-4 py-3 sm:px-5"
-            : "flex items-start gap-3 px-4 py-3 sm:px-5", bordered && "", className), ...props, children: [_jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-3", children: [media ? _jsx("div", { className: "shrink-0", children: media }) : null, _jsxs("div", { className: cn("min-w-0", contentClassName), children: [eyebrow ? (_jsx("div", { className: cn("text-2xs font-semibold uppercase tracking-[0.16em] text-muted/60", eyebrowClassName), children: eyebrow })) : null, _jsx("div", { className: cn("text-sm font-semibold text-txt-strong", eyebrow && "mt-1", headingClassName), children: heading }), description ? (_jsx("div", { className: cn("mt-1 text-xs leading-relaxed text-muted", descriptionClassName), children: description })) : null] })] }), actions ? (_jsx("div", { className: "inline-flex shrink-0 items-start justify-end gap-2 self-start justify-self-end", children: actions })) : null] }));
+            : "flex items-start gap-3 px-4 py-3 sm:px-5", className), ...props, children: [_jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-3", children: [media ? _jsx("div", { className: "shrink-0", children: media }) : null, _jsxs("div", { className: cn("min-w-0", contentClassName), children: [eyebrow ? (_jsx("div", { className: cn("text-2xs font-medium text-muted/70", eyebrowClassName), children: eyebrow })) : null, _jsx("div", { className: cn("text-sm font-semibold text-txt-strong", eyebrow && "mt-1", headingClassName), children: heading }), description ? (_jsx("div", { className: cn("mt-1 text-xs leading-relaxed text-muted", descriptionClassName), children: description })) : null] })] }), actions ? (_jsx("div", { className: "inline-flex shrink-0 items-start justify-end gap-2 self-start justify-self-end", children: actions })) : null] }));
 }
 export function SummaryCard({ className, compact = false, ...props }) {
-    return (_jsx("div", { className: cn("rounded-2xl border border-border/28 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_86%,transparent),color-mix(in_srgb,var(--bg)_96%,transparent))] p-4 shadow-[inset_0_1px_0_rgba(255,255,255,0.12),0_18px_26px_-24px_rgba(15,23,42,0.12)] ring-1 ring-border/8 backdrop-blur-sm dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_20px_28px_-24px_rgba(0,0,0,0.28)]", compact && "p-3.5", className), ...props }));
+    return (_jsx("div", { className: cn("rounded-sm border border-border bg-card p-4", compact && "p-3.5", className), ...props }));
 }
 export function PageActionRail({ className, ...props }) {
-    return (_jsx("div", { className: cn("inline-flex items-center gap-1 whitespace-nowrap border border-border/24 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_90%,transparent),color-mix(in_srgb,var(--bg)_97%,transparent))] shadow-[inset_0_1px_0_rgba(255,255,255,0.12),0_16px_22px_-18px_rgba(15,23,42,0.14)] backdrop-blur-sm dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_18px_24px_-18px_rgba(0,0,0,0.24)]", className), ...props }));
+    return (_jsx("div", { className: cn("inline-flex items-center gap-1 whitespace-nowrap rounded-sm border border-border bg-card", className), ...props }));
 }
 export function PanelNotice({ actions, className, children, tone = "default", ...props }) {
-    return (_jsx("div", { className: cn("rounded-2xl border px-4 py-3 text-sm", tone === "accent"
+    return (_jsx("div", { className: cn("rounded-sm border px-4 py-3 text-sm", tone === "accent"
             ? "border-accent bg-accent-subtle text-txt"
             : tone === "warning"
                 ? "border-warn/30 bg-warn/10 text-txt"
                 : tone === "danger"
                     ? "border-danger/30 bg-danger/10 text-danger"
-                    : "border-border/40 bg-card/30 text-muted", className), ...props, children: actions ? (_jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [_jsx("div", { children: children }), _jsx("div", { className: "shrink-0", children: actions })] })) : (children) }));
+                    : "border-border bg-card text-muted", className), ...props, children: actions ? (_jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [_jsx("div", { children: children }), _jsx("div", { className: "shrink-0", children: actions })] })) : (children) }));
 }

package/components/composites/page-panel/page-panel-loading.js

@@ -9,5 +9,5 @@ export function PageLoadingState({ className, description, heading, variant = "p
     if (variant === "workspace") {
         return (_jsxs(PagePanelRoot, { variant: "workspace", className: cn("items-center justify-center px-6 py-10 text-center", className), ...props, children: [_jsx(Spinner, { className: "h-5 w-5 text-muted" }), _jsxs("div", { className: "mt-4 max-w-md space-y-2", children: [_jsx("div", { className: "text-base font-medium text-txt-strong", children: heading }), description ? (_jsx("div", { className: "text-sm leading-relaxed text-muted", children: description })) : null] })] }));
     }
-    return (_jsxs("div", { className: cn("flex min-h-[18rem] flex-col items-center justify-center rounded-3xl border border-dashed border-border/32 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] px-6 py-12 text-center shadow-[inset_0_1px_0_rgba(255,255,255,0.12),0_20px_28px_-24px_rgba(15,23,42,0.12)] backdrop-blur-sm dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_22px_30px_-24px_rgba(0,0,0,0.28)]", className), ...props, children: [_jsx(Spinner, { className: "h-5 w-5 text-muted" }), _jsxs("div", { className: "mt-4 max-w-md space-y-2", children: [_jsx("div", { className: "text-base font-medium text-txt-strong", children: heading }), description ? (_jsx("div", { className: "text-sm leading-relaxed text-muted", children: description })) : null] })] }));
+    return (_jsxs("div", { className: cn("flex min-h-[18rem] flex-col items-center justify-center rounded-sm border border-dashed border-border bg-card px-6 py-12 text-center ", className), ...props, children: [_jsx(Spinner, { className: "h-5 w-5 text-muted" }), _jsxs("div", { className: "mt-4 max-w-md space-y-2", children: [_jsx("div", { className: "text-base font-medium text-txt-strong", children: heading }), description ? (_jsx("div", { className: "text-sm leading-relaxed text-muted", children: description })) : null] })] }));
 }

package/components/composites/page-panel/page-panel-root.d.ts

@@ -3,5 +3,5 @@ export declare const PagePanelRoot: React.ForwardRefExoticComponent<{
     as?: import("./page-panel-types").PanelElement;
     variant?: import("./page-panel-types").PagePanelVariant;
     className?: string;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "as" | "className"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "as"> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=page-panel-root.d.ts.map

package/components/composites/page-panel/page-panel-root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-panel-root.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/page-panel/page-panel-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,aAAa;;;;+JA4BzB,CAAC"}
+{"version":3,"file":"page-panel-root.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/page-panel/page-panel-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,eAAO,MAAM,aAAa;;;;+JA4BzB,CAAC"}

package/components/composites/page-panel/page-panel-root.js

@@ -1,17 +1,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../../lib/utils.js";
+const BASE_SURFACE = "border border-border bg-card ";
 export const PagePanelRoot = React.forwardRef(function PagePanelRoot({ as, className, variant = "surface", ...props }, ref) {
     const Component = as ?? "div";
     return (_jsx(Component, { ref: ref, className: cn(variant === "surface"
-            ? "w-full rounded-3xl border border-border/34 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_82%,transparent),color-mix(in_srgb,var(--bg)_96%,transparent))] shadow-[inset_0_1px_0_rgba(255,255,255,0.12),0_22px_34px_-26px_rgba(15,23,42,0.14)] ring-1 ring-border/8 backdrop-blur-md dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_24px_36px_-26px_rgba(0,0,0,0.32)]"
+            ? `w-full rounded-sm ${BASE_SURFACE}`
             : variant === "workspace"
-                ? "flex min-h-[58vh] flex-col overflow-hidden rounded-3xl border border-border/34 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_82%,transparent),color-mix(in_srgb,var(--bg)_96%,transparent))] shadow-[inset_0_1px_0_rgba(255,255,255,0.12),0_22px_34px_-26px_rgba(15,23,42,0.14)] ring-1 ring-border/8 backdrop-blur-md dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_24px_36px_-26px_rgba(0,0,0,0.32)]"
+                ? `flex min-h-[58vh] flex-col overflow-hidden rounded-sm ${BASE_SURFACE}`
                 : variant === "section"
-                    ? "w-full overflow-visible rounded-3xl border border-border/34 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_82%,transparent),color-mix(in_srgb,var(--bg)_96%,transparent))] shadow-[inset_0_1px_0_rgba(255,255,255,0.12),0_22px_34px_-26px_rgba(15,23,42,0.14)] ring-1 ring-border/8 backdrop-blur-md dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_24px_36px_-26px_rgba(0,0,0,0.32)]"
+                    ? `w-full overflow-visible rounded-sm ${BASE_SURFACE}`
                     : variant === "padded"
-                        ? "rounded-3xl border border-border/34 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_82%,transparent),color-mix(in_srgb,var(--bg)_96%,transparent))] px-5 py-4 shadow-[inset_0_1px_0_rgba(255,255,255,0.12),0_22px_34px_-26px_rgba(15,23,42,0.14)] ring-1 ring-border/8 backdrop-blur-md sm:px-6 sm:py-5 dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_24px_36px_-26px_rgba(0,0,0,0.32)]"
+                        ? `rounded-sm px-5 py-4 sm:px-6 sm:py-5 ${BASE_SURFACE}`
                         : variant === "shell"
-                            ? "relative flex min-h-0 flex-1 overflow-hidden rounded-full border border-border/44 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_80%,transparent),color-mix(in_srgb,var(--bg)_96%,transparent))] shadow-[inset_0_1px_0_rgba(255,255,255,0.14),0_24px_42px_-28px_rgba(15,23,42,0.16)] ring-1 ring-border/10 backdrop-blur-md dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.05),0_26px_44px_-28px_rgba(0,0,0,0.36)]"
-                            : "rounded-2xl border border-border/28 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_72%,transparent),color-mix(in_srgb,var(--bg)_92%,transparent))] shadow-[inset_0_1px_0_rgba(255,255,255,0.1),inset_0_-1px_0_rgba(255,255,255,0.02)] dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),inset_0_-1px_0_rgba(255,255,255,0.01)]", className), ...props }));
+                            ? `relative flex min-h-0 flex-1 overflow-hidden rounded-sm ${BASE_SURFACE}`
+                            : `rounded-sm ${BASE_SURFACE}`, className), ...props }));
 });

package/components/composites/page-panel/page-panel-types.d.ts

@@ -32,7 +32,7 @@ export interface PanelNoticeProps extends React.HTMLAttributes<HTMLDivElement> {
     tone?: "default" | "accent" | "warning" | "danger";
     actions?: React.ReactNode;
 }
-export interface PageEmptyStateProps extends EmptyStateProps {
+export interface PageEmptyStateProps extends Omit<EmptyStateProps, "variant"> {
     variant?: "panel" | "inset" | "surface" | "workspace";
 }
 export interface PageLoadingStateProps extends React.HTMLAttributes<HTMLDivElement> {

package/components/composites/page-panel/page-panel-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-panel-types.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/page-panel/page-panel-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,SAAS,CAAC;AAE7C,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,SAAS,GACT,QAAQ,GACR,OAAO,GACP,OAAO,GACP,WAAW,CAAC;AAEhB,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,WAAW,CAAC,CAAC;AAEpE,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;CACxC;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACnD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAoB,SAAQ,eAAe;IAC1D,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;CACvD;AAED,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;CAC7C;AAED,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,MAAM,WAAW,yBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,MAAM,WAAW,gCACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACxD,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC,gBAAgB,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC,CAAC;CACtE"}
+{"version":3,"file":"page-panel-types.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/page-panel/page-panel-types.ts"],"names":[],"mappings":"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"}

package/components/composites/search/index.d.ts

@@ -1,3 +1,2 @@
-export * from "./search-input";
 export * from "./searchbar";
 //# sourceMappingURL=index.d.ts.map

package/components/composites/search/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/search/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/search/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/components/composites/search/index.js

@@ -1,2 +1 @@
-export * from "./search-input.js";
 export * from "./searchbar.js";

package/components/composites/search/searchbar.d.ts

@@ -1,18 +1,8 @@
 import * as React from "react";
-export interface SearchBarProps {
-    onSearch: (query: string) => void;
-    searching?: boolean;
-    placeholder?: string;
-    /** Label for the submit button when idle. Defaults to "Search". */
-    searchLabel?: string;
-    /** Label for the submit button when busy. Defaults to "Searching...". */
-    searchingLabel?: string;
-}
 export interface SidebarSearchBarProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> {
     onClear?: () => void;
     loading?: boolean;
     clearLabel?: string;
 }
-export declare function SearchBar({ onSearch, searching, placeholder, searchLabel, searchingLabel, }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
 export declare const SidebarSearchBar: React.ForwardRefExoticComponent<SidebarSearchBarProps & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=searchbar.d.ts.map

package/components/composites/search/searchbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"searchbar.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/search/searchbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yEAAyE;IACzE,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACjE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,WAAyB,EACzB,WAAsB,EACtB,cAA+B,GAChC,EAAE,cAAc,2CAiChB;AAED,eAAO,MAAM,gBAAgB,gGAmD5B,CAAC"}
+{"version":3,"file":"searchbar.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/search/searchbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACjE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,gGAmD5B,CAAC"}

package/components/composites/search/searchbar.js

@@ -2,17 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Search, X } from "lucide-react";
 import * as React from "react";
 import { cn } from "../../../lib/utils.js";
-import { Button } from "../../ui/button.js";
-import { Input } from "../../ui/input.js";
-export function SearchBar({ onSearch, searching, placeholder = "Search...", searchLabel = "Search", searchingLabel = "Searching...", }) {
-    const [query, setQuery] = React.useState("");
-    const handleSubmit = React.useCallback(() => {
-        if (query.trim()) {
-            onSearch(query.trim());
-        }
-    }, [query, onSearch]);
-    return (_jsx("div", { className: "mb-6", children: _jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { type: "text", placeholder: placeholder, value: query, onChange: (e) => setQuery(e.target.value), onKeyDown: (e) => e.key === "Enter" && handleSubmit(), className: "h-9 border-border bg-bg text-sm shadow-sm focus-visible:ring-1 focus-visible:ring-accent", disabled: searching }), _jsx(Button, { variant: "default", size: "sm", className: "h-9 px-4 shadow-sm", onClick: handleSubmit, disabled: !query.trim() || searching, children: searching ? searchingLabel : searchLabel })] }) }));
-}
 export const SidebarSearchBar = React.forwardRef(({ className, value, onClear, loading = false, clearLabel = "Clear search", placeholder, ...props }, ref) => {
     const hasValue = typeof value === "string" ? value.trim().length > 0 : Boolean(value);
     const inputPlaceholder = typeof placeholder === "string" &&
@@ -20,6 +9,6 @@ export const SidebarSearchBar = React.forwardRef(({ className, value, onClear, l
         !/(\.\.\.|…)$/.test(placeholder.trim())
         ? `${placeholder.trim()}...`
         : placeholder;
-    return (_jsxs("div", { className: cn("relative flex items-center", className), children: [_jsx(Search, { className: "pointer-events-none absolute left-3.5 h-4 w-4 text-muted" }), _jsx("input", { ref: ref, type: "text", value: value, placeholder: inputPlaceholder, className: "h-10 w-full rounded-xl border border-border/34 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] pl-10 pr-10 text-sm text-txt shadow-[inset_0_1px_0_rgba(255,255,255,0.12),0_14px_20px_-20px_rgba(15,23,42,0.12)] placeholder:text-muted focus-visible:border-accent/28 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent/24 disabled:cursor-not-allowed disabled:opacity-50 dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_16px_22px_-20px_rgba(0,0,0,0.22)]", ...props }), loading ? (_jsx("div", { className: "absolute right-3.5 h-3.5 w-3.5 animate-spin rounded-full border-2 border-muted/35 border-t-accent" })) : hasValue && onClear ? (_jsx("button", { type: "button", "aria-label": clearLabel, className: "absolute right-2.5 inline-flex h-6 w-6 items-center justify-center rounded-full text-muted transition-colors hover:text-txt focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/35", onClick: onClear, children: _jsx(X, { className: "h-3.5 w-3.5" }) })) : null] }));
+    return (_jsxs("div", { className: cn("relative flex items-center", className), children: [_jsx(Search, { className: "pointer-events-none absolute left-3.5 h-4 w-4 text-muted" }), _jsx("input", { ref: ref, type: "text", value: value, placeholder: inputPlaceholder, className: "h-10 w-full rounded-sm border border-border/34 bg-card pl-10 pr-10 text-sm text-txt placeholder:text-muted focus-visible:border-accent/28 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent/24 disabled:cursor-not-allowed disabled:opacity-50 ", ...props }), loading ? (_jsx("div", { className: "absolute right-3.5 h-3.5 w-3.5 animate-spin rounded-full border-2 border-muted/35 border-t-accent" })) : hasValue && onClear ? (_jsx("button", { type: "button", "aria-label": clearLabel, className: "absolute right-2.5 inline-flex h-6 w-6 items-center justify-center rounded-sm text-muted transition-colors hover:text-txt focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/35", onClick: onClear, children: _jsx(X, { className: "h-3.5 w-3.5" }) })) : null] }));
 });
 SidebarSearchBar.displayName = "SidebarSearchBar";

package/components/composites/sidebar/index.d.ts

@@ -1,7 +1,7 @@
+export * from "./nav-active";
 export * from "./sidebar-body";
 export * from "./sidebar-collapsed-rail";
 export * from "./sidebar-content";
-export * from "./sidebar-filter-bar";
 export * from "./sidebar-header";
 export * from "./sidebar-header-stack";
 export * from "./sidebar-panel";

package/components/composites/sidebar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/sidebar/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/sidebar/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC"}

package/components/composites/sidebar/index.js

@@ -1,7 +1,7 @@
+export * from "./nav-active.js";
 export * from "./sidebar-body.js";
 export * from "./sidebar-collapsed-rail.js";
 export * from "./sidebar-content.js";
-export * from "./sidebar-filter-bar.js";
 export * from "./sidebar-header.js";
 export * from "./sidebar-header-stack.js";
 export * from "./sidebar-panel.js";

package/components/composites/sidebar/nav-active.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Single shared "you-are-here" marker for the app shell.
+ *
+ * One idiom everywhere: a 3px accent edge + a soft `bg-accent/12` wash +
+ * NEUTRAL text (`text-txt`). No orange-text-active, no bespoke underlines.
+ *
+ * - Vertical nav (sidebar items, collapsed rail): left edge.
+ * - Horizontal nav (desktop tab bar, topbar buttons): bottom edge.
+ */
+/** Active marker for vertical navigation (left accent edge). */
+export declare const navActiveClassVertical = "bg-accent/12 text-txt border-l-[3px] border-l-accent";
+/** Active marker for horizontal navigation (bottom accent edge). */
+export declare const navActiveClassHorizontal = "bg-accent/12 text-txt border-b-[3px] border-b-accent";
+/** Default alias — vertical is the common case across the shell. */
+export declare const navActiveClass = "bg-accent/12 text-txt border-l-[3px] border-l-accent";
+//# sourceMappingURL=nav-active.d.ts.map

package/components/composites/sidebar/nav-active.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-active.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/sidebar/nav-active.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,gEAAgE;AAChE,eAAO,MAAM,sBAAsB,yDACqB,CAAC;AAEzD,oEAAoE;AACpE,eAAO,MAAM,wBAAwB,yDACmB,CAAC;AAEzD,oEAAoE;AACpE,eAAO,MAAM,cAAc,yDAAyB,CAAC"}

package/components/composites/sidebar/nav-active.js

@@ -0,0 +1,15 @@
+/**
+ * Single shared "you-are-here" marker for the app shell.
+ *
+ * One idiom everywhere: a 3px accent edge + a soft `bg-accent/12` wash +
+ * NEUTRAL text (`text-txt`). No orange-text-active, no bespoke underlines.
+ *
+ * - Vertical nav (sidebar items, collapsed rail): left edge.
+ * - Horizontal nav (desktop tab bar, topbar buttons): bottom edge.
+ */
+/** Active marker for vertical navigation (left accent edge). */
+export const navActiveClassVertical = "bg-accent/12 text-txt border-l-[3px] border-l-accent";
+/** Active marker for horizontal navigation (bottom accent edge). */
+export const navActiveClassHorizontal = "bg-accent/12 text-txt border-b-[3px] border-b-accent";
+/** Default alias — vertical is the common case across the shell. */
+export const navActiveClass = navActiveClassVertical;

package/components/composites/sidebar/sidebar-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-content.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/sidebar/sidebar-content.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"sidebar-content.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/sidebar/sidebar-content.tsx"],"names":[],"mappings":"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"}

package/components/composites/sidebar/sidebar-content.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../../lib/utils.js";
+import { navActiveClassVertical } from "./nav-active.js";
 function assignRef(ref, value) {
     if (typeof ref === "function") {
         ref(value);
@@ -18,7 +19,7 @@ export function SidebarSectionHeader({ className, meta, children, ...props }) {
 }
 export function SidebarEmptyState({ variant = "default", className, ...props }) {
     return (_jsx("div", { "data-sidebar-empty-state": true, className: cn("rounded-sm px-4 py-8 text-center text-sm", variant === "game-modal"
-            ? "bg-black/15 font-medium italic text-[color:var(--onboarding-text-muted)]"
+            ? "bg-black/15 font-medium italic text-[color:var(--first-run-text-muted)]"
             : "bg-bg-muted/50 text-muted", className), ...props }));
 }
 export function SidebarNotice({ tone = "default", icon, className, children, ...props }) {
@@ -37,7 +38,7 @@ export function SidebarToolbarActions({ className, ...props }) {
 }
 export const SidebarItem = React.forwardRef(function SidebarItem({ active = false, as = "button", variant = "default", className, ...props }, ref) {
     const sharedClassName = cn("group flex h-auto w-full min-w-0 items-start justify-start gap-3 rounded-sm px-3.5 py-3 text-left transition-[background-color,color,box-shadow,transform] duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/35", active
-        ? "bg-accent/12 text-txt shadow-sm"
+        ? navActiveClassVertical
         : variant === "accent-soft"
             ? "bg-accent/5 text-muted hover:bg-accent/10 hover:text-txt"
             : variant === "dashed"
@@ -68,11 +69,11 @@ export function SidebarRailMedia({ className, ...props }) {
 }
 export const SidebarRailItem = React.forwardRef(function SidebarRailItem({ active = false, indicatorTone, className, children, ...props }, ref) {
     return (_jsxs("button", { ref: ref, type: "button", "data-sidebar-rail-item": true, className: cn("relative inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-sm border border-border/24 text-xs font-semibold tracking-[0.02em] transition-[border-color,background-color,color,box-shadow,transform] duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/35 active:scale-[0.98]", active
-            ? "border-accent/26 bg-accent/12 text-txt shadow-sm"
-            : "bg-card text-muted-strong shadow-xs hover:border-border/38 hover:text-txt hover:shadow-sm", className), ...props, children: [_jsx("span", { className: "inline-flex items-center justify-center truncate px-1 [&_img]:h-4 [&_img]:w-4 [&_svg]:h-4 [&_svg]:w-4", children: children }), indicatorTone ? (_jsx("span", { className: cn("absolute right-1.5 top-1.5 h-2 w-2 rounded-full", indicatorTone === "accent" ? "bg-accent" : "bg-muted/70") })) : null] }));
+            ? navActiveClassVertical
+            : "bg-card text-muted-strong hover:border-border/38 hover:text-txt ", className), ...props, children: [_jsx("span", { className: "inline-flex items-center justify-center truncate px-1 [&_img]:h-4 [&_img]:w-4 [&_svg]:h-4 [&_svg]:w-4", children: children }), indicatorTone ? (_jsx("span", { className: cn("absolute right-1.5 top-1.5 h-2 w-2 rounded-full", indicatorTone === "accent" ? "bg-accent" : "bg-muted/70") })) : null] }));
 });
 export function SidebarItemAction({ className, ...props }) {
-    return (_jsx("button", { type: "button", "data-sidebar-item-action": true, className: cn("absolute right-1.5 top-1.5 rounded bg-bg/80 px-1.5 py-0.5 text-2xs text-muted opacity-0 transition-opacity group-hover:opacity-100 hover:text-danger", className), ...props }));
+    return (_jsx("button", { type: "button", "data-sidebar-item-action": true, className: cn("absolute right-1.5 top-1.5 rounded-sm bg-bg/80 px-1.5 py-0.5 text-2xs text-muted opacity-0 transition-opacity group-hover:opacity-100 hover:text-danger", className), ...props }));
 }
 export const SidebarContent = {
     EmptyState: SidebarEmptyState,

package/components/composites/sidebar/sidebar-header.d.ts

@@ -2,7 +2,7 @@ import type * as React from "react";
 import type { SidebarSearchBarProps } from "../search";
 export interface SidebarHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     children?: React.ReactNode;
-    search?: Omit<SidebarSearchBarProps, "className">;
+    search?: Omit<SidebarSearchBarProps, "className"> & React.RefAttributes<HTMLInputElement>;
     searchClassName?: string;
 }
 export declare function SidebarHeader({ children, search, searchClassName, ...props }: SidebarHeaderProps): import("react/jsx-runtime").JSX.Element;

package/components/composites/sidebar/sidebar-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-header.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/sidebar/sidebar-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAIvD,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,IAAI,CAAC,qBAAqB,EAAE,WAAW,CAAC,CAAC;IAClD,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAM,EACN,eAAe,EACf,GAAG,KAAK,EACT,EAAE,kBAAkB,2CASpB"}
+{"version":3,"file":"sidebar-header.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/sidebar/sidebar-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAIvD,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,IAAI,CAAC,qBAAqB,EAAE,WAAW,CAAC,GAC/C,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAM,EACN,eAAe,EACf,GAAG,KAAK,EACT,EAAE,kBAAkB,2CASpB"}

package/components/composites/sidebar/sidebar-root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-root.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/sidebar/sidebar-root.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,YAAY,EAAkB,MAAM,iBAAiB,CAAC;AAyYpE,eAAO,MAAM,OAAO,kFA4cnB,CAAC"}
+{"version":3,"file":"sidebar-root.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/sidebar/sidebar-root.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,YAAY,EAAkB,MAAM,iBAAiB,CAAC;AAuYpE,eAAO,MAAM,OAAO,kFA4cnB,CAAC"}

package/components/composites/sidebar/sidebar-root.js

@@ -9,9 +9,9 @@ import { SidebarBody } from "./sidebar-body.js";
 const sidebarRootVariants = cva("mt-4 flex flex-col overflow-hidden text-sm transition-[width,min-width,border-radius,box-shadow,transform] duration-[360ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none", {
     variants: {
         variant: {
-            default: "relative isolate min-h-0 h-[calc(100%_-_1rem)] w-full shrink-0 rounded-l-none rounded-tr-2xl rounded-br-2xl border-0 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_76%,transparent),color-mix(in_srgb,var(--bg-muted)_97%,transparent))] backdrop-blur-md",
-            mobile: "h-full w-full min-w-0 border-0 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_96%,transparent),color-mix(in_srgb,var(--bg)_92%,transparent))] shadow-none ring-0",
-            "game-modal": "h-full rounded-sm border border-white/10 bg-[linear-gradient(180deg,rgba(11,12,17,0.9),rgba(8,10,14,0.82))] shadow-2xl backdrop-blur-xl",
+            default: "relative isolate min-h-0 h-[calc(100%_-_1rem)] w-full shrink-0 rounded-sm border border-border bg-card",
+            mobile: "h-full w-full min-w-0 border-0 bg-card shadow-none ring-0",
+            "game-modal": "h-full rounded-sm border border-border bg-card ",
         },
         collapsed: {
             true: "!w-0 !min-w-0 xl:!w-0 xl:!min-w-0 !border-0 !shadow-none !bg-transparent z-40",
@@ -27,18 +27,18 @@ const sidebarRootVariants = cva("mt-4 flex flex-col overflow-hidden text-sm tran
             variant: "default",
             collapsed: false,
             resizable: false,
-            className: "!w-[18.5rem] !min-w-[18.5rem] xl:!w-[20rem] xl:!min-w-[20rem] shadow-lg",
+            className: "!w-[18.5rem] !min-w-[18.5rem] xl:!w-[20rem] xl:!min-w-[20rem] ",
         },
         {
             variant: "default",
             collapsed: false,
             resizable: true,
-            className: "shadow-lg",
+            className: "",
         },
         {
             variant: "default",
             collapsed: true,
-            className: "shadow-md",
+            className: "",
         },
     ],
     defaultVariants: {
@@ -72,8 +72,8 @@ const sidebarHeaderVariants = cva("", {
     },
 });
 const sidebarFooterVariants = cva("relative z-10 mt-auto flex shrink-0 justify-end  px-3.5 pb-3.5 pt-2");
-const sidebarControlButtonClassName = "h-11 w-11 rounded-sm border border-border/32 bg-card text-muted-strong shadow-sm transition-[border-color,background-color,color,transform,box-shadow] duration-200 hover:border-border/46 hover:text-txt hover:shadow-md active:scale-95";
-const sidebarMobileHeaderBarClassName = "sticky top-0 z-10 flex items-center justify-between bg-card/88 px-3.5 py-2.5 backdrop-blur-md";
+const sidebarControlButtonClassName = "h-11 w-11 rounded-sm border border-border bg-card text-muted-strong transition-colors duration-200 hover:border-border-strong hover:text-txt active:scale-95";
+const sidebarMobileHeaderBarClassName = "sticky top-0 z-10 flex items-center justify-between bg-card px-3.5 py-2.5";
 const sidebarContentLayerClassName = "flex min-h-0 flex-1 flex-col origin-left transform-gpu transition-[opacity,transform,filter] duration-[260ms] ease-[cubic-bezier(0.22,1,0.36,1)] will-change-[opacity,transform,filter] motion-reduce:transform-none motion-reduce:transition-none";
 const sidebarContentOverlayLayerClassName = "pointer-events-none absolute inset-0 z-10 select-none";
 const sidebarMetaClassName = "mt-1.5 text-xs text-muted";
@@ -469,7 +469,7 @@ export const Sidebar = React.forwardRef(function Sidebar({ testId, variant = "de
             variant,
             collapsed: variant === "default" ? showsCollapsedState : false,
             resizable: resizeActive,
-        }), className), "data-testid": testId, "data-collapsed": showsCollapsedState || undefined, "data-variant": variant, style: mergedStyle, ...props, children: [resizeActive ? (_jsx("hr", { "aria-orientation": "vertical", "aria-valuemin": minWidth, "aria-valuemax": maxWidth, "aria-valuenow": typeof width === "number" ? width : minWidth, tabIndex: 0, "data-testid": "sidebar-resize-handle", onPointerDown: handleResizePointerDown, className: "absolute inset-y-0 right-0 z-20 m-0 h-full w-3 -mr-1.5 cursor-col-resize touch-none select-none border-0 bg-transparent transition-colors hover:bg-accent/20" })) : null, showsCollapsedState && variant === "default" ? (_jsx("button", { type: "button", "data-testid": expandButtonTestId, className: cn("fixed bottom-2 left-2 z-40 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-[var(--radius-sm)] bg-transparent text-muted transition-colors hover:text-txt", collapseButtonClassName), "aria-label": expandButtonAriaLabel, onClick: handleExpand, children: _jsx(PanelLeftOpen, { className: "h-3.5 w-3.5", "aria-hidden": true }) })) : null, _jsxs(React.Fragment, { children: [variant === "mobile" ? (_jsxs("div", { className: sidebarMobileHeaderBarClassName, children: [_jsxs("div", { className: "space-y-1", children: [mobileTitle ? _jsx("div", { children: mobileTitle }) : null, mobileMeta ? (_jsx("div", { className: sidebarMetaClassName, children: mobileMeta })) : null] }), onMobileClose ? (_jsx(Button, { variant: "surface", size: "icon", className: "h-11 w-11 min-h-touch min-w-touch rounded-sm", onClick: onMobileClose, "aria-label": mobileCloseLabel, title: mobileCloseLabel, "data-testid": "conversations-mobile-close", children: _jsx(X, { className: "h-4 w-4", "aria-hidden": true }) })) : null] })) : null, _jsxs("div", { className: "relative flex min-h-0 flex-1 flex-col", children: [showsCollapsedState
+        }), className), "data-testid": testId, "data-collapsed": showsCollapsedState || undefined, "data-variant": variant, style: mergedStyle, ...props, children: [resizeActive ? (_jsx("hr", { "aria-orientation": "vertical", "aria-valuemin": minWidth, "aria-valuemax": maxWidth, "aria-valuenow": typeof width === "number" ? width : minWidth, tabIndex: 0, "data-testid": "sidebar-resize-handle", onPointerDown: handleResizePointerDown, className: "absolute inset-y-0 right-0 z-20 m-0 h-full w-3 -mr-1.5 cursor-col-resize touch-none select-none border-0 bg-transparent transition-colors hover:bg-accent/20" })) : null, showsCollapsedState && variant === "default" ? (_jsx("button", { type: "button", "data-testid": expandButtonTestId, className: cn("fixed bottom-2 left-2 z-40 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-sm bg-transparent text-muted transition-colors hover:text-txt", collapseButtonClassName), "aria-label": expandButtonAriaLabel, onClick: handleExpand, children: _jsx(PanelLeftOpen, { className: "h-3.5 w-3.5", "aria-hidden": true }) })) : null, _jsxs(React.Fragment, { children: [variant === "mobile" ? (_jsxs("div", { className: sidebarMobileHeaderBarClassName, children: [_jsxs("div", { className: "space-y-1", children: [mobileTitle ? _jsx("div", { children: mobileTitle }) : null, mobileMeta ? (_jsx("div", { className: sidebarMetaClassName, children: mobileMeta })) : null] }), onMobileClose ? (_jsx(Button, { variant: "surface", size: "icon", className: "h-11 w-11 min-h-touch min-w-touch rounded-sm", onClick: onMobileClose, "aria-label": mobileCloseLabel, title: mobileCloseLabel, "data-testid": "conversations-mobile-close", children: _jsx(X, { className: "h-4 w-4", "aria-hidden": true }) })) : null] })) : null, _jsxs("div", { className: "relative flex min-h-0 flex-1 flex-col", children: [showsCollapsedState
                                 ? renderCollapsedView({
                                     layerClassName: collapsedBaseMotionClassName,
                                     renderHiddenAutoRailSource: !hasCustomCollapsedContent && !hasStructuredCollapsedRail,

package/components/composites/sidebar/sidebar-types.d.ts

@@ -55,23 +55,4 @@ export interface SidebarBodyProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 export interface SidebarHeaderStackProps extends React.HTMLAttributes<HTMLDivElement> {
 }
-export interface SidebarFilterBarOption {
-    value: string;
-    label: React.ReactNode;
-}
-export interface SidebarFilterBarProps extends React.HTMLAttributes<HTMLDivElement> {
-    selectValue: string;
-    selectOptions: SidebarFilterBarOption[];
-    onSelectValueChange: (value: string) => void;
-    selectAriaLabel: string;
-    selectTestId?: string;
-    sortDirection: "asc" | "desc";
-    onSortDirectionToggle: () => void;
-    sortDirectionButtonTestId?: string;
-    sortAscendingLabel?: string;
-    sortDescendingLabel?: string;
-    refreshButtonTestId?: string;
-    refreshLabel?: string;
-    onRefresh: () => void;
-}
 //# sourceMappingURL=sidebar-types.d.ts.map

package/components/composites/sidebar/sidebar-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-types.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/sidebar/sidebar-types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"sidebar-types.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/sidebar/sidebar-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,YAAY,GAAG,QAAQ,CAAC;AAEjE,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACrE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,kFAAkF;IAClF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG"}

package/components/composites/skills/skill-sidebar-item.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SidebarContent } from "../sidebar/index.js";
 export function SkillSidebarItem({ active = false, attentionLabel, description, enabled, icon, name, offLabel, onLabel, onSelect, testId, buttonProps, }) {
-    return (_jsxs(SidebarContent.Item, { as: "div", active: active, "data-testid": testId, className: "items-start gap-2", children: [_jsxs(SidebarContent.ItemButton, { role: "option", "aria-selected": active, "aria-current": active ? "page" : undefined, onClick: onSelect, ...buttonProps, children: [_jsx(SidebarContent.ItemIcon, { active: active, children: icon }), _jsxs(SidebarContent.ItemBody, { children: [_jsx(SidebarContent.ItemTitle, { children: name }), description ? (_jsx(SidebarContent.ItemDescription, { children: description })) : null] })] }), _jsxs("div", { className: "flex shrink-0 flex-col items-end gap-2", children: [_jsx("span", { className: `rounded-full border px-2.5 py-1 text-2xs font-bold tracking-[0.16em] ${enabled
+    return (_jsxs(SidebarContent.Item, { as: "div", active: active, "data-testid": testId, className: "items-start gap-2", children: [_jsxs(SidebarContent.ItemButton, { role: "option", "aria-selected": active, "aria-current": active ? "page" : undefined, onClick: onSelect, ...buttonProps, children: [_jsx(SidebarContent.ItemIcon, { active: active, children: icon }), _jsxs(SidebarContent.ItemBody, { children: [_jsx(SidebarContent.ItemTitle, { children: name }), description ? (_jsx(SidebarContent.ItemDescription, { children: description })) : null] })] }), _jsxs("div", { className: "flex shrink-0 flex-col items-end gap-2", children: [_jsx("span", { className: `rounded-sm border px-2.5 py-1 text-2xs font-bold tracking-[0.16em] ${enabled
                             ? "border-accent bg-accent text-accent-fg"
-                            : "border-border bg-transparent text-muted"}`, children: enabled ? onLabel : offLabel }), attentionLabel ? (_jsx("span", { className: "rounded-full border border-warn/30 bg-warn/12 px-2 py-0.5 text-3xs font-bold uppercase tracking-[0.14em] text-warn", children: attentionLabel })) : null] })] }));
+                            : "border-border bg-transparent text-muted"}`, children: enabled ? onLabel : offLabel }), attentionLabel ? (_jsx("span", { className: "rounded-sm border border-warn/30 bg-warn/12 px-2 py-0.5 text-3xs font-bold uppercase tracking-[0.14em] text-warn", children: attentionLabel })) : null] })] }));
 }

package/components/composites/trajectories/trajectory-cache-stats.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PagePanel } from "../page-panel/index.js";
 export function TrajectoryCacheStats({ emptyLabel = "No cache observations captured", heading, metrics, }) {
-    return (_jsxs(PagePanel, { variant: "section", className: "px-5 py-4", children: [_jsx("div", { className: "mb-3 text-xs-tight font-semibold uppercase tracking-[0.16em] text-muted/70", children: heading }), metrics.length === 0 ? (_jsx("div", { className: "rounded-lg border border-dashed border-border/50 px-4 py-6 text-sm text-muted", children: emptyLabel })) : (_jsx("div", { className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-4", children: metrics.map((metric) => (_jsxs(PagePanel.SummaryCard, { compact: true, className: "px-4 py-3", children: [_jsx("div", { className: "text-xs-tight uppercase tracking-[0.14em] text-muted/70", children: metric.label }), _jsx("div", { className: "mt-2 text-sm font-semibold text-txt", children: metric.value }), metric.meta ? (_jsx("div", { className: "mt-1 text-xs-tight text-muted", children: metric.meta })) : null] }, metric.id ?? `${String(metric.label)}-${String(metric.value)}`))) }))] }));
+    return (_jsxs(PagePanel, { variant: "section", className: "px-5 py-4", children: [_jsx("div", { className: "mb-3 text-xs-tight font-semibold uppercase tracking-[0.16em] text-muted/70", children: heading }), metrics.length === 0 ? (_jsx("div", { className: "rounded-sm border border-dashed border-border/50 px-4 py-6 text-sm text-muted", children: emptyLabel })) : (_jsx("div", { className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-4", children: metrics.map((metric) => (_jsxs(PagePanel.SummaryCard, { compact: true, className: "px-4 py-3", children: [_jsx("div", { className: "text-xs-tight uppercase tracking-[0.14em] text-muted/70", children: metric.label }), _jsx("div", { className: "mt-2 text-sm font-semibold text-txt", children: metric.value }), metric.meta ? (_jsx("div", { className: "mt-1 text-xs-tight text-muted", children: metric.meta })) : null] }, metric.id ?? `${String(metric.label)}-${String(metric.value)}`))) }))] }));
 }

package/components/composites/trajectories/trajectory-code-block.js

@@ -9,5 +9,5 @@ export function TrajectoryCodeBlock({ collapseLabel, content, copyLabel, copyToC
     const displayContent = shouldTruncate
         ? `${content.split("\n").slice(0, 20).join("\n")}\n...`
         : content;
-    return (_jsxs(PagePanel, { variant: "inset", className: "overflow-hidden", children: [_jsx(PagePanel.Header, { heading: label, description: linesLabel, actions: _jsxs(PagePanel.ActionRail, { className: "rounded-full px-1 py-1", children: [lines > 20 ? (_jsx(Button, { variant: "outline", size: "sm", type: "button", className: "h-8 rounded-full px-3 text-xs-tight", onClick: () => setExpanded((current) => !current), children: expanded ? collapseLabel : expandLabel })) : null, _jsx(Button, { variant: "outline", size: "sm", type: "button", className: "h-8 rounded-full px-3 text-xs-tight", onClick: () => onCopy(content), title: copyToClipboardLabel, children: copyLabel })] }) }), _jsx("pre", { className: "max-h-[28rem] overflow-x-auto overflow-y-auto whitespace-pre-wrap break-words px-4 py-4 text-xs leading-6 text-txt", children: displayContent })] }));
+    return (_jsxs(PagePanel, { variant: "inset", className: "overflow-hidden", children: [_jsx(PagePanel.Header, { heading: label, description: linesLabel, actions: _jsxs(PagePanel.ActionRail, { className: "rounded-sm px-1 py-1", children: [lines > 20 ? (_jsx(Button, { variant: "outline", size: "sm", type: "button", className: "h-8 rounded-sm px-3 text-xs-tight", onClick: () => setExpanded((current) => !current), children: expanded ? collapseLabel : expandLabel })) : null, _jsx(Button, { variant: "outline", size: "sm", type: "button", className: "h-8 rounded-sm px-3 text-xs-tight", onClick: () => onCopy(content), title: copyToClipboardLabel, children: copyLabel })] }) }), _jsx("pre", { className: "max-h-[28rem] overflow-x-auto overflow-y-auto whitespace-pre-wrap break-words px-4 py-4 text-xs leading-6 text-txt", children: displayContent })] }));
 }