@xenide-io/the-old-ui-theme 0.6.10 → 0.6.12

package/dist/suite.d.mts

@@ -478,6 +478,7 @@ declare function useSuiteTheme(): SuiteThemeContextValue;
 
 declare const SUITE_OPEN_ASK_AI_EVENT = "shellstack:open-ask-ai";
 declare const SUITE_ASK_AI_OPEN_KEY = "shellstack:shelly-open";
+declare const SUITE_ASK_AI_OPEN_QUERY = "shelly";
 declare const SUITE_MUTATED_EVENT = "shellstack:suite-mutated";
 declare const TURTLETIME_TIMER_MUTATED_EVENT = "tt-timer-mutated";
 type SuiteAskAiOpenDetail = {
@@ -485,6 +486,10 @@ type SuiteAskAiOpenDetail = {
 };
 declare function persistSuiteAskAiOpen(open: boolean): void;
 declare function readSuiteAskAiOpen(): boolean;
+/** Stamp a destination path so the other app opens Shelly after SSO. */
+declare function pathWithSuiteAskAiOpen(path: string): string;
+/** Open Shelly only after a `?shelly=1` handoff — not a leftover session flag. */
+declare function consumeSuiteAskAiOpenFromLocation(): boolean;
 type SuiteAiActionStatus = "proposed" | "applied" | "cancelled" | "failed";
 interface SuiteAiAction {
     id: string;
@@ -972,4 +977,4 @@ interface SuiteAppLayoutProps {
  */
 declare function SuiteAppLayout({ sidebar, children, mobileHeader, bottomNav, sidebarWidth, collapsed, lockMainScroll, onStartResize, onResizeBy, onResetWidth, className, }: SuiteAppLayoutProps): react.JSX.Element;
 
-export { APP_ACCENTS, APP_GLYPHS, AnimatedMoon, AnimatedSun, AppSwitcher, AppSwitcherChevron, AppSwitcherMark, CommandPaletteHost, DeferredChrome, SIDEBAR_COLLAPSE_THRESHOLD, SIDEBAR_DEFAULT_WIDTH, SIDEBAR_MAX_WIDTH, SIDEBAR_MIN_EXPANDED_WIDTH, SIDEBAR_RAIL_WIDTH, SUITE_APPS, SUITE_APP_MAP, SUITE_ASK_AI_OPEN_KEY, SUITE_GLYPHS, SUITE_ICON_NAMES, SUITE_MUTATED_EVENT, SUITE_OPEN_ASK_AI_EVENT, SUITE_SPRINGS, SourceAppGlyph, type SuiteAccentSlug, type SuiteAiAction, type SuiteAiActionStatus, type SuiteAiChatMessage, SuiteAiPanel, type SuiteAiPreset, type SuiteAppAccent, type SuiteAppDefinition, type SuiteAppEntry, SuiteAppIcon, type SuiteAppIconProps, SuiteAppLayout, type SuiteAppLayoutProps, type SuiteAppSlug, SuiteAppStrip, type SuiteAskAiOpenDetail, SuiteBottomNav, type SuiteBottomNavItem, SuiteBreadcrumbs, type SuiteBreadcrumbsProps, type SuiteCommandItem, type SuiteCommandPaletteComponent, type SuiteDropdownItemComponent, type SuiteDropdownMenuComponent, type SuiteDropdownMenuProps, SuiteEmptyState, type SuiteGlyph, type SuiteGlyphElement, type SuiteHrefTarget, SuiteIcon, type SuiteIconName, type SuiteIconProps, SuiteMobileDrawer, SuiteMobileHeader, SuiteMotionProvider, type SuiteNotification, SuiteNotificationBell, type SuiteNotificationsResponse, SuitePage, SuitePageHeader, type SuitePageWidth, type SuiteResolvedTheme, SuiteSectionHeader, SuiteSettingsLayout, type SuiteSettingsLayoutProps, SuiteSettingsMobileNav, type SuiteSettingsNavItem, SuiteSidebar, type SuiteSidebarNavItem, SuiteSkeleton, SuiteSkeletonCard, SuiteSkeletonList, type SuiteSpinnerComponent, type SuiteSpringName, SuiteTabList, type SuiteTheme, type SuiteThemeConfig, type SuiteThemeContextValue, SuiteThemeProvider, SuiteToolbar, SuiteUserMenu, type SuiteUserMenuProps, type SuiteWorkspaceEntry, type SuiteWorkspaceGroup, SuiteWorkspaceSwitcher, TURTLETIME_TIMER_MUTATED_EVENT, TodayAskAiCard, TodayCalibrating, TodayEmptyAction, TodayEmptyState, TodayHero, TodayLayout, TodayPageFrame, TodayPanel, type TodayPrimaryAccent, TodayPrimaryAction, TodaySection, TodayTimeIcon, TodayTopBar, appSwitcherMarkClass, appSwitcherMenuItemClass, appSwitcherTriggerClass, classifySuiteHref, cn, consumePendingAskAiPrompt, getTodayGreeting, openSuiteAskAi, persistSuiteAskAiOpen, readSuiteAskAiOpen, resolveSuiteNotificationHref, sidebarColumnWidth, sourceToSuiteApp, suiteAppBaseUrl, suiteAppLabel, useIdleMount, useSidebarWidth, useSuiteTheme };
+export { APP_ACCENTS, APP_GLYPHS, AnimatedMoon, AnimatedSun, AppSwitcher, AppSwitcherChevron, AppSwitcherMark, CommandPaletteHost, DeferredChrome, SIDEBAR_COLLAPSE_THRESHOLD, SIDEBAR_DEFAULT_WIDTH, SIDEBAR_MAX_WIDTH, SIDEBAR_MIN_EXPANDED_WIDTH, SIDEBAR_RAIL_WIDTH, SUITE_APPS, SUITE_APP_MAP, SUITE_ASK_AI_OPEN_KEY, SUITE_ASK_AI_OPEN_QUERY, SUITE_GLYPHS, SUITE_ICON_NAMES, SUITE_MUTATED_EVENT, SUITE_OPEN_ASK_AI_EVENT, SUITE_SPRINGS, SourceAppGlyph, type SuiteAccentSlug, type SuiteAiAction, type SuiteAiActionStatus, type SuiteAiChatMessage, SuiteAiPanel, type SuiteAiPreset, type SuiteAppAccent, type SuiteAppDefinition, type SuiteAppEntry, SuiteAppIcon, type SuiteAppIconProps, SuiteAppLayout, type SuiteAppLayoutProps, type SuiteAppSlug, SuiteAppStrip, type SuiteAskAiOpenDetail, SuiteBottomNav, type SuiteBottomNavItem, SuiteBreadcrumbs, type SuiteBreadcrumbsProps, type SuiteCommandItem, type SuiteCommandPaletteComponent, type SuiteDropdownItemComponent, type SuiteDropdownMenuComponent, type SuiteDropdownMenuProps, SuiteEmptyState, type SuiteGlyph, type SuiteGlyphElement, type SuiteHrefTarget, SuiteIcon, type SuiteIconName, type SuiteIconProps, SuiteMobileDrawer, SuiteMobileHeader, SuiteMotionProvider, type SuiteNotification, SuiteNotificationBell, type SuiteNotificationsResponse, SuitePage, SuitePageHeader, type SuitePageWidth, type SuiteResolvedTheme, SuiteSectionHeader, SuiteSettingsLayout, type SuiteSettingsLayoutProps, SuiteSettingsMobileNav, type SuiteSettingsNavItem, SuiteSidebar, type SuiteSidebarNavItem, SuiteSkeleton, SuiteSkeletonCard, SuiteSkeletonList, type SuiteSpinnerComponent, type SuiteSpringName, SuiteTabList, type SuiteTheme, type SuiteThemeConfig, type SuiteThemeContextValue, SuiteThemeProvider, SuiteToolbar, SuiteUserMenu, type SuiteUserMenuProps, type SuiteWorkspaceEntry, type SuiteWorkspaceGroup, SuiteWorkspaceSwitcher, TURTLETIME_TIMER_MUTATED_EVENT, TodayAskAiCard, TodayCalibrating, TodayEmptyAction, TodayEmptyState, TodayHero, TodayLayout, TodayPageFrame, TodayPanel, type TodayPrimaryAccent, TodayPrimaryAction, TodaySection, TodayTimeIcon, TodayTopBar, appSwitcherMarkClass, appSwitcherMenuItemClass, appSwitcherTriggerClass, classifySuiteHref, cn, consumePendingAskAiPrompt, consumeSuiteAskAiOpenFromLocation, getTodayGreeting, openSuiteAskAi, pathWithSuiteAskAiOpen, persistSuiteAskAiOpen, readSuiteAskAiOpen, resolveSuiteNotificationHref, sidebarColumnWidth, sourceToSuiteApp, suiteAppBaseUrl, suiteAppLabel, useIdleMount, useSidebarWidth, useSuiteTheme };

package/dist/suite.d.ts

@@ -478,6 +478,7 @@ declare function useSuiteTheme(): SuiteThemeContextValue;
 
 declare const SUITE_OPEN_ASK_AI_EVENT = "shellstack:open-ask-ai";
 declare const SUITE_ASK_AI_OPEN_KEY = "shellstack:shelly-open";
+declare const SUITE_ASK_AI_OPEN_QUERY = "shelly";
 declare const SUITE_MUTATED_EVENT = "shellstack:suite-mutated";
 declare const TURTLETIME_TIMER_MUTATED_EVENT = "tt-timer-mutated";
 type SuiteAskAiOpenDetail = {
@@ -485,6 +486,10 @@ type SuiteAskAiOpenDetail = {
 };
 declare function persistSuiteAskAiOpen(open: boolean): void;
 declare function readSuiteAskAiOpen(): boolean;
+/** Stamp a destination path so the other app opens Shelly after SSO. */
+declare function pathWithSuiteAskAiOpen(path: string): string;
+/** Open Shelly only after a `?shelly=1` handoff — not a leftover session flag. */
+declare function consumeSuiteAskAiOpenFromLocation(): boolean;
 type SuiteAiActionStatus = "proposed" | "applied" | "cancelled" | "failed";
 interface SuiteAiAction {
     id: string;
@@ -972,4 +977,4 @@ interface SuiteAppLayoutProps {
  */
 declare function SuiteAppLayout({ sidebar, children, mobileHeader, bottomNav, sidebarWidth, collapsed, lockMainScroll, onStartResize, onResizeBy, onResetWidth, className, }: SuiteAppLayoutProps): react.JSX.Element;
 
-export { APP_ACCENTS, APP_GLYPHS, AnimatedMoon, AnimatedSun, AppSwitcher, AppSwitcherChevron, AppSwitcherMark, CommandPaletteHost, DeferredChrome, SIDEBAR_COLLAPSE_THRESHOLD, SIDEBAR_DEFAULT_WIDTH, SIDEBAR_MAX_WIDTH, SIDEBAR_MIN_EXPANDED_WIDTH, SIDEBAR_RAIL_WIDTH, SUITE_APPS, SUITE_APP_MAP, SUITE_ASK_AI_OPEN_KEY, SUITE_GLYPHS, SUITE_ICON_NAMES, SUITE_MUTATED_EVENT, SUITE_OPEN_ASK_AI_EVENT, SUITE_SPRINGS, SourceAppGlyph, type SuiteAccentSlug, type SuiteAiAction, type SuiteAiActionStatus, type SuiteAiChatMessage, SuiteAiPanel, type SuiteAiPreset, type SuiteAppAccent, type SuiteAppDefinition, type SuiteAppEntry, SuiteAppIcon, type SuiteAppIconProps, SuiteAppLayout, type SuiteAppLayoutProps, type SuiteAppSlug, SuiteAppStrip, type SuiteAskAiOpenDetail, SuiteBottomNav, type SuiteBottomNavItem, SuiteBreadcrumbs, type SuiteBreadcrumbsProps, type SuiteCommandItem, type SuiteCommandPaletteComponent, type SuiteDropdownItemComponent, type SuiteDropdownMenuComponent, type SuiteDropdownMenuProps, SuiteEmptyState, type SuiteGlyph, type SuiteGlyphElement, type SuiteHrefTarget, SuiteIcon, type SuiteIconName, type SuiteIconProps, SuiteMobileDrawer, SuiteMobileHeader, SuiteMotionProvider, type SuiteNotification, SuiteNotificationBell, type SuiteNotificationsResponse, SuitePage, SuitePageHeader, type SuitePageWidth, type SuiteResolvedTheme, SuiteSectionHeader, SuiteSettingsLayout, type SuiteSettingsLayoutProps, SuiteSettingsMobileNav, type SuiteSettingsNavItem, SuiteSidebar, type SuiteSidebarNavItem, SuiteSkeleton, SuiteSkeletonCard, SuiteSkeletonList, type SuiteSpinnerComponent, type SuiteSpringName, SuiteTabList, type SuiteTheme, type SuiteThemeConfig, type SuiteThemeContextValue, SuiteThemeProvider, SuiteToolbar, SuiteUserMenu, type SuiteUserMenuProps, type SuiteWorkspaceEntry, type SuiteWorkspaceGroup, SuiteWorkspaceSwitcher, TURTLETIME_TIMER_MUTATED_EVENT, TodayAskAiCard, TodayCalibrating, TodayEmptyAction, TodayEmptyState, TodayHero, TodayLayout, TodayPageFrame, TodayPanel, type TodayPrimaryAccent, TodayPrimaryAction, TodaySection, TodayTimeIcon, TodayTopBar, appSwitcherMarkClass, appSwitcherMenuItemClass, appSwitcherTriggerClass, classifySuiteHref, cn, consumePendingAskAiPrompt, getTodayGreeting, openSuiteAskAi, persistSuiteAskAiOpen, readSuiteAskAiOpen, resolveSuiteNotificationHref, sidebarColumnWidth, sourceToSuiteApp, suiteAppBaseUrl, suiteAppLabel, useIdleMount, useSidebarWidth, useSuiteTheme };
+export { APP_ACCENTS, APP_GLYPHS, AnimatedMoon, AnimatedSun, AppSwitcher, AppSwitcherChevron, AppSwitcherMark, CommandPaletteHost, DeferredChrome, SIDEBAR_COLLAPSE_THRESHOLD, SIDEBAR_DEFAULT_WIDTH, SIDEBAR_MAX_WIDTH, SIDEBAR_MIN_EXPANDED_WIDTH, SIDEBAR_RAIL_WIDTH, SUITE_APPS, SUITE_APP_MAP, SUITE_ASK_AI_OPEN_KEY, SUITE_ASK_AI_OPEN_QUERY, SUITE_GLYPHS, SUITE_ICON_NAMES, SUITE_MUTATED_EVENT, SUITE_OPEN_ASK_AI_EVENT, SUITE_SPRINGS, SourceAppGlyph, type SuiteAccentSlug, type SuiteAiAction, type SuiteAiActionStatus, type SuiteAiChatMessage, SuiteAiPanel, type SuiteAiPreset, type SuiteAppAccent, type SuiteAppDefinition, type SuiteAppEntry, SuiteAppIcon, type SuiteAppIconProps, SuiteAppLayout, type SuiteAppLayoutProps, type SuiteAppSlug, SuiteAppStrip, type SuiteAskAiOpenDetail, SuiteBottomNav, type SuiteBottomNavItem, SuiteBreadcrumbs, type SuiteBreadcrumbsProps, type SuiteCommandItem, type SuiteCommandPaletteComponent, type SuiteDropdownItemComponent, type SuiteDropdownMenuComponent, type SuiteDropdownMenuProps, SuiteEmptyState, type SuiteGlyph, type SuiteGlyphElement, type SuiteHrefTarget, SuiteIcon, type SuiteIconName, type SuiteIconProps, SuiteMobileDrawer, SuiteMobileHeader, SuiteMotionProvider, type SuiteNotification, SuiteNotificationBell, type SuiteNotificationsResponse, SuitePage, SuitePageHeader, type SuitePageWidth, type SuiteResolvedTheme, SuiteSectionHeader, SuiteSettingsLayout, type SuiteSettingsLayoutProps, SuiteSettingsMobileNav, type SuiteSettingsNavItem, SuiteSidebar, type SuiteSidebarNavItem, SuiteSkeleton, SuiteSkeletonCard, SuiteSkeletonList, type SuiteSpinnerComponent, type SuiteSpringName, SuiteTabList, type SuiteTheme, type SuiteThemeConfig, type SuiteThemeContextValue, SuiteThemeProvider, SuiteToolbar, SuiteUserMenu, type SuiteUserMenuProps, type SuiteWorkspaceEntry, type SuiteWorkspaceGroup, SuiteWorkspaceSwitcher, TURTLETIME_TIMER_MUTATED_EVENT, TodayAskAiCard, TodayCalibrating, TodayEmptyAction, TodayEmptyState, TodayHero, TodayLayout, TodayPageFrame, TodayPanel, type TodayPrimaryAccent, TodayPrimaryAction, TodaySection, TodayTimeIcon, TodayTopBar, appSwitcherMarkClass, appSwitcherMenuItemClass, appSwitcherTriggerClass, classifySuiteHref, cn, consumePendingAskAiPrompt, consumeSuiteAskAiOpenFromLocation, getTodayGreeting, openSuiteAskAi, pathWithSuiteAskAiOpen, persistSuiteAskAiOpen, readSuiteAskAiOpen, resolveSuiteNotificationHref, sidebarColumnWidth, sourceToSuiteApp, suiteAppBaseUrl, suiteAppLabel, useIdleMount, useSidebarWidth, useSuiteTheme };

package/dist/suite.js

@@ -244,6 +244,7 @@ __export(suite_exports, {
   SUITE_APPS: () => SUITE_APPS2,
   SUITE_APP_MAP: () => SUITE_APP_MAP,
   SUITE_ASK_AI_OPEN_KEY: () => SUITE_ASK_AI_OPEN_KEY,
+  SUITE_ASK_AI_OPEN_QUERY: () => SUITE_ASK_AI_OPEN_QUERY,
   SUITE_GLYPHS: () => SUITE_GLYPHS,
   SUITE_ICON_NAMES: () => SUITE_ICON_NAMES,
   SUITE_MUTATED_EVENT: () => SUITE_MUTATED_EVENT,
@@ -295,9 +296,11 @@ __export(suite_exports, {
   classifySuiteHref: () => classifySuiteHref,
   cn: () => cn,
   consumePendingAskAiPrompt: () => consumePendingAskAiPrompt,
+  consumeSuiteAskAiOpenFromLocation: () => consumeSuiteAskAiOpenFromLocation,
   getTodayGreeting: () => getTodayGreeting,
   m: () => import_react14.m,
   openSuiteAskAi: () => openSuiteAskAi,
+  pathWithSuiteAskAiOpen: () => pathWithSuiteAskAiOpen,
   persistSuiteAskAiOpen: () => persistSuiteAskAiOpen,
   readSuiteAskAiOpen: () => readSuiteAskAiOpen,
   resolveSuiteNotificationHref: () => resolveSuiteNotificationHref,
@@ -1585,10 +1588,10 @@ function SuiteNotificationBell({
       panelClassName: "w-80 overflow-hidden p-0",
       open,
       onOpenChange,
-      trigger: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "relative inline-flex h-11 w-11 items-center justify-center rounded-full text-ph-mutedtext transition hover:bg-ph-muted hover:text-ph-ink", children: [
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "inline-flex h-11 w-11 items-center justify-center rounded-full text-ph-mutedtext transition hover:bg-ph-muted hover:text-ph-ink", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "relative inline-flex", children: [
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_iconoir_react3.Bell, { className: "h-5 w-5", strokeWidth: 1.75, "aria-hidden": true }),
-        unread > 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "absolute -right-0.5 -top-0.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-ph-brand px-1 text-[10px] font-semibold leading-none text-white ring-2 ring-ph-surface", children: unread > 9 ? "9+" : unread }) : null
-      ] }),
+        unread > 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "absolute right-0 top-0 flex h-3.5 min-w-3.5 translate-x-0.5 -translate-y-0.5 items-center justify-center rounded-full bg-ph-brand px-1 text-[9px] font-semibold leading-none text-white ring-1 ring-ph-surface", children: unread > 9 ? "9+" : unread }) : null
+      ] }) }),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center justify-between border-b border-ph-border px-3 py-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-sm font-semibold text-ph-ink", children: "Notifications" }),
@@ -1807,7 +1810,7 @@ function SuiteMobileDrawer({
         tabIndex: -1,
         "data-test": panelDataTest,
         className: cn(
-          "suite-scroll-lock relative flex h-full w-[86%] max-w-72 flex-col overflow-hidden bg-ph-surface shadow-xl outline-none motion-safe:transition-transform motion-safe:ease-spring-fast",
+          "relative flex h-dvh max-h-dvh w-[86%] max-w-72 flex-col overflow-hidden bg-ph-surface shadow-xl outline-none motion-safe:transition-transform motion-safe:ease-spring-fast",
           side === "right" && "ml-auto",
           shown ? "translate-x-0" : side === "right" ? "translate-x-full" : "-translate-x-full",
           panelClassName
@@ -1838,7 +1841,14 @@ function SuiteMobileDrawer({
               ]
             }
           ) : null,
-          children
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            "div",
+            {
+              "data-test": "suite-mobile-drawer-body",
+              className: "suite-scroll-lock flex min-h-0 flex-1 flex-col overflow-y-auto overscroll-contain pb-[max(0.75rem,env(safe-area-inset-bottom))]",
+              children
+            }
+          )
         ]
       }
     )
@@ -2742,6 +2752,7 @@ var import_jsx_runtime21 = require("react/jsx-runtime");
 var SuiteAiBlockNoteMessage2 = (0, import_react11.lazy)(() => Promise.resolve().then(() => (init_ai_message_blocknote(), ai_message_blocknote_exports)));
 var SUITE_OPEN_ASK_AI_EVENT = "shellstack:open-ask-ai";
 var SUITE_ASK_AI_OPEN_KEY = "shellstack:shelly-open";
+var SUITE_ASK_AI_OPEN_QUERY = "shelly";
 var SUITE_MUTATED_EVENT = "shellstack:suite-mutated";
 var TURTLETIME_TIMER_MUTATED_EVENT = "tt-timer-mutated";
 function persistSuiteAskAiOpen(open) {
@@ -2760,6 +2771,24 @@ function readSuiteAskAiOpen() {
     return false;
   }
 }
+function pathWithSuiteAskAiOpen(path) {
+  const url = new URL((path || "/").trim() || "/", "http://local.invalid");
+  url.searchParams.set(SUITE_ASK_AI_OPEN_QUERY, "1");
+  return `${url.pathname}${url.search}${url.hash}`;
+}
+function consumeSuiteAskAiOpenFromLocation() {
+  if (typeof window === "undefined") return false;
+  const url = new URL(window.location.href);
+  if (url.searchParams.get(SUITE_ASK_AI_OPEN_QUERY) !== "1") return false;
+  persistSuiteAskAiOpen(true);
+  url.searchParams.delete(SUITE_ASK_AI_OPEN_QUERY);
+  window.history.replaceState(
+    window.history.state,
+    "",
+    `${url.pathname}${url.search}${url.hash}`
+  );
+  return true;
+}
 var pendingAskAiPrompt = null;
 function openSuiteAskAi(detail) {
   var _a;
@@ -3004,11 +3033,12 @@ function SuiteAiPanel({
     persistSuiteAskAiOpen(true);
     if (match.sameApp) {
       if (onSameAppNavigate) onSameAppNavigate(match.path);
-      else window.location.assign(match.path);
+      else window.location.assign(pathWithSuiteAskAiOpen(match.path));
       return;
     }
-    if (onSwitchApp) onSwitchApp(match.slug, match.path);
-    else window.location.assign(anchor.href);
+    const openPath = pathWithSuiteAskAiOpen(match.path);
+    if (onSwitchApp) onSwitchApp(match.slug, openPath);
+    else window.location.assign(new URL(openPath, href).toString());
   }
   if (!open) return null;
   const Icon = BrandIcon != null ? BrandIcon : import_iconoir_react8.Sparks;
@@ -3906,14 +3936,7 @@ function SuiteSidebar({
                   );
                   return collapsed ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Tooltip, { content: item.label, side: "right", children: link }, item.label) : link;
                 }) }) }),
-                secondaryNav ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                  "div",
-                  {
-                    className: "min-h-0 flex-1",
-                    "data-test": "suite-sidebar-secondary-nav",
-                    children: secondaryNav
-                  }
-                ) : null
+                secondaryNav ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "shrink-0", "data-test": "suite-sidebar-secondary-nav", children: secondaryNav }) : null
               ] })
             ]
           }
@@ -4054,6 +4077,7 @@ function SuiteAppLayout({
   SUITE_APPS,
   SUITE_APP_MAP,
   SUITE_ASK_AI_OPEN_KEY,
+  SUITE_ASK_AI_OPEN_QUERY,
   SUITE_GLYPHS,
   SUITE_ICON_NAMES,
   SUITE_MUTATED_EVENT,
@@ -4105,9 +4129,11 @@ function SuiteAppLayout({
   classifySuiteHref,
   cn,
   consumePendingAskAiPrompt,
+  consumeSuiteAskAiOpenFromLocation,
   getTodayGreeting,
   m,
   openSuiteAskAi,
+  pathWithSuiteAskAiOpen,
   persistSuiteAskAiOpen,
   readSuiteAskAiOpen,
   resolveSuiteNotificationHref,

package/dist/suite.mjs

@@ -1286,10 +1286,10 @@ function SuiteNotificationBell({
       panelClassName: "w-80 overflow-hidden p-0",
       open,
       onOpenChange,
-      trigger: /* @__PURE__ */ jsxs7("span", { className: "relative inline-flex h-11 w-11 items-center justify-center rounded-full text-ph-mutedtext transition hover:bg-ph-muted hover:text-ph-ink", children: [
+      trigger: /* @__PURE__ */ jsx7("span", { className: "inline-flex h-11 w-11 items-center justify-center rounded-full text-ph-mutedtext transition hover:bg-ph-muted hover:text-ph-ink", children: /* @__PURE__ */ jsxs7("span", { className: "relative inline-flex", children: [
         /* @__PURE__ */ jsx7(Bell, { className: "h-5 w-5", strokeWidth: 1.75, "aria-hidden": true }),
-        unread > 0 ? /* @__PURE__ */ jsx7("span", { className: "absolute -right-0.5 -top-0.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-ph-brand px-1 text-[10px] font-semibold leading-none text-white ring-2 ring-ph-surface", children: unread > 9 ? "9+" : unread }) : null
-      ] }),
+        unread > 0 ? /* @__PURE__ */ jsx7("span", { className: "absolute right-0 top-0 flex h-3.5 min-w-3.5 translate-x-0.5 -translate-y-0.5 items-center justify-center rounded-full bg-ph-brand px-1 text-[9px] font-semibold leading-none text-white ring-1 ring-ph-surface", children: unread > 9 ? "9+" : unread }) : null
+      ] }) }),
       children: [
         /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between border-b border-ph-border px-3 py-2", children: [
           /* @__PURE__ */ jsx7("span", { className: "text-sm font-semibold text-ph-ink", children: "Notifications" }),
@@ -1508,7 +1508,7 @@ function SuiteMobileDrawer({
         tabIndex: -1,
         "data-test": panelDataTest,
         className: cn(
-          "suite-scroll-lock relative flex h-full w-[86%] max-w-72 flex-col overflow-hidden bg-ph-surface shadow-xl outline-none motion-safe:transition-transform motion-safe:ease-spring-fast",
+          "relative flex h-dvh max-h-dvh w-[86%] max-w-72 flex-col overflow-hidden bg-ph-surface shadow-xl outline-none motion-safe:transition-transform motion-safe:ease-spring-fast",
           side === "right" && "ml-auto",
           shown ? "translate-x-0" : side === "right" ? "translate-x-full" : "-translate-x-full",
           panelClassName
@@ -1539,7 +1539,14 @@ function SuiteMobileDrawer({
               ]
             }
           ) : null,
-          children
+          /* @__PURE__ */ jsx10(
+            "div",
+            {
+              "data-test": "suite-mobile-drawer-body",
+              className: "suite-scroll-lock flex min-h-0 flex-1 flex-col overflow-y-auto overscroll-contain pb-[max(0.75rem,env(safe-area-inset-bottom))]",
+              children
+            }
+          )
         ]
       }
     )
@@ -2178,6 +2185,7 @@ import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-r
 var SuiteAiBlockNoteMessage = lazy(() => import("./ai-message-blocknote-DIUICX3G.mjs"));
 var SUITE_OPEN_ASK_AI_EVENT = "shellstack:open-ask-ai";
 var SUITE_ASK_AI_OPEN_KEY = "shellstack:shelly-open";
+var SUITE_ASK_AI_OPEN_QUERY = "shelly";
 var SUITE_MUTATED_EVENT = "shellstack:suite-mutated";
 var TURTLETIME_TIMER_MUTATED_EVENT = "tt-timer-mutated";
 function persistSuiteAskAiOpen(open) {
@@ -2196,6 +2204,24 @@ function readSuiteAskAiOpen() {
     return false;
   }
 }
+function pathWithSuiteAskAiOpen(path) {
+  const url = new URL((path || "/").trim() || "/", "http://local.invalid");
+  url.searchParams.set(SUITE_ASK_AI_OPEN_QUERY, "1");
+  return `${url.pathname}${url.search}${url.hash}`;
+}
+function consumeSuiteAskAiOpenFromLocation() {
+  if (typeof window === "undefined") return false;
+  const url = new URL(window.location.href);
+  if (url.searchParams.get(SUITE_ASK_AI_OPEN_QUERY) !== "1") return false;
+  persistSuiteAskAiOpen(true);
+  url.searchParams.delete(SUITE_ASK_AI_OPEN_QUERY);
+  window.history.replaceState(
+    window.history.state,
+    "",
+    `${url.pathname}${url.search}${url.hash}`
+  );
+  return true;
+}
 var pendingAskAiPrompt = null;
 function openSuiteAskAi(detail) {
   var _a;
@@ -2440,11 +2466,12 @@ function SuiteAiPanel({
     persistSuiteAskAiOpen(true);
     if (match.sameApp) {
       if (onSameAppNavigate) onSameAppNavigate(match.path);
-      else window.location.assign(match.path);
+      else window.location.assign(pathWithSuiteAskAiOpen(match.path));
       return;
     }
-    if (onSwitchApp) onSwitchApp(match.slug, match.path);
-    else window.location.assign(anchor.href);
+    const openPath = pathWithSuiteAskAiOpen(match.path);
+    if (onSwitchApp) onSwitchApp(match.slug, openPath);
+    else window.location.assign(new URL(openPath, href).toString());
   }
   if (!open) return null;
   const Icon = BrandIcon != null ? BrandIcon : Sparks;
@@ -3346,14 +3373,7 @@ function SuiteSidebar({
                   );
                   return collapsed ? /* @__PURE__ */ jsx22(Tooltip, { content: item.label, side: "right", children: link }, item.label) : link;
                 }) }) }),
-                secondaryNav ? /* @__PURE__ */ jsx22(
-                  "div",
-                  {
-                    className: "min-h-0 flex-1",
-                    "data-test": "suite-sidebar-secondary-nav",
-                    children: secondaryNav
-                  }
-                ) : null
+                secondaryNav ? /* @__PURE__ */ jsx22("div", { className: "shrink-0", "data-test": "suite-sidebar-secondary-nav", children: secondaryNav }) : null
               ] })
             ]
           }
@@ -3493,6 +3513,7 @@ export {
   SUITE_APPS2 as SUITE_APPS,
   SUITE_APP_MAP,
   SUITE_ASK_AI_OPEN_KEY,
+  SUITE_ASK_AI_OPEN_QUERY,
   SUITE_GLYPHS,
   SUITE_ICON_NAMES,
   SUITE_MUTATED_EVENT,
@@ -3544,9 +3565,11 @@ export {
   classifySuiteHref,
   cn,
   consumePendingAskAiPrompt,
+  consumeSuiteAskAiOpenFromLocation,
   getTodayGreeting,
   m,
   openSuiteAskAi,
+  pathWithSuiteAskAiOpen,
   persistSuiteAskAiOpen,
   readSuiteAskAiOpen,
   resolveSuiteNotificationHref,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xenide-io/the-old-ui-theme",
-  "version": "0.6.10",
+  "version": "0.6.12",
   "description": "Props-driven React components and theme tokens inspired by classic interface design \u2014 optimized for Next.js apps and internal tools.",
   "author": "Xenide",
   "license": "MIT",

package/src/suite/components/ai-panel.test.ts

@@ -2,10 +2,13 @@ import { describe, expect, it, vi } from "vitest";
 
 import {
   consumePendingAskAiPrompt,
+  consumeSuiteAskAiOpenFromLocation,
   openSuiteAskAi,
+  pathWithSuiteAskAiOpen,
   persistSuiteAskAiOpen,
   readSuiteAskAiOpen,
   SUITE_ASK_AI_OPEN_KEY,
+  SUITE_ASK_AI_OPEN_QUERY,
   SUITE_OPEN_ASK_AI_EVENT,
 } from "./ai-panel";
 
@@ -30,4 +33,31 @@ describe("persistSuiteAskAiOpen", () => {
     persistSuiteAskAiOpen(false);
     expect(readSuiteAskAiOpen()).toBe(false);
   });
+
+  it("stamps a cross-app path so the destination can reopen Shelly", () => {
+    expect(pathWithSuiteAskAiOpen("/tracker")).toBe(
+      `/tracker?${SUITE_ASK_AI_OPEN_QUERY}=1`,
+    );
+    expect(pathWithSuiteAskAiOpen("/dashboard?scope=mine")).toBe(
+      `/dashboard?scope=mine&${SUITE_ASK_AI_OPEN_QUERY}=1`,
+    );
+  });
+
+  it("opens Shelly from a cross-app query and then strips it", () => {
+    sessionStorage.removeItem(SUITE_ASK_AI_OPEN_KEY);
+    window.history.replaceState(
+      null,
+      "",
+      `/tracker?${SUITE_ASK_AI_OPEN_QUERY}=1`,
+    );
+    expect(consumeSuiteAskAiOpenFromLocation()).toBe(true);
+    expect(readSuiteAskAiOpen()).toBe(true);
+    expect(window.location.search).toBe("");
+  });
+
+  it("does not reopen Shelly from a leftover flag when switching apps", () => {
+    persistSuiteAskAiOpen(true);
+    window.history.replaceState(null, "", "/tracker");
+    expect(consumeSuiteAskAiOpenFromLocation()).toBe(false);
+  });
 });

package/src/suite/components/ai-panel.tsx

@@ -32,6 +32,7 @@ const SuiteAiBlockNoteMessage = lazy(() => import("./ai-message-blocknote"));
 
 export const SUITE_OPEN_ASK_AI_EVENT = "shellstack:open-ask-ai";
 export const SUITE_ASK_AI_OPEN_KEY = "shellstack:shelly-open";
+export const SUITE_ASK_AI_OPEN_QUERY = "shelly";
 export const SUITE_MUTATED_EVENT = "shellstack:suite-mutated";
 export const TURTLETIME_TIMER_MUTATED_EVENT = "tt-timer-mutated";
 
@@ -58,6 +59,28 @@ export function readSuiteAskAiOpen(): boolean {
   }
 }
 
+/** Stamp a destination path so the other app opens Shelly after SSO. */
+export function pathWithSuiteAskAiOpen(path: string): string {
+  const url = new URL((path || "/").trim() || "/", "http://local.invalid");
+  url.searchParams.set(SUITE_ASK_AI_OPEN_QUERY, "1");
+  return `${url.pathname}${url.search}${url.hash}`;
+}
+
+/** Open Shelly only after a `?shelly=1` handoff — not a leftover session flag. */
+export function consumeSuiteAskAiOpenFromLocation(): boolean {
+  if (typeof window === "undefined") return false;
+  const url = new URL(window.location.href);
+  if (url.searchParams.get(SUITE_ASK_AI_OPEN_QUERY) !== "1") return false;
+  persistSuiteAskAiOpen(true);
+  url.searchParams.delete(SUITE_ASK_AI_OPEN_QUERY);
+  window.history.replaceState(
+    window.history.state,
+    "",
+    `${url.pathname}${url.search}${url.hash}`,
+  );
+  return true;
+}
+
 export type SuiteAiActionStatus =
   | "proposed"
   | "applied"
@@ -377,11 +400,12 @@ export function SuiteAiPanel({
     persistSuiteAskAiOpen(true);
     if (match.sameApp) {
       if (onSameAppNavigate) onSameAppNavigate(match.path);
-      else window.location.assign(match.path);
+      else window.location.assign(pathWithSuiteAskAiOpen(match.path));
       return;
     }
-    if (onSwitchApp) onSwitchApp(match.slug, match.path);
-    else window.location.assign(anchor.href);
+    const openPath = pathWithSuiteAskAiOpen(match.path);
+    if (onSwitchApp) onSwitchApp(match.slug, openPath);
+    else window.location.assign(new URL(openPath, href).toString());
   }
 
   if (!open) return null;

package/src/suite/components/suite-mobile-drawer.test.tsx

@@ -0,0 +1,33 @@
+import { cleanup, render } from "@testing-library/react";
+import { afterEach, describe, expect, it } from "vitest";
+
+import { SuiteMobileDrawer } from "./suite-mobile-drawer";
+
+afterEach(cleanup);
+
+describe("SuiteMobileDrawer", () => {
+  it("puts one full-height scroller under the close row", () => {
+    render(
+      <SuiteMobileDrawer
+        open
+        onClose={() => {}}
+        showCloseButton
+        title="Kraken"
+      >
+        <p>Documents</p>
+      </SuiteMobileDrawer>,
+    );
+
+    const body = document.querySelector(
+      '[data-test="suite-mobile-drawer-body"]',
+    );
+    expect(body).not.toBeNull();
+    expect(body).toHaveClass(
+      "min-h-0",
+      "flex-1",
+      "overflow-y-auto",
+      "suite-scroll-lock",
+    );
+    expect(body?.previousElementSibling).toHaveClass("h-14", "shrink-0");
+  });
+});

package/src/suite/components/suite-mobile-drawer.tsx

@@ -133,7 +133,7 @@ export function SuiteMobileDrawer({
         tabIndex={-1}
         data-test={panelDataTest}
         className={cn(
-          "suite-scroll-lock relative flex h-full w-[86%] max-w-72 flex-col overflow-hidden bg-ph-surface shadow-xl outline-none motion-safe:transition-transform motion-safe:ease-spring-fast",
+          "relative flex h-dvh max-h-dvh w-[86%] max-w-72 flex-col overflow-hidden bg-ph-surface shadow-xl outline-none motion-safe:transition-transform motion-safe:ease-spring-fast",
           side === "right" && "ml-auto",
           shown
             ? "translate-x-0"
@@ -168,7 +168,14 @@ export function SuiteMobileDrawer({
             </button>
           </div>
         ) : null}
-        {children}
+        {/* One column scroller, same as desktop SuiteSidebar body. Nested
+            flex-1 overflow-y-auto regions trap the tree in a leftover strip. */}
+        <div
+          data-test="suite-mobile-drawer-body"
+          className="suite-scroll-lock flex min-h-0 flex-1 flex-col overflow-y-auto overscroll-contain pb-[max(0.75rem,env(safe-area-inset-bottom))]"
+        >
+          {children}
+        </div>
       </aside>
     </div>
   );

package/src/suite/components/suite-notification-bell.tsx

@@ -178,13 +178,15 @@ export function SuiteNotificationBell({
       open={open}
       onOpenChange={onOpenChange}
       trigger={
-        <span className="relative inline-flex h-11 w-11 items-center justify-center rounded-full text-ph-mutedtext transition hover:bg-ph-muted hover:text-ph-ink">
-          <Bell className="h-5 w-5" strokeWidth={1.75} aria-hidden />
-          {unread > 0 ? (
-            <span className="absolute -right-0.5 -top-0.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-ph-brand px-1 text-[10px] font-semibold leading-none text-white ring-2 ring-ph-surface">
-              {unread > 9 ? "9+" : unread}
-            </span>
-          ) : null}
+        <span className="inline-flex h-11 w-11 items-center justify-center rounded-full text-ph-mutedtext transition hover:bg-ph-muted hover:text-ph-ink">
+          <span className="relative inline-flex">
+            <Bell className="h-5 w-5" strokeWidth={1.75} aria-hidden />
+            {unread > 0 ? (
+              <span className="absolute right-0 top-0 flex h-3.5 min-w-3.5 translate-x-0.5 -translate-y-0.5 items-center justify-center rounded-full bg-ph-brand px-1 text-[9px] font-semibold leading-none text-white ring-1 ring-ph-surface">
+                {unread > 9 ? "9+" : unread}
+              </span>
+            ) : null}
+          </span>
         </span>
       }
     >

package/src/suite/components/suite-sidebar.tsx

@@ -303,10 +303,7 @@ export function SuiteSidebar({
             </nav>
 
             {secondaryNav ? (
-              <div
-                className="min-h-0 flex-1"
-                data-test="suite-sidebar-secondary-nav"
-              >
+              <div className="shrink-0" data-test="suite-sidebar-secondary-nav">
                 {secondaryNav}
               </div>
             ) : null}

package/src/suite/index.ts

@@ -55,8 +55,11 @@ export {
   consumePendingAskAiPrompt,
   persistSuiteAskAiOpen,
   readSuiteAskAiOpen,
+  pathWithSuiteAskAiOpen,
+  consumeSuiteAskAiOpenFromLocation,
   SUITE_OPEN_ASK_AI_EVENT,
   SUITE_ASK_AI_OPEN_KEY,
+  SUITE_ASK_AI_OPEN_QUERY,
   SUITE_MUTATED_EVENT,
   TURTLETIME_TIMER_MUTATED_EVENT,
   type SuiteAiAction,