@wildo-ai/presets-components 1.0.1 → 1.1.0

package/dist/esm/components/navigation/app-level/sidebar.js

@@ -1,49 +1,181 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
-import { HorizontalPlacement } from '@wildo-ai/presets-components-models';
-import { SidebarSectionInlineCreate, SidebarSectionContentKind, } from '@wildo-ai/saas-frontend-lib';
-import { ButtonSize, PlacementSide, CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models';
-import { Button, ButtonVariants_Variant, InputRoot, ScrollArea, Collapsible, CollapsibleContent, CollapsibleTrigger, useI18n, IconSize, StandardIconReference, useIconRegistry, useUI, TruncatedText, useSidebarBehavior, SidebarResourceBrowser, ComponentRegistryService, envLoader, } from '@wildo-ai/saas-frontend-lib';
+import { BrandAssetComposition } from '@wildo-ai/saas-models';
+import { ButtonSize, CorePresetNames, FrontendComponentType, HorizontalPlacement, PlacementSide, SelectableVariant, ShellAppearance, SidebarCompactLabelMode, SurfaceVariant, UIBehavior, VerticalPlacement, resolvePlacementSideToRadix } from '@wildo-ai/presets-components-models';
+import { SidebarSectionInlineCreate, SidebarSectionContentKind, ApplicationLevelComponentType, Button, ButtonVariants_Variant, InputRoot, ScrollArea, ScrollAreaType, Collapsible, CollapsibleContent, CollapsibleTrigger, useI18n, IconSize, StandardIconReference, NavigationItemBadge, useIconRegistry, useUI, useHostedComponentInteractions, TruncatedText, useSidebarBehavior, SidebarHomeDisplayMode, Sheet, SheetContent, SheetTitle, SidebarResourceBrowser, ComponentRegistryService, envLoader, cn, NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE, Surface, } from '@wildo-ai/saas-frontend-lib';
+/**
+ * Which single home affordance each mode renders — the mutual exclusion as
+ * DATA, so a future `SidebarHomeDisplayMode` member cannot compile without
+ * declaring its answer. Two independent predicates could drift into rendering
+ * both affordances (or neither); this map is the one source both renderers gate
+ * on.
+ */
+const HOME_AFFORDANCE_BY_MODE = {
+    [SidebarHomeDisplayMode.BRAND_HEADER]: 'brand-header',
+    [SidebarHomeDisplayMode.NAVIGATION_ITEM]: 'navigation-row',
+    [SidebarHomeDisplayMode.HIDDEN]: 'none',
+};
 export const ApplicationLevelPreset_Sidebar_Default = ({ placement = HorizontalPlacement.START, isCollapsed: externalIsCollapsed, onToggleCollapse }) => {
     const sb = useSidebarBehavior({ placement, isCollapsed: externalIsCollapsed, onToggleCollapse });
     const { renderIcon } = useIconRegistry();
     const { tComponent, tSidebarSection, isReady } = useI18n({ component: FrontendComponentType.APPLICATION_LEVEL_SIDEBAR });
-    const { UIConfig } = useUI();
+    const { UIConfig, getRecipe, shellAppearance, sidebarCompactLabelMode } = useUI();
+    const { getHostedComponentProps } = useHostedComponentInteractions();
     const currentBreakpoint = UIConfig?.currentBreakpoint;
+    // CONTINUOUS shell chrome: the sidebar is a transparent region of the shared
+    // canvas (theme backgroundLayer) — no sunken slab, no separating edge border.
+    const isContinuousShell = shellAppearance === ShellAppearance.CONTINUOUS;
+    // Compact rail with labels under icons (theme design policy). Only relevant
+    // while collapsed; expanded rendering is unchanged.
+    const showCompactLabels = sb.isCollapsed && sidebarCompactLabelMode === SidebarCompactLabelMode.ICON_AND_LABEL;
+    // Nav items consume the theme's SELECTABLE/FILLED recipe (the vocabulary for
+    // "sidebar active items") instead of hardcoding state classes: the active
+    // look is a subtle `surface-sunken-accent` overlay + `font-medium` — weight,
+    // not a primary tint — and stays themable. Items opt in via `data-active`.
+    // These classes are appended AFTER the Button GHOST recipe (cn/tailwind-merge
+    // puts `className` last), so the sidebar hover wash wins over GHOST's.
+    const selectableRecipe = getRecipe(UIBehavior.SELECTABLE, SelectableVariant.FILLED);
+    const navItemStateClasses = cn(selectableRecipe.states.hover, selectableRecipe.states.selected, selectableRecipe.motion.transition);
+    // The brand header takes the SAME themed hover wash as navigation rows but
+    // deliberately NOT the selected state — identity is not a selectable
+    // destination, and a permanently-filled header on the home route reads as a
+    // stuck menu item.
+    const brandHoverClasses = cn(selectableRecipe.states.hover, selectableRecipe.motion.transition);
+    // Compact rail: section titles are hidden, so group boundaries are drawn as
+    // thin separator lines instead (theme DIVIDER recipe — stays themable).
+    const dividerRecipe = getRecipe(UIBehavior.DIVIDER);
+    // A brand asset URL comes from application CONFIG, but SERVING the file is the
+    // application's own responsibility — a declared asset can 404 (or fall through
+    // to an SPA html response). Track a failed load so the header degrades to its
+    // no-logo presentation rather than rendering a broken image, and reset the
+    // flag whenever the resolved URL changes (e.g. a light/dark theme switch).
+    const brandLogoUrl = sb.brandHeader?.logoUrl;
+    const [brandLogoFailed, setBrandLogoFailed] = React.useState(false);
+    React.useEffect(() => setBrandLogoFailed(false), [brandLogoUrl]);
     const renderNavigationItem = (item, indent = 0) => {
-        const isActive = sb.isNavigationItemActive(item.urlPath);
-        return (_jsxs(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: () => sb.handleNavigationClick(item), "aria-current": isActive ? 'page' : undefined, className: `
-          w-full justify-start gap-field-sm relative
-          ${isActive
-                ? 'bg-surface-sunken-accent text-surface-sunken-primary hover:bg-surface-sunken-accent/50'
-                : ''}
-          ${sb.isCollapsed ? 'justify-center px-card-sm' : ''}
-        `, style: { paddingInlineStart: sb.isCollapsed ? undefined : `${12 + indent * 16}px` }, title: sb.isCollapsed ? item.label : undefined, children: [item.icon && (_jsx("span", { className: "flex-shrink-0 relative", children: item.icon })), !sb.isCollapsed && (_jsx(_Fragment, { children: _jsx(TruncatedText, { className: "flex-1 text-start", tooltipSide: PlacementSide.END, children: item.label }) }))] }, item.id));
+        // Identity-keyed active check (resolved item id, not raw path) — two distinct
+        // items sharing an identical urlPath must not both highlight; the behavior hook
+        // elects one id. (Ids are deterministic per target, so the SAME target declared
+        // in two sections shares one id and would still co-highlight — a config smell.)
+        const isActive = sb.isNavigationItemActive(item);
+        // Star affordance (favorites): only when a FAVORITES section is configured
+        // and the rail is expanded (the collapsed rail has no hover surface for a
+        // secondary action). Rendered as a SIBLING absolutely-positioned button —
+        // a button must not contain interactive descendants — hover/focus-revealed,
+        // and pinned visible while the item IS favorited (the "star when favorite
+        // is active" cue). Favorites-section copies carry `favoriteId`, so the same
+        // toggle unfavorites from there.
+        const showStarAffordance = sb.hasFavoritesSection && !sb.isCollapsed;
+        const isFavorite = showStarAffordance && sb.isItemFavorite(item);
+        const itemButton = (_jsxs(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: () => sb.handleNavigationClick(item), "aria-current": isActive ? 'page' : undefined, "data-active": isActive || undefined, "data-nav-item-id": item.id, className: cn('w-full justify-start gap-field-sm relative', navItemStateClasses, 
+            // Reserve the trailing star slot so hover-reveal does not reflow the
+            // label/badge (the badge sits before the star, like Linear's row
+            // action cluster).
+            showStarAffordance && 'pe-8', sb.isCollapsed && !showCompactLabels && 'justify-center px-card-sm', 
+            // Icon-above-label rail item: intrinsic height (labels may wrap),
+            // roomier vertical padding (`py-element` = spacing token) so each
+            // entry breathes like a proper rail tile, not a squeezed row.
+            showCompactLabels && 'h-auto min-h-8 flex-col items-center justify-center gap-1.5 px-1 py-element'), style: { paddingInlineStart: sb.isCollapsed ? undefined : `${12 + indent * 16}px` }, title: sb.isCollapsed && !showCompactLabels ? item.label : undefined, children: [item.icon && (
+                // Rail mode upsizes icons to MD (20px): with labels reduced to 11px,
+                // the icon is the primary glyph and SM (16px) reads under-weighted.
+                // CSS `size-*` on the wrapper wins over the svg's width/height attrs.
+                _jsxs("span", { className: cn('flex-shrink-0 relative', sb.isCollapsed && '[&_svg]:size-5'), children: [item.icon, sb.isCollapsed && item.notificationBadgeRef && (
+                        // Collapsed rail: the badge overlays the icon's top-end corner
+                        // (the expanded row shows it inline after the label instead).
+                        _jsx("span", { className: "absolute -top-1.5 -end-1.5 z-10", children: _jsx(NavigationItemBadge, { notificationBadgeRef: item.notificationBadgeRef, label: item.label }) }))] })), !sb.isCollapsed && (_jsxs(_Fragment, { children: [_jsx(TruncatedText, { className: "flex-1 text-start", tooltipSide: PlacementSide.END, children: item.label }), item.notificationBadgeRef && (_jsx("span", { className: "ms-auto flex-shrink-0", children: _jsx(NavigationItemBadge, { notificationBadgeRef: item.notificationBadgeRef, label: item.label }) }))] })), showCompactLabels && (
+                // The label is the primary affordance in this mode: it wraps onto
+                // several lines rather than truncating (theme policy contract).
+                _jsx("span", { className: "w-full text-center text-[11px] leading-tight whitespace-normal break-words", children: item.label }))] }));
+        if (!showStarAffordance) {
+            return _jsx(React.Fragment, { children: itemButton }, item.id);
+        }
+        const favoriteLabel = tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, isFavorite ? 'favoriteRemove' : 'favoriteAdd');
+        return (_jsxs("div", { className: "relative group/navitem", children: [itemButton, _jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: (e) => {
+                        e.stopPropagation();
+                        sb.handleToggleItemFavorite(item);
+                    }, "aria-pressed": isFavorite, "aria-label": favoriteLabel, title: favoriteLabel, className: cn('absolute end-1 top-1/2 -translate-y-1/2 z-10 h-6 w-6 p-0 justify-center', 'text-muted-foreground hover:text-foreground', isFavorite
+                        ? 'opacity-100'
+                        : cn('opacity-0 transition-opacity duration-[var(--motion-duration-fast)] motion-reduce:transition-none', 'group-hover/navitem:opacity-100 group-focus-within/navitem:opacity-100 pointer-coarse:opacity-100')), children: _jsx("span", { className: cn('flex-shrink-0', isFavorite && '[&_svg]:fill-current'), children: renderIcon(StandardIconReference.STAR, { size: IconSize.XS }) }) })] }, item.id));
     };
     const renderHierarchicalItem = (item, indent = 0) => {
         const hasChildren = item.children && item.children.length > 0;
         const itemCollapsed = sb.isItemCollapsed(item.id);
-        const isActive = sb.isNavigationItemActive(item.urlPath);
+        const isActive = sb.isNavigationItemActive(item);
         if (sb.isCollapsed || !hasChildren) {
             return renderNavigationItem(item, indent);
         }
-        return (_jsxs(Collapsible, { open: !itemCollapsed, onOpenChange: () => sb.handleToggleItemCollapse(item.id), children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, "aria-current": isActive ? 'page' : undefined, className: `
-              w-full justify-start gap-field-sm relative
-              ${isActive
-                            ? 'bg-surface-sunken-accent text-surface-sunken-primary hover:bg-surface-sunken-accent/50'
-                            : ''}
-            `, style: { paddingInlineStart: `${12 + indent * 16}px` }, children: [item.icon && (_jsx("span", { className: "flex-shrink-0", children: item.icon })), _jsx(TruncatedText, { className: "flex-1 text-start", tooltipSide: PlacementSide.END, children: item.label }), _jsx("span", { className: "ms-auto flex-shrink-0", children: renderIcon(itemCollapsed ? StandardIconReference.CHEVRON_RIGHT : StandardIconReference.CHEVRON_DOWN, { size: IconSize.XS }) })] }) }), _jsx(CollapsibleContent, { children: _jsx("div", { className: "space-y-item-xs", children: item.children?.map(child => renderNavigationItem(child, indent + 1)) }) })] }, item.id));
+        return (_jsxs(Collapsible, { open: !itemCollapsed, onOpenChange: () => sb.handleToggleItemCollapse(item.id), children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, "aria-current": isActive ? 'page' : undefined, "data-active": isActive || undefined, className: cn('w-full justify-start gap-field-sm relative', navItemStateClasses), style: { paddingInlineStart: `${12 + indent * 16}px` }, children: [item.icon && (_jsx("span", { className: "flex-shrink-0", children: item.icon })), _jsx(TruncatedText, { className: "flex-1 text-start", tooltipSide: PlacementSide.END, children: item.label }), _jsx("span", { className: "ms-auto flex-shrink-0", children: renderIcon(itemCollapsed ? StandardIconReference.CHEVRON_RIGHT : StandardIconReference.CHEVRON_DOWN, { size: IconSize.XS }) })] }) }), _jsx(CollapsibleContent, { children: _jsx("div", { className: "space-y-item-xs", children: item.children?.map(child => renderNavigationItem(child, indent + 1)) }) })] }, item.id));
+    };
+    /**
+     * Pinned brand header (`SidebarHomeDisplayMode.BRAND_HEADER`): the app's
+     * symbol + display name at the very top of the sidebar, OUTSIDE the scroll
+     * region so it stays put while navigation scrolls — and therefore above any
+     * TOP-hosted component such as the command-menu search trigger. It IS the
+     * home button (Slack / Linear / Notion), so no Home row renders in this mode.
+     */
+    const renderBrandHeader = () => {
+        if (HOME_AFFORDANCE_BY_MODE[sb.homeDisplayMode] !== 'brand-header' || !sb.brandHeader)
+            return null;
+        const homeLabel = tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'home');
+        const { name, logoUrl, logoComposition } = sb.brandHeader;
+        // A WORDMARK/LOCKUP asset already CONTAINS the application name (the brand
+        // resolver may return one when the app generated no symbol), so it replaces
+        // the name label instead of sitting beside it — and it needs intrinsic width
+        // rather than a square icon slot. Only a SYMBOL pairs with the text.
+        const hasLogo = !!logoUrl && !brandLogoFailed;
+        // Nothing identifiable to show (no name AND no usable mark) — render no
+        // header rather than a nameless, unlabelled click target.
+        if (!hasLogo && !name)
+            return null;
+        const logoCarriesName = hasLogo && logoComposition !== undefined && logoComposition !== BrandAssetComposition.SYMBOL;
+        // The collapsed rail is an icon column: a wide mark cannot render there, so
+        // it degrades to the framework home glyph exactly like a missing brand.
+        const showSquareMark = hasLogo && !logoCarriesName;
+        const showWideMark = hasLogo && logoCarriesName && !sb.isCollapsed;
+        const showHomeGlyph = !showSquareMark && !showWideMark && sb.isCollapsed;
+        // The name renders as text unless the mark already spells it.
+        const showNameText = !sb.isCollapsed && !showWideMark;
+        // Labelled rail falls back to the name ONLY when no mark resolved: a logo
+        // already says which product this is, and repeating the name beneath it in
+        // 11px spends rail height that navigation needs.
+        const showCompactNameLabel = showCompactLabels && !showSquareMark;
+        // Is the application name conveyed by something VISIBLE? A wide mark carries
+        // it as `alt`; the two text branches carry it directly. When none render —
+        // the logo-only rail — the button needs an explicit accessible name.
+        const nameIsAnnounced = showNameText || showCompactNameLabel || showWideMark;
+        const markImage = (className, alt) => (_jsx("img", { src: logoUrl, alt: alt, "aria-hidden": alt === '' ? 'true' : undefined, onError: () => setBrandLogoFailed(true), className: className }));
+        return (_jsxs("div", { className: cn('px-card-sm pt-card-sm pb-item-xs flex items-center gap-element', 
+            // Rail: the mark alone, centred — the toggle lives at the bottom there.
+            sb.isCollapsed && 'justify-center'), children: [_jsxs(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: sb.handleHomeClick, "aria-current": sb.isHomeActive ? 'page' : undefined, "data-slot": "sidebar-brand-header", className: cn(
+                    // Its own register: taller than a nav row, hover-only affordance.
+                    // `min-w-0` lets the name truncate instead of pushing the collapse
+                    // toggle out of the row.
+                    'flex-1 min-w-0 justify-start gap-field-sm h-11', brandHoverClasses, sb.isCollapsed && !showCompactLabels && 'justify-center px-card-sm', 
+                    // Labelled rail (theme `SidebarCompactLabelMode.ICON_AND_LABEL`):
+                    // the brand tile follows the same icon-above-wrapped-label shape as
+                    // every other rail entry instead of staying an icon-only outlier.
+                    showCompactLabels && 'h-auto min-h-8 flex-col items-center justify-center gap-1.5 px-1 py-element'), "aria-label": nameIsAnnounced ? undefined : `${name} — ${homeLabel}`, title: nameIsAnnounced ? undefined : `${name} — ${homeLabel}`, children: [showSquareMark && markImage(cn('size-7 flex-shrink-0 rounded-md object-contain', sb.isCollapsed && 'size-5'), ''), showWideMark && markImage('h-7 max-w-full flex-shrink-0 object-contain object-left', name), showHomeGlyph && (_jsx("span", { className: "flex-shrink-0 [&_svg]:size-5", children: renderIcon(StandardIconReference.HOME, { size: IconSize.SM }) })), showNameText && (
+                        // Product identity type register — a step up from the 14px/500 nav
+                        // rows in size and weight, tightened so a longer name still reads as
+                        // one wordmark rather than a wrapped menu label.
+                        _jsx(TruncatedText, { className: "flex-1 text-start text-base font-semibold tracking-tight leading-none", tooltipSide: PlacementSide.END, children: name })), showCompactNameLabel && (
+                        // Labelled rail, but NO mark resolved: the name is the only thing
+                        // identifying the application, so it stands in for the logo. When a
+                        // mark IS present the rail shows the mark ALONE — a logo already
+                        // says which product this is, and repeating the name under it in
+                        // 11px steals rail height from navigation for no information.
+                        _jsx("span", { className: "w-full text-center text-[11px] leading-tight whitespace-normal break-words", children: name }))] }), collapseToggleHostedInBrandHeader && (
+                // Quiet by default (same fade contract as the former bottom control):
+                // revealed on sidebar hover / focus-within, always visible to coarse
+                // pointers, which have no hover to reveal it with.
+                _jsx("span", { className: cn('flex-shrink-0', 'opacity-0 transition-opacity duration-[var(--motion-duration-normal)] ease-[var(--motion-easing-default)] motion-reduce:transition-none', 'group-hover/app-sidebar:opacity-100 group-focus-within/app-sidebar:opacity-100 pointer-coarse:opacity-100'), children: renderCollapseToggle('h-8 w-8 p-0 justify-center') }))] }));
     };
     const renderHomeLink = () => {
+        if (HOME_AFFORDANCE_BY_MODE[sb.homeDisplayMode] !== 'navigation-row')
+            return null;
         const homeLabel = tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'home');
         const homeIcon = renderIcon(StandardIconReference.HOME, { size: IconSize.SM });
-        return (_jsxs(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: sb.handleHomeClick, "aria-current": sb.isHomeActive ? 'page' : undefined, className: `
-          w-full justify-start gap-field-sm
-          ${sb.isHomeActive
-                ? 'bg-surface-sunken-accent text-surface-sunken-primary hover:bg-surface-sunken-accent/50'
-                : ''}
-          ${sb.isCollapsed ? 'justify-center px-card-sm' : ''}
-        `, title: sb.isCollapsed ? homeLabel : undefined, children: [_jsx("span", { className: "flex-shrink-0", children: homeIcon }), !sb.isCollapsed && _jsx("span", { children: homeLabel })] }));
+        return (_jsxs(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: sb.handleHomeClick, "aria-current": sb.isHomeActive ? 'page' : undefined, "data-active": sb.isHomeActive || undefined, className: cn('w-full justify-start gap-field-sm', navItemStateClasses, sb.isCollapsed && !showCompactLabels && 'justify-center px-card-sm', showCompactLabels && 'h-auto min-h-8 flex-col items-center justify-center gap-1.5 px-1 py-element'), title: sb.isCollapsed && !showCompactLabels ? homeLabel : undefined, children: [_jsx("span", { className: cn('flex-shrink-0', sb.isCollapsed && '[&_svg]:size-5'), children: homeIcon }), !sb.isCollapsed && _jsx("span", { children: homeLabel }), showCompactLabels && (_jsx("span", { className: "w-full text-center text-[11px] leading-tight whitespace-normal break-words", children: homeLabel }))] }));
     };
     const renderInlineCreate = (section) => {
         if (section.inlineCreate === SidebarSectionInlineCreate.NONE || sb.isCollapsed) {
@@ -122,25 +254,117 @@ export const ApplicationLevelPreset_Sidebar_Default = ({ placement = HorizontalP
         }
         return (_jsxs(Collapsible, { open: !sectionCollapsed, onOpenChange: () => sb.handleToggleSectionCollapse(section.ref), children: [showLabel && (_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, className: "w-full justify-between px-card-sm py-card-sm text-xs font-medium text-muted-foreground uppercase tracking-wider hover:text-foreground", children: [_jsx("span", { children: getSectionLabel() }), _jsx("span", { className: "flex-shrink-0", children: renderIcon(sectionCollapsed ? StandardIconReference.CHEVRON_RIGHT : StandardIconReference.CHEVRON_DOWN, { size: IconSize.XS }) })] }) })), _jsx(CollapsibleContent, { className: "space-y-item-xs", children: renderSectionContent(group) })] }, section.ref));
     };
+    /**
+     * The rail-collapse toggle itself. A PANEL glyph, never a chevron: a chevron is
+     * the framework's NAVIGATION vocabulary (back / forward / expand-a-tree), so
+     * pointing one at the edge of the shell reads as "go back" rather than "fold
+     * this panel". The glyph mirrors with `placement` so it always depicts the
+     * panel it toggles, and stays the SAME in both states — what changes is the
+     * accessible name (`expand` / `collapse`), not the picture.
+     */
+    const renderCollapseToggle = (className) => {
+        const collapseIconRef = sb.placement === HorizontalPlacement.START
+            ? StandardIconReference.PANEL_LEFT
+            : StandardIconReference.PANEL_RIGHT;
+        const collapseLabel = tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, sb.isCollapsed ? 'expand' : 'collapse');
+        return (_jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: sb.handleToggleCollapse, "aria-expanded": !sb.isCollapsed, "aria-label": collapseLabel, title: collapseLabel, "data-slot": "sidebar-collapse-toggle", className: cn('text-muted-foreground hover:text-foreground', className), children: _jsx("span", { className: "flex-shrink-0", children: renderIcon(collapseIconRef, { size: IconSize.SM }) }) }));
+    };
+    /**
+     * BRAND_HEADER hosts the toggle at the trailing edge of its own row — which
+     * costs NO extra height, because it shares the line the brand already
+     * occupies. That only works while expanded: a collapsed rail is a single
+     * ~64px icon column with no room beside the mark, and stacking the toggle
+     * under it spends a whole extra row of the rail's scarcest axis. So the rail
+     * hands the control back to the quiet bottom host. The two are mutually
+     * exclusive by construction — one toggle, never two, never zero.
+     */
+    const collapseToggleHostedInBrandHeader = HOME_AFFORDANCE_BY_MODE[sb.homeDisplayMode] === 'brand-header'
+        && sb.sidebarConfig.isCollapsible
+        && !sb.isCollapsed;
     const renderCollapseButton = () => {
-        if (!sb.sidebarConfig.isCollapsible)
+        if (!sb.sidebarConfig.isCollapsible || collapseToggleHostedInBrandHeader)
             return null;
-        const getCollapseIconRef = () => {
-            if (sb.placement === HorizontalPlacement.START) {
-                return sb.isCollapsed ? StandardIconReference.CHEVRON_RIGHT : StandardIconReference.CHEVRON_LEFT;
-            }
-            else {
-                return sb.isCollapsed ? StandardIconReference.CHEVRON_LEFT : StandardIconReference.CHEVRON_RIGHT;
-            }
-        };
-        const collapseLabel = tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, sb.isCollapsed ? 'expand' : 'collapse');
-        return (_jsx("div", { className: "p-card-sm", children: _jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: sb.handleToggleCollapse, className: "w-full justify-start text-muted-foreground hover:text-foreground", "aria-label": collapseLabel, children: _jsx("span", { className: "me-element flex-shrink-0", children: renderIcon(getCollapseIconRef(), { size: IconSize.SM }) }) }) }));
+        return (
+        // Quiet control at the BOTTOM of the sidebar: invisible until the pointer
+        // enters the sidebar (eased fade via motion tokens). Keyboard users get it
+        // on focus (focus-within) and coarse pointers — which have no hover —
+        // always see it. `group/app-sidebar` is set on the sidebar wrapper.
+        _jsx("div", { className: cn('p-card-sm', 'opacity-0 transition-opacity duration-[var(--motion-duration-normal)] ease-[var(--motion-easing-default)] motion-reduce:transition-none', 'group-hover/app-sidebar:opacity-100 group-focus-within/app-sidebar:opacity-100 pointer-coarse:opacity-100'), children: renderCollapseToggle(cn('w-full', sb.isCollapsed ? 'justify-center' : 'justify-start')) }));
+    };
+    // Container-inversion: components hosted inside the sidebar (e.g. the
+    // command-menu trigger), resolved via the registry and mounted with the
+    // shell-level interaction-owner props — the SAME bridge the menubar uses.
+    // While the rail is COLLAPSED the full input-like trigger can't fit the narrow
+    // icon column, so the hosted component is told to render COMPACT (icon-only)
+    // via `compact` — this keeps the palette reachable on a collapsed desktop rail
+    // AND on the mobile burger (where the rail is always collapsed), instead of
+    // vanishing entirely.
+    const renderHostedComponents = (placement) => {
+        const hosted = sb.hostedComponents.filter(comp => (comp.placement ?? VerticalPlacement.TOP) === placement);
+        if (hosted.length === 0)
+            return null;
+        return (_jsx("div", { className: cn('px-card-sm space-y-item-xs', 
+            // Edge-aligned insets: the sidebar's outer rhythm is 8px (`card-sm`,
+            // matching the nav's `p-card-sm`), so the edge-facing side gets the
+            // full inset while the content-facing side stays light — the adjacent
+            // nav/list padding supplies the rest of the separation. The previous
+            // uniform `py-item-xs` left the TOP-hosted search trigger 1px from
+            // the sidebar's top edge.
+            placement === VerticalPlacement.TOP ? 'pt-card-sm pb-item-xs' : 'pt-item-xs pb-card-sm', sb.isCollapsed && 'flex flex-col items-center'), children: hosted.map(comp => {
+                const Component = ComponentRegistryService.resolve(comp.frontendComponentType, comp.presetName ?? CorePresetNames.DEFAULT);
+                if (!Component) {
+                    if (envLoader.isDevelopment())
+                        console.warn(`[Sidebar] No registered component for hosted component "${comp.frontendComponentType}"`);
+                    return null;
+                }
+                return (_jsx(React.Suspense, { fallback: _jsx("div", { className: "h-9 animate-pulse motion-reduce:animate-none bg-muted rounded", "aria-hidden": "true" }), children: _jsx(Component, { ...getHostedComponentProps(comp.component, comp.instanceId), containerType: ApplicationLevelComponentType.SIDEBAR, containerPlacement: comp.placement, triggerWidth: comp.triggerWidth, compact: sb.isCollapsed }) }, comp.instanceId));
+            }) }));
     };
     const renderSidebarContent = () => {
-        return (_jsx(ScrollArea, { className: "flex-1", children: _jsxs("nav", { "aria-label": tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'navigationLabel'), className: "p-card-sm space-y-item", children: [renderHomeLink(), sb.isNavigationLoading && !sb.hasItems && (_jsx("div", { role: "status", "aria-live": "polite", className: "px-card-sm py-card-sm text-sm text-muted-foreground", children: tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'loading') })), sb.groupedSections.map(renderSection), !sb.isNavigationLoading && !sb.hasItems && (_jsx("div", { className: "px-card-sm py-card-sm text-sm text-muted-foreground", children: tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'noItems') }))] }) }));
+        // Primary sections form ONE unlabeled group at the top (the hook already
+        // forces them headerless/non-collapsible and orders them first), headed by
+        // the framework Home row when `homeDisplayMode` is NAVIGATION_ITEM —
+        // `renderHomeLink` returns null in the other modes, leaving the group to
+        // the app's own destinations. Everything else renders as titled sections.
+        const primaryGroups = sb.groupedSections.filter(group => group.section.isPrimary);
+        const secondaryGroups = sb.groupedSections.filter(group => !group.section.isPrimary);
+        return (_jsx(_Fragment, { children: _jsxs(ScrollArea, { className: "flex-1 min-h-0", type: ScrollAreaType.AUTO, viewportClassName: "overscroll-contain", children: [renderHostedComponents(VerticalPlacement.TOP), _jsxs("nav", { "aria-label": tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'navigationLabel'), className: "p-card-sm space-y-item", children: [_jsxs("div", { className: "space-y-item-xs", children: [renderHomeLink(), primaryGroups.map(group => (_jsx(React.Fragment, { children: renderSectionContent(group) }, group.section.ref)))] }), sb.isNavigationLoading && !sb.hasItems && (_jsx("div", { role: "status", "aria-live": "polite", className: "px-card-sm py-card-sm text-sm text-muted-foreground", children: tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'loading') })), secondaryGroups
+                                // Collapsed rail: a navigation section with nothing to render
+                                // must disappear entirely — otherwise its group separator stacks
+                                // against the next section's into a double line. Expanded mode
+                                // keeps empty sections (their titled header is the "drop things
+                                // here" cue). FAVORITES never reaches this filter while empty —
+                                // the behavior hook omits it entirely in both modes.
+                                .filter((group) => !sb.isCollapsed
+                                || group.contentKind !== SidebarSectionContentKind.NAVIGATION_LIST
+                                || group.items.length > 0
+                                || group.moreMenuItems.length > 0)
+                                .map((group) => (_jsxs(React.Fragment, { children: [sb.isCollapsed && (_jsx("div", { role: "presentation", className: cn(dividerRecipe.base, 'h-px mx-element') })), renderSection(group)] }, group.section.ref))), !sb.isNavigationLoading && !sb.hasItems && (_jsx("div", { className: "px-card-sm py-card-sm text-sm text-muted-foreground", children: tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'noItems') }))] })] }) }));
     };
-    return (_jsx("div", { "data-component-area": `sidebar-${sb.placement}`, "data-placement": sb.placement, "data-collapsible": sb.sidebarConfig.isCollapsible, "data-collapsed": sb.isCollapsed, "data-responsive-policy": sb.sidebarConfig.responsivePolicy, "data-breakpoint": currentBreakpoint, className: `
-        ${sb.sidebarConfig.placementClass} border-surface-sunken-border bg-surface-sunken text-surface-sunken-foreground transition-all duration-[var(--motion-duration-normal)] motion-reduce:transition-none
-      `, style: { width: `${sb.sidebarConfig.currentWidth}px` }, children: _jsxs("aside", { "aria-label": tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'sidebarLabel'), className: "h-full flex flex-col", children: [renderCollapseButton(), renderSidebarContent()] }) }));
+    // ── Mobile overlay drawer (responsivePolicy BURGER at/below the configured
+    // responsiveBreakpoint) ─────────────────────────────────────────────────────
+    // The schema documents BURGER as "burger menu / drawer overlay on mobile":
+    // nothing renders inline (width 0 — no 45%-wide rail eating the viewport);
+    // the sidebar opens as a Sheet overlay instead. Radix supplies the backdrop
+    // (click-closes), Escape handling, focus trap and a close button. The trigger
+    // lives in the menubar (mobile-only burger) and speaks HOTKEY_SIDEBAR_TOGGLE.
+    if (sb.isMobileDrawerMode) {
+        const dir = (typeof document !== 'undefined' ? document.documentElement?.dir : undefined) || 'ltr';
+        const drawerSide = resolvePlacementSideToRadix(sb.placement === HorizontalPlacement.START ? PlacementSide.START : PlacementSide.END, dir);
+        return (_jsx(Sheet, { open: sb.isMobileDrawerOpen, onOpenChange: (open) => { if (!open)
+                sb.closeMobileDrawer(); }, children: _jsxs(SheetContent, { side: drawerSide, "data-component-area": `sidebar-${sb.placement}`, "data-placement": sb.placement, "data-responsive-policy": sb.sidebarConfig.responsivePolicy, "data-mobile-drawer": "true", "data-breakpoint": currentBreakpoint, className: "gap-0", style: { width: `${sb.sidebarConfig.currentWidth}px` }, children: [_jsx(SheetTitle, { className: "sr-only", children: tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'sidebarLabel') }), _jsxs("aside", { "aria-label": tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'sidebarLabel'), className: "flex-1 min-h-0 flex flex-col", children: [renderBrandHeader(), renderSidebarContent(), renderHostedComponents(VerticalPlacement.BOTTOM)] })] }) }));
+    }
+    return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.SHELL, policyOverride: NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE, children: _jsx("div", { "data-component-area": `sidebar-${sb.placement}`, "data-placement": sb.placement, "data-collapsible": sb.sidebarConfig.isCollapsible, "data-collapsed": sb.isCollapsed, "data-responsive-policy": sb.sidebarConfig.responsivePolicy, "data-breakpoint": currentBreakpoint, className: cn(
+            // Named group so the bottom collapse control can fade in on hover /
+            // focus-within of the whole sidebar region.
+            'group/app-sidebar', 
+            // Height chain (E4): fill the shell row and allow the internal flex
+            // column to shrink, so overflow scrolls INSIDE the ScrollArea instead
+            // of stretching the whole shell vertically.
+            'h-full min-h-0', isContinuousShell
+                // CONTINUOUS: transparent region of the shared canvas — no slab,
+                // no edge border; page foreground for content.
+                ? 'bg-transparent text-foreground'
+                : cn(sb.sidebarConfig.placementClass, 'border-surface-sunken-border bg-surface-sunken text-surface-sunken-foreground'), 'transition-all duration-[var(--motion-duration-normal)] motion-reduce:transition-none'), style: { width: `${sb.sidebarConfig.currentWidth}px` }, children: _jsxs("aside", { "aria-label": tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'sidebarLabel'), className: "h-full min-h-0 flex flex-col", children: [renderBrandHeader(), renderSidebarContent(), renderHostedComponents(VerticalPlacement.BOTTOM), renderCollapseButton()] }) }) }));
 };
-//# sourceMappingURL=sidebar.js.map
+//# sourceMappingURL=sidebar.js.map

package/dist/esm/components/navigation/app-level/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../../../../src/components/navigation/app-level/sidebar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/app-level/sidebar.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { BrandAssetComposition } from '@wildo-ai/saas-models';\n\nimport { ButtonSize, CorePresetNames, FrontendComponentType, HorizontalPlacement, PlacementSide, SelectableVariant, ShellAppearance, SidebarCompactLabelMode, SurfaceVariant, UIBehavior, VerticalPlacement, resolvePlacementSideToRadix } from '@wildo-ai/presets-components-models';\nimport {\n  type SectionRenderProps,\n  SidebarSectionInlineCreate,\n  SidebarSectionContentKind,\n  AnyNavigationItem,\n  HierarchicalNavigationItem,\n  SectionGroup,\n  ApplicationLevelProps_Sidebar,\n  ApplicationLevelComponentType,\n  Button,\n  ButtonVariants_Variant,\n  InputRoot,\n  ScrollArea,\n  ScrollAreaType,\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n  useI18n,\n  IconSize,\n  StandardIconReference,\n  NavigationItemBadge,\n  useIconRegistry,\n  useUI,\n  useHostedComponentInteractions,\n  TruncatedText,\n  useSidebarBehavior,\n  SidebarHomeDisplayMode,\n  Sheet,\n  SheetContent,\n  SheetTitle,\n  SidebarResourceBrowser,\n  ComponentRegistryService,\n  envLoader,\n  cn,\n  NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE,\n  Surface,\n} from '@wildo-ai/saas-frontend-lib';\n\n/**\n * Which single home affordance each mode renders — the mutual exclusion as\n * DATA, so a future `SidebarHomeDisplayMode` member cannot compile without\n * declaring its answer. Two independent predicates could drift into rendering\n * both affordances (or neither); this map is the one source both renderers gate\n * on.\n */\nconst HOME_AFFORDANCE_BY_MODE: Record<SidebarHomeDisplayMode, 'brand-header' | 'navigation-row' | 'none'> = {\n  [SidebarHomeDisplayMode.BRAND_HEADER]: 'brand-header',\n  [SidebarHomeDisplayMode.NAVIGATION_ITEM]: 'navigation-row',\n  [SidebarHomeDisplayMode.HIDDEN]: 'none',\n};\n\nexport const ApplicationLevelPreset_Sidebar_Default: React.FC<ApplicationLevelProps_Sidebar> = ({\n  placement = HorizontalPlacement.START,\n  isCollapsed: externalIsCollapsed,\n  onToggleCollapse\n}) => {\n\n  const sb = useSidebarBehavior({ placement, isCollapsed: externalIsCollapsed, onToggleCollapse });\n  const { renderIcon } = useIconRegistry();\n  const { tComponent, tSidebarSection, isReady } = useI18n({ component: FrontendComponentType.APPLICATION_LEVEL_SIDEBAR });\n  const { UIConfig, getRecipe, shellAppearance, sidebarCompactLabelMode } = useUI();\n  const { getHostedComponentProps } = useHostedComponentInteractions();\n  const currentBreakpoint = UIConfig?.currentBreakpoint;\n\n  // CONTINUOUS shell chrome: the sidebar is a transparent region of the shared\n  // canvas (theme backgroundLayer) — no sunken slab, no separating edge border.\n  const isContinuousShell = shellAppearance === ShellAppearance.CONTINUOUS;\n  // Compact rail with labels under icons (theme design policy). Only relevant\n  // while collapsed; expanded rendering is unchanged.\n  const showCompactLabels = sb.isCollapsed && sidebarCompactLabelMode === SidebarCompactLabelMode.ICON_AND_LABEL;\n\n  // Nav items consume the theme's SELECTABLE/FILLED recipe (the vocabulary for\n  // \"sidebar active items\") instead of hardcoding state classes: the active\n  // look is a subtle `surface-sunken-accent` overlay + `font-medium` — weight,\n  // not a primary tint — and stays themable. Items opt in via `data-active`.\n  // These classes are appended AFTER the Button GHOST recipe (cn/tailwind-merge\n  // puts `className` last), so the sidebar hover wash wins over GHOST's.\n  const selectableRecipe = getRecipe(UIBehavior.SELECTABLE, SelectableVariant.FILLED);\n  const navItemStateClasses = cn(\n    selectableRecipe.states.hover,\n    selectableRecipe.states.selected,\n    selectableRecipe.motion.transition,\n  );\n\n  // The brand header takes the SAME themed hover wash as navigation rows but\n  // deliberately NOT the selected state — identity is not a selectable\n  // destination, and a permanently-filled header on the home route reads as a\n  // stuck menu item.\n  const brandHoverClasses = cn(\n    selectableRecipe.states.hover,\n    selectableRecipe.motion.transition,\n  );\n\n  // Compact rail: section titles are hidden, so group boundaries are drawn as\n  // thin separator lines instead (theme DIVIDER recipe — stays themable).\n  const dividerRecipe = getRecipe(UIBehavior.DIVIDER);\n\n  // A brand asset URL comes from application CONFIG, but SERVING the file is the\n  // application's own responsibility — a declared asset can 404 (or fall through\n  // to an SPA html response). Track a failed load so the header degrades to its\n  // no-logo presentation rather than rendering a broken image, and reset the\n  // flag whenever the resolved URL changes (e.g. a light/dark theme switch).\n  const brandLogoUrl = sb.brandHeader?.logoUrl;\n  const [brandLogoFailed, setBrandLogoFailed] = React.useState(false);\n  React.useEffect(() => setBrandLogoFailed(false), [brandLogoUrl]);\n\n  const renderNavigationItem = (item: AnyNavigationItem, indent: number = 0) => {\n    // Identity-keyed active check (resolved item id, not raw path) — two distinct\n    // items sharing an identical urlPath must not both highlight; the behavior hook\n    // elects one id. (Ids are deterministic per target, so the SAME target declared\n    // in two sections shares one id and would still co-highlight — a config smell.)\n    const isActive = sb.isNavigationItemActive(item);\n\n    // Star affordance (favorites): only when a FAVORITES section is configured\n    // and the rail is expanded (the collapsed rail has no hover surface for a\n    // secondary action). Rendered as a SIBLING absolutely-positioned button —\n    // a button must not contain interactive descendants — hover/focus-revealed,\n    // and pinned visible while the item IS favorited (the \"star when favorite\n    // is active\" cue). Favorites-section copies carry `favoriteId`, so the same\n    // toggle unfavorites from there.\n    const showStarAffordance = sb.hasFavoritesSection && !sb.isCollapsed;\n    const isFavorite = showStarAffordance && sb.isItemFavorite(item);\n\n    const itemButton = (\n      <Button\n        variant={ButtonVariants_Variant.GHOST}\n        size={ButtonSize.SM}\n        onClick={() => sb.handleNavigationClick(item)}\n        aria-current={isActive ? 'page' : undefined}\n        data-active={isActive || undefined}\n        // Resolved-item id (deterministic per target, e.g. `resolved-todos-list-default`)\n        // as the i18n-independent automation hook — labels are runtime-translated.\n        data-nav-item-id={item.id}\n        className={cn(\n          'w-full justify-start gap-field-sm relative',\n          navItemStateClasses,\n          // Reserve the trailing star slot so hover-reveal does not reflow the\n          // label/badge (the badge sits before the star, like Linear's row\n          // action cluster).\n          showStarAffordance && 'pe-8',\n          sb.isCollapsed && !showCompactLabels && 'justify-center px-card-sm',\n          // Icon-above-label rail item: intrinsic height (labels may wrap),\n          // roomier vertical padding (`py-element` = spacing token) so each\n          // entry breathes like a proper rail tile, not a squeezed row.\n          showCompactLabels && 'h-auto min-h-8 flex-col items-center justify-center gap-1.5 px-1 py-element',\n        )}\n        style={{ paddingInlineStart: sb.isCollapsed ? undefined : `${12 + indent * 16}px` }}\n        title={sb.isCollapsed && !showCompactLabels ? item.label : undefined}\n      >\n        {item.icon && (\n          // Rail mode upsizes icons to MD (20px): with labels reduced to 11px,\n          // the icon is the primary glyph and SM (16px) reads under-weighted.\n          // CSS `size-*` on the wrapper wins over the svg's width/height attrs.\n          <span className={cn('flex-shrink-0 relative', sb.isCollapsed && '[&_svg]:size-5')}>\n            {item.icon}\n            {sb.isCollapsed && item.notificationBadgeRef && (\n              // Collapsed rail: the badge overlays the icon's top-end corner\n              // (the expanded row shows it inline after the label instead).\n              <span className=\"absolute -top-1.5 -end-1.5 z-10\">\n                <NavigationItemBadge notificationBadgeRef={item.notificationBadgeRef} label={item.label} />\n              </span>\n            )}\n          </span>\n        )}\n        {!sb.isCollapsed && (\n          <>\n            <TruncatedText className=\"flex-1 text-start\" tooltipSide={PlacementSide.END}>\n              {item.label}\n            </TruncatedText>\n            {item.notificationBadgeRef && (\n              <span className=\"ms-auto flex-shrink-0\">\n                <NavigationItemBadge notificationBadgeRef={item.notificationBadgeRef} label={item.label} />\n              </span>\n            )}\n          </>\n        )}\n        {showCompactLabels && (\n          // The label is the primary affordance in this mode: it wraps onto\n          // several lines rather than truncating (theme policy contract).\n          <span className=\"w-full text-center text-[11px] leading-tight whitespace-normal break-words\">\n            {item.label}\n          </span>\n        )}\n      </Button>\n    );\n\n    if (!showStarAffordance) {\n      return <React.Fragment key={item.id}>{itemButton}</React.Fragment>;\n    }\n\n    const favoriteLabel = tComponent(\n      FrontendComponentType.APPLICATION_LEVEL_SIDEBAR,\n      isFavorite ? 'favoriteRemove' : 'favoriteAdd',\n    );\n\n    return (\n      <div key={item.id} className=\"relative group/navitem\">\n        {itemButton}\n        <Button\n          variant={ButtonVariants_Variant.GHOST}\n          size={ButtonSize.SM}\n          onClick={(e) => {\n            e.stopPropagation();\n            sb.handleToggleItemFavorite(item);\n          }}\n          aria-pressed={isFavorite}\n          aria-label={favoriteLabel}\n          title={favoriteLabel}\n          className={cn(\n            'absolute end-1 top-1/2 -translate-y-1/2 z-10 h-6 w-6 p-0 justify-center',\n            'text-muted-foreground hover:text-foreground',\n            isFavorite\n              ? 'opacity-100'\n              : cn(\n                  'opacity-0 transition-opacity duration-[var(--motion-duration-fast)] motion-reduce:transition-none',\n                  'group-hover/navitem:opacity-100 group-focus-within/navitem:opacity-100 pointer-coarse:opacity-100',\n                ),\n          )}\n        >\n          <span className={cn('flex-shrink-0', isFavorite && '[&_svg]:fill-current')}>\n            {renderIcon(StandardIconReference.STAR, { size: IconSize.XS })}\n          </span>\n        </Button>\n      </div>\n    );\n  };\n\n  const renderHierarchicalItem = (item: HierarchicalNavigationItem, indent: number = 0) => {\n    const hasChildren = item.children && item.children.length > 0;\n    const itemCollapsed = sb.isItemCollapsed(item.id);\n    const isActive = sb.isNavigationItemActive(item);\n\n    if (sb.isCollapsed || !hasChildren) {\n      return renderNavigationItem(item, indent);\n    }\n\n    return (\n      <Collapsible\n        key={item.id}\n        open={!itemCollapsed}\n        onOpenChange={() => sb.handleToggleItemCollapse(item.id)}\n      >\n        <CollapsibleTrigger asChild>\n          <Button\n            variant={ButtonVariants_Variant.GHOST}\n            size={ButtonSize.SM}\n            aria-current={isActive ? 'page' : undefined}\n            data-active={isActive || undefined}\n            className={cn(\n              'w-full justify-start gap-field-sm relative',\n              navItemStateClasses,\n            )}\n            style={{ paddingInlineStart: `${12 + indent * 16}px` }}\n          >\n            {item.icon && (\n              <span className=\"flex-shrink-0\">\n                {item.icon}\n              </span>\n            )}\n            <TruncatedText className=\"flex-1 text-start\" tooltipSide={PlacementSide.END}>\n              {item.label}\n            </TruncatedText>\n            <span className=\"ms-auto flex-shrink-0\">\n              {renderIcon(\n                itemCollapsed ? StandardIconReference.CHEVRON_RIGHT : StandardIconReference.CHEVRON_DOWN,\n                { size: IconSize.XS }\n              )}\n            </span>\n          </Button>\n        </CollapsibleTrigger>\n        <CollapsibleContent>\n          <div className=\"space-y-item-xs\">\n            {item.children?.map(child => renderNavigationItem(child, indent + 1))}\n          </div>\n        </CollapsibleContent>\n      </Collapsible>\n    );\n  };\n\n  /**\n   * Pinned brand header (`SidebarHomeDisplayMode.BRAND_HEADER`): the app's\n   * symbol + display name at the very top of the sidebar, OUTSIDE the scroll\n   * region so it stays put while navigation scrolls — and therefore above any\n   * TOP-hosted component such as the command-menu search trigger. It IS the\n   * home button (Slack / Linear / Notion), so no Home row renders in this mode.\n   */\n  const renderBrandHeader = () => {\n    if (HOME_AFFORDANCE_BY_MODE[sb.homeDisplayMode] !== 'brand-header' || !sb.brandHeader) return null;\n\n    const homeLabel = tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'home');\n    const { name, logoUrl, logoComposition } = sb.brandHeader;\n\n    // A WORDMARK/LOCKUP asset already CONTAINS the application name (the brand\n    // resolver may return one when the app generated no symbol), so it replaces\n    // the name label instead of sitting beside it — and it needs intrinsic width\n    // rather than a square icon slot. Only a SYMBOL pairs with the text.\n    const hasLogo = !!logoUrl && !brandLogoFailed;\n    // Nothing identifiable to show (no name AND no usable mark) — render no\n    // header rather than a nameless, unlabelled click target.\n    if (!hasLogo && !name) return null;\n    const logoCarriesName = hasLogo && logoComposition !== undefined && logoComposition !== BrandAssetComposition.SYMBOL;\n    // The collapsed rail is an icon column: a wide mark cannot render there, so\n    // it degrades to the framework home glyph exactly like a missing brand.\n    const showSquareMark = hasLogo && !logoCarriesName;\n    const showWideMark = hasLogo && logoCarriesName && !sb.isCollapsed;\n    const showHomeGlyph = !showSquareMark && !showWideMark && sb.isCollapsed;\n    // The name renders as text unless the mark already spells it.\n    const showNameText = !sb.isCollapsed && !showWideMark;\n    // Labelled rail falls back to the name ONLY when no mark resolved: a logo\n    // already says which product this is, and repeating the name beneath it in\n    // 11px spends rail height that navigation needs.\n    const showCompactNameLabel = showCompactLabels && !showSquareMark;\n    // Is the application name conveyed by something VISIBLE? A wide mark carries\n    // it as `alt`; the two text branches carry it directly. When none render —\n    // the logo-only rail — the button needs an explicit accessible name.\n    const nameIsAnnounced = showNameText || showCompactNameLabel || showWideMark;\n\n    const markImage = (className: string, alt: string) => (\n      <img\n        src={logoUrl}\n        alt={alt}\n        aria-hidden={alt === '' ? 'true' : undefined}\n        onError={() => setBrandLogoFailed(true)}\n        className={className}\n      />\n    );\n\n    return (\n      <div\n        className={cn(\n          'px-card-sm pt-card-sm pb-item-xs flex items-center gap-element',\n          // Rail: the mark alone, centred — the toggle lives at the bottom there.\n          sb.isCollapsed && 'justify-center',\n        )}\n      >\n        <Button\n          variant={ButtonVariants_Variant.GHOST}\n          size={ButtonSize.SM}\n          onClick={sb.handleHomeClick}\n          // `aria-current` stays truthful (the header DOES lead to the current\n          // page when home is open) but NO `data-active` is set: the selected\n          // fill belongs to navigation rows. The application's identity is not\n          // a menu item that lights up — painting it selected made the product\n          // name read as \"the highlighted row\", which is precisely the shell\n          // language Linear/Notion/Slack reserve for navigation.\n          aria-current={sb.isHomeActive ? 'page' : undefined}\n          data-slot=\"sidebar-brand-header\"\n          className={cn(\n            // Its own register: taller than a nav row, hover-only affordance.\n            // `min-w-0` lets the name truncate instead of pushing the collapse\n            // toggle out of the row.\n            'flex-1 min-w-0 justify-start gap-field-sm h-11',\n            brandHoverClasses,\n            sb.isCollapsed && !showCompactLabels && 'justify-center px-card-sm',\n            // Labelled rail (theme `SidebarCompactLabelMode.ICON_AND_LABEL`):\n            // the brand tile follows the same icon-above-wrapped-label shape as\n            // every other rail entry instead of staying an icon-only outlier.\n            showCompactLabels && 'h-auto min-h-8 flex-col items-center justify-center gap-1.5 px-1 py-element',\n          )}\n          // Collapsed there is no visible text: the accessible name composes the\n          // app name with the existing home label so the control still announces\n          // WHAT it is and WHERE it leads — this covers the logo-only rail, whose\n          // `alt=\"\"` mark would otherwise leave the button unnamed. When a name IS\n          // visible it is the accessible name, and no `title` is set\n          // (`TruncatedText` already supplies an overflow tooltip; a second one\n          // would stack).\n          aria-label={nameIsAnnounced ? undefined : `${name} — ${homeLabel}`}\n          title={nameIsAnnounced ? undefined : `${name} — ${homeLabel}`}\n        >\n          {showSquareMark && markImage(cn('size-7 flex-shrink-0 rounded-md object-contain', sb.isCollapsed && 'size-5'), '')}\n          {showWideMark && markImage('h-7 max-w-full flex-shrink-0 object-contain object-left', name)}\n          {showHomeGlyph && (\n            <span className=\"flex-shrink-0 [&_svg]:size-5\">\n              {renderIcon(StandardIconReference.HOME, { size: IconSize.SM })}\n            </span>\n          )}\n          {showNameText && (\n            // Product identity type register — a step up from the 14px/500 nav\n            // rows in size and weight, tightened so a longer name still reads as\n            // one wordmark rather than a wrapped menu label.\n            <TruncatedText className=\"flex-1 text-start text-base font-semibold tracking-tight leading-none\" tooltipSide={PlacementSide.END}>\n              {name}\n            </TruncatedText>\n          )}\n          {showCompactNameLabel && (\n            // Labelled rail, but NO mark resolved: the name is the only thing\n            // identifying the application, so it stands in for the logo. When a\n            // mark IS present the rail shows the mark ALONE — a logo already\n            // says which product this is, and repeating the name under it in\n            // 11px steals rail height from navigation for no information.\n            <span className=\"w-full text-center text-[11px] leading-tight whitespace-normal break-words\">\n              {name}\n            </span>\n          )}\n        </Button>\n        {collapseToggleHostedInBrandHeader && (\n          // Quiet by default (same fade contract as the former bottom control):\n          // revealed on sidebar hover / focus-within, always visible to coarse\n          // pointers, which have no hover to reveal it with.\n          <span\n            className={cn(\n              'flex-shrink-0',\n              'opacity-0 transition-opacity duration-[var(--motion-duration-normal)] ease-[var(--motion-easing-default)] motion-reduce:transition-none',\n              'group-hover/app-sidebar:opacity-100 group-focus-within/app-sidebar:opacity-100 pointer-coarse:opacity-100',\n            )}\n          >\n            {renderCollapseToggle('h-8 w-8 p-0 justify-center')}\n          </span>\n        )}\n      </div>\n    );\n  };\n\n  const renderHomeLink = () => {\n    if (HOME_AFFORDANCE_BY_MODE[sb.homeDisplayMode] !== 'navigation-row') return null;\n\n    const homeLabel = tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'home');\n    const homeIcon = renderIcon(\n      StandardIconReference.HOME,\n      { size: IconSize.SM }\n    );\n\n    return (\n      <Button\n        variant={ButtonVariants_Variant.GHOST}\n        size={ButtonSize.SM}\n        onClick={sb.handleHomeClick}\n        aria-current={sb.isHomeActive ? 'page' : undefined}\n        data-active={sb.isHomeActive || undefined}\n        className={cn(\n          'w-full justify-start gap-field-sm',\n          navItemStateClasses,\n          sb.isCollapsed && !showCompactLabels && 'justify-center px-card-sm',\n          showCompactLabels && 'h-auto min-h-8 flex-col items-center justify-center gap-1.5 px-1 py-element',\n        )}\n        title={sb.isCollapsed && !showCompactLabels ? homeLabel : undefined}\n      >\n        <span className={cn('flex-shrink-0', sb.isCollapsed && '[&_svg]:size-5')}>{homeIcon}</span>\n        {!sb.isCollapsed && <span>{homeLabel}</span>}\n        {showCompactLabels && (\n          <span className=\"w-full text-center text-[11px] leading-tight whitespace-normal break-words\">\n            {homeLabel}\n          </span>\n        )}\n      </Button>\n    );\n  };\n\n  const renderInlineCreate = (section: SectionRenderProps) => {\n    if (section.inlineCreate === SidebarSectionInlineCreate.NONE || sb.isCollapsed) {\n      return null;\n    }\n\n    const isActive = sb.inlineCreate.activeSection === section.ref;\n    const placeholder = tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'inlineCreatePlaceholder');\n\n    if (section.inlineCreate === SidebarSectionInlineCreate.INPUT) {\n      if (!isActive) {\n        return (\n          <Button\n            variant={ButtonVariants_Variant.GHOST}\n            size={ButtonSize.SM}\n            onClick={() => sb.inlineCreate.start(section.ref)}\n            className=\"w-full justify-start gap-element text-muted-foreground hover:text-foreground\"\n          >\n            {renderIcon(\n              StandardIconReference.PLUS,\n              { size: IconSize.SM }\n            )}\n            <span className=\"text-sm\">{placeholder}</span>\n          </Button>\n        );\n      }\n\n      return (\n        <div className=\"px-card-sm py-item-xs\">\n          <InputRoot\n            autoFocus\n            type=\"text\"\n            value={sb.inlineCreate.value}\n            onChange={(e) => sb.inlineCreate.setValue(e.target.value)}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                sb.inlineCreate.submit(section.ref, section.inlineCreateResourceType);\n              } else if (e.key === 'Escape') {\n                sb.inlineCreate.cancel();\n              }\n            }}\n            onBlur={() => {\n              setTimeout(sb.inlineCreate.cancel, 150);\n            }}\n            placeholder={placeholder}\n            aria-label={placeholder}\n            className=\"h-8 text-sm\"\n          />\n        </div>\n      );\n    }\n\n    if (section.inlineCreate === SidebarSectionInlineCreate.DIALOG) {\n      return (\n        <Button\n          variant={ButtonVariants_Variant.GHOST}\n          size={ButtonSize.SM}\n          onClick={() => {\n            if (section.inlineCreateResourceType) {\n              sb.inlineCreate.submit(section.ref, section.inlineCreateResourceType);\n            }\n          }}\n          className=\"w-full justify-start gap-element text-muted-foreground hover:text-foreground\"\n        >\n          {renderIcon(\n            StandardIconReference.PLUS,\n            { size: IconSize.SM }\n          )}\n          <span className=\"text-sm\">{placeholder}</span>\n        </Button>\n      );\n    }\n\n    return null;\n  };\n\n  const renderMoreMenu = (moreMenuItems: HierarchicalNavigationItem[]) => {\n    if (moreMenuItems.length === 0 || sb.isCollapsed) return null;\n\n    const displayLabel = tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'moreItems');\n\n    return (\n      <Collapsible>\n        <CollapsibleTrigger asChild>\n          <Button\n            variant={ButtonVariants_Variant.GHOST}\n            size={ButtonSize.SM}\n            className=\"w-full justify-start gap-element text-muted-foreground hover:text-foreground\"\n          >\n            {renderIcon(\n              StandardIconReference.MORE_HORIZONTAL,\n              { size: IconSize.SM }\n            )}\n            <span>{displayLabel}</span>\n          </Button>\n        </CollapsibleTrigger>\n        <CollapsibleContent className=\"space-y-item-xs ps-card\">\n          {moreMenuItems.map(item => renderNavigationItem(item, 0))}\n        </CollapsibleContent>\n      </Collapsible>\n    );\n  };\n\n  const renderSectionContent = (group: SectionGroup) => {\n    const { contentKind } = group;\n\n    if (contentKind === SidebarSectionContentKind.RESOURCE_BROWSER && group.resourceType) {\n      return (\n        <SidebarResourceBrowser\n          resourceType={group.resourceType}\n          operation={group.operation}\n          operationVariant={group.operationVariant}\n          navigateOperation={group.navigateOperation}\n          navigateOperationVariant={group.navigateOperationVariant}\n          instanceFilter={group.instanceFilter}\n          onInstanceClick={group.onInstanceClick}\n          isCollapsed={sb.isCollapsed}\n        />\n      );\n    }\n\n    if (contentKind === SidebarSectionContentKind.GUIDANCE_WIDGET) {\n      const ref = group.guidanceRef;\n      if (!ref) return null;\n      const GuidanceComponent = ComponentRegistryService.resolve(ref as unknown as FrontendComponentType, CorePresetNames.DEFAULT);\n      if (!GuidanceComponent) {\n        if (envLoader.isDevelopment()) console.warn(`[Sidebar] No registered component for guidance widget \"${ref}\"`);\n        return null;\n      }\n      return (\n        <React.Suspense fallback={<div className=\"h-8 animate-pulse motion-reduce:animate-none bg-muted rounded\" aria-hidden=\"true\" />}>\n          <GuidanceComponent />\n        </React.Suspense>\n      );\n    }\n\n    if (contentKind === SidebarSectionContentKind.CUSTOM_COMPONENT) {\n      const ref = group.componentRef;\n      if (!ref) return null;\n      const CustomComponent = ComponentRegistryService.resolve(ref as unknown as FrontendComponentType, CorePresetNames.DEFAULT);\n      if (!CustomComponent) {\n        if (envLoader.isDevelopment()) console.warn(`[Sidebar] No registered component for custom component \"${ref}\"`);\n        return null;\n      }\n      return (\n        <React.Suspense fallback={<div className=\"h-8 animate-pulse motion-reduce:animate-none bg-muted rounded\" aria-hidden=\"true\" />}>\n          <CustomComponent />\n        </React.Suspense>\n      );\n    }\n\n    return (\n      <>\n        {group.items.map(item => renderHierarchicalItem(item))}\n        {renderMoreMenu(group.moreMenuItems)}\n        {renderInlineCreate(group.section)}\n      </>\n    );\n  };\n\n  const renderSection = (group: SectionGroup) => {\n    const { section } = group;\n    const sectionCollapsed = sb.isSectionCollapsed(section);\n    const showLabel = section.showLabel;\n    const getSectionLabel = () => tSidebarSection(section.ref);\n\n    if (!section.collapsible || sb.isCollapsed) {\n      return (\n        <div key={section.ref} className=\"space-y-item-xs\">\n          {showLabel && !sb.isCollapsed && (\n            <div className=\"px-card-sm py-card-sm text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n              {getSectionLabel()}\n            </div>\n          )}\n          {renderSectionContent(group)}\n        </div>\n      );\n    }\n\n    return (\n      <Collapsible\n        key={section.ref}\n        open={!sectionCollapsed}\n        onOpenChange={() => sb.handleToggleSectionCollapse(section.ref)}\n      >\n        {showLabel && (\n          <CollapsibleTrigger asChild>\n            <Button\n              variant={ButtonVariants_Variant.GHOST}\n              size={ButtonSize.SM}\n              className=\"w-full justify-between px-card-sm py-card-sm text-xs font-medium text-muted-foreground uppercase tracking-wider hover:text-foreground\"\n            >\n              <span>{getSectionLabel()}</span>\n              <span className=\"flex-shrink-0\">\n                {renderIcon(\n                  sectionCollapsed ? StandardIconReference.CHEVRON_RIGHT : StandardIconReference.CHEVRON_DOWN,\n                  { size: IconSize.XS }\n                )}\n              </span>\n            </Button>\n          </CollapsibleTrigger>\n        )}\n        <CollapsibleContent className=\"space-y-item-xs\">\n          {renderSectionContent(group)}\n        </CollapsibleContent>\n      </Collapsible>\n    );\n  };\n\n  /**\n   * The rail-collapse toggle itself. A PANEL glyph, never a chevron: a chevron is\n   * the framework's NAVIGATION vocabulary (back / forward / expand-a-tree), so\n   * pointing one at the edge of the shell reads as \"go back\" rather than \"fold\n   * this panel\". The glyph mirrors with `placement` so it always depicts the\n   * panel it toggles, and stays the SAME in both states — what changes is the\n   * accessible name (`expand` / `collapse`), not the picture.\n   */\n  const renderCollapseToggle = (className?: string) => {\n    const collapseIconRef = sb.placement === HorizontalPlacement.START\n      ? StandardIconReference.PANEL_LEFT\n      : StandardIconReference.PANEL_RIGHT;\n\n    const collapseLabel = tComponent(\n      FrontendComponentType.APPLICATION_LEVEL_SIDEBAR,\n      sb.isCollapsed ? 'expand' : 'collapse'\n    );\n\n    return (\n      <Button\n        variant={ButtonVariants_Variant.GHOST}\n        size={ButtonSize.SM}\n        onClick={sb.handleToggleCollapse}\n        aria-expanded={!sb.isCollapsed}\n        aria-label={collapseLabel}\n        title={collapseLabel}\n        data-slot=\"sidebar-collapse-toggle\"\n        className={cn('text-muted-foreground hover:text-foreground', className)}\n      >\n        <span className=\"flex-shrink-0\">\n          {renderIcon(collapseIconRef, { size: IconSize.SM })}\n        </span>\n      </Button>\n    );\n  };\n\n  /**\n   * BRAND_HEADER hosts the toggle at the trailing edge of its own row — which\n   * costs NO extra height, because it shares the line the brand already\n   * occupies. That only works while expanded: a collapsed rail is a single\n   * ~64px icon column with no room beside the mark, and stacking the toggle\n   * under it spends a whole extra row of the rail's scarcest axis. So the rail\n   * hands the control back to the quiet bottom host. The two are mutually\n   * exclusive by construction — one toggle, never two, never zero.\n   */\n  const collapseToggleHostedInBrandHeader =\n    HOME_AFFORDANCE_BY_MODE[sb.homeDisplayMode] === 'brand-header'\n    && sb.sidebarConfig.isCollapsible\n    && !sb.isCollapsed;\n\n  const renderCollapseButton = () => {\n    if (!sb.sidebarConfig.isCollapsible || collapseToggleHostedInBrandHeader) return null;\n\n    return (\n      // Quiet control at the BOTTOM of the sidebar: invisible until the pointer\n      // enters the sidebar (eased fade via motion tokens). Keyboard users get it\n      // on focus (focus-within) and coarse pointers — which have no hover —\n      // always see it. `group/app-sidebar` is set on the sidebar wrapper.\n      <div\n        className={cn(\n          'p-card-sm',\n          'opacity-0 transition-opacity duration-[var(--motion-duration-normal)] ease-[var(--motion-easing-default)] motion-reduce:transition-none',\n          'group-hover/app-sidebar:opacity-100 group-focus-within/app-sidebar:opacity-100 pointer-coarse:opacity-100',\n        )}\n      >\n        {renderCollapseToggle(cn('w-full', sb.isCollapsed ? 'justify-center' : 'justify-start'))}\n      </div>\n    );\n  };\n\n  // Container-inversion: components hosted inside the sidebar (e.g. the\n  // command-menu trigger), resolved via the registry and mounted with the\n  // shell-level interaction-owner props — the SAME bridge the menubar uses.\n  // While the rail is COLLAPSED the full input-like trigger can't fit the narrow\n  // icon column, so the hosted component is told to render COMPACT (icon-only)\n  // via `compact` — this keeps the palette reachable on a collapsed desktop rail\n  // AND on the mobile burger (where the rail is always collapsed), instead of\n  // vanishing entirely.\n  const renderHostedComponents = (placement: VerticalPlacement) => {\n    const hosted = sb.hostedComponents.filter(\n      comp => (comp.placement ?? VerticalPlacement.TOP) === placement,\n    );\n    if (hosted.length === 0) return null;\n\n    return (\n      <div\n        className={cn(\n          'px-card-sm space-y-item-xs',\n          // Edge-aligned insets: the sidebar's outer rhythm is 8px (`card-sm`,\n          // matching the nav's `p-card-sm`), so the edge-facing side gets the\n          // full inset while the content-facing side stays light — the adjacent\n          // nav/list padding supplies the rest of the separation. The previous\n          // uniform `py-item-xs` left the TOP-hosted search trigger 1px from\n          // the sidebar's top edge.\n          placement === VerticalPlacement.TOP ? 'pt-card-sm pb-item-xs' : 'pt-item-xs pb-card-sm',\n          sb.isCollapsed && 'flex flex-col items-center',\n        )}\n      >\n        {hosted.map(comp => {\n          const Component = ComponentRegistryService.resolve(\n            comp.frontendComponentType,\n            comp.presetName ?? CorePresetNames.DEFAULT,\n          );\n          if (!Component) {\n            if (envLoader.isDevelopment()) console.warn(`[Sidebar] No registered component for hosted component \"${comp.frontendComponentType}\"`);\n            return null;\n          }\n          return (\n            <React.Suspense\n              key={comp.instanceId}\n              fallback={<div className=\"h-9 animate-pulse motion-reduce:animate-none bg-muted rounded\" aria-hidden=\"true\" />}\n            >\n              <Component\n                {...getHostedComponentProps(comp.component, comp.instanceId)}\n                containerType={ApplicationLevelComponentType.SIDEBAR}\n                containerPlacement={comp.placement}\n                triggerWidth={comp.triggerWidth}\n                compact={sb.isCollapsed}\n              />\n            </React.Suspense>\n          );\n        })}\n      </div>\n    );\n  };\n\n  const renderSidebarContent = () => {\n    // Primary sections form ONE unlabeled group at the top (the hook already\n    // forces them headerless/non-collapsible and orders them first), headed by\n    // the framework Home row when `homeDisplayMode` is NAVIGATION_ITEM —\n    // `renderHomeLink` returns null in the other modes, leaving the group to\n    // the app's own destinations. Everything else renders as titled sections.\n    const primaryGroups = sb.groupedSections.filter(group => group.section.isPrimary);\n    const secondaryGroups = sb.groupedSections.filter(group => !group.section.isPrimary);\n\n    return (\n      <>\n        {/* `min-h-0` lets the ScrollArea actually shrink inside the flex column —\n            without it the nav content dictates the column height and overflow\n            escapes to the shell instead of scrolling internally (E4).\n\n            `type=AUTO` is load-bearing, not cosmetic. Radix drives the viewport's\n            overflow from whether a scrollbar is MOUNTED\n            (`overflowY: scrollbarYEnabled ? 'scroll' : 'hidden'`), and its default\n            `type=\"hover\"` only mounts one on `pointerenter`. Without this the rail\n            was `overflow: hidden` until hovered — content below the fold was\n            unreachable, and on touch (the mobile drawer) the first gesture scrolled\n            the PAGE instead. AUTO mounts the scrollbar from content overflow\n            (ResizeObserver), so wheel/touch/keyboard work immediately in BOTH the\n            expanded column and the collapsed rail. Radix positions the scrollbar\n            `absolute`, so it overlays rather than stealing rail width.\n            `overscroll-contain` keeps a scroll that reaches the end from chaining\n            out to the page behind the sidebar. */}\n        <ScrollArea\n          className=\"flex-1 min-h-0\"\n          type={ScrollAreaType.AUTO}\n          viewportClassName=\"overscroll-contain\"\n        >\n        {/* TOP-hosted components (the command-menu search trigger) SCROLL with\n            the navigation — only the brand header stays pinned. A sidebar's\n            vertical placement names where a component sits in the content\n            column, and the palette remains reachable at any scroll position via\n            its hotkey and the menubar trigger, so pinning it here would spend\n            permanent rail height for no reachability gain. */}\n        {renderHostedComponents(VerticalPlacement.TOP)}\n        <nav aria-label={tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'navigationLabel')} className=\"p-card-sm space-y-item\">\n          {/* Home + primary navigation: one visual group, same item rhythm as\n              a section body (`space-y-item-xs`), no header between them. */}\n          <div className=\"space-y-item-xs\">\n            {renderHomeLink()}\n            {primaryGroups.map(group => (\n              <React.Fragment key={group.section.ref}>\n                {renderSectionContent(group)}\n              </React.Fragment>\n            ))}\n          </div>\n\n          {sb.isNavigationLoading && !sb.hasItems && (\n            <div role=\"status\" aria-live=\"polite\" className=\"px-card-sm py-card-sm text-sm text-muted-foreground\">\n              {tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'loading')}\n            </div>\n          )}\n\n          {secondaryGroups\n            // Collapsed rail: a navigation section with nothing to render\n            // must disappear entirely — otherwise its group separator stacks\n            // against the next section's into a double line. Expanded mode\n            // keeps empty sections (their titled header is the \"drop things\n            // here\" cue). FAVORITES never reaches this filter while empty —\n            // the behavior hook omits it entirely in both modes.\n            .filter((group) =>\n              !sb.isCollapsed\n              || group.contentKind !== SidebarSectionContentKind.NAVIGATION_LIST\n              || group.items.length > 0\n              || group.moreMenuItems.length > 0)\n            .map((group) => (\n              <React.Fragment key={group.section.ref}>\n                {/* Collapsed rail: draw the group boundary the hidden section\n                    title would otherwise provide (before EACH section — the\n                    first line also separates the primary group from the rest). */}\n                {sb.isCollapsed && (\n                  <div role=\"presentation\" className={cn(dividerRecipe.base, 'h-px mx-element')} />\n                )}\n                {renderSection(group)}\n              </React.Fragment>\n            ))}\n\n          {!sb.isNavigationLoading && !sb.hasItems && (\n            <div className=\"px-card-sm py-card-sm text-sm text-muted-foreground\">\n              {tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'noItems')}\n            </div>\n          )}\n        </nav>\n        </ScrollArea>\n      </>\n    );\n  };\n\n  // ── Mobile overlay drawer (responsivePolicy BURGER at/below the configured\n  // responsiveBreakpoint) ─────────────────────────────────────────────────────\n  // The schema documents BURGER as \"burger menu / drawer overlay on mobile\":\n  // nothing renders inline (width 0 — no 45%-wide rail eating the viewport);\n  // the sidebar opens as a Sheet overlay instead. Radix supplies the backdrop\n  // (click-closes), Escape handling, focus trap and a close button. The trigger\n  // lives in the menubar (mobile-only burger) and speaks HOTKEY_SIDEBAR_TOGGLE.\n  if (sb.isMobileDrawerMode) {\n    const dir = (typeof document !== 'undefined' ? document.documentElement?.dir : undefined) || 'ltr';\n    const drawerSide = resolvePlacementSideToRadix(\n      sb.placement === HorizontalPlacement.START ? PlacementSide.START : PlacementSide.END,\n      dir as 'ltr' | 'rtl',\n    );\n\n    return (\n      <Sheet open={sb.isMobileDrawerOpen} onOpenChange={(open) => { if (!open) sb.closeMobileDrawer(); }}>\n        <SheetContent\n          side={drawerSide}\n          data-component-area={`sidebar-${sb.placement}`}\n          data-placement={sb.placement}\n          data-responsive-policy={sb.sidebarConfig.responsivePolicy}\n          data-mobile-drawer=\"true\"\n          data-breakpoint={currentBreakpoint}\n          className=\"gap-0\"\n          style={{ width: `${sb.sidebarConfig.currentWidth}px` }}\n        >\n          {/* Radix Dialog a11y: the drawer needs an accessible name; visually the\n              nav content is self-describing, so the title is screen-reader-only. */}\n          <SheetTitle className=\"sr-only\">{tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'sidebarLabel')}</SheetTitle>\n          <aside\n            aria-label={tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'sidebarLabel')}\n            className=\"flex-1 min-h-0 flex flex-col\"\n          >\n            {renderBrandHeader()}\n            {renderSidebarContent()}\n            {renderHostedComponents(VerticalPlacement.BOTTOM)}\n            {/* No collapse chevron in the drawer: rail collapse is a desktop\n                concept, and the SheetContent already renders a close button. */}\n          </aside>\n        </SheetContent>\n      </Sheet>\n    );\n  }\n\n  return (\n    <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.SHELL} policyOverride={NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE}>\n      <div\n        data-component-area={`sidebar-${sb.placement}`}\n        data-placement={sb.placement}\n        data-collapsible={sb.sidebarConfig.isCollapsible}\n        data-collapsed={sb.isCollapsed}\n        data-responsive-policy={sb.sidebarConfig.responsivePolicy}\n        data-breakpoint={currentBreakpoint}\n        className={cn(\n          // Named group so the bottom collapse control can fade in on hover /\n          // focus-within of the whole sidebar region.\n          'group/app-sidebar',\n          // Height chain (E4): fill the shell row and allow the internal flex\n          // column to shrink, so overflow scrolls INSIDE the ScrollArea instead\n          // of stretching the whole shell vertically.\n          'h-full min-h-0',\n          isContinuousShell\n            // CONTINUOUS: transparent region of the shared canvas — no slab,\n            // no edge border; page foreground for content.\n            ? 'bg-transparent text-foreground'\n            : cn(sb.sidebarConfig.placementClass, 'border-surface-sunken-border bg-surface-sunken text-surface-sunken-foreground'),\n          'transition-all duration-[var(--motion-duration-normal)] motion-reduce:transition-none',\n        )}\n        style={{ width: `${sb.sidebarConfig.currentWidth}px` }}\n      >\n        <aside aria-label={tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'sidebarLabel')} className=\"h-full min-h-0 flex flex-col\">\n          {renderBrandHeader()}\n          {renderSidebarContent()}\n          {renderHostedComponents(VerticalPlacement.BOTTOM)}\n          {renderCollapseButton()}\n        </aside>\n      </div>\n    </Surface>\n  );\n};\n"]}

package/dist/esm/components/navigation/app-level/sidebar.labels.d.ts

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const ApplicationLevelSidebarLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=sidebar.labels.d.ts.map

package/dist/esm/components/navigation/app-level/sidebar.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/app-level/sidebar.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,qCAAqC,CAAC;AAM7C,eAAO,MAAM,6BAA6B,EAAE,mBAAmB,EAkB9D,CAAC"}

package/dist/esm/components/navigation/app-level/sidebar.labels.js

@@ -0,0 +1,25 @@
+import { FrontendComponentType, LabelKind, registerComponentLabels, } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const ApplicationLevelSidebarLabels = [
+    { ref: 'home', kind: LabelKind.LABEL, purpose: 'Label for the sidebar link back to the home route' },
+    { ref: 'loading', kind: LabelKind.MESSAGE, purpose: 'Shown while sidebar navigation items are loading' },
+    { ref: 'noItems', kind: LabelKind.EMPTY_STATE, purpose: 'Shown when the sidebar has no navigation items' },
+    { ref: 'collapse', kind: LabelKind.BUTTON, purpose: 'Button that collapses the sidebar to its rail width' },
+    { ref: 'expand', kind: LabelKind.BUTTON, purpose: 'Button that expands the collapsed sidebar' },
+    { ref: 'moreItems', kind: LabelKind.LABEL, purpose: 'Label for additional items hidden within a section' },
+    { ref: 'uncategorized', kind: LabelKind.LABEL, purpose: 'Default heading for navigation items with no assigned section' },
+    {
+        ref: 'inlineCreatePlaceholder',
+        kind: LabelKind.PLACEHOLDER,
+        purpose: 'Placeholder for the inline input that creates a new navigation item',
+    },
+    { ref: 'inlineCreateSubmit', kind: LabelKind.BUTTON, purpose: 'Submit button confirming inline creation of a navigation item' },
+    { ref: 'favoriteAdd', kind: LabelKind.ARIA, purpose: 'Star toggle that adds a navigation item to the favorites section' },
+    { ref: 'favoriteRemove', kind: LabelKind.ARIA, purpose: 'Star toggle that removes a navigation item from the favorites section' },
+    { ref: 'sidebarLabel', kind: LabelKind.ARIA, purpose: 'Screen-reader name for the sidebar landmark region' },
+    { ref: 'navigationLabel', kind: LabelKind.ARIA, purpose: 'Screen-reader name for the navigation landmark inside the sidebar' },
+];
+registerComponentLabels(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, ApplicationLevelSidebarLabels);
+//# sourceMappingURL=sidebar.labels.js.map