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

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":"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"}
+{"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,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC;IAC3E,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"}

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

@@ -1,3 +1,2 @@
-export * from "./search-input";
-export * from "./searchbar";
+export * from "./searchbar.js";
 //# 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     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   ", onClick: onClear, children: _jsx(X, { className: "h-3.5 w-3.5" }) })) : null] }));
 });
 SidebarSearchBar.displayName = "SidebarSearchBar";

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

@@ -1,11 +1,11 @@
-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";
-export * from "./sidebar-root";
-export * from "./sidebar-scroll-region";
-export * from "./sidebar-types";
+export * from "./nav-active.js";
+export * from "./sidebar-body.js";
+export * from "./sidebar-collapsed-rail.js";
+export * from "./sidebar-content.js";
+export * from "./sidebar-header.js";
+export * from "./sidebar-header-stack.js";
+export * from "./sidebar-panel.js";
+export * from "./sidebar-root.js";
+export * from "./sidebar-scroll-region.js";
+export * from "./sidebar-types.js";
 //# sourceMappingURL=index.d.ts.map

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-auto-rail.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type SidebarRailItemProps } from "./sidebar-content";
+import { type SidebarRailItemProps } from "./sidebar-content.js";
 export interface SidebarAutoRailItem {
     key: string;
     label: string;

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

@@ -1,4 +1,4 @@
 import * as React from "react";
-import type { SidebarBodyProps } from "./sidebar-types";
+import type { SidebarBodyProps } from "./sidebar-types.js";
 export declare const SidebarBody: React.ForwardRefExoticComponent<SidebarBodyProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=sidebar-body.d.ts.map

package/components/composites/sidebar/sidebar-collapsed-rail.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import { Button } from "../../ui/button";
+import { Button } from "../../ui/button.js";
 export interface SidebarCollapsedRailProps extends React.HTMLAttributes<HTMLDivElement> {
     action?: React.ReactNode;
     listClassName?: string;

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 }) {
@@ -36,8 +37,8 @@ export function SidebarToolbarActions({ className, ...props }) {
     return (_jsx("div", { "data-sidebar-toolbar-actions": true, className: cn("flex shrink-0 items-center gap-2", 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"
+    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   ", active
+        ? navActiveClassVertical
         : variant === "accent-soft"
             ? "bg-accent/5 text-muted hover:bg-accent/10 hover:text-txt"
             : variant === "dashed"
@@ -55,7 +56,7 @@ export function SidebarItemBody({ className, ...props }) {
     return (_jsx("span", { "data-sidebar-item-body": true, className: cn("min-w-0 flex-1 text-left", className), ...props }));
 }
 export const SidebarItemButton = React.forwardRef(function SidebarItemButton({ className, ...props }, ref) {
-    return (_jsx("button", { ref: ref, type: "button", "data-sidebar-item-button": true, className: cn("flex h-auto min-w-0 flex-1 self-stretch items-start gap-3 rounded-none p-0 text-left focus-visible:outline-none", className), ...props }));
+    return (_jsx("button", { ref: ref, type: "button", "data-sidebar-item-button": true, className: cn("flex h-auto min-w-0 flex-1 self-stretch items-start gap-3 rounded-none p-0 text-left ", className), ...props }));
 });
 export function SidebarItemTitle({ className, ...props }) {
     return (_jsx("span", { "data-sidebar-item-title": true, className: cn("block whitespace-normal break-words [overflow-wrap:anywhere] text-sm font-semibold leading-snug text-inherit", className), ...props }));
@@ -67,12 +68,12 @@ export function SidebarRailMedia({ className, ...props }) {
     return (_jsx("span", { "data-sidebar-rail-media": true, className: cn("inline-flex items-center justify-center leading-none text-sm [&_img]:h-4 [&_img]:w-4 [&_img]:object-contain [&_img]:rounded-none [&_svg]:h-4 [&_svg]:w-4", 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] }));
+    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    active:scale-[0.98]", active
+            ? 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-stack.d.ts

@@ -1,3 +1,3 @@
-import type { SidebarHeaderStackProps } from "./sidebar-types";
+import type { SidebarHeaderStackProps } from "./sidebar-types.js";
 export declare function SidebarHeaderStack({ className, ...props }: SidebarHeaderStackProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=sidebar-header-stack.d.ts.map

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

@@ -1,8 +1,8 @@
 import type * as React from "react";
-import type { SidebarSearchBarProps } from "../search";
+import type { SidebarSearchBarProps } from "../search/index.js";
 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-panel.d.ts

@@ -1,3 +1,3 @@
-import type { SidebarPanelProps } from "./sidebar-types";
+import type { SidebarPanelProps } from "./sidebar-types.js";
 export declare function SidebarPanel({ className, variant, ...props }: SidebarPanelProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=sidebar-panel.d.ts.map

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

@@ -1,4 +1,4 @@
 import * as React from "react";
-import type { SidebarProps } from "./sidebar-types";
+import type { SidebarProps } from "./sidebar-types.js";
 export declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLElement>>;
 //# sourceMappingURL=sidebar-root.d.ts.map

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;AA4YpE,eAAO,MAAM,OAAO,kFAgenB,CAAC"}

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

@@ -9,16 +9,21 @@ 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 ",
+            "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",
             false: "",
         },
         resizable: {
-            true: "",
+            // While resizable, width is driven directly by the drag — animating it
+            // over 360ms makes the sidebar lag/chase the pointer and forces layout
+            // every frame. Drop width/min-width from the transition (keep the
+            // radius/shadow polish for collapse/expand, which happens in the
+            // non-resizable state).
+            true: "transition-[border-radius,box-shadow]",
             false: "",
         },
     },
@@ -27,18 +32,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 +77,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";
@@ -428,27 +433,48 @@ export const Sidebar = React.forwardRef(function Sidebar({ testId, variant = "de
         catch {
             /* ignore */
         }
+        // Coalesce width writes to one per frame: a high-rate mouse fires
+        // pointermove well above 60Hz, and each write is a parent setState +
+        // layout. The collapse check stays synchronous so the threshold can't
+        // be missed between frames.
+        let rafId = 0;
+        let pendingWidth = null;
         const onMove = (ev) => {
             const delta = ev.clientX - startX;
             const nextRaw = startWidth + delta;
             if (nextRaw < collapseThreshold && onCollapseRequest) {
                 onCollapseRequest();
-                window.removeEventListener("pointermove", onMove);
-                window.removeEventListener("pointerup", onUp);
+                cleanup();
                 return;
             }
-            const clamped = Math.min(Math.max(nextRaw, minWidth), maxWidth);
-            onWidthChange?.(clamped);
+            pendingWidth = Math.min(Math.max(nextRaw, minWidth), maxWidth);
+            if (rafId === 0) {
+                rafId = requestAnimationFrame(() => {
+                    rafId = 0;
+                    if (pendingWidth !== null)
+                        onWidthChange?.(pendingWidth);
+                });
+            }
         };
+        function cleanup() {
+            if (rafId !== 0) {
+                cancelAnimationFrame(rafId);
+                rafId = 0;
+            }
+            window.removeEventListener("pointermove", onMove);
+            window.removeEventListener("pointerup", onUp);
+        }
         const onUp = () => {
+            // Flush the last pending width so the final position isn't dropped.
+            if (rafId !== 0 && pendingWidth !== null)
+                onWidthChange?.(pendingWidth);
             try {
                 target.releasePointerCapture(event.pointerId);
             }
             catch {
                 /* ignore */
             }
-            window.removeEventListener("pointermove", onMove);
-            window.removeEventListener("pointerup", onUp);
+            cleanup();
         };
         window.addEventListener("pointermove", onMove);
         window.addEventListener("pointerup", onUp);
@@ -469,7 +495,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-scroll-region.d.ts

@@ -1,3 +1,3 @@
-import type { SidebarScrollRegionProps } from "./sidebar-types";
+import type { SidebarScrollRegionProps } from "./sidebar-types.js";
 export declare function SidebarScrollRegion({ className, variant, ...props }: SidebarScrollRegionProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=sidebar-scroll-region.d.ts.map

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":"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;AAEjD,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,sBAAsB,EAAE,CAAC;IACxC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,KAAK,GAAG,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB"}
+{"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/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./skill-sidebar-item";
+export * from "./skill-sidebar-item.js";
 //# sourceMappingURL=index.d.ts.map

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/index.d.ts

@@ -1,8 +1,8 @@
-export * from "./trajectory-cache-stats";
-export * from "./trajectory-code-block";
-export * from "./trajectory-context-diff-list";
-export * from "./trajectory-event-timeline";
-export * from "./trajectory-llm-call-card";
-export * from "./trajectory-pipeline-graph";
-export * from "./trajectory-sidebar-item";
+export * from "./trajectory-cache-stats.js";
+export * from "./trajectory-code-block.js";
+export * from "./trajectory-context-diff-list.js";
+export * from "./trajectory-event-timeline.js";
+export * from "./trajectory-llm-call-card.js";
+export * from "./trajectory-pipeline-graph.js";
+export * from "./trajectory-sidebar-item.js";
 //# sourceMappingURL=index.d.ts.map

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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trajectory-code-block.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/trajectories/trajectory-code-block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,wBAAwB;IACvC,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,mBAAmB,CAAC,EAClC,aAAa,EACb,OAAO,EACP,SAAS,EACT,oBAAoB,EACpB,WAAW,EACX,KAAK,EACL,UAAU,EACV,MAAM,GACP,EAAE,wBAAwB,2CA4C1B"}
+{"version":3,"file":"trajectory-code-block.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/trajectories/trajectory-code-block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,wBAAwB;IACvC,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,mBAAmB,CAAC,EAClC,aAAa,EACb,OAAO,EACP,SAAS,EACT,oBAAoB,EACpB,WAAW,EACX,KAAK,EACL,UAAU,EACV,MAAM,GACP,EAAE,wBAAwB,2CA6C1B"}

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

@@ -4,10 +4,11 @@ import { Button } from "../../ui/button.js";
 import { PagePanel } from "../page-panel/index.js";
 export function TrajectoryCodeBlock({ collapseLabel, content, copyLabel, copyToClipboardLabel, expandLabel, label, linesLabel, onCopy, }) {
     const [expanded, setExpanded] = React.useState(false);
-    const lines = content.split("\n").length;
+    const contentLines = React.useMemo(() => content.split("\n"), [content]);
+    const lines = contentLines.length;
     const shouldTruncate = !expanded && lines > 20;
     const displayContent = shouldTruncate
-        ? `${content.split("\n").slice(0, 20).join("\n")}\n...`
+        ? `${contentLines.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 })] }));
 }

package/components/composites/trajectories/trajectory-context-diff-list.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Activity, Plus, RefreshCcw, Trash2, } from "lucide-react";
 import { PagePanel } from "../page-panel/index.js";
 export function TrajectoryContextDiffList({ diffs, emptyLabel = "Context diffs are not available for this trajectory", heading, }) {
-    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 }), diffs.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: "space-y-3", children: diffs.map((diff) => (_jsxs(PagePanel, { variant: "inset", className: "p-4", children: [_jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: diff.label }), diff.description ? (_jsx("div", { className: "mt-1 text-xs-tight text-muted", children: diff.description })) : null] }), diff.timestampLabel ? (_jsx("div", { className: "shrink-0 text-xs-tight text-muted", children: diff.timestampLabel })) : null] }), _jsxs("div", { className: "mt-4 grid gap-2 sm:grid-cols-4", children: [_jsx(DiffMetric, { icon: Plus, label: "Added", value: diff.added }), _jsx(DiffMetric, { icon: Trash2, label: "Removed", value: diff.removed }), _jsx(DiffMetric, { icon: RefreshCcw, label: "Changed", value: diff.changed }), _jsx(DiffMetric, { icon: Activity, label: "Token Delta", value: diff.tokenDelta })] })] }, diff.id))) }))] }));
+    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 }), diffs.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: "space-y-3", children: diffs.map((diff) => (_jsxs(PagePanel, { variant: "inset", className: "p-4", children: [_jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: diff.label }), diff.description ? (_jsx("div", { className: "mt-1 text-xs-tight text-muted", children: diff.description })) : null] }), diff.timestampLabel ? (_jsx("div", { className: "shrink-0 text-xs-tight text-muted", children: diff.timestampLabel })) : null] }), _jsxs("div", { className: "mt-4 grid gap-2 sm:grid-cols-4", children: [_jsx(DiffMetric, { icon: Plus, label: "Added", value: diff.added }), _jsx(DiffMetric, { icon: Trash2, label: "Removed", value: diff.removed }), _jsx(DiffMetric, { icon: RefreshCcw, label: "Changed", value: diff.changed }), _jsx(DiffMetric, { icon: Activity, label: "Token Delta", value: diff.tokenDelta })] })] }, diff.id))) }))] }));
 }
 function DiffMetric({ icon: Icon, label, value, }) {
-    return (_jsxs("div", { className: "rounded-lg border border-border/40 bg-bg/40 px-3 py-2", children: [_jsxs("div", { className: "flex items-center gap-1.5 text-[11px] uppercase tracking-[0.12em] text-muted", children: [_jsx(Icon, { className: "h-3 w-3" }), label] }), _jsx("div", { className: "mt-1 text-sm font-semibold text-txt", children: value ?? "—" })] }));
+    return (_jsxs("div", { className: "rounded-sm border border-border/40 bg-bg/40 px-3 py-2", children: [_jsxs("div", { className: "flex items-center gap-1.5 text-[11px] uppercase tracking-[0.12em] text-muted", children: [_jsx(Icon, { className: "h-3 w-3" }), label] }), _jsx("div", { className: "mt-1 text-sm font-semibold text-txt", children: value ?? "—" })] }));
 }