@agent-native/toolkit 0.19.7 → 0.19.8-nightly-20260910195009

package/agent-native.eject.json

@@ -96,7 +96,14 @@
       "strategy": "source-copy",
       "sourceEntries": ["src/app-shell"],
       "targetRoot": "app/components/agent-native/toolkit",
-      "dependencies": ["clsx", "react", "tailwind-merge"],
+      "dependencies": [
+        "@radix-ui/react-collapsible",
+        "@radix-ui/react-tooltip",
+        "@tabler/icons-react",
+        "clsx",
+        "react",
+        "tailwind-merge"
+      ],
       "verification": ["pnpm typecheck"]
     },
     {

package/dist/app-shell/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./header-actions.js";
 export * from "./sidebar-footer-actions.js";
+export * from "./sidebar.js";
 export * from "./use-persistent-sidebar-collapsed.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/app-shell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/app-shell/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uCAAuC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/app-shell/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,cAAc,CAAC;AAC7B,cAAc,uCAAuC,CAAC"}

package/dist/app-shell/index.js

@@ -1,4 +1,5 @@
 export * from "./header-actions.js";
 export * from "./sidebar-footer-actions.js";
+export * from "./sidebar.js";
 export * from "./use-persistent-sidebar-collapsed.js";
 //# sourceMappingURL=index.js.map

package/dist/app-shell/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/app-shell/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uCAAuC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/app-shell/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,cAAc,CAAC;AAC7B,cAAc,uCAAuC,CAAC"}

package/dist/app-shell/sidebar.d.ts

@@ -0,0 +1,134 @@
+import { type ComponentType, type HTMLAttributes, type MouseEvent, type ReactNode } from "react";
+export type AppSidebarLinkComponent = ComponentType<{
+    to?: string;
+    href?: string;
+    className?: string;
+    onClick?: (event: MouseEvent) => void;
+    children?: ReactNode;
+    "aria-label"?: string;
+}>;
+export interface AppSidebarContextValue {
+    collapsed: boolean;
+    setCollapsed: (collapsed: boolean | ((current: boolean) => boolean)) => void;
+    toggleCollapsed: () => void;
+    isMobile: boolean;
+    /** Router-aware link. Defaults to a native `<a href>`. */
+    LinkComponent: AppSidebarLinkComponent;
+}
+export declare function useAppSidebar(): AppSidebarContextValue;
+export interface AppSidebarItemDefinition {
+    id?: string;
+    to?: string;
+    href?: string;
+    label: string;
+    icon?: ComponentType<{
+        className?: string;
+    }> | ReactNode;
+    active?: boolean;
+    count?: number | string;
+    badge?: ReactNode;
+    actions?: ReactNode;
+    onClick?: (event: MouseEvent) => void;
+    children?: ReactNode;
+}
+export interface AppSidebarHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    brandName?: ReactNode;
+    brandHref?: string;
+    brandIcon?: ReactNode;
+    brandLink?: ReactNode;
+    badge?: ReactNode;
+    onBrandClick?: (event: MouseEvent) => void;
+    collapsed?: boolean;
+}
+export declare const AppSidebarHeader: import("react").ForwardRefExoticComponent<AppSidebarHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface AppSidebarNavItemProps extends HTMLAttributes<HTMLDivElement> {
+    label: ReactNode;
+    icon?: ComponentType<{
+        className?: string;
+    }> | ReactNode;
+    to?: string;
+    href?: string;
+    active?: boolean;
+    count?: number | string;
+    badge?: ReactNode;
+    actions?: ReactNode;
+    onClick?: (event: MouseEvent) => void;
+    asChild?: boolean;
+    tooltipSide?: "right" | "top" | "bottom" | "left";
+}
+export declare const AppSidebarNavItem: import("react").ForwardRefExoticComponent<AppSidebarNavItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface AppSidebarNavGroupProps extends HTMLAttributes<HTMLDivElement> {
+    label: ReactNode;
+    icon?: ComponentType<{
+        className?: string;
+    }> | ReactNode;
+    to?: string;
+    href?: string;
+    active?: boolean;
+    count?: number | string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    actions?: ReactNode;
+    children: ReactNode;
+}
+export declare const AppSidebarNavGroup: import("react").ForwardRefExoticComponent<AppSidebarNavGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface AppSidebarSectionProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    title?: ReactNode;
+    divider?: boolean;
+}
+export declare const AppSidebarSection: import("react").ForwardRefExoticComponent<AppSidebarSectionProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface AppSidebarFeedbackButtonProps {
+    label?: string;
+    icon?: ComponentType<{
+        className?: string;
+    }> | ReactNode;
+    onClick?: (event: MouseEvent) => void;
+    className?: string;
+    collapsed?: boolean;
+}
+export declare function AppSidebarFeedbackButton({ label, icon, onClick, className, collapsed: propCollapsed, }: AppSidebarFeedbackButtonProps): import("react").JSX.Element;
+export interface AppSidebarFooterProps extends HTMLAttributes<HTMLDivElement> {
+    feedback?: ReactNode;
+    orgSwitcher?: ReactNode;
+    footerExtras?: ReactNode;
+    collapsible?: boolean;
+    expandLabel?: string;
+    collapseLabel?: string;
+    collapsed?: boolean;
+    onToggleCollapsed?: () => void;
+}
+export declare const AppSidebarFooter: import("react").ForwardRefExoticComponent<AppSidebarFooterProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface AppSidebarProps extends HTMLAttributes<HTMLElement> {
+    collapsed?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+    defaultCollapsed?: boolean;
+    collapsible?: boolean;
+    storageKey?: string;
+    isMobile?: boolean;
+    /**
+     * When set (boolean), the sidebar owns off-canvas mobile drawer positioning.
+     * Leave undefined when embedding inside an external Sheet/drawer so the
+     * sidebar stays visible without translate offsets.
+     */
+    mobileOpen?: boolean;
+    onMobileOpenChange?: (open: boolean) => void;
+    /** Router-aware link component. Defaults to a native `<a href>`. */
+    linkComponent?: AppSidebarLinkComponent;
+    brandName?: ReactNode;
+    brandHref?: string;
+    brandIcon?: ReactNode;
+    brandLink?: ReactNode;
+    badge?: ReactNode;
+    headerContent?: ReactNode;
+    items?: AppSidebarItemDefinition[];
+    secondaryItems?: AppSidebarItemDefinition[];
+    feedback?: ReactNode;
+    orgSwitcher?: ReactNode;
+    footerExtras?: ReactNode;
+    footerContent?: ReactNode;
+    expandLabel?: string;
+    collapseLabel?: string;
+}
+export declare const AppSidebar: import("react").ForwardRefExoticComponent<AppSidebarProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=sidebar.d.ts.map

package/dist/app-shell/sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/app-shell/sidebar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAQL,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAoBf,MAAM,MAAM,uBAAuB,GAAG,aAAa,CAAC;IAClD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC,CAAC;AAEH,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,GAAG,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,KAAK,IAAI,CAAC;IAC7E,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,aAAa,EAAE,uBAAuB,CAAC;CACxC;AAuCD,wBAAgB,aAAa,IAAI,sBAAsB,CAGtD;AAkBD,MAAM,WAAW,wBAAwB;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACzD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAMD,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,kHA0D5B,CAAC;AAOF,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC5E,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACzD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;CACnD;AAED,eAAO,MAAM,iBAAiB,mHAwI7B,CAAC;AAOF,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC7E,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACzD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,oHAuH9B,CAAC;AAOF,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,cAAc,CAAC,cAAc,CAAC,EAC9B,OAAO,CACR;IACC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,mHA2B5B,CAAC;AAOH,MAAM,WAAW,6BAA6B;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACzD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,KAAyB,EACzB,IAAI,EACJ,OAAO,EACP,SAAS,EACT,SAAS,EAAE,aAAa,GACzB,EAAE,6BAA6B,+BAqC/B;AAMD,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,gBAAgB,kHAiG5B,CAAC;AAOF,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAElE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,oEAAoE;IACpE,aAAa,CAAC,EAAE,uBAAuB,CAAC;IAGxC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,aAAa,CAAC,EAAE,SAAS,CAAC;IAG1B,KAAK,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACnC,cAAc,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAG5C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,yGAiPtB,CAAC"}

package/dist/app-shell/sidebar.js

@@ -0,0 +1,183 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconChevronDown, IconLayoutSidebarLeftCollapse, IconLayoutSidebarLeftExpand, IconMessageCircle, } from "@tabler/icons-react";
+import { createContext, forwardRef, isValidElement, useCallback, useContext, useMemo, useState, } from "react";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "../ui/collapsible.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../ui/tooltip.js";
+import { cn } from "../utils.js";
+import { usePersistentSidebarCollapsed } from "./use-persistent-sidebar-collapsed.js";
+const AppSidebarContext = createContext(null);
+function NativeSidebarLink({ to, href, className, onClick, children, "aria-label": ariaLabel, }) {
+    return (_jsx("a", { href: to ?? href, className: className, onClick: onClick, "aria-label": ariaLabel, children: children }));
+}
+const defaultSidebarContextValue = {
+    collapsed: false,
+    setCollapsed: () => { },
+    toggleCollapsed: () => { },
+    isMobile: false,
+    LinkComponent: NativeSidebarLink,
+};
+export function useAppSidebar() {
+    const context = useContext(AppSidebarContext);
+    return context ?? defaultSidebarContextValue;
+}
+function renderSidebarIcon(icon, className = "size-4 shrink-0 text-primary") {
+    if (!icon)
+        return null;
+    if (isValidElement(icon)) {
+        return icon;
+    }
+    const IconComponent = icon;
+    return _jsx(IconComponent, { className: className });
+}
+export const AppSidebarHeader = forwardRef(({ brandName, brandHref = "/", brandIcon, brandLink, badge, onBrandClick, collapsed: propCollapsed, className, children, ...props }, ref) => {
+    const context = useAppSidebar();
+    const collapsed = propCollapsed ?? context.collapsed;
+    const LinkComponent = context.LinkComponent;
+    return (_jsxs("div", { ref: ref, "data-sidebar-header": true, className: cn("flex h-14 shrink-0 items-center border-b border-border", collapsed ? "flex-col justify-center gap-0.5 px-2" : "gap-2 px-4", className), ...props, children: [brandLink ?? (_jsxs(LinkComponent, { to: brandHref, href: brandHref, "aria-label": typeof brandName === "string" ? brandName : undefined, onClick: onBrandClick, className: cn("flex min-w-0 items-center gap-2 rounded text-start outline-none focus-visible:ring-2 focus-visible:ring-ring", collapsed ? "size-8 justify-center" : "shrink-0"), children: [brandIcon, !collapsed && brandName && (_jsx("span", { className: "truncate text-sm font-semibold text-primary", children: brandName }))] })), badge, children] }));
+});
+AppSidebarHeader.displayName = "AppSidebarHeader";
+export const AppSidebarNavItem = forwardRef(({ label, icon, to, href, active = false, count, badge, actions, onClick, asChild = false, tooltipSide = "right", className, children, ...props }, ref) => {
+    const { collapsed, LinkComponent } = useAppSidebar();
+    const linkHref = to ?? href;
+    if (collapsed) {
+        const tooltipLabel = typeof label === "string" ? label : undefined;
+        const content = asChild ? (children) : linkHref ? (_jsx(LinkComponent, { to: to, href: href ?? to, "aria-label": tooltipLabel, onClick: onClick, className: cn("flex size-9 items-center justify-center rounded-md text-primary hover:bg-accent/60 hover:text-primary", active &&
+                "bg-primary/10 text-primary hover:bg-primary/10 hover:text-primary", className), children: renderSidebarIcon(icon) })) : (_jsx("button", { type: "button", "aria-label": tooltipLabel, onClick: onClick, className: cn("flex size-9 items-center justify-center rounded-md text-primary hover:bg-accent/60 hover:text-primary", active &&
+                "bg-primary/10 text-primary hover:bg-primary/10 hover:text-primary", className), children: renderSidebarIcon(icon) }));
+        return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: content }), _jsx(TooltipContent, { side: tooltipSide, children: label })] }));
+    }
+    if (asChild) {
+        return (_jsxs("div", { ref: ref, className: cn("group flex items-center rounded", active
+                ? "bg-primary/10 font-medium text-primary"
+                : "text-primary hover:bg-accent/60", className), ...props, children: [children, actions] }));
+    }
+    const innerContent = (_jsxs(_Fragment, { children: [renderSidebarIcon(icon), _jsx("span", { className: "flex-1 truncate text-primary", children: label }), count !== undefined &&
+                (typeof count === "number" ? count > 0 : Boolean(count)) && (_jsx("span", { className: "shrink-0 tabular-nums text-[11px] text-primary/80", children: count })), badge] }));
+    return (_jsxs("div", { ref: ref, className: cn("group flex items-center rounded", active
+            ? "bg-primary/10 font-medium text-primary"
+            : "text-primary hover:bg-accent/60", className), ...props, children: [linkHref ? (_jsx(LinkComponent, { to: to, href: href ?? to, onClick: onClick, className: "flex min-w-0 flex-1 items-center gap-2 px-2 py-1.5 text-xs text-primary", children: innerContent })) : (_jsx("button", { type: "button", onClick: onClick, className: "flex min-w-0 flex-1 items-center gap-2 px-2 py-1.5 text-xs text-primary", children: innerContent })), actions] }));
+});
+AppSidebarNavItem.displayName = "AppSidebarNavItem";
+export const AppSidebarNavGroup = forwardRef(({ label, icon, to, href, active = false, count, open: controlledOpen, onOpenChange: controlledOnOpenChange, defaultOpen = false, actions, children, className, ...props }, ref) => {
+    const { collapsed, LinkComponent } = useAppSidebar();
+    const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+    const open = controlledOpen ?? uncontrolledOpen;
+    const onOpenChange = controlledOnOpenChange ?? setUncontrolledOpen;
+    const linkHref = to ?? href;
+    if (collapsed) {
+        const tooltipLabel = typeof label === "string" ? label : undefined;
+        return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(LinkComponent, { to: to, href: href ?? to ?? "#", "aria-label": tooltipLabel, className: cn("flex size-9 items-center justify-center rounded-md text-primary hover:bg-accent/60 hover:text-primary", active &&
+                            "bg-primary/10 text-primary hover:bg-primary/10 hover:text-primary", className), children: renderSidebarIcon(icon) }) }), _jsx(TooltipContent, { side: "right", children: label })] }));
+    }
+    return (_jsxs(Collapsible, { open: open, onOpenChange: onOpenChange, className: cn("group/sidebar-nav", className), ...props, children: [_jsxs("div", { ref: ref, className: cn("group flex items-center rounded", active
+                    ? "bg-primary/10 font-medium text-primary"
+                    : "text-primary hover:bg-accent/60"), children: [linkHref ? (_jsxs(LinkComponent, { to: to, href: href ?? to, className: "flex min-w-0 flex-1 items-center gap-2 px-2 py-1.5 text-xs text-primary", children: [renderSidebarIcon(icon), _jsx("span", { className: "flex-1 truncate text-primary", children: label }), count !== undefined &&
+                                (typeof count === "number" ? count > 0 : Boolean(count)) && (_jsx("span", { className: "shrink-0 tabular-nums text-[11px] text-primary/80", children: count }))] })) : (_jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2 px-2 py-1.5 text-xs text-primary", children: [renderSidebarIcon(icon), _jsx("span", { className: "flex-1 truncate text-primary", children: label }), count !== undefined &&
+                                (typeof count === "number" ? count > 0 : Boolean(count)) && (_jsx("span", { className: "shrink-0 tabular-nums text-[11px] text-primary/80", children: count }))] })), actions, _jsx(CollapsibleTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": open ? "Collapse" : "Expand", className: "me-1 flex size-7 shrink-0 items-center justify-center rounded text-primary hover:bg-accent hover:text-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", children: _jsx(IconChevronDown, { className: cn("size-3.5 transition-transform motion-reduce:transition-none", open && "rotate-180") }) }) })] }), _jsx(CollapsibleContent, { className: "clips-collapsible-content", children: _jsx("div", { className: "ms-3.5 border-s border-border/70 ps-2", children: children }) })] }));
+});
+AppSidebarNavGroup.displayName = "AppSidebarNavGroup";
+export const AppSidebarSection = forwardRef(({ title, divider = true, className, children, ...props }, ref) => {
+    const { collapsed } = useAppSidebar();
+    return (_jsxs("div", { ref: ref, "data-sidebar-section": true, className: cn(divider && "border-t border-border/70", collapsed
+            ? "mt-2 flex flex-col items-center gap-1 pt-2"
+            : "mt-3 space-y-0.5 pt-3", className), ...props, children: [!collapsed && title && (_jsx("p", { className: "px-2 pb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground/60", children: title })), children] }));
+});
+AppSidebarSection.displayName = "AppSidebarSection";
+export function AppSidebarFeedbackButton({ label = "Report an issue", icon, onClick, className, collapsed: propCollapsed, }) {
+    let contextCollapsed = false;
+    try {
+        const context = useAppSidebar();
+        contextCollapsed = context.collapsed;
+    }
+    catch {
+        // coercion-ok: context is optional when AppSidebarFeedbackButton is used standalone
+    }
+    const isCollapsed = propCollapsed ?? contextCollapsed;
+    const button = (_jsxs("button", { type: "button", "aria-label": isCollapsed ? label : undefined, onClick: onClick, className: cn(isCollapsed
+            ? "flex size-9 items-center justify-center rounded-md bg-transparent text-primary hover:bg-accent/60 hover:text-primary"
+            : "flex h-auto w-full items-center justify-start gap-2 rounded bg-transparent px-2 py-1.5 text-xs font-normal text-primary hover:bg-accent/60 hover:text-primary", className), children: [renderSidebarIcon(icon, "size-4 shrink-0 text-primary") ?? (_jsx(IconMessageCircle, { className: "size-4 shrink-0 text-primary" })), !isCollapsed && _jsx("span", { children: label })] }));
+    if (!isCollapsed)
+        return button;
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: button }), _jsx(TooltipContent, { side: "right", children: label })] }));
+}
+export const AppSidebarFooter = forwardRef(({ feedback, orgSwitcher, footerExtras, collapsible = true, expandLabel = "Expand sidebar", collapseLabel = "Collapse sidebar", collapsed: propCollapsed, onToggleCollapsed, className, children, ...props }, ref) => {
+    const context = useAppSidebar();
+    const collapsed = propCollapsed ?? context.collapsed;
+    const toggleCollapsed = onToggleCollapsed ?? context.toggleCollapsed;
+    if (children) {
+        return (_jsx("div", { ref: ref, "data-sidebar-footer": true, className: cn("shrink-0 border-t border-border p-2", collapsed ? "space-y-1" : "space-y-1.5", className), ...props, children: children }));
+    }
+    const collapseButton = collapsible ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": collapsed ? expandLabel : collapseLabel, onClick: toggleCollapsed, className: "flex size-9 shrink-0 items-center justify-center rounded-md bg-transparent text-primary hover:bg-accent/60 hover:text-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", children: collapsed ? (_jsx(IconLayoutSidebarLeftExpand, { className: "size-4 rtl:-scale-x-100" })) : (_jsx(IconLayoutSidebarLeftCollapse, { className: "size-4 rtl:-scale-x-100" })) }) }), _jsx(TooltipContent, { side: "right", children: collapsed ? expandLabel : collapseLabel })] })) : null;
+    const resolvedFeedback = feedback !== undefined ? (feedback) : (_jsx(AppSidebarFeedbackButton, { collapsed: collapsed }));
+    return (_jsxs("div", { ref: ref, "data-sidebar-footer": true, className: cn("shrink-0 border-t border-border p-2", collapsed ? "space-y-1" : "space-y-1.5", className), ...props, children: [resolvedFeedback, _jsxs("div", { "data-sidebar-footer-utilities": true, className: cn(collapsed
+                    ? "flex flex-col items-center gap-1"
+                    : "flex items-center gap-0.5"), children: [orgSwitcher, footerExtras, collapseButton] })] }));
+});
+AppSidebarFooter.displayName = "AppSidebarFooter";
+export const AppSidebar = forwardRef(({ collapsed: controlledCollapsed, onCollapsedChange: controlledOnCollapsedChange, defaultCollapsed = false, collapsible = true, storageKey, isMobile = false, mobileOpen, onMobileOpenChange, linkComponent, brandName, brandHref = "/", brandIcon, brandLink, badge, headerContent, items, secondaryItems, feedback, orgSwitcher, footerExtras, footerContent, expandLabel = "Expand sidebar", collapseLabel = "Collapse sidebar", className, children, ...props }, ref) => {
+    // Persistence hook if storageKey is provided and not controlled
+    const persistent = usePersistentSidebarCollapsed({
+        storageKey: storageKey ?? "app-sidebar-default-key",
+        defaultCollapsed,
+    });
+    const isControlled = controlledCollapsed !== undefined;
+    const isUsingStorage = !isControlled && Boolean(storageKey);
+    const [uncontrolledCollapsed, setUncontrolledCollapsed] = useState(defaultCollapsed);
+    const collapsed = isControlled
+        ? controlledCollapsed
+        : isUsingStorage
+            ? persistent.collapsed
+            : uncontrolledCollapsed;
+    const setCollapsed = useCallback((value) => {
+        const next = typeof value === "function" ? value(collapsed) : value;
+        if (controlledOnCollapsedChange) {
+            controlledOnCollapsedChange(next);
+        }
+        if (isUsingStorage) {
+            persistent.setCollapsed(next);
+        }
+        if (!isControlled && !isUsingStorage) {
+            setUncontrolledCollapsed(next);
+        }
+    }, [
+        collapsed,
+        controlledOnCollapsedChange,
+        isControlled,
+        isUsingStorage,
+        persistent,
+    ]);
+    const toggleCollapsed = useCallback(() => {
+        setCollapsed((prev) => !prev);
+    }, [setCollapsed]);
+    const showCollapsedSidebar = collapsed && !isMobile;
+    const LinkComponent = linkComponent ?? NativeSidebarLink;
+    // Only self-manage off-canvas transform when the caller controls mobileOpen.
+    // Sheet/drawer embeds leave mobileOpen undefined so content stays visible.
+    const ownsMobileDrawer = typeof mobileOpen === "boolean";
+    const contextValue = useMemo(() => ({
+        collapsed: showCollapsedSidebar,
+        setCollapsed,
+        toggleCollapsed,
+        isMobile,
+        LinkComponent,
+    }), [
+        showCollapsedSidebar,
+        setCollapsed,
+        toggleCollapsed,
+        isMobile,
+        LinkComponent,
+    ]);
+    return (_jsx(AppSidebarContext.Provider, { value: contextValue, children: _jsx(TooltipProvider, { delayDuration: 0, children: _jsxs("aside", { ref: ref, "data-collapsed": showCollapsedSidebar ? "true" : "false", className: cn("flex h-full w-[260px] flex-col overflow-hidden border-e border-border bg-sidebar transition-[width,transform] duration-200 ease-out", ownsMobileDrawer
+                    ? "agent-layout-left-drawer fixed inset-y-0 start-0 z-50 md:static md:z-auto"
+                    : "relative md:static", showCollapsedSidebar && "md:w-14", ownsMobileDrawer &&
+                    (mobileOpen
+                        ? "translate-x-0"
+                        : "-translate-x-full rtl:translate-x-full md:translate-x-0"), className), ...props, children: [headerContent ?? (_jsx(AppSidebarHeader, { brandName: brandName, brandHref: brandHref, brandIcon: brandIcon, brandLink: brandLink, badge: badge })), _jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: showCollapsedSidebar ? (_jsxs("nav", { className: "flex flex-col items-center gap-1 px-2 py-3", children: [items?.map((item) => (_jsx(AppSidebarNavItem, { to: item.to, href: item.href, label: item.label, icon: item.icon, active: item.active, count: item.count, badge: item.badge, onClick: item.onClick }, item.id ?? item.to ?? item.href ?? item.label))), children, secondaryItems && secondaryItems.length > 0 && (_jsx("div", { className: "mt-2 flex flex-col items-center gap-1 border-t border-border/70 pt-2", children: secondaryItems.map((item) => (_jsx(AppSidebarNavItem, { to: item.to, href: item.href, label: item.label, icon: item.icon, active: item.active, count: item.count, badge: item.badge, onClick: item.onClick }, item.id ?? item.to ?? item.href ?? item.label))) }))] })) : (_jsxs("nav", { className: "space-y-0.5 px-2 py-3", children: [items?.map((item) => {
+                                    if (item.children) {
+                                        return (_jsx(AppSidebarNavGroup, { to: item.to, href: item.href, label: item.label, icon: item.icon, active: item.active, count: item.count, actions: item.actions, children: item.children }, item.id ?? item.to ?? item.href ?? item.label));
+                                    }
+                                    return (_jsx(AppSidebarNavItem, { to: item.to, href: item.href, label: item.label, icon: item.icon, active: item.active, count: item.count, badge: item.badge, actions: item.actions, onClick: item.onClick }, item.id ?? item.to ?? item.href ?? item.label));
+                                }), children, secondaryItems && secondaryItems.length > 0 && (_jsx("div", { className: "mt-3 space-y-0.5 border-t border-border/70 pt-3", children: secondaryItems.map((item) => (_jsx(AppSidebarNavItem, { to: item.to, href: item.href, label: item.label, icon: item.icon, active: item.active, count: item.count, badge: item.badge, actions: item.actions, onClick: item.onClick }, item.id ?? item.to ?? item.href ?? item.label))) }))] })) }), footerContent ?? (_jsx(AppSidebarFooter, { feedback: feedback, orgSwitcher: orgSwitcher, footerExtras: footerExtras, collapsible: collapsible, expandLabel: expandLabel, collapseLabel: collapseLabel }))] }) }) }));
+});
+AppSidebar.displayName = "AppSidebar";
+//# sourceMappingURL=sidebar.js.map

package/dist/app-shell/sidebar.js.map

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

package/dist/app-shell/sidebar.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=sidebar.spec.d.ts.map

package/dist/app-shell/sidebar.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.spec.d.ts","sourceRoot":"","sources":["../../src/app-shell/sidebar.spec.tsx"],"names":[],"mappings":""}

package/dist/app-shell/sidebar.spec.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @vitest-environment happy-dom
+import { act } from "react";
+import { createRoot } from "react-dom/client";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { AppSidebar, AppSidebarNavItem, AppSidebarNavGroup, AppSidebarSection, } from "./sidebar.js";
+describe("AppSidebar", () => {
+    let container;
+    let root;
+    beforeEach(() => {
+        vi.stubGlobal("IS_REACT_ACT_ENVIRONMENT", true);
+        container = document.createElement("div");
+        document.body.appendChild(container);
+        root = createRoot(container);
+    });
+    afterEach(() => {
+        act(() => root.unmount());
+        container.remove();
+    });
+    it("renders expanded sidebar with brand, items, and utilities", () => {
+        act(() => {
+            root.render(_jsx(AppSidebar, { brandName: "My App", brandHref: "/home", badge: _jsx("span", { "data-badge": true, children: "alpha" }), items: [
+                    { label: "Inbox", to: "/inbox", count: 5, active: true },
+                    { label: "Tasks", to: "/tasks" },
+                ], secondaryItems: [{ label: "Archive", to: "/archive" }], feedback: _jsx("button", { type: "button", children: "Feedback" }), orgSwitcher: _jsx("button", { type: "button", children: "Acme Org" }) }));
+        });
+        const aside = container.querySelector("aside");
+        expect(aside).not.toBeNull();
+        expect(aside?.getAttribute("data-collapsed")).toBe("false");
+        expect(aside?.className).toContain("w-[260px]");
+        expect(container.textContent).toContain("My App");
+        expect(container.textContent).toContain("alpha");
+        expect(container.textContent).toContain("Inbox");
+        expect(container.textContent).toContain("5");
+        expect(container.textContent).toContain("Tasks");
+        expect(container.textContent).toContain("Archive");
+        expect(container.textContent).toContain("Feedback");
+        expect(container.textContent).toContain("Acme Org");
+    });
+    it("renders collapsed sidebar with md:w-14 and tooltips", () => {
+        act(() => {
+            root.render(_jsx(AppSidebar, { collapsed: true, brandName: "My App", badge: _jsx("span", { "data-badge": true, children: "alpha" }), items: [{ label: "Inbox", to: "/inbox" }] }));
+        });
+        const aside = container.querySelector("aside");
+        expect(aside?.getAttribute("data-collapsed")).toBe("true");
+        expect(aside?.className).toContain("md:w-14");
+        // In collapsed mode, brand name is hidden from screen, badge is present
+        expect(container.querySelector("[data-badge]")?.textContent).toBe("alpha");
+    });
+    it("toggles collapsed state via collapse button", () => {
+        const onCollapsedChange = vi.fn();
+        act(() => {
+            root.render(_jsx(AppSidebar, { collapsed: false, onCollapsedChange: onCollapsedChange, brandName: "My App" }));
+        });
+        const collapseButton = container.querySelector('button[aria-label="Collapse sidebar"]');
+        expect(collapseButton).not.toBeNull();
+        act(() => {
+            collapseButton?.dispatchEvent(new MouseEvent("click", { bubbles: true }));
+        });
+        expect(onCollapsedChange).toHaveBeenCalledWith(true);
+    });
+    it("renders collapsible nav group and expands/collapses children", () => {
+        act(() => {
+            root.render(_jsx(AppSidebar, { brandName: "My App", children: _jsx(AppSidebarNavGroup, { label: "Projects", defaultOpen: false, children: _jsx("div", { children: "Project Alpha" }) }) }));
+        });
+        expect(container.textContent).toContain("Projects");
+        const toggleButton = container.querySelector('button[aria-label="Expand"]');
+        expect(toggleButton).not.toBeNull();
+        act(() => {
+            toggleButton?.dispatchEvent(new MouseEvent("click", { bubbles: true }));
+        });
+        expect(container.textContent).toContain("Project Alpha");
+    });
+    it("renders sections with uppercase headers and dividers", () => {
+        act(() => {
+            root.render(_jsx(AppSidebar, { brandName: "My App", children: _jsx(AppSidebarSection, { title: "Favorites", children: _jsx(AppSidebarNavItem, { label: "Starred item" }) }) }));
+        });
+        expect(container.textContent).toContain("Favorites");
+        expect(container.textContent).toContain("Starred item");
+    });
+});
+//# sourceMappingURL=sidebar.spec.js.map

package/dist/app-shell/sidebar.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.spec.js","sourceRoot":"","sources":["../../src/app-shell/sidebar.spec.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAa,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAEzE,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,GAElB,MAAM,cAAc,CAAC;AAEtB,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,IAAI,SAAyB,CAAC;IAC9B,IAAI,IAAU,CAAC;IAEf,UAAU,CAAC,GAAG,EAAE;QACd,EAAE,CAAC,UAAU,CAAC,0BAA0B,EAAE,IAAI,CAAC,CAAC;QAChD,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QACrC,IAAI,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QAC1B,SAAS,CAAC,MAAM,EAAE,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2DAA2D,EAAE,GAAG,EAAE;QACnE,GAAG,CAAC,GAAG,EAAE;YACP,IAAI,CAAC,MAAM,CACT,KAAC,UAAU,IACT,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAC,OAAO,EACjB,KAAK,EAAE,uDAA6B,EACpC,KAAK,EAAE;oBACL,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE;oBACxD,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE;iBACjC,EACD,cAAc,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EACtD,QAAQ,EAAE,iBAAQ,IAAI,EAAC,QAAQ,yBAAkB,EACjD,WAAW,EAAE,iBAAQ,IAAI,EAAC,QAAQ,yBAAkB,GACpD,CACH,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,MAAM,KAAK,GAAG,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC/C,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAC7B,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC5D,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QAChD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAClD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QACjD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QACjD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;QAC7C,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QACjD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QACnD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QACpD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE,GAAG,EAAE;QAC7D,GAAG,CAAC,GAAG,EAAE;YACP,IAAI,CAAC,MAAM,CACT,KAAC,UAAU,IACT,SAAS,QACT,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,uDAA6B,EACpC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,GACzC,CACH,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,MAAM,KAAK,GAAG,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC/C,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC3D,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAC9C,wEAAwE;QACxE,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACrD,MAAM,iBAAiB,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAClC,GAAG,CAAC,GAAG,EAAE;YACP,IAAI,CAAC,MAAM,CACT,KAAC,UAAU,IACT,SAAS,EAAE,KAAK,EAChB,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAC,QAAQ,GAClB,CACH,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,MAAM,cAAc,GAAG,SAAS,CAAC,aAAa,CAC5C,uCAAuC,CACxC,CAAC;QACF,MAAM,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAEtC,GAAG,CAAC,GAAG,EAAE;YACP,cAAc,EAAE,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5E,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,iBAAiB,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8DAA8D,EAAE,GAAG,EAAE;QACtE,GAAG,CAAC,GAAG,EAAE;YACP,IAAI,CAAC,MAAM,CACT,KAAC,UAAU,IAAC,SAAS,EAAC,QAAQ,YAC5B,KAAC,kBAAkB,IAAC,KAAK,EAAC,UAAU,EAAC,WAAW,EAAE,KAAK,YACrD,0CAAwB,GACL,GACV,CACd,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QACpD,MAAM,YAAY,GAAG,SAAS,CAAC,aAAa,CAAC,6BAA6B,CAAC,CAAC;QAC5E,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAEpC,GAAG,CAAC,GAAG,EAAE;YACP,YAAY,EAAE,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAC1E,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;QAC9D,GAAG,CAAC,GAAG,EAAE;YACP,IAAI,CAAC,MAAM,CACT,KAAC,UAAU,IAAC,SAAS,EAAC,QAAQ,YAC5B,KAAC,iBAAiB,IAAC,KAAK,EAAC,WAAW,YAClC,KAAC,iBAAiB,IAAC,KAAK,EAAC,cAAc,GAAG,GACxB,GACT,CACd,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QACrD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-native/toolkit",
-  "version": "0.19.7",
+  "version": "0.19.8-nightly-20260910195009",
   "description": "Reusable app-building UI and helpers for Agent-Native apps.",
   "homepage": "https://github.com/BuilderIO/agent-native#readme",
   "bugs": {

package/src/app-shell/index.ts

@@ -1,3 +1,4 @@
 export * from "./header-actions.js";
 export * from "./sidebar-footer-actions.js";
+export * from "./sidebar.js";
 export * from "./use-persistent-sidebar-collapsed.js";