@wildo-ai/presets-components 1.0.1 → 1.1.1

package/dist/esm/components/navigation/app-level/menu-user-org.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback } from 'react';
 import { UserDropdownSection, UserDropdownAvatarDisplay, } from '@wildo-ai/saas-frontend-lib';
-import { FrontendComponentType, ButtonSize } from '@wildo-ai/presets-components-models';
-import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger, Avatar, AvatarFallback, AvatarImage, Button, ButtonVariants_Variant, Separator, useI18n, useIconRegistry, useMenuUserOrgBehavior, IconSize, StandardIconReference, } from '@wildo-ai/saas-frontend-lib';
+import { ButtonSize, FrontendComponentType } from '@wildo-ai/presets-components-models';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger, Avatar, AvatarFallback, AvatarImage, Button, ButtonVariants_Variant, Separator, useI18n, useIconRegistry, useMenuUserOrgBehavior, IconSize, StandardIconReference, cn, } from '@wildo-ai/saas-frontend-lib';
 export const ApplicationLevelPreset_MenuUserOrg_Default = ({ containerType, containerPlacement, }) => {
     const behavior = useMenuUserOrgBehavior(containerType, containerPlacement);
-    const { tComponent } = useI18n({ component: FrontendComponentType.APPLICATION_LEVEL_USER_DROPDOWN });
+    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.APPLICATION_LEVEL_USER_DROPDOWN });
     const { renderIcon } = useIconRegistry();
-    const { isOpen, setIsOpen, isUserAuthenticated, userInitials, displayName, email, avatarUrl, currentOrganization, organizations, sections, avatarDisplay, showOrgSwitcher, showLogout, mergeSettings, settingsTarget, settingsTargets, popupAlignment, handleLogout, handleSwitchOrg, handleNavigateToSettingsTarget, } = behavior;
+    const { isOpen, setIsOpen, isUserAuthenticated, userInitials, displayName, email, avatarUrl, currentOrganization, organizations, sections, avatarDisplay, showOrgSwitcher, showLogout, settingsTarget, settingsTargets, popupAlignment, handleLogout, handleSwitchOrg, handleNavigateToSettingsTarget, } = behavior;
     const tc = useCallback((key) => tComponent(FrontendComponentType.APPLICATION_LEVEL_USER_DROPDOWN, key), [tComponent]);
     // ===================================================================
     // Render Helpers
@@ -40,26 +40,20 @@ export const ApplicationLevelPreset_MenuUserOrg_Default = ({ containerType, cont
                 /* Multiple orgs — full selectable list */
                 _jsxs("div", { className: "p-item", children: [_jsx("p", { className: "text-xs text-muted-foreground mb-item px-card-sm", children: orgsLabel }), _jsx("div", { className: "space-y-item-xs", children: organizations.map(org => {
                                 const isSelected = org._id === currentOrganization?._id;
-                                return (_jsxs(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: () => handleSwitchOrg(org._id), className: `w-full justify-start text-sm rounded-sm ${isSelected ? 'bg-primary/10 text-primary hover:bg-primary/15' : ''}`, children: [_jsx("span", { className: `flex-shrink-0 ${isSelected ? 'text-primary' : 'invisible'}`, children: checkIcon }), _jsx("span", { className: "truncate", children: org.name })] }, org._id));
+                                return (_jsxs(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: () => handleSwitchOrg(org._id), className: cn('w-full justify-start text-sm rounded-sm', isSelected && 'bg-primary/10 text-primary hover:bg-primary/15'), children: [_jsx("span", { className: cn('flex-shrink-0', isSelected ? 'text-primary' : 'invisible'), children: checkIcon }), _jsx("span", { className: "truncate", children: org.name })] }, org._id));
                             }) })] })) : (
                 /* Single org — non-interactive display */
                 _jsxs("div", { className: "px-card py-card-sm", children: [_jsx("p", { className: "text-xs text-muted-foreground leading-none", children: orgsLabel }), _jsx("p", { className: "text-sm font-medium leading-none mt-element truncate", children: currentOrganization?.name ?? '' })] }))] }));
     };
     const renderSettingsSection = () => {
-        const hasSettingsSection = sections.includes(UserDropdownSection.SETTINGS);
-        const hasPreferencesSection = sections.includes(UserDropdownSection.PREFERENCES);
-        const hasSettings = hasSettingsSection || hasPreferencesSection;
-        if (!hasSettings)
+        if (!sections.includes(UserDropdownSection.SETTINGS))
             return null;
-        // `PREFERENCES` and `SETTINGS` currently map to one effective settings block.
-        // `PREFERENCES` only changes the copy when `SETTINGS` is absent.
-        const settingsLabel = hasSettingsSection || !hasPreferencesSection
-            ? tc('settings')
-            : tc('preferences');
+        const settingsLabel = tc('settings');
         const settingsIcon = renderIcon(StandardIconReference.SETTINGS, { size: IconSize.SM });
-        // When mergeSettings is enabled and settings items exist, render each
-        // navigation item inline (icon + label) instead of a single "Settings" button.
-        if (mergeSettings && settingsTargets.length > 0) {
+        // Authored settings entries render inline (icon + label), one per entry,
+        // instead of a single "Settings" button. The list IS the intent — there is
+        // no separate enable flag that could disagree with it.
+        if (settingsTargets.length > 0) {
             return (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsxs("div", { className: "p-item", children: [_jsx("p", { className: "text-xs text-muted-foreground mb-item px-card-sm", children: settingsLabel }), _jsx("div", { className: "space-y-item-xs", children: settingsTargets.map(item => (_jsxs(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, className: "w-full justify-start rounded-sm", onClick: () => handleNavigateToSettingsTarget(item), children: [item.icon ?? settingsIcon, _jsx("span", { className: "truncate", children: item.label })] }, item.id))) })] })] }));
         }
         return (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsx("div", { className: "p-item", children: _jsxs(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, className: "w-full justify-start rounded-sm", disabled: !settingsTarget, onClick: () => settingsTarget && handleNavigateToSettingsTarget(settingsTarget), children: [settingsIcon, settingsLabel] }) })] }));
@@ -77,13 +71,33 @@ export const ApplicationLevelPreset_MenuUserOrg_Default = ({ containerType, cont
     if (!isUserAuthenticated) {
         return null;
     }
+    if (!isReady)
+        return null;
     // ===================================================================
     // Render
     // ===================================================================
     const isAvatarOnly = avatarDisplay === UserDropdownAvatarDisplay.AVATAR_ONLY
         || (!avatarDisplay);
-    return (_jsxs(DropdownMenu, { open: isOpen, onOpenChange: setIsOpen, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: isAvatarOnly ? ButtonSize.ICON : ButtonSize.SM, className: isAvatarOnly
+    return (
+    /*
+     * `modal={false}` is required, not cosmetic.
+     *
+     * The trigger below lives INSIDE the menubar (`role="banner"`), while the
+     * dropdown content is portaled OUT of it. Radix's default `modal={true}`
+     * runs `hideOthers(content)` on open, which sets `aria-hidden="true"` on
+     * every subtree outside the portaled content — including the menubar that
+     * still hosts the focused trigger (the click that opened the menu focuses
+     * the avatar button). The browser then blocks that aria-hidden with
+     * "descendant retained focus", an accessibility violation.
+     *
+     * A transient account menu needs none of the modal guarantees (scroll
+     * lock, outside-pointer blocking, background AT-hiding), so going
+     * non-modal is both the correct UX and removes the invalid
+     * aria-hidden-on-a-focused-ancestor by construction. Outside-click and
+     * Escape dismissal still work via the DismissableLayer.
+     */
+    _jsxs(DropdownMenu, { open: isOpen, onOpenChange: setIsOpen, modal: false, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: isAvatarOnly ? ButtonSize.ICON : ButtonSize.SM, className: isAvatarOnly
                         ? 'rounded-full h-9 w-9'
                         : 'rounded-full pe-card-sm', "aria-label": tc('userMenuLabel'), children: renderTriggerContent() }) }), _jsxs(DropdownMenuContent, { align: popupAlignment.align, side: popupAlignment.side, className: "w-72 max-w-[calc(100vw-2rem)] p-0", children: [renderUserInfoSection(), renderOrgSection(), renderSettingsSection(), renderLogoutSection()] })] }));
 };
-//# sourceMappingURL=menu-user-org.js.map
+//# sourceMappingURL=menu-user-org.js.map

package/dist/esm/components/navigation/app-level/menu-user-org.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-user-org.js","sourceRoot":"","sources":["../../../../../src/components/navigation/app-level/menu-user-org.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"menu-user-org.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/app-level/menu-user-org.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback } from 'react';\nimport {\n  UserDropdownSection,\n  UserDropdownAvatarDisplay,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { ButtonSize, FrontendComponentType } from '@wildo-ai/presets-components-models';\n\nimport {\n  DropdownMenu, DropdownMenuContent, DropdownMenuTrigger,\n  Avatar, AvatarFallback, AvatarImage,\n  Button, ButtonVariants_Variant,\n  Separator,\n  useI18n,\n  useIconRegistry,\n  useMenuUserOrgBehavior,\n  IconSize, StandardIconReference,\n  cn,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport type { ApplicationLevelProps_MenuUserOrg } from '@wildo-ai/saas-frontend-lib';\n\nexport const ApplicationLevelPreset_MenuUserOrg_Default: React.FC<ApplicationLevelProps_MenuUserOrg> = ({\n  containerType,\n  containerPlacement,\n}) => {\n  const behavior = useMenuUserOrgBehavior(containerType, containerPlacement);\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.APPLICATION_LEVEL_USER_DROPDOWN });\n  const { renderIcon } = useIconRegistry();\n\n  const {\n    isOpen,\n    setIsOpen,\n    isUserAuthenticated,\n    userInitials,\n    displayName,\n    email,\n    avatarUrl,\n    currentOrganization,\n    organizations,\n    sections,\n    avatarDisplay,\n    showOrgSwitcher,\n    showLogout,\n    settingsTarget,\n    settingsTargets,\n    popupAlignment,\n    handleLogout,\n    handleSwitchOrg,\n    handleNavigateToSettingsTarget,\n  } = behavior;\n\n  const tc = useCallback(\n    (key: string) => tComponent(FrontendComponentType.APPLICATION_LEVEL_USER_DROPDOWN, key),\n    [tComponent],\n  );\n\n  // ===================================================================\n  // Render Helpers\n  // ===================================================================\n\n  const renderTriggerContent = () => {\n\n    switch (avatarDisplay) {\n      case UserDropdownAvatarDisplay.AVATAR_NAME:\n        return (\n          <div className=\"flex items-center gap-element\">\n            <Avatar className=\"h-8 w-8\">\n              <AvatarImage src={avatarUrl} alt={displayName} />\n              <AvatarFallback className=\"text-xs\">{userInitials}</AvatarFallback>\n            </Avatar>\n            <span className=\"text-sm font-medium max-w-[120px] truncate\">{displayName}</span>\n          </div>\n        );\n      case UserDropdownAvatarDisplay.AVATAR_ORG:\n        return (\n          <div className=\"flex items-center gap-element\">\n            <Avatar className=\"h-8 w-8\">\n              <AvatarImage src={avatarUrl} alt={displayName} />\n              <AvatarFallback className=\"text-xs\">{userInitials}</AvatarFallback>\n            </Avatar>\n            <span className=\"text-sm font-medium max-w-[120px] truncate\">\n              {currentOrganization?.name ?? displayName}\n            </span>\n          </div>\n        );\n      case UserDropdownAvatarDisplay.FULL:\n        return (\n          <div className=\"flex items-center gap-element\">\n            <Avatar className=\"h-8 w-8\">\n              <AvatarImage src={avatarUrl} alt={displayName} />\n              <AvatarFallback className=\"text-xs\">{userInitials}</AvatarFallback>\n            </Avatar>\n            <div className=\"flex flex-col items-start\">\n              <span className=\"text-sm font-medium max-w-[120px] truncate\">{displayName}</span>\n              <span className=\"text-xs text-muted-foreground max-w-[120px] truncate\">\n                {currentOrganization?.name}\n              </span>\n            </div>\n          </div>\n        );\n      case UserDropdownAvatarDisplay.AVATAR_ONLY:\n      default:\n        return (\n          <Avatar className=\"h-8 w-8\">\n            <AvatarImage src={avatarUrl} alt={displayName} />\n            <AvatarFallback className=\"text-xs\">{userInitials}</AvatarFallback>\n          </Avatar>\n        );\n    }\n  };\n\n  const renderUserInfoSection = () => {\n    if (!sections.includes(UserDropdownSection.USER_INFO)) return null;\n\n    return (\n      <div className=\"px-card py-card-sm\">\n        <p className=\"text-sm font-medium leading-none truncate\">{displayName}</p>\n        <p className=\"text-xs leading-none text-muted-foreground mt-item truncate\">{email}</p>\n      </div>\n    );\n  };\n\n  const renderOrgSection = () => {\n    if (!sections.includes(UserDropdownSection.ORG_SWITCHER)) return null;\n\n    const hasMultipleOrgs = organizations && organizations.length > 1;\n    const orgsLabel = tc('organizations');\n\n    const checkIcon = renderIcon(\n      StandardIconReference.CHECK,\n      { size: IconSize.SM }\n    );\n\n    return (\n      <>\n        <Separator />\n\n        {hasMultipleOrgs && showOrgSwitcher && sections.includes(UserDropdownSection.ORG_SWITCHER) ? (\n          /* Multiple orgs — full selectable list */\n          <div className=\"p-item\">\n            <p className=\"text-xs text-muted-foreground mb-item px-card-sm\">{orgsLabel}</p>\n            <div className=\"space-y-item-xs\">\n              {organizations.map(org => {\n                const isSelected = org._id === currentOrganization?._id;\n                return (\n                  <Button\n                    key={org._id}\n                    variant={ButtonVariants_Variant.GHOST}\n                    size={ButtonSize.SM}\n                    onClick={() => handleSwitchOrg(org._id)}\n                    className={cn('w-full justify-start text-sm rounded-sm', isSelected && 'bg-primary/10 text-primary hover:bg-primary/15')}\n                  >\n                    <span className={cn('flex-shrink-0', isSelected ? 'text-primary' : 'invisible')}>\n                      {checkIcon}\n                    </span>\n                    <span className=\"truncate\">{org.name}</span>\n                  </Button>\n                );\n              })}\n            </div>\n          </div>\n        ) : (\n          /* Single org — non-interactive display */\n          <div className=\"px-card py-card-sm\">\n            <p className=\"text-xs text-muted-foreground leading-none\">{orgsLabel}</p>\n            <p className=\"text-sm font-medium leading-none mt-element truncate\">\n              {currentOrganization?.name ?? ''}\n            </p>\n          </div>\n        )}\n      </>\n    );\n  };\n\n  const renderSettingsSection = () => {\n    if (!sections.includes(UserDropdownSection.SETTINGS)) return null;\n\n    const settingsLabel = tc('settings');\n    const settingsIcon = renderIcon(\n      StandardIconReference.SETTINGS,\n      { size: IconSize.SM }\n    );\n\n    // Authored settings entries render inline (icon + label), one per entry,\n    // instead of a single \"Settings\" button. The list IS the intent — there is\n    // no separate enable flag that could disagree with it.\n    if (settingsTargets.length > 0) {\n      return (\n        <>\n          <Separator />\n          <div className=\"p-item\">\n            <p className=\"text-xs text-muted-foreground mb-item px-card-sm\">{settingsLabel}</p>\n            <div className=\"space-y-item-xs\">\n              {settingsTargets.map(item => (\n                <Button\n                  key={item.id}\n                  variant={ButtonVariants_Variant.GHOST}\n                  size={ButtonSize.SM}\n                  className=\"w-full justify-start rounded-sm\"\n                  onClick={() => handleNavigateToSettingsTarget(item)}\n                >\n                  {item.icon ?? settingsIcon}\n                  <span className=\"truncate\">{item.label}</span>\n                </Button>\n              ))}\n            </div>\n          </div>\n        </>\n      );\n    }\n\n    return (\n      <>\n        <Separator />\n        <div className=\"p-item\">\n          <Button\n            variant={ButtonVariants_Variant.GHOST}\n            size={ButtonSize.SM}\n            className=\"w-full justify-start rounded-sm\"\n            disabled={!settingsTarget}\n            onClick={() => settingsTarget && handleNavigateToSettingsTarget(settingsTarget)}\n          >\n            {settingsIcon}\n            {settingsLabel}\n          </Button>\n        </div>\n      </>\n    );\n  };\n\n  const renderLogoutSection = () => {\n    if (!sections.includes(UserDropdownSection.LOGOUT) || !showLogout) return null;\n\n    const logoutLabel = tc('logout');\n    const logoutIcon = renderIcon(\n      StandardIconReference.LOGOUT,\n      { size: IconSize.SM }\n    );\n\n    return (\n      <>\n        <Separator />\n        <div className=\"p-item\">\n          <Button\n            variant={ButtonVariants_Variant.GHOST}\n            size={ButtonSize.SM}\n            onClick={handleLogout}\n            className=\"w-full justify-start rounded-sm text-destructive hover:text-destructive\"\n          >\n            {logoutIcon}\n            {logoutLabel}\n          </Button>\n        </div>\n      </>\n    );\n  };\n\n  // ===================================================================\n  // Early Return - Not Authenticated\n  // ===================================================================\n\n  if (!isUserAuthenticated) {\n    return null;\n  }\n\n  if (!isReady) return null;\n\n  // ===================================================================\n  // Render\n  // ===================================================================\n\n  const isAvatarOnly = avatarDisplay === UserDropdownAvatarDisplay.AVATAR_ONLY\n    || (!avatarDisplay);\n\n  return (\n    /*\n     * `modal={false}` is required, not cosmetic.\n     *\n     * The trigger below lives INSIDE the menubar (`role=\"banner\"`), while the\n     * dropdown content is portaled OUT of it. Radix's default `modal={true}`\n     * runs `hideOthers(content)` on open, which sets `aria-hidden=\"true\"` on\n     * every subtree outside the portaled content — including the menubar that\n     * still hosts the focused trigger (the click that opened the menu focuses\n     * the avatar button). The browser then blocks that aria-hidden with\n     * \"descendant retained focus\", an accessibility violation.\n     *\n     * A transient account menu needs none of the modal guarantees (scroll\n     * lock, outside-pointer blocking, background AT-hiding), so going\n     * non-modal is both the correct UX and removes the invalid\n     * aria-hidden-on-a-focused-ancestor by construction. Outside-click and\n     * Escape dismissal still work via the DismissableLayer.\n     */\n    <DropdownMenu open={isOpen} onOpenChange={setIsOpen} modal={false}>\n      <DropdownMenuTrigger asChild>\n        <Button\n          variant={ButtonVariants_Variant.GHOST}\n          size={isAvatarOnly ? ButtonSize.ICON : ButtonSize.SM}\n          className={isAvatarOnly\n            ? 'rounded-full h-9 w-9'\n            : 'rounded-full pe-card-sm'\n          }\n          aria-label={tc('userMenuLabel')}\n        >\n          {renderTriggerContent()}\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        align={popupAlignment.align}\n        side={popupAlignment.side}\n        className=\"w-72 max-w-[calc(100vw-2rem)] p-0\"\n      >\n        {renderUserInfoSection()}\n        {renderOrgSection()}\n        {renderSettingsSection()}\n        {renderLogoutSection()}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"]}

package/dist/esm/components/navigation/app-level/menu-user-org.labels.d.ts

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

package/dist/esm/components/navigation/app-level/menu-user-org.labels.d.ts.map

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

package/dist/esm/components/navigation/app-level/menu-user-org.labels.js

@@ -0,0 +1,19 @@
+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 ApplicationLevelUserDropdownLabels = [
+    { ref: 'userMenuLabel', kind: LabelKind.ARIA, purpose: 'Screen-reader name for the user-menu trigger button' },
+    { ref: 'myAccount', kind: LabelKind.LABEL, purpose: 'Menu link to the user account overview' },
+    { ref: 'myProfile', kind: LabelKind.LABEL, purpose: 'Menu link to the user profile page' },
+    { ref: 'preferences', kind: LabelKind.LABEL, purpose: 'Menu link to user preferences' },
+    { ref: 'settings', kind: LabelKind.LABEL, purpose: 'Menu link to settings' },
+    { ref: 'logout', kind: LabelKind.BUTTON, purpose: 'Menu action that signs the user out' },
+    { ref: 'switchOrganization', kind: LabelKind.LABEL, purpose: 'Label for the switch-organization action' },
+    { ref: 'currentOrganization', kind: LabelKind.LABEL, purpose: 'Label marking the currently selected organization' },
+    { ref: 'organizations', kind: LabelKind.HEADING, purpose: 'Section heading listing available organizations' },
+    { ref: 'noOrganizations', kind: LabelKind.EMPTY_STATE, purpose: 'Shown when the user belongs to no organizations' },
+    { ref: 'createOrganization', kind: LabelKind.BUTTON, purpose: 'Menu action that starts creating a new organization' },
+];
+registerComponentLabels(FrontendComponentType.APPLICATION_LEVEL_USER_DROPDOWN, ApplicationLevelUserDropdownLabels);
+//# sourceMappingURL=menu-user-org.labels.js.map

package/dist/esm/components/navigation/app-level/menu-user-org.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-user-org.labels.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/app-level/menu-user-org.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,SAAS,EAET,uBAAuB,GACxB,MAAM,qCAAqC,CAAC;AAE7C,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,kCAAkC,GAA0B;IACvE,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,qDAAqD,EAAE;IAC9G,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,wCAAwC,EAAE;IAC9F,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,oCAAoC,EAAE;IAC1F,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,+BAA+B,EAAE;IACvF,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,uBAAuB,EAAE;IAC5E,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,qCAAqC,EAAE;IACzF,EAAE,GAAG,EAAE,oBAAoB,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,0CAA0C,EAAE;IACzG,EAAE,GAAG,EAAE,qBAAqB,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,mDAAmD,EAAE;IACnH,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,iDAAiD,EAAE;IAC7G,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,SAAS,CAAC,WAAW,EAAE,OAAO,EAAE,iDAAiD,EAAE;IACnH,EAAE,GAAG,EAAE,oBAAoB,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,qDAAqD,EAAE;CACtH,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,+BAA+B,EAAE,kCAAkC,CAAC,CAAC","sourcesContent":["import {\n  FrontendComponentType,\n  LabelKind,\n  type LabellingUnitaryDef,\n  registerComponentLabels,\n} from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const ApplicationLevelUserDropdownLabels: LabellingUnitaryDef[] = [\n  { ref: 'userMenuLabel', kind: LabelKind.ARIA, purpose: 'Screen-reader name for the user-menu trigger button' },\n  { ref: 'myAccount', kind: LabelKind.LABEL, purpose: 'Menu link to the user account overview' },\n  { ref: 'myProfile', kind: LabelKind.LABEL, purpose: 'Menu link to the user profile page' },\n  { ref: 'preferences', kind: LabelKind.LABEL, purpose: 'Menu link to user preferences' },\n  { ref: 'settings', kind: LabelKind.LABEL, purpose: 'Menu link to settings' },\n  { ref: 'logout', kind: LabelKind.BUTTON, purpose: 'Menu action that signs the user out' },\n  { ref: 'switchOrganization', kind: LabelKind.LABEL, purpose: 'Label for the switch-organization action' },\n  { ref: 'currentOrganization', kind: LabelKind.LABEL, purpose: 'Label marking the currently selected organization' },\n  { ref: 'organizations', kind: LabelKind.HEADING, purpose: 'Section heading listing available organizations' },\n  { ref: 'noOrganizations', kind: LabelKind.EMPTY_STATE, purpose: 'Shown when the user belongs to no organizations' },\n  { ref: 'createOrganization', kind: LabelKind.BUTTON, purpose: 'Menu action that starts creating a new organization' },\n];\nregisterComponentLabels(FrontendComponentType.APPLICATION_LEVEL_USER_DROPDOWN, ApplicationLevelUserDropdownLabels);\n"]}

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

@@ -1,4 +1,4 @@
 import React from 'react';
-import type { ApplicationLevelProps_Menubar } from '@wildo-ai/saas-frontend-lib';
+import { ApplicationLevelProps_Menubar } from '@wildo-ai/saas-frontend-lib';
 export declare const ApplicationLevelPreset_Menubar_Default: React.FC<ApplicationLevelProps_Menubar>;
 //# sourceMappingURL=menubar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/app-level/menubar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AAsBjF,eAAO,MAAM,sCAAsC,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAiK1F,CAAC"}
+{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/app-level/menubar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAEL,6BAA6B,EAiB9B,MAAM,6BAA6B,CAAC;AAcrC,eAAO,MAAM,sCAAsC,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CA6N1F,CAAC"}

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

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Suspense } from 'react';
-import { ApplicationLevelComponentType } from '@wildo-ai/saas-frontend-lib';
-import { HorizontalPlacement } from '@wildo-ai/presets-components-models';
-import { UIBehavior, SurfaceVariant, FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models';
-import { useI18n, ComponentRegistryService, useUI, useMenuBarBehavior, useMenubarHostedInteractions, envLoader, Button, ButtonVariants_Variant, } from '@wildo-ai/saas-frontend-lib';
+import { ApplicationLevelComponentType, useI18n, ComponentRegistryService, useUI, useMenuBarBehavior, useHostedComponentInteractions, useSidebarMobileDrawerMode, useEventBus, useIconRegistry, FrontendEvents, IconSize, StandardIconReference, envLoader, Button, ButtonVariants_Variant, cn, Surface, } from '@wildo-ai/saas-frontend-lib';
+import { CorePresetNames, FrontendComponentType, HorizontalPlacement, ShellAppearance, SurfaceVariant, UIBehavior } from '@wildo-ai/presets-components-models';
+import { HostedTriggerAppearance } from '@wildo-ai/saas-frontend-lib';
 import { Menubar } from '../../../components/navigation/menu-bar.js';
 function humanizeMenubarGroup(group) {
     return group
@@ -14,26 +13,43 @@ function humanizeMenubarGroup(group) {
 }
 export const ApplicationLevelPreset_Menubar_Default = ({ mode, children }) => {
     const { tComponent, isReady } = useI18n({ component: FrontendComponentType.APPLICATION_LEVEL_MENUBAR });
-    const { UIConfig, getRecipe } = useUI();
+    const { UIConfig, getRecipe, shellAppearance } = useUI();
     const overlayRecipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.OVERLAY);
     const { containerComponents, items, menubarConfig } = useMenuBarBehavior({ mode });
-    const { getHostedComponentProps } = useMenubarHostedInteractions(containerComponents);
+    // Mobile burger: while the sidebar operates as an overlay drawer (BURGER policy
+    // at/below its responsive breakpoint) nothing renders inline, so the menubar
+    // provides the drawer's opening affordance. State stays owned by the sidebar's
+    // behavior instance — the burger only speaks the existing toggle event.
+    const isSidebarDrawerMode = useSidebarMobileDrawerMode();
+    const { emit } = useEventBus();
+    const { renderIcon } = useIconRegistry();
+    // CONTINUOUS shell chrome: the menubar is a transparent strip of the shared
+    // canvas — no sunken slab, no separating border-b. The overlay mode keeps its
+    // own (opaque) recipe chrome: a floating bar must stay readable over content.
+    const isContinuousShell = shellAppearance === ShellAppearance.CONTINUOUS && !menubarConfig.isOverlay;
+    const { getHostedComponentProps } = useHostedComponentInteractions();
     const currentBreakpoint = UIConfig?.currentBreakpoint;
     if (!isReady)
         return null;
     // ===================================================================
     // Component Renderers
     // ===================================================================
-    const renderResolvedComponent = (instanceId, appLevelType, frontendComponentType, placement, presetName) => {
+    const renderResolvedComponent = (instanceId, appLevelType, frontendComponentType, placement, presetName, triggerWidth, triggerAppearance) => {
         const Component = ComponentRegistryService.resolve(frontendComponentType, presetName ?? CorePresetNames.DEFAULT);
         if (!Component)
             return null;
-        return (_jsx(Suspense, { fallback: _jsx("div", { className: "h-8 w-8 animate-pulse motion-reduce:animate-none bg-muted rounded", "aria-hidden": "true" }), children: _jsx(Component, { ...getHostedComponentProps(appLevelType, instanceId), containerType: ApplicationLevelComponentType.MENUBAR, containerPlacement: placement }) }, instanceId));
+        return (_jsx(Suspense, { fallback: _jsx("div", { className: "h-8 w-8 animate-pulse motion-reduce:animate-none bg-muted rounded", "aria-hidden": "true" }), children: _jsx(Component, { ...getHostedComponentProps(appLevelType, instanceId), containerType: ApplicationLevelComponentType.MENUBAR, containerPlacement: placement, triggerWidth: triggerWidth, 
+                // A COMPACT declaration renders the hosted trigger as an icon button —
+                // what belongs in a menubar cluster beside the bell and the avatar.
+                // Passed as the component's existing `compact` prop so a preset that
+                // already collapses for its own reasons (the sidebar's collapsed rail)
+                // keeps one meaning for "render small".
+                compact: triggerAppearance === HostedTriggerAppearance.COMPACT }) }, instanceId));
     };
     const renderConfigComponents = (targetPlacement) => {
         return containerComponents
             .filter(comp => comp.placement === targetPlacement)
-            .map(comp => renderResolvedComponent(comp.instanceId, comp.component, comp.frontendComponentType, comp.placement, comp.presetName));
+            .map(comp => renderResolvedComponent(comp.instanceId, comp.component, comp.frontendComponentType, comp.placement, comp.presetName, comp.triggerWidth, comp.triggerAppearance));
     };
     const groupedItems = items.reduce((groups, item) => {
         if (!item.group) {
@@ -64,10 +80,8 @@ export const ApplicationLevelPreset_Menubar_Default = ({ mode, children }) => {
     // ===================================================================
     // Render
     // ===================================================================
-    return (_jsxs("div", { "data-component-area": "menubar", "data-component-type": ApplicationLevelComponentType.MENUBAR, "data-menubar-mode": menubarConfig.mode, "data-frontend-service-name": envLoader.loadEnvironmentConfig().frontendServiceName, "data-viewport": currentBreakpoint, role: "banner", "aria-label": tComponent(FrontendComponentType.APPLICATION_LEVEL_MENUBAR, 'menubarLabel'), className: `
-        bg-surface-sunken text-surface-sunken-foreground border-b border-surface-sunken-border
-        ${menubarConfig.isOverlay ? `absolute top-0 inset-inline-start-0 inset-inline-end-0 z-50 ${overlayRecipe.base}` : ''}
-        ${menubarConfig.showMobileLayout ? 'px-card-sm py-item-xs' : 'px-card py-card-sm'}
-      `, children: [_jsxs("div", { className: "flex items-center w-full", children: [_jsx("div", { className: "flex items-center gap-item-xs shrink-0", children: renderConfigComponents(HorizontalPlacement.START) }), _jsx("div", { className: "flex-1 flex justify-center min-w-0 px-item-xs", children: _jsxs("div", { className: "flex items-center gap-item-xs min-w-0", children: [renderConfigComponents(HorizontalPlacement.MIDDLE), renderMenubarItems()] }) }), _jsx("div", { className: "flex items-center gap-item-xs shrink-0", children: renderConfigComponents(HorizontalPlacement.END) })] }), children && (_jsx("div", { className: "px-card py-card-sm border-t border-surface-sunken-border", children: children }))] }));
+    return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: menubarConfig.isOverlay ? SurfaceVariant.OVERLAY : SurfaceVariant.SUNKEN, children: _jsxs("div", { "data-component-area": "menubar", "data-component-type": ApplicationLevelComponentType.MENUBAR, "data-menubar-mode": menubarConfig.mode, "data-frontend-service-name": envLoader.loadEnvironmentConfig().frontendServiceName, "data-viewport": currentBreakpoint, role: "banner", "aria-label": tComponent(FrontendComponentType.APPLICATION_LEVEL_MENUBAR, 'menubarLabel'), className: cn(isContinuousShell
+                ? 'bg-transparent text-foreground'
+                : 'bg-surface-sunken text-surface-sunken-foreground border-b border-surface-sunken-border', menubarConfig.isOverlay && cn('absolute top-0 inset-inline-start-0 inset-inline-end-0 z-(--z-overlay)', overlayRecipe.base), menubarConfig.showMobileLayout ? 'px-card-sm py-item-xs' : 'px-card py-card-sm'), children: [_jsxs("div", { className: "grid w-full grid-cols-[1fr_auto_1fr] items-center", children: [_jsxs("div", { className: "flex items-center gap-item-xs justify-self-start", children: [isSidebarDrawerMode && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, onClick: () => emit(FrontendEvents.HOTKEY_SIDEBAR_TOGGLE, {}), "aria-label": tComponent(FrontendComponentType.APPLICATION_LEVEL_MENUBAR, 'toggleSidebar'), "data-component-type": "sidebar-drawer-trigger", className: "h-auto shrink-0 px-card-sm py-item-xs", children: renderIcon(StandardIconReference.MENU, { size: IconSize.SM }) })), renderConfigComponents(HorizontalPlacement.START)] }), _jsxs("div", { className: "flex items-center gap-item-xs min-w-0 px-item-xs", children: [renderConfigComponents(HorizontalPlacement.MIDDLE), renderMenubarItems()] }), _jsx("div", { className: "flex items-center gap-item-xs justify-self-end", children: renderConfigComponents(HorizontalPlacement.END) })] }), children && (_jsx("div", { className: cn('px-card py-card-sm', !isContinuousShell && 'border-t border-surface-sunken-border'), children: children }))] }) }));
 };
-//# sourceMappingURL=menubar.js.map
+//# sourceMappingURL=menubar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"menubar.js","sourceRoot":"","sources":["../../../../../src/components/navigation/app-level/menubar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"menubar.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/app-level/menubar.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { Suspense } from 'react';\n\nimport {\n  ApplicationLevelComponentType,\n  ApplicationLevelProps_Menubar,\n  useI18n,\n  ComponentRegistryService,\n  useUI,\n  useMenuBarBehavior,\n  useHostedComponentInteractions,\n  useSidebarMobileDrawerMode,\n  useEventBus,\n  useIconRegistry,\n  FrontendEvents,\n  IconSize,\n  StandardIconReference,\n  envLoader,\n  Button,\n  ButtonVariants_Variant,\n  cn,\n  Surface,\n} from '@wildo-ai/saas-frontend-lib';\nimport { CorePresetNames, FrontendComponentType, HorizontalPlacement, ShellAppearance, SurfaceVariant, UIBehavior, VerticalPlacement } from '@wildo-ai/presets-components-models';\nimport { HostedTriggerAppearance } from '@wildo-ai/saas-frontend-lib';\n\nimport { Menubar } from '~wildo-presets/components/navigation/menu-bar';\n\nfunction humanizeMenubarGroup(group: string): string {\n  return group\n    .replace(/([a-z0-9])([A-Z])/g, '$1 $2')\n    .replace(/[-_]/g, ' ')\n    .trim()\n    .replace(/\\b\\w/g, character => character.toUpperCase());\n}\n\nexport const ApplicationLevelPreset_Menubar_Default: React.FC<ApplicationLevelProps_Menubar> = ({\n  mode,\n  children\n}) => {\n\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.APPLICATION_LEVEL_MENUBAR });\n  const { UIConfig, getRecipe, shellAppearance } = useUI();\n  const overlayRecipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.OVERLAY);\n\n  const { containerComponents, items, menubarConfig } = useMenuBarBehavior({ mode });\n  // Mobile burger: while the sidebar operates as an overlay drawer (BURGER policy\n  // at/below its responsive breakpoint) nothing renders inline, so the menubar\n  // provides the drawer's opening affordance. State stays owned by the sidebar's\n  // behavior instance — the burger only speaks the existing toggle event.\n  const isSidebarDrawerMode = useSidebarMobileDrawerMode();\n  const { emit } = useEventBus();\n  const { renderIcon } = useIconRegistry();\n  // CONTINUOUS shell chrome: the menubar is a transparent strip of the shared\n  // canvas — no sunken slab, no separating border-b. The overlay mode keeps its\n  // own (opaque) recipe chrome: a floating bar must stay readable over content.\n  const isContinuousShell = shellAppearance === ShellAppearance.CONTINUOUS && !menubarConfig.isOverlay;\n  const { getHostedComponentProps } = useHostedComponentInteractions();\n  const currentBreakpoint = UIConfig?.currentBreakpoint;\n\n  if (!isReady) return null;\n\n  // ===================================================================\n  // Component Renderers\n  // ===================================================================\n\n  const renderResolvedComponent = (\n    instanceId: string,\n    appLevelType: ApplicationLevelComponentType,\n    frontendComponentType: FrontendComponentType,\n    placement: HorizontalPlacement | VerticalPlacement | undefined,\n    presetName?: string,\n    triggerWidth?: string | number,\n    triggerAppearance?: HostedTriggerAppearance,\n  ) => {\n    const Component = ComponentRegistryService.resolve(\n      frontendComponentType,\n      presetName ?? CorePresetNames.DEFAULT\n    );\n    if (!Component) return null;\n\n    return (\n      <Suspense key={instanceId} fallback={<div className=\"h-8 w-8 animate-pulse motion-reduce:animate-none bg-muted rounded\" aria-hidden=\"true\" />}>\n        <Component\n          {...getHostedComponentProps(appLevelType, instanceId)}\n          containerType={ApplicationLevelComponentType.MENUBAR}\n          containerPlacement={placement}\n          triggerWidth={triggerWidth}\n          // A COMPACT declaration renders the hosted trigger as an icon button —\n          // what belongs in a menubar cluster beside the bell and the avatar.\n          // Passed as the component's existing `compact` prop so a preset that\n          // already collapses for its own reasons (the sidebar's collapsed rail)\n          // keeps one meaning for \"render small\".\n          compact={triggerAppearance === HostedTriggerAppearance.COMPACT}\n        />\n      </Suspense>\n    );\n  };\n\n  const renderConfigComponents = (targetPlacement: HorizontalPlacement) => {\n    return containerComponents\n      .filter(comp => comp.placement === targetPlacement)\n      .map(comp => renderResolvedComponent(comp.instanceId, comp.component, comp.frontendComponentType, comp.placement, comp.presetName, comp.triggerWidth, comp.triggerAppearance));\n  };\n\n  const groupedItems = items.reduce((groups, item) => {\n    if (!item.group) {\n      return groups;\n    }\n\n    const existing = groups.get(item.group) ?? [];\n    existing.push(item);\n    groups.set(item.group, existing);\n    return groups;\n  }, new Map<string, typeof items>());\n\n  const renderMenubarItems = () => {\n    if (items.length === 0) {\n      return null;\n    }\n\n    const renderedGroups = new Set<string>();\n\n    return (\n      <div className=\"flex items-center gap-item-xs min-w-0\">\n        {items.map(item => {\n          if (!item.group) {\n            return (\n              <Button\n                key={item.id}\n                type=\"button\"\n                onClick={item.onExecute}\n                variant={ButtonVariants_Variant.GHOST}\n                className=\"h-auto gap-element px-card-sm py-item-xs text-sm font-medium\"\n              >\n                {item.icon && <span className=\"shrink-0\">{item.icon}</span>}\n                <span className=\"truncate\">{item.label}</span>\n              </Button>\n            );\n          }\n\n          if (renderedGroups.has(item.group)) {\n            return null;\n          }\n\n          renderedGroups.add(item.group);\n          const groupItems = groupedItems.get(item.group) ?? [];\n\n          return (\n            <Menubar\n              key={item.group}\n              className=\"h-auto gap-item-xs rounded-none border-0 bg-transparent p-0 shadow-none\"\n            >\n              <Menubar.Menu>\n                <Menubar.Trigger>{humanizeMenubarGroup(item.group)}</Menubar.Trigger>\n                <Menubar.Content>\n                  {groupItems.map(groupItem => (\n                    <Menubar.Item\n                      key={groupItem.id}\n                      onSelect={groupItem.onExecute}\n                    >\n                      {groupItem.icon && <span className=\"shrink-0\">{groupItem.icon}</span>}\n                      <span className=\"truncate\">{groupItem.label}</span>\n                    </Menubar.Item>\n                  ))}\n                </Menubar.Content>\n              </Menubar.Menu>\n            </Menubar>\n          );\n        })}\n      </div>\n    );\n  };\n\n  // ===================================================================\n  // Render\n  // ===================================================================\n\n  return (\n    <Surface\n      asChild\n      emitPolicyVars={false}\n      variant={menubarConfig.isOverlay ? SurfaceVariant.OVERLAY : SurfaceVariant.SUNKEN}\n    >\n      <div\n        data-component-area=\"menubar\"\n        data-component-type={ApplicationLevelComponentType.MENUBAR}\n        data-menubar-mode={menubarConfig.mode}\n        data-frontend-service-name={envLoader.loadEnvironmentConfig().frontendServiceName}\n        data-viewport={currentBreakpoint}\n        role=\"banner\"\n        aria-label={tComponent(FrontendComponentType.APPLICATION_LEVEL_MENUBAR, 'menubarLabel')}\n        className={cn(\n          isContinuousShell\n            ? 'bg-transparent text-foreground'\n            : 'bg-surface-sunken text-surface-sunken-foreground border-b border-surface-sunken-border',\n          menubarConfig.isOverlay && cn('absolute top-0 inset-inline-start-0 inset-inline-end-0 z-(--z-overlay)', overlayRecipe.base),\n          menubarConfig.showMobileLayout ? 'px-card-sm py-item-xs' : 'px-card py-card-sm',\n        )}\n      >\n        {/*\n         * Three-zone bar as a GRID, not a flex sandwich. `flex-1 justify-center`\n         * centered the MIDDLE zone within the RESIDUAL space between the two\n         * side groups, so whenever START and END had different widths (the\n         * normal case — END carries bell + avatar while START may be empty at a\n         * root route) the \"centered\" content drifted off the bar's true center\n         * by (start − end)/2, and the drift changed as breakpoint-gated\n         * components appeared. `1fr auto 1fr` anchors the MIDDLE column to the\n         * bar's center whenever space allows, and degrades by pushing (never\n         * overlapping) when a side group genuinely needs more than half the\n         * remaining width.\n         */}\n        {/*\n         * The bar has NO fixed height — only padding — and it is an intrinsic\n         * flex item in the shell's `flex flex-col` column whose content area\n         * takes `flex-1`. So it GROWS to fit its tallest hosted control (a\n         * quick switcher declaring `LABEL_ABOVE` renders a stacked label ~63px\n         * tall) and the content area shrinks by exactly that much; `items-center`\n         * re-centres every shorter sibling in the taller row rather than\n         * top-aligning them. Do not pin a height here to \"stabilise\" the bar:\n         * that would clip the taller control instead of hosting it.\n         */}\n        <div className=\"grid w-full grid-cols-[1fr_auto_1fr] items-center\">\n          <div className=\"flex items-center gap-item-xs justify-self-start\">\n            {isSidebarDrawerMode && (\n              <Button\n                type=\"button\"\n                variant={ButtonVariants_Variant.GHOST}\n                onClick={() => emit(FrontendEvents.HOTKEY_SIDEBAR_TOGGLE, {})}\n                aria-label={tComponent(FrontendComponentType.APPLICATION_LEVEL_MENUBAR, 'toggleSidebar')}\n                data-component-type=\"sidebar-drawer-trigger\"\n                className=\"h-auto shrink-0 px-card-sm py-item-xs\"\n              >\n                {renderIcon(StandardIconReference.MENU, { size: IconSize.SM })}\n              </Button>\n            )}\n            {renderConfigComponents(HorizontalPlacement.START)}\n          </div>\n\n          <div className=\"flex items-center gap-item-xs min-w-0 px-item-xs\">\n            {renderConfigComponents(HorizontalPlacement.MIDDLE)}\n            {renderMenubarItems()}\n          </div>\n\n          <div className=\"flex items-center gap-item-xs justify-self-end\">\n            {renderConfigComponents(HorizontalPlacement.END)}\n          </div>\n        </div>\n\n        {children && (\n          <div className={cn('px-card py-card-sm', !isContinuousShell && 'border-t border-surface-sunken-border')}>\n            {children}\n          </div>\n        )}\n      </div>\n    </Surface>\n  );\n};\n"]}

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

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

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

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

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

@@ -0,0 +1,11 @@
+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 ApplicationLevelMenubarLabels = [
+    { ref: 'appTitle', kind: LabelKind.HEADING, purpose: 'Application title shown in the shell menubar' },
+    { ref: 'toggleSidebar', kind: LabelKind.BUTTON, purpose: 'Button label for showing or hiding the sidebar from the menubar' },
+    { ref: 'menubarLabel', kind: LabelKind.ARIA, purpose: 'Screen-reader name for the menubar landmark region' },
+];
+registerComponentLabels(FrontendComponentType.APPLICATION_LEVEL_MENUBAR, ApplicationLevelMenubarLabels);
+//# sourceMappingURL=menubar.labels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.labels.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/app-level/menubar.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,SAAS,EAET,uBAAuB,GACxB,MAAM,qCAAqC,CAAC;AAG7C,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,6BAA6B,GAA0B;IAClE,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,8CAA8C,EAAE;IACrG,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,iEAAiE,EAAE;IAC5H,EAAE,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,oDAAoD,EAAE;CAC7G,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,yBAAyB,EAAE,6BAA6B,CAAC,CAAC","sourcesContent":["import {\n  FrontendComponentType,\n  LabelKind,\n  type LabellingUnitaryDef,\n  registerComponentLabels,\n} from '@wildo-ai/presets-components-models';\nimport { Menubar } from '~wildo-presets/components/navigation/menu-bar';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const ApplicationLevelMenubarLabels: LabellingUnitaryDef[] = [\n  { ref: 'appTitle', kind: LabelKind.HEADING, purpose: 'Application title shown in the shell menubar' },\n  { ref: 'toggleSidebar', kind: LabelKind.BUTTON, purpose: 'Button label for showing or hiding the sidebar from the menubar' },\n  { ref: 'menubarLabel', kind: LabelKind.ARIA, purpose: 'Screen-reader name for the menubar landmark region' },\n];\nregisterComponentLabels(FrontendComponentType.APPLICATION_LEVEL_MENUBAR, ApplicationLevelMenubarLabels);\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"navigation-back.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/app-level/navigation-back.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,KAAK,EAAE,oCAAoC,EAAE,MAAM,6BAA6B,CAAC;AAExF,eAAO,MAAM,6CAA6C,EAAE,KAAK,CAAC,EAAE,CAAC,oCAAoC,CAgCxG,CAAC"}
+{"version":3,"file":"navigation-back.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/app-level/navigation-back.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,KAAK,EAAE,oCAAoC,EAAE,MAAM,6BAA6B,CAAC;AAExF,eAAO,MAAM,6CAA6C,EAAE,KAAK,CAAC,EAAE,CAAC,oCAAoC,CAwCxG,CAAC"}

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

@@ -1,7 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { FrontendComponentType } from '@wildo-ai/presets-components-models';
-import { useI18n, useIconRegistry, useNavigationController, useNavigationState, resolveApplicationLevelNavigationBackZone, StandardIconReference, IconSize, Button, } from '@wildo-ai/saas-frontend-lib';
-export const ApplicationLevelPreset_NavigationBack_Default = ({ navigationZone, className = 'inline-flex items-center justify-center h-8 w-8 rounded-md hover:bg-muted transition-colors', ariaLabel, }) => {
+import { ButtonSize, FrontendComponentType } from '@wildo-ai/presets-components-models';
+import { useI18n, useIconRegistry, useNavigationController, useNavigationState, resolveApplicationLevelNavigationBackZone, StandardIconReference, IconSize, Button, ButtonVariants_Variant, } from '@wildo-ai/saas-frontend-lib';
+export const ApplicationLevelPreset_NavigationBack_Default = ({ navigationZone, 
+// V-7: drop the raw `hover:bg-muted` default — the Button GHOST recipe owns
+// the hover/focus/active treatment (theme-aware, focus-ring honored). Pass-
+// through `className` is still respected for downstream layout overrides
+// but the default is empty so the recipe wins.
+className, ariaLabel, }) => {
     const { tComponent, isReady } = useI18n({ component: FrontendComponentType.APPLICATION_LEVEL_NAVIGATION_BACK });
     const { renderIcon } = useIconRegistry();
     const { focusedZone } = useNavigationState();
@@ -10,8 +15,10 @@ export const ApplicationLevelPreset_NavigationBack_Default = ({ navigationZone,
     if (!canGoBack(resolvedZone)) {
         return null;
     }
+    if (!isReady)
+        return null;
     const backIcon = renderIcon(StandardIconReference.BACK, { size: IconSize.SM });
     const label = ariaLabel || tComponent(FrontendComponentType.APPLICATION_LEVEL_NAVIGATION_BACK, 'back');
-    return (_jsx(Button, { type: "button", onClick: () => goBack(resolvedZone), className: className, "aria-label": label, children: backIcon }));
+    return (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON_SM, onClick: () => goBack(resolvedZone), className: className, "aria-label": label, children: backIcon }));
 };
-//# sourceMappingURL=navigation-back.js.map
+//# sourceMappingURL=navigation-back.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"navigation-back.js","sourceRoot":"","sources":["../../../../../src/components/navigation/app-level/navigation-back.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,OAAO,EACL,OAAO,EACP,eAAe,EACf,uBAAuB,EACvB,kBAAkB,EAClB,yCAAyC,EACzC,qBAAqB,EAAE,QAAQ,EAC/B,MAAM,GACP,MAAM,6BAA6B,CAAC;AAIrC,MAAM,CAAC,MAAM,6CAA6C,GAAmD,CAAC,EAC5G,cAAc,EACd,SAAS,GAAG,6FAA6F,EACzG,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,iCAAiC,EAAE,CAAC,CAAC;IAChH,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IACzC,MAAM,EAAE,WAAW,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC7C,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACxD,MAAM,YAAY,GAAG,yCAAyC,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;IAE5F,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,QAAQ,GAAG,UAAU,CACzB,qBAAqB,CAAC,IAAI,EAC1B,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CACtB,CAAC;IAEF,MAAM,KAAK,GAAG,SAAS,IAAI,UAAU,CAAC,qBAAqB,CAAC,iCAAiC,EAAE,MAAM,CAAC,CAAC;IAEvG,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,EACnC,SAAS,EAAE,SAAS,gBACR,KAAK,YAEhB,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"navigation-back.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/app-level/navigation-back.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAExF,OAAO,EACL,OAAO,EACP,eAAe,EACf,uBAAuB,EACvB,kBAAkB,EAClB,yCAAyC,EACzC,qBAAqB,EAAE,QAAQ,EAC/B,MAAM,EAAE,sBAAsB,GAC/B,MAAM,6BAA6B,CAAC;AAIrC,MAAM,CAAC,MAAM,6CAA6C,GAAmD,CAAC,EAC5G,cAAc;AACd,4EAA4E;AAC5E,4EAA4E;AAC5E,yEAAyE;AACzE,+CAA+C;AAC/C,SAAS,EACT,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,iCAAiC,EAAE,CAAC,CAAC;IAChH,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IACzC,MAAM,EAAE,WAAW,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC7C,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACxD,MAAM,YAAY,GAAG,yCAAyC,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;IAE5F,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,QAAQ,GAAG,UAAU,CACzB,qBAAqB,CAAC,IAAI,EAC1B,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CACtB,CAAC;IAEF,MAAM,KAAK,GAAG,SAAS,IAAI,UAAU,CAAC,qBAAqB,CAAC,iCAAiC,EAAE,MAAM,CAAC,CAAC;IAEvG,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,sBAAsB,CAAC,KAAK,EACrC,IAAI,EAAE,UAAU,CAAC,OAAO,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,EACnC,SAAS,EAAE,SAAS,gBACR,KAAK,YAEhB,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { ButtonSize, FrontendComponentType } from '@wildo-ai/presets-components-models';\n\nimport {\n  useI18n,\n  useIconRegistry,\n  useNavigationController,\n  useNavigationState,\n  resolveApplicationLevelNavigationBackZone,\n  StandardIconReference, IconSize,\n  Button, ButtonVariants_Variant,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport type { ApplicationLevelProps_NavigationBack } from '@wildo-ai/saas-frontend-lib';\n\nexport const ApplicationLevelPreset_NavigationBack_Default: React.FC<ApplicationLevelProps_NavigationBack> = ({\n  navigationZone,\n  // V-7: drop the raw `hover:bg-muted` default — the Button GHOST recipe owns\n  // the hover/focus/active treatment (theme-aware, focus-ring honored). Pass-\n  // through `className` is still respected for downstream layout overrides\n  // but the default is empty so the recipe wins.\n  className,\n  ariaLabel,\n}) => {\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.APPLICATION_LEVEL_NAVIGATION_BACK });\n  const { renderIcon } = useIconRegistry();\n  const { focusedZone } = useNavigationState();\n  const { goBack, canGoBack } = useNavigationController();\n  const resolvedZone = resolveApplicationLevelNavigationBackZone(navigationZone, focusedZone);\n\n  if (!canGoBack(resolvedZone)) {\n    return null;\n  }\n\n  if (!isReady) return null;\n\n  const backIcon = renderIcon(\n    StandardIconReference.BACK,\n    { size: IconSize.SM }\n  );\n\n  const label = ariaLabel || tComponent(FrontendComponentType.APPLICATION_LEVEL_NAVIGATION_BACK, 'back');\n\n  return (\n    <Button\n      type=\"button\"\n      variant={ButtonVariants_Variant.GHOST}\n      size={ButtonSize.ICON_SM}\n      onClick={() => goBack(resolvedZone)}\n      className={className}\n      aria-label={label}\n    >\n      {backIcon}\n    </Button>\n  );\n};\n"]}

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

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

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

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

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

@@ -0,0 +1,9 @@
+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 ApplicationLevelNavigationBackLabels = [
+    { ref: 'back', kind: LabelKind.ARIA, purpose: 'Screen-reader name for the back button that navigates to the parent route' },
+];
+registerComponentLabels(FrontendComponentType.APPLICATION_LEVEL_NAVIGATION_BACK, ApplicationLevelNavigationBackLabels);
+//# sourceMappingURL=navigation-back.labels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-back.labels.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/app-level/navigation-back.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,SAAS,EAET,uBAAuB,GACxB,MAAM,qCAAqC,CAAC;AAE7C,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,oCAAoC,GAA0B;IACzE,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,2EAA2E,EAAE;CAC5H,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,iCAAiC,EAAE,oCAAoC,CAAC,CAAC","sourcesContent":["import {\n  FrontendComponentType,\n  LabelKind,\n  type LabellingUnitaryDef,\n  registerComponentLabels,\n} from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const ApplicationLevelNavigationBackLabels: LabellingUnitaryDef[] = [\n  { ref: 'back', kind: LabelKind.ARIA, purpose: 'Screen-reader name for the back button that navigates to the parent route' },\n];\nregisterComponentLabels(FrontendComponentType.APPLICATION_LEVEL_NAVIGATION_BACK, ApplicationLevelNavigationBackLabels);\n"]}

package/dist/esm/components/navigation/app-level/notification-center.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import type { ApplicationLevelProps_NotificationCenter } from '@wildo-ai/saas-frontend-lib';
+import { ApplicationLevelProps_NotificationCenter } from '@wildo-ai/saas-frontend-lib';
 export declare const ApplicationLevelPreset_NotificationCenter_Default: React.FC<ApplicationLevelProps_NotificationCenter>;
 //# sourceMappingURL=notification-center.d.ts.map

package/dist/esm/components/navigation/app-level/notification-center.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification-center.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/app-level/notification-center.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwB1B,OAAO,KAAK,EAAE,wCAAwC,EAAE,MAAM,6BAA6B,CAAC;AAuC5F,eAAO,MAAM,iDAAiD,EAAE,KAAK,CAAC,EAAE,CAAC,wCAAwC,CAiQhH,CAAC"}
+{"version":3,"file":"notification-center.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/app-level/notification-center.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAgBL,wCAAwC,EAEzC,MAAM,6BAA6B,CAAC;AA2BrC,eAAO,MAAM,iDAAiD,EAAE,KAAK,CAAC,EAAE,CAAC,wCAAwC,CA0QhH,CAAC"}

package/dist/esm/components/navigation/app-level/notification-center.js

@@ -1,14 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ButtonSize, UIBehavior, InteractiveVariant, FrontendComponentType, HorizontalPlacement, PlacementSide, VerticalPlacement, } from '@wildo-ai/presets-components-models';
+import { ButtonSize, FrontendComponentType, HorizontalPlacement, InteractiveVariant, PlacementSide, SurfaceVariant, UIBehavior, VerticalPlacement } from '@wildo-ai/presets-components-models';
 import { HorizontalAlign } from '@wildo-ai/zod-decorators';
-import { useI18n, useIconRegistry, useNotificationCenterBehavior, IconSize, StandardIconReference, useUI, Button, ButtonVariants_Variant, Popover, PopoverContent, PopoverTrigger, ScrollArea, } from '@wildo-ai/saas-frontend-lib';
-import { NotificationCenterFilter } from '@wildo-ai/saas-frontend-lib';
-function resolveComponentLabel(tComponent, key, fallback) {
-    const componentType = FrontendComponentType.APPLICATION_LEVEL_NOTIFICATION_CENTER;
-    const resolved = tComponent(componentType, key);
-    const baseKey = `components.${componentType}.${key}`;
-    return resolved === baseKey ? fallback : resolved;
-}
+import { resolveComponentLabel, useI18n, useIconRegistry, useNotificationCenterBehavior, IconSize, StandardIconReference, useUI, Button, ButtonVariants_Variant, Popover, PopoverContent, PopoverTrigger, ScrollArea, cn, Surface, NotificationCenterFilter, } from '@wildo-ai/saas-frontend-lib';
 function getNotificationTypeColorClass(type) {
     switch (type) {
         case 'success': return 'text-success';
@@ -32,7 +25,7 @@ function getPopoverPlacement(placement) {
 }
 export const ApplicationLevelPreset_NotificationCenter_Default = ({ placement, isOpen: externalIsOpen, onOpenChange, listenForHotkeys, }) => {
     const behavior = useNotificationCenterBehavior(externalIsOpen, onOpenChange, { listenForHotkeys });
-    const { tComponent } = useI18n({
+    const { tComponent, isReady } = useI18n({
         component: FrontendComponentType.APPLICATION_LEVEL_NOTIFICATION_CENTER,
     });
     const { renderIcon } = useIconRegistry();
@@ -42,17 +35,24 @@ export const ApplicationLevelPreset_NotificationCenter_Default = ({ placement, i
     // ===================================================================
     // I18n Labels
     // ===================================================================
-    const titleLabel = resolveComponentLabel(tComponent, 'title', 'Notifications');
-    const noNotificationsLabel = resolveComponentLabel(tComponent, 'noNotifications', 'No notifications');
-    const markAllReadLabel = resolveComponentLabel(tComponent, 'markAllRead', 'Mark all as read');
-    const clearAllLabel = resolveComponentLabel(tComponent, 'clearAll', 'Clear all');
-    const dismissLabel = resolveComponentLabel(tComponent, 'dismiss', 'Dismiss notification');
-    const unreadLabel = resolveComponentLabel(tComponent, 'unread', 'Unread');
-    const allLabel = resolveComponentLabel(tComponent, 'all', 'All');
-    const filtersLabel = resolveComponentLabel(tComponent, 'filters', 'Filter notifications');
-    const todayLabel = resolveComponentLabel(tComponent, 'groupToday', 'Today');
-    const yesterdayLabel = resolveComponentLabel(tComponent, 'groupYesterday', 'Yesterday');
-    const olderLabel = resolveComponentLabel(tComponent, 'groupOlder', 'Older');
+    // I-7: no English fallbacks — missing keys surface as `components.<type>.<key>`
+    // for translation debugging (intentional, framework-wide i18n discipline).
+    const t = (key) => resolveComponentLabel({
+        tComponent,
+        componentType: FrontendComponentType.APPLICATION_LEVEL_NOTIFICATION_CENTER,
+        key,
+    });
+    const titleLabel = t('title');
+    const noNotificationsLabel = t('noNotifications');
+    const markAllReadLabel = t('markAllRead');
+    const clearAllLabel = t('clearAll');
+    const dismissLabel = t('dismiss');
+    const unreadLabel = t('unread');
+    const allLabel = t('all');
+    const filtersLabel = t('filters');
+    const todayLabel = t('groupToday');
+    const yesterdayLabel = t('groupYesterday');
+    const olderLabel = t('groupOlder');
     const popoverPlacement = getPopoverPlacement(placement);
     // ===================================================================
     // Icons
@@ -65,15 +65,11 @@ export const ApplicationLevelPreset_NotificationCenter_Default = ({ placement, i
     const renderNotificationItem = (notification) => {
         const typeIcon = renderIcon(notification.iconReference, { size: IconSize.SM });
         const rowLabel = notification.displayTitle || 'Notification';
-        return (_jsxs("div", { className: `
-          group flex items-start gap-field-sm rounded-lg p-card-sm ${ghostRecipe.motion.transition}
-          ${ghostRecipe.states.hover}
-          ${!notification.isRead ? 'bg-accent/50' : ''}
-        `, children: [_jsx("div", { className: `flex-shrink-0 mt-0.5 ${getNotificationTypeColorClass(notification.type)}`, children: typeIcon }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-start justify-between gap-element", children: [_jsxs("button", { type: "button", onClick: () => handleNotificationClick(notification), className: "min-w-0 flex-1 text-start rounded-sm focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", "aria-label": rowLabel, children: [_jsx("p", { className: `text-sm font-medium ${!notification.isRead ? 'text-foreground' : 'text-muted-foreground'}`, children: notification.displayTitle }), notification.displayMessage && (_jsx("p", { className: "mt-0.5 truncate text-xs text-muted-foreground", children: notification.displayMessage })), _jsx("p", { className: "mt-item-xs text-xs text-muted-foreground", children: notification.relativeTimeLabel })] }), _jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: () => dismissNotification(notification.id), className: "h-5 w-5 p-0 opacity-70 group-hover:opacity-100 hover:opacity-100 focus-visible:opacity-100 pointer-coarse:opacity-100", "aria-label": dismissLabel, children: dismissIcon })] }), notification.nextStep && (_jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: () => {
-                                handleNotificationClick(notification);
-                                setIsOpen(false);
-                                notification.nextStep?.onClick();
-                            }, className: "mt-item-xs h-7 px-item-sm text-xs", children: notification.nextStep.label }))] })] }, notification.id));
+        return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _jsxs("div", { className: cn('group flex items-start gap-field-sm rounded-lg p-card-sm', ghostRecipe.motion.transition, ghostRecipe.states.hover, !notification.isRead && 'bg-accent/50'), children: [_jsx("div", { className: `flex-shrink-0 mt-0.5 ${getNotificationTypeColorClass(notification.type)}`, children: typeIcon }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-start justify-between gap-element", children: [_jsxs("button", { type: "button", onClick: () => handleNotificationClick(notification), className: "min-w-0 flex-1 text-start rounded-sm focus:outline-none focus-ring-offset", "aria-label": rowLabel, children: [_jsx("p", { className: `text-sm font-medium ${!notification.isRead ? 'text-foreground' : 'text-muted-foreground'}`, children: notification.displayTitle }), notification.displayMessage && (_jsx("p", { className: "mt-0.5 truncate text-xs text-muted-foreground", children: notification.displayMessage })), _jsx("p", { className: "mt-item-xs text-xs text-muted-foreground", children: notification.relativeTimeLabel })] }), _jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: () => dismissNotification(notification.id), className: "h-5 w-5 p-0 opacity-70 group-hover:opacity-100 hover:opacity-100 focus-visible:opacity-100 pointer-coarse:opacity-100", "aria-label": dismissLabel, children: dismissIcon })] }), notification.nextStep && (_jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.XS, onClick: () => {
+                                    handleNotificationClick(notification);
+                                    setIsOpen(false);
+                                    notification.nextStep?.onClick();
+                                }, className: "mt-item-xs", children: notification.nextStep.label }))] })] }) }, notification.id));
     };
     // ===================================================================
     // Render Notification Group
@@ -86,6 +82,8 @@ export const ApplicationLevelPreset_NotificationCenter_Default = ({ placement, i
     // ===================================================================
     // Render
     // ===================================================================
-    return (_jsx("div", { "data-component-type": "notification-center", children: _jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, className: "relative", "aria-label": titleLabel, children: bellIcon }) }), _jsxs(PopoverContent, { align: popoverPlacement.align, side: popoverPlacement.side, className: "w-80 p-0", children: [_jsxs("div", { className: "flex items-center justify-between p-card-sm border-b", children: [_jsx("h3", { className: "font-semibold", children: titleLabel }), _jsxs("div", { className: "flex items-center gap-item-xs", children: [_jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: handleMarkAllAsRead, className: "text-xs h-7", disabled: unreadCount === 0, children: markAllReadLabel }), _jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: handleClearAll, className: "text-xs h-7", disabled: notificationCount === 0, children: clearAllLabel })] })] }), _jsxs("div", { className: "flex border-b", role: "group", "aria-label": filtersLabel, children: [_jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: () => setFilter(NotificationCenterFilter.ALL), "aria-pressed": filter === NotificationCenterFilter.ALL, className: `flex-1 rounded-none ${filter === NotificationCenterFilter.ALL ? 'border-b-2 border-primary' : ''}`, children: allLabel }), _jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: () => setFilter(NotificationCenterFilter.UNREAD), "aria-pressed": filter === NotificationCenterFilter.UNREAD, className: `flex-1 rounded-none ${filter === NotificationCenterFilter.UNREAD ? 'border-b-2 border-primary' : ''}`, children: unreadLabel })] }), _jsx(ScrollArea, { className: "h-[400px]", children: _jsx("div", { className: "p-card-sm space-y-field-sm", children: filteredNotifications.length === 0 ? (_jsxs("div", { className: "flex flex-col items-center justify-center py-section-xl text-center", children: [_jsx("div", { className: "text-muted-foreground mb-element", children: renderIcon(StandardIconReference.MAIL, { size: IconSize.LG }) }), _jsx("p", { className: "text-sm text-muted-foreground", children: noNotificationsLabel })] })) : (_jsxs(_Fragment, { children: [renderNotificationGroup(todayLabel, groupedNotifications.today), renderNotificationGroup(yesterdayLabel, groupedNotifications.yesterday), renderNotificationGroup(olderLabel, groupedNotifications.older)] })) }) })] })] }) }));
+    if (!isReady)
+        return null;
+    return (_jsx("div", { "data-component-type": "notification-center", children: _jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, className: "relative", "aria-label": titleLabel, children: bellIcon }) }), _jsxs(PopoverContent, { align: popoverPlacement.align, side: popoverPlacement.side, className: "w-80 p-0", children: [_jsxs("div", { className: "flex items-center justify-between p-card-sm border-b", children: [_jsx("h3", { className: "font-semibold", children: titleLabel }), _jsxs("div", { className: "flex items-center gap-item-xs", children: [_jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.XS, onClick: handleMarkAllAsRead, disabled: unreadCount === 0, children: markAllReadLabel }), _jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.XS, onClick: handleClearAll, disabled: notificationCount === 0, children: clearAllLabel })] })] }), _jsxs("div", { className: "flex border-b", role: "group", "aria-label": filtersLabel, children: [_jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: () => setFilter(NotificationCenterFilter.ALL), "aria-pressed": filter === NotificationCenterFilter.ALL, className: cn('flex-1 rounded-none', filter === NotificationCenterFilter.ALL && 'border-b-2 border-primary'), children: allLabel }), _jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: () => setFilter(NotificationCenterFilter.UNREAD), "aria-pressed": filter === NotificationCenterFilter.UNREAD, className: cn('flex-1 rounded-none', filter === NotificationCenterFilter.UNREAD && 'border-b-2 border-primary'), children: unreadLabel })] }), _jsx(ScrollArea, { className: "h-[400px]", children: _jsx("div", { className: "p-card-sm space-y-field-sm", children: filteredNotifications.length === 0 ? (_jsxs("div", { className: "flex flex-col items-center justify-center py-section-xl text-center", children: [_jsx("div", { className: "text-muted-foreground mb-element", children: renderIcon(StandardIconReference.MAIL, { size: IconSize.LG }) }), _jsx("p", { className: "text-sm text-muted-foreground", children: noNotificationsLabel })] })) : (_jsxs(_Fragment, { children: [renderNotificationGroup(todayLabel, groupedNotifications.today), renderNotificationGroup(yesterdayLabel, groupedNotifications.yesterday), renderNotificationGroup(olderLabel, groupedNotifications.older)] })) }) })] })] }) }));
 };
-//# sourceMappingURL=notification-center.js.map
+//# sourceMappingURL=notification-center.js.map