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

package/dist/suite.d.mts

@@ -477,9 +477,24 @@ declare function SuiteThemeProvider({ config, children, }: {
 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_MUTATED_EVENT = "shellstack:suite-mutated";
+declare const TURTLETIME_TIMER_MUTATED_EVENT = "tt-timer-mutated";
 type SuiteAskAiOpenDetail = {
     prompt?: string;
 };
+declare function persistSuiteAskAiOpen(open: boolean): void;
+declare function readSuiteAskAiOpen(): boolean;
+type SuiteAiActionStatus = "proposed" | "applied" | "cancelled" | "failed";
+interface SuiteAiAction {
+    id: string;
+    kind: string;
+    status: SuiteAiActionStatus;
+    summary: string;
+    href?: string;
+    error?: string;
+    payload?: Record<string, unknown>;
+}
 /** Open the suite Ask AI panel from anywhere (Today card, command palette, …). */
 declare function openSuiteAskAi(detail?: SuiteAskAiOpenDetail): void;
 /** Consume a prompt queued before the panel mounted. */
@@ -492,12 +507,13 @@ interface SuiteAiChatMessage {
     role: "user" | "assistant";
     content: string;
     created_at?: string;
+    actions?: SuiteAiAction[];
 }
 /**
  * Suite-wide Ask AI chat — Notion-style continuous thread.
  * Lives in the sidebar (or any parent that mounts it). Not Kraken Deep Research.
  */
-declare function SuiteAiPanel({ presets, emptyState, title, fetchChat, sendMessage, clearChat, brandIcon: BrandIcon, spinner: Spinner, open: openProp, onOpenChange, suiteAppBases, onSwitchApp, }: {
+declare function SuiteAiPanel({ presets, emptyState, title, fetchChat, sendMessage, clearChat, brandIcon: BrandIcon, spinner: Spinner, open: openProp, onOpenChange, suiteAppBases, onSwitchApp, onSameAppNavigate, resolveAction, }: {
     presets?: SuiteAiPreset[];
     emptyState?: ReactNode;
     title?: string;
@@ -525,6 +541,11 @@ declare function SuiteAiPanel({ presets, emptyState, title, fetchChat, sendMessa
     suiteAppBases?: Partial<Record<SuiteAppSlug, string>>;
     /** Cross-app SSO. Same-app links just navigate to `path`. */
     onSwitchApp?: (app: SuiteAppSlug, path: string) => void;
+    /** Client-side same-app route change — keeps Shelly mounted. */
+    onSameAppNavigate?: (path: string) => void;
+    resolveAction?: (id: string, decision: "confirm" | "cancel") => Promise<{
+        messages: SuiteAiChatMessage[];
+    }>;
 }): react.JSX.Element | null;
 
 interface SuiteWorkspaceEntry {
@@ -951,4 +972,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_GLYPHS, SUITE_ICON_NAMES, SUITE_OPEN_ASK_AI_EVENT, SUITE_SPRINGS, SourceAppGlyph, type SuiteAccentSlug, 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, TodayAskAiCard, TodayCalibrating, TodayEmptyAction, TodayEmptyState, TodayHero, TodayLayout, TodayPageFrame, TodayPanel, type TodayPrimaryAccent, TodayPrimaryAction, TodaySection, TodayTimeIcon, TodayTopBar, appSwitcherMarkClass, appSwitcherMenuItemClass, appSwitcherTriggerClass, classifySuiteHref, cn, consumePendingAskAiPrompt, getTodayGreeting, openSuiteAskAi, 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_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 };

package/dist/suite.d.ts

@@ -477,9 +477,24 @@ declare function SuiteThemeProvider({ config, children, }: {
 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_MUTATED_EVENT = "shellstack:suite-mutated";
+declare const TURTLETIME_TIMER_MUTATED_EVENT = "tt-timer-mutated";
 type SuiteAskAiOpenDetail = {
     prompt?: string;
 };
+declare function persistSuiteAskAiOpen(open: boolean): void;
+declare function readSuiteAskAiOpen(): boolean;
+type SuiteAiActionStatus = "proposed" | "applied" | "cancelled" | "failed";
+interface SuiteAiAction {
+    id: string;
+    kind: string;
+    status: SuiteAiActionStatus;
+    summary: string;
+    href?: string;
+    error?: string;
+    payload?: Record<string, unknown>;
+}
 /** Open the suite Ask AI panel from anywhere (Today card, command palette, …). */
 declare function openSuiteAskAi(detail?: SuiteAskAiOpenDetail): void;
 /** Consume a prompt queued before the panel mounted. */
@@ -492,12 +507,13 @@ interface SuiteAiChatMessage {
     role: "user" | "assistant";
     content: string;
     created_at?: string;
+    actions?: SuiteAiAction[];
 }
 /**
  * Suite-wide Ask AI chat — Notion-style continuous thread.
  * Lives in the sidebar (or any parent that mounts it). Not Kraken Deep Research.
  */
-declare function SuiteAiPanel({ presets, emptyState, title, fetchChat, sendMessage, clearChat, brandIcon: BrandIcon, spinner: Spinner, open: openProp, onOpenChange, suiteAppBases, onSwitchApp, }: {
+declare function SuiteAiPanel({ presets, emptyState, title, fetchChat, sendMessage, clearChat, brandIcon: BrandIcon, spinner: Spinner, open: openProp, onOpenChange, suiteAppBases, onSwitchApp, onSameAppNavigate, resolveAction, }: {
     presets?: SuiteAiPreset[];
     emptyState?: ReactNode;
     title?: string;
@@ -525,6 +541,11 @@ declare function SuiteAiPanel({ presets, emptyState, title, fetchChat, sendMessa
     suiteAppBases?: Partial<Record<SuiteAppSlug, string>>;
     /** Cross-app SSO. Same-app links just navigate to `path`. */
     onSwitchApp?: (app: SuiteAppSlug, path: string) => void;
+    /** Client-side same-app route change — keeps Shelly mounted. */
+    onSameAppNavigate?: (path: string) => void;
+    resolveAction?: (id: string, decision: "confirm" | "cancel") => Promise<{
+        messages: SuiteAiChatMessage[];
+    }>;
 }): react.JSX.Element | null;
 
 interface SuiteWorkspaceEntry {
@@ -951,4 +972,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_GLYPHS, SUITE_ICON_NAMES, SUITE_OPEN_ASK_AI_EVENT, SUITE_SPRINGS, SourceAppGlyph, type SuiteAccentSlug, 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, TodayAskAiCard, TodayCalibrating, TodayEmptyAction, TodayEmptyState, TodayHero, TodayLayout, TodayPageFrame, TodayPanel, type TodayPrimaryAccent, TodayPrimaryAction, TodaySection, TodayTimeIcon, TodayTopBar, appSwitcherMarkClass, appSwitcherMenuItemClass, appSwitcherTriggerClass, classifySuiteHref, cn, consumePendingAskAiPrompt, getTodayGreeting, openSuiteAskAi, 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_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 };

package/dist/suite.js

@@ -243,8 +243,10 @@ __export(suite_exports, {
   SIDEBAR_RAIL_WIDTH: () => SIDEBAR_RAIL_WIDTH,
   SUITE_APPS: () => SUITE_APPS2,
   SUITE_APP_MAP: () => SUITE_APP_MAP,
+  SUITE_ASK_AI_OPEN_KEY: () => SUITE_ASK_AI_OPEN_KEY,
   SUITE_GLYPHS: () => SUITE_GLYPHS,
   SUITE_ICON_NAMES: () => SUITE_ICON_NAMES,
+  SUITE_MUTATED_EVENT: () => SUITE_MUTATED_EVENT,
   SUITE_OPEN_ASK_AI_EVENT: () => SUITE_OPEN_ASK_AI_EVENT,
   SUITE_SPRINGS: () => SUITE_SPRINGS,
   SourceAppGlyph: () => SourceAppGlyph,
@@ -274,6 +276,7 @@ __export(suite_exports, {
   SuiteToolbar: () => SuiteToolbar,
   SuiteUserMenu: () => SuiteUserMenu,
   SuiteWorkspaceSwitcher: () => SuiteWorkspaceSwitcher,
+  TURTLETIME_TIMER_MUTATED_EVENT: () => TURTLETIME_TIMER_MUTATED_EVENT,
   TodayAskAiCard: () => TodayAskAiCard,
   TodayCalibrating: () => TodayCalibrating,
   TodayEmptyAction: () => TodayEmptyAction,
@@ -295,6 +298,8 @@ __export(suite_exports, {
   getTodayGreeting: () => getTodayGreeting,
   m: () => import_react14.m,
   openSuiteAskAi: () => openSuiteAskAi,
+  persistSuiteAskAiOpen: () => persistSuiteAskAiOpen,
+  readSuiteAskAiOpen: () => readSuiteAskAiOpen,
   resolveSuiteNotificationHref: () => resolveSuiteNotificationHref,
   sidebarColumnWidth: () => sidebarColumnWidth,
   sourceToSuiteApp: () => sourceToSuiteApp,
@@ -2736,6 +2741,25 @@ function Tooltip({
 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_MUTATED_EVENT = "shellstack:suite-mutated";
+var TURTLETIME_TIMER_MUTATED_EVENT = "tt-timer-mutated";
+function persistSuiteAskAiOpen(open) {
+  if (typeof window === "undefined") return;
+  try {
+    if (open) sessionStorage.setItem(SUITE_ASK_AI_OPEN_KEY, "1");
+    else sessionStorage.removeItem(SUITE_ASK_AI_OPEN_KEY);
+  } catch (e) {
+  }
+}
+function readSuiteAskAiOpen() {
+  if (typeof window === "undefined") return false;
+  try {
+    return sessionStorage.getItem(SUITE_ASK_AI_OPEN_KEY) === "1";
+  } catch (e) {
+    return false;
+  }
+}
 var pendingAskAiPrompt = null;
 function openSuiteAskAi(detail) {
   var _a;
@@ -2752,6 +2776,18 @@ function consumePendingAskAiPrompt() {
   pendingAskAiPrompt = null;
   return next;
 }
+function notifySuiteMutated(actions) {
+  if (typeof window === "undefined" || !(actions == null ? void 0 : actions.length)) return;
+  const kinds = actions.map((action) => action.kind);
+  if (kinds.some(
+    (kind) => kind.includes("timer") || kind.includes("time") || kind.includes("hours")
+  )) {
+    window.dispatchEvent(new Event(TURTLETIME_TIMER_MUTATED_EVENT));
+  }
+  window.dispatchEvent(
+    new CustomEvent(SUITE_MUTATED_EVENT, { detail: { kinds } })
+  );
+}
 function SuiteAiPanel({
   presets = [],
   emptyState = "Ask when you are ready \u2014 overdue work, a running timer, or anything else.",
@@ -2764,13 +2800,17 @@ function SuiteAiPanel({
   open: openProp,
   onOpenChange,
   suiteAppBases,
-  onSwitchApp
+  onSwitchApp,
+  onSameAppNavigate,
+  resolveAction
 }) {
   const inputId = (0, import_react11.useId)();
   const [uncontrolledOpen, setUncontrolledOpen] = (0, import_react11.useState)(false);
+  const [resolvingId, setResolvingId] = (0, import_react11.useState)("");
   const open = openProp != null ? openProp : uncontrolledOpen;
   const setOpen = (0, import_react11.useCallback)(
     (next) => {
+      persistSuiteAskAiOpen(next);
       if (openProp === void 0) setUncontrolledOpen(next);
       onOpenChange == null ? void 0 : onOpenChange(next);
     },
@@ -2871,7 +2911,14 @@ function SuiteAiPanel({
         signal: controller.signal
       });
       if (controller.signal.aborted) return;
-      setMessages((_a = result.messages) != null ? _a : []);
+      const nextMessages = (_a = result.messages) != null ? _a : [];
+      setMessages(nextMessages);
+      notifySuiteMutated(
+        nextMessages.flatMap((message) => {
+          var _a2;
+          return (_a2 = message.actions) != null ? _a2 : [];
+        })
+      );
     } catch (err) {
       if (controller.signal.aborted) return;
       setMessages(
@@ -2914,6 +2961,29 @@ function SuiteAiPanel({
       );
     }
   }
+  async function handleResolve(actionId, decision) {
+    var _a;
+    if (!resolveAction || resolvingId) return;
+    setResolvingId(actionId);
+    setError("");
+    try {
+      const result = await resolveAction(actionId, decision);
+      const nextMessages = (_a = result.messages) != null ? _a : [];
+      setMessages(nextMessages);
+      notifySuiteMutated(
+        nextMessages.flatMap((message) => {
+          var _a2;
+          return (_a2 = message.actions) != null ? _a2 : [];
+        })
+      );
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "Could not apply that action."
+      );
+    } finally {
+      setResolvingId("");
+    }
+  }
   function onConversationClick(event) {
     var _a;
     if (event.defaultPrevented) return;
@@ -2931,8 +3001,10 @@ function SuiteAiPanel({
     );
     if (!match) return;
     event.preventDefault();
+    persistSuiteAskAiOpen(true);
     if (match.sameApp) {
-      window.location.assign(match.path);
+      if (onSameAppNavigate) onSameAppNavigate(match.path);
+      else window.location.assign(match.path);
       return;
     }
     if (onSwitchApp) onSwitchApp(match.slug, match.path);
@@ -3001,6 +3073,7 @@ function SuiteAiPanel({
                   )) }) : null
                 ] }) : null,
                 messages.map((message, index) => {
+                  var _a;
                   const isUser = message.role === "user";
                   if (isUser) {
                     return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
@@ -3027,13 +3100,67 @@ function SuiteAiPanel({
                             children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon, { className: "h-3.5 w-3.5" })
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "min-w-0 max-w-[85%] rounded-2xl rounded-bl-md bg-ph-muted px-3 py-2 text-sm leading-relaxed text-ph-ink", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                          import_react11.Suspense,
-                          {
-                            fallback: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "whitespace-pre-wrap break-words", children: message.content }),
-                            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SuiteAiBlockNoteMessage2, { markdown: message.content })
-                          }
-                        ) })
+                        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "min-w-0 max-w-[85%] space-y-2", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "rounded-2xl rounded-bl-md bg-ph-muted px-3 py-2 text-sm leading-relaxed text-ph-ink", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                            import_react11.Suspense,
+                            {
+                              fallback: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "whitespace-pre-wrap break-words", children: message.content }),
+                              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SuiteAiBlockNoteMessage2, { markdown: message.content })
+                            }
+                          ) }),
+                          ((_a = message.actions) != null ? _a : []).map((action) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                            "div",
+                            {
+                              "data-test": "ask-ai-action",
+                              "data-status": action.status,
+                              className: "rounded-xl border border-ph-border bg-ph-surface px-3 py-2 text-sm text-ph-ink",
+                              children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "font-medium", children: action.summary }),
+                                action.status === "proposed" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "mt-2 flex flex-wrap gap-2", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                                    "button",
+                                    {
+                                      type: "button",
+                                      "data-test": "ask-ai-action-confirm",
+                                      disabled: Boolean(resolvingId) || !resolveAction,
+                                      onClick: () => void handleResolve(action.id, "confirm"),
+                                      className: "inline-flex min-h-8 items-center rounded-lg bg-ph-brand px-2.5 text-xs font-medium text-[color:var(--ph-on-accent)] transition-opacity hover:bg-ph-brand-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus disabled:opacity-40",
+                                      children: resolvingId === action.id ? "Working\u2026" : "Confirm"
+                                    }
+                                  ),
+                                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                                    "button",
+                                    {
+                                      type: "button",
+                                      "data-test": "ask-ai-action-cancel",
+                                      disabled: Boolean(resolvingId) || !resolveAction,
+                                      onClick: () => void handleResolve(action.id, "cancel"),
+                                      className: "inline-flex min-h-8 items-center rounded-lg border border-ph-border bg-ph-surface px-2.5 text-xs font-medium text-ph-ink transition-colors hover:bg-ph-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus disabled:opacity-40",
+                                      children: "Cancel"
+                                    }
+                                  )
+                                ] }) : null,
+                                action.status === "applied" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("p", { className: "mt-1 text-xs text-ph-subtle", children: [
+                                  "Done",
+                                  action.href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+                                    " \xB7 ",
+                                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                                      "a",
+                                      {
+                                        href: action.href,
+                                        className: "text-ph-brand underline-offset-2 hover:underline",
+                                        children: "Open"
+                                      }
+                                    )
+                                  ] }) : null
+                                ] }) : null,
+                                action.status === "cancelled" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mt-1 text-xs text-ph-subtle", children: "Cancelled" }) : null,
+                                action.status === "failed" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mt-1 text-xs text-ph-danger", children: action.error || "Could not apply that." }) : null
+                              ]
+                            },
+                            action.id
+                          ))
+                        ] })
                       ]
                     },
                     `assistant-${index}`
@@ -3587,30 +3714,37 @@ function SuiteSidebar({
 }) {
   const showAskAi = Boolean(onAskAiOpenChange && askAi);
   const chatOpen = showAskAi && askAiOpen && !collapsed;
+  const setAskAi = (0, import_react16.useCallback)(
+    (next) => {
+      persistSuiteAskAiOpen(next);
+      onAskAiOpenChange == null ? void 0 : onAskAiOpenChange(next);
+    },
+    [onAskAiOpenChange]
+  );
   (0, import_react16.useEffect)(() => {
     if (!onAskAiOpenChange) return;
     function onOpen() {
       onRequestExpand == null ? void 0 : onRequestExpand();
-      onAskAiOpenChange == null ? void 0 : onAskAiOpenChange(true);
+      setAskAi(true);
     }
     window.addEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
     return () => window.removeEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
-  }, [onAskAiOpenChange, onRequestExpand]);
+  }, [onAskAiOpenChange, onRequestExpand, setAskAi]);
   (0, import_react16.useEffect)(() => {
     if (!chatOpen) return;
     function onKey(event) {
-      if (event.key === "Escape") onAskAiOpenChange == null ? void 0 : onAskAiOpenChange(false);
+      if (event.key === "Escape") setAskAi(false);
     }
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
-  }, [chatOpen, onAskAiOpenChange]);
+  }, [chatOpen, setAskAi]);
   function toggleAskAi() {
     if (askAiOpen) {
-      onAskAiOpenChange == null ? void 0 : onAskAiOpenChange(false);
+      setAskAi(false);
       return;
     }
     if (collapsed) onRequestExpand == null ? void 0 : onRequestExpand();
-    onAskAiOpenChange == null ? void 0 : onAskAiOpenChange(true);
+    setAskAi(true);
   }
   const askAiButton = /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "button",
@@ -3652,7 +3786,7 @@ function SuiteSidebar({
                     type: "button",
                     "data-test": "suite-ask-ai-back",
                     "aria-label": "Back to navigation",
-                    onClick: () => onAskAiOpenChange == null ? void 0 : onAskAiOpenChange(false),
+                    onClick: () => setAskAi(false),
                     className: "inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg text-ph-subtle transition-colors hover:bg-ph-muted hover:text-ph-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-brand",
                     children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_iconoir_react10.NavArrowLeft, { className: "h-4 w-4", "aria-hidden": true })
                   }
@@ -3707,7 +3841,7 @@ function SuiteSidebar({
                     {
                       type: "button",
                       "data-test": "suite-ask-ai-back",
-                      onClick: () => onAskAiOpenChange == null ? void 0 : onAskAiOpenChange(false),
+                      onClick: () => setAskAi(false),
                       className: "inline-flex h-9 items-center gap-1 rounded-lg px-2 text-sm font-medium text-ph-subtle transition-colors hover:bg-ph-muted hover:text-ph-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-brand",
                       children: [
                         /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_iconoir_react10.NavArrowLeft, { className: "h-4 w-4", "aria-hidden": true }),
@@ -3919,8 +4053,10 @@ function SuiteAppLayout({
   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,
@@ -3950,6 +4086,7 @@ function SuiteAppLayout({
   SuiteToolbar,
   SuiteUserMenu,
   SuiteWorkspaceSwitcher,
+  TURTLETIME_TIMER_MUTATED_EVENT,
   TodayAskAiCard,
   TodayCalibrating,
   TodayEmptyAction,
@@ -3971,6 +4108,8 @@ function SuiteAppLayout({
   getTodayGreeting,
   m,
   openSuiteAskAi,
+  persistSuiteAskAiOpen,
+  readSuiteAskAiOpen,
   resolveSuiteNotificationHref,
   sidebarColumnWidth,
   sourceToSuiteApp,

package/dist/suite.mjs

@@ -2174,9 +2174,28 @@ import {
   Square,
   WarningTriangle
 } from "iconoir-react";
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 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_MUTATED_EVENT = "shellstack:suite-mutated";
+var TURTLETIME_TIMER_MUTATED_EVENT = "tt-timer-mutated";
+function persistSuiteAskAiOpen(open) {
+  if (typeof window === "undefined") return;
+  try {
+    if (open) sessionStorage.setItem(SUITE_ASK_AI_OPEN_KEY, "1");
+    else sessionStorage.removeItem(SUITE_ASK_AI_OPEN_KEY);
+  } catch (e) {
+  }
+}
+function readSuiteAskAiOpen() {
+  if (typeof window === "undefined") return false;
+  try {
+    return sessionStorage.getItem(SUITE_ASK_AI_OPEN_KEY) === "1";
+  } catch (e) {
+    return false;
+  }
+}
 var pendingAskAiPrompt = null;
 function openSuiteAskAi(detail) {
   var _a;
@@ -2193,6 +2212,18 @@ function consumePendingAskAiPrompt() {
   pendingAskAiPrompt = null;
   return next;
 }
+function notifySuiteMutated(actions) {
+  if (typeof window === "undefined" || !(actions == null ? void 0 : actions.length)) return;
+  const kinds = actions.map((action) => action.kind);
+  if (kinds.some(
+    (kind) => kind.includes("timer") || kind.includes("time") || kind.includes("hours")
+  )) {
+    window.dispatchEvent(new Event(TURTLETIME_TIMER_MUTATED_EVENT));
+  }
+  window.dispatchEvent(
+    new CustomEvent(SUITE_MUTATED_EVENT, { detail: { kinds } })
+  );
+}
 function SuiteAiPanel({
   presets = [],
   emptyState = "Ask when you are ready \u2014 overdue work, a running timer, or anything else.",
@@ -2205,13 +2236,17 @@ function SuiteAiPanel({
   open: openProp,
   onOpenChange,
   suiteAppBases,
-  onSwitchApp
+  onSwitchApp,
+  onSameAppNavigate,
+  resolveAction
 }) {
   const inputId = useId();
   const [uncontrolledOpen, setUncontrolledOpen] = useState7(false);
+  const [resolvingId, setResolvingId] = useState7("");
   const open = openProp != null ? openProp : uncontrolledOpen;
   const setOpen = useCallback2(
     (next) => {
+      persistSuiteAskAiOpen(next);
       if (openProp === void 0) setUncontrolledOpen(next);
       onOpenChange == null ? void 0 : onOpenChange(next);
     },
@@ -2312,7 +2347,14 @@ function SuiteAiPanel({
         signal: controller.signal
       });
       if (controller.signal.aborted) return;
-      setMessages((_a = result.messages) != null ? _a : []);
+      const nextMessages = (_a = result.messages) != null ? _a : [];
+      setMessages(nextMessages);
+      notifySuiteMutated(
+        nextMessages.flatMap((message) => {
+          var _a2;
+          return (_a2 = message.actions) != null ? _a2 : [];
+        })
+      );
     } catch (err) {
       if (controller.signal.aborted) return;
       setMessages(
@@ -2355,6 +2397,29 @@ function SuiteAiPanel({
       );
     }
   }
+  async function handleResolve(actionId, decision) {
+    var _a;
+    if (!resolveAction || resolvingId) return;
+    setResolvingId(actionId);
+    setError("");
+    try {
+      const result = await resolveAction(actionId, decision);
+      const nextMessages = (_a = result.messages) != null ? _a : [];
+      setMessages(nextMessages);
+      notifySuiteMutated(
+        nextMessages.flatMap((message) => {
+          var _a2;
+          return (_a2 = message.actions) != null ? _a2 : [];
+        })
+      );
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "Could not apply that action."
+      );
+    } finally {
+      setResolvingId("");
+    }
+  }
   function onConversationClick(event) {
     var _a;
     if (event.defaultPrevented) return;
@@ -2372,8 +2437,10 @@ function SuiteAiPanel({
     );
     if (!match) return;
     event.preventDefault();
+    persistSuiteAskAiOpen(true);
     if (match.sameApp) {
-      window.location.assign(match.path);
+      if (onSameAppNavigate) onSameAppNavigate(match.path);
+      else window.location.assign(match.path);
       return;
     }
     if (onSwitchApp) onSwitchApp(match.slug, match.path);
@@ -2442,6 +2509,7 @@ function SuiteAiPanel({
                   )) }) : null
                 ] }) : null,
                 messages.map((message, index) => {
+                  var _a;
                   const isUser = message.role === "user";
                   if (isUser) {
                     return /* @__PURE__ */ jsx17(
@@ -2468,13 +2536,67 @@ function SuiteAiPanel({
                             children: /* @__PURE__ */ jsx17(Icon, { className: "h-3.5 w-3.5" })
                           }
                         ),
-                        /* @__PURE__ */ jsx17("div", { className: "min-w-0 max-w-[85%] rounded-2xl rounded-bl-md bg-ph-muted px-3 py-2 text-sm leading-relaxed text-ph-ink", children: /* @__PURE__ */ jsx17(
-                          Suspense,
-                          {
-                            fallback: /* @__PURE__ */ jsx17("p", { className: "whitespace-pre-wrap break-words", children: message.content }),
-                            children: /* @__PURE__ */ jsx17(SuiteAiBlockNoteMessage, { markdown: message.content })
-                          }
-                        ) })
+                        /* @__PURE__ */ jsxs15("div", { className: "min-w-0 max-w-[85%] space-y-2", children: [
+                          /* @__PURE__ */ jsx17("div", { className: "rounded-2xl rounded-bl-md bg-ph-muted px-3 py-2 text-sm leading-relaxed text-ph-ink", children: /* @__PURE__ */ jsx17(
+                            Suspense,
+                            {
+                              fallback: /* @__PURE__ */ jsx17("p", { className: "whitespace-pre-wrap break-words", children: message.content }),
+                              children: /* @__PURE__ */ jsx17(SuiteAiBlockNoteMessage, { markdown: message.content })
+                            }
+                          ) }),
+                          ((_a = message.actions) != null ? _a : []).map((action) => /* @__PURE__ */ jsxs15(
+                            "div",
+                            {
+                              "data-test": "ask-ai-action",
+                              "data-status": action.status,
+                              className: "rounded-xl border border-ph-border bg-ph-surface px-3 py-2 text-sm text-ph-ink",
+                              children: [
+                                /* @__PURE__ */ jsx17("p", { className: "font-medium", children: action.summary }),
+                                action.status === "proposed" ? /* @__PURE__ */ jsxs15("div", { className: "mt-2 flex flex-wrap gap-2", children: [
+                                  /* @__PURE__ */ jsx17(
+                                    "button",
+                                    {
+                                      type: "button",
+                                      "data-test": "ask-ai-action-confirm",
+                                      disabled: Boolean(resolvingId) || !resolveAction,
+                                      onClick: () => void handleResolve(action.id, "confirm"),
+                                      className: "inline-flex min-h-8 items-center rounded-lg bg-ph-brand px-2.5 text-xs font-medium text-[color:var(--ph-on-accent)] transition-opacity hover:bg-ph-brand-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus disabled:opacity-40",
+                                      children: resolvingId === action.id ? "Working\u2026" : "Confirm"
+                                    }
+                                  ),
+                                  /* @__PURE__ */ jsx17(
+                                    "button",
+                                    {
+                                      type: "button",
+                                      "data-test": "ask-ai-action-cancel",
+                                      disabled: Boolean(resolvingId) || !resolveAction,
+                                      onClick: () => void handleResolve(action.id, "cancel"),
+                                      className: "inline-flex min-h-8 items-center rounded-lg border border-ph-border bg-ph-surface px-2.5 text-xs font-medium text-ph-ink transition-colors hover:bg-ph-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus disabled:opacity-40",
+                                      children: "Cancel"
+                                    }
+                                  )
+                                ] }) : null,
+                                action.status === "applied" ? /* @__PURE__ */ jsxs15("p", { className: "mt-1 text-xs text-ph-subtle", children: [
+                                  "Done",
+                                  action.href ? /* @__PURE__ */ jsxs15(Fragment5, { children: [
+                                    " \xB7 ",
+                                    /* @__PURE__ */ jsx17(
+                                      "a",
+                                      {
+                                        href: action.href,
+                                        className: "text-ph-brand underline-offset-2 hover:underline",
+                                        children: "Open"
+                                      }
+                                    )
+                                  ] }) : null
+                                ] }) : null,
+                                action.status === "cancelled" ? /* @__PURE__ */ jsx17("p", { className: "mt-1 text-xs text-ph-subtle", children: "Cancelled" }) : null,
+                                action.status === "failed" ? /* @__PURE__ */ jsx17("p", { className: "mt-1 text-xs text-ph-danger", children: action.error || "Could not apply that." }) : null
+                              ]
+                            },
+                            action.id
+                          ))
+                        ] })
                       ]
                     },
                     `assistant-${index}`
@@ -2579,7 +2701,7 @@ function SuiteAiPanel({
 // src/suite/components/workspace-switcher.tsx
 import { useState as useState8 } from "react";
 import { Building, Check as Check2, NavArrowDown } from "iconoir-react";
-import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 function SuiteWorkspaceSwitcher({
   workspaces = [],
   groups,
@@ -2620,7 +2742,7 @@ function SuiteWorkspaceSwitcher({
           "aria-expanded": open,
           children: [
             /* @__PURE__ */ jsx18(Building, { className: "h-4 w-4 shrink-0 text-ph-ink", "aria-hidden": true }),
-            !collapsed ? /* @__PURE__ */ jsxs16(Fragment5, { children: [
+            !collapsed ? /* @__PURE__ */ jsxs16(Fragment6, { children: [
               /* @__PURE__ */ jsx18("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-ph-ink", children: name }),
               /* @__PURE__ */ jsx18(
                 NavArrowDown,
@@ -3007,9 +3129,9 @@ function SuiteSettingsMobileNav({
 
 // src/suite/components/suite-sidebar.tsx
 import Link2 from "next/link";
-import { useEffect as useEffect8 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect8 } from "react";
 import { NavArrowLeft, Sparks as Sparks2 } from "iconoir-react";
-import { Fragment as Fragment6, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 function renderNode(node, collapsed) {
   if (typeof node === "function") return node(collapsed);
   return node;
@@ -3032,30 +3154,37 @@ function SuiteSidebar({
 }) {
   const showAskAi = Boolean(onAskAiOpenChange && askAi);
   const chatOpen = showAskAi && askAiOpen && !collapsed;
+  const setAskAi = useCallback4(
+    (next) => {
+      persistSuiteAskAiOpen(next);
+      onAskAiOpenChange == null ? void 0 : onAskAiOpenChange(next);
+    },
+    [onAskAiOpenChange]
+  );
   useEffect8(() => {
     if (!onAskAiOpenChange) return;
     function onOpen() {
       onRequestExpand == null ? void 0 : onRequestExpand();
-      onAskAiOpenChange == null ? void 0 : onAskAiOpenChange(true);
+      setAskAi(true);
     }
     window.addEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
     return () => window.removeEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
-  }, [onAskAiOpenChange, onRequestExpand]);
+  }, [onAskAiOpenChange, onRequestExpand, setAskAi]);
   useEffect8(() => {
     if (!chatOpen) return;
     function onKey(event) {
-      if (event.key === "Escape") onAskAiOpenChange == null ? void 0 : onAskAiOpenChange(false);
+      if (event.key === "Escape") setAskAi(false);
     }
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
-  }, [chatOpen, onAskAiOpenChange]);
+  }, [chatOpen, setAskAi]);
   function toggleAskAi() {
     if (askAiOpen) {
-      onAskAiOpenChange == null ? void 0 : onAskAiOpenChange(false);
+      setAskAi(false);
       return;
     }
     if (collapsed) onRequestExpand == null ? void 0 : onRequestExpand();
-    onAskAiOpenChange == null ? void 0 : onAskAiOpenChange(true);
+    setAskAi(true);
   }
   const askAiButton = /* @__PURE__ */ jsx22(
     "button",
@@ -3097,7 +3226,7 @@ function SuiteSidebar({
                     type: "button",
                     "data-test": "suite-ask-ai-back",
                     "aria-label": "Back to navigation",
-                    onClick: () => onAskAiOpenChange == null ? void 0 : onAskAiOpenChange(false),
+                    onClick: () => setAskAi(false),
                     className: "inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg text-ph-subtle transition-colors hover:bg-ph-muted hover:text-ph-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-brand",
                     children: /* @__PURE__ */ jsx22(NavArrowLeft, { className: "h-4 w-4", "aria-hidden": true })
                   }
@@ -3152,7 +3281,7 @@ function SuiteSidebar({
                     {
                       type: "button",
                       "data-test": "suite-ask-ai-back",
-                      onClick: () => onAskAiOpenChange == null ? void 0 : onAskAiOpenChange(false),
+                      onClick: () => setAskAi(false),
                       className: "inline-flex h-9 items-center gap-1 rounded-lg px-2 text-sm font-medium text-ph-subtle transition-colors hover:bg-ph-muted hover:text-ph-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-brand",
                       children: [
                         /* @__PURE__ */ jsx22(NavArrowLeft, { className: "h-4 w-4", "aria-hidden": true }),
@@ -3163,7 +3292,7 @@ function SuiteSidebar({
                   /* @__PURE__ */ jsx22("span", { className: "truncate text-sm font-semibold text-ph-ink", children: "Shelly AI" })
                 ] }),
                 /* @__PURE__ */ jsx22("div", { className: "min-h-0 flex-1", children: askAi })
-              ] }) : /* @__PURE__ */ jsxs19(Fragment6, { children: [
+              ] }) : /* @__PURE__ */ jsxs19(Fragment7, { children: [
                 /* @__PURE__ */ jsx22("nav", { "aria-label": "Pages", className: "shrink-0 space-y-0.5", children: /* @__PURE__ */ jsx22("div", { className: "space-y-0.5", children: navItems.map((item) => {
                   var _a;
                   const Icon = item.icon;
@@ -3363,8 +3492,10 @@ export {
   SIDEBAR_RAIL_WIDTH,
   SUITE_APPS2 as 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,
@@ -3394,6 +3525,7 @@ export {
   SuiteToolbar,
   SuiteUserMenu,
   SuiteWorkspaceSwitcher,
+  TURTLETIME_TIMER_MUTATED_EVENT,
   TodayAskAiCard,
   TodayCalibrating,
   TodayEmptyAction,
@@ -3415,6 +3547,8 @@ export {
   getTodayGreeting,
   m,
   openSuiteAskAi,
+  persistSuiteAskAiOpen,
+  readSuiteAskAiOpen,
   resolveSuiteNotificationHref,
   sidebarColumnWidth,
   sourceToSuiteApp,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xenide-io/the-old-ui-theme",
-  "version": "0.6.9",
+  "version": "0.6.10",
   "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

@@ -3,6 +3,9 @@ import { describe, expect, it, vi } from "vitest";
 import {
   consumePendingAskAiPrompt,
   openSuiteAskAi,
+  persistSuiteAskAiOpen,
+  readSuiteAskAiOpen,
+  SUITE_ASK_AI_OPEN_KEY,
   SUITE_OPEN_ASK_AI_EVENT,
 } from "./ai-panel";
 
@@ -18,3 +21,13 @@ describe("openSuiteAskAi", () => {
     expect(consumePendingAskAiPrompt()).toBeNull();
   });
 });
+
+describe("persistSuiteAskAiOpen", () => {
+  it("remembers that Shelly was open across a same-tab navigation", () => {
+    sessionStorage.removeItem(SUITE_ASK_AI_OPEN_KEY);
+    persistSuiteAskAiOpen(true);
+    expect(readSuiteAskAiOpen()).toBe(true);
+    persistSuiteAskAiOpen(false);
+    expect(readSuiteAskAiOpen()).toBe(false);
+  });
+});

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

@@ -31,11 +31,49 @@ import {
 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_MUTATED_EVENT = "shellstack:suite-mutated";
+export const TURTLETIME_TIMER_MUTATED_EVENT = "tt-timer-mutated";
 
 export type SuiteAskAiOpenDetail = {
   prompt?: string;
 };
 
+export function persistSuiteAskAiOpen(open: boolean): void {
+  if (typeof window === "undefined") return;
+  try {
+    if (open) sessionStorage.setItem(SUITE_ASK_AI_OPEN_KEY, "1");
+    else sessionStorage.removeItem(SUITE_ASK_AI_OPEN_KEY);
+  } catch {
+    // private mode / blocked storage
+  }
+}
+
+export function readSuiteAskAiOpen(): boolean {
+  if (typeof window === "undefined") return false;
+  try {
+    return sessionStorage.getItem(SUITE_ASK_AI_OPEN_KEY) === "1";
+  } catch {
+    return false;
+  }
+}
+
+export type SuiteAiActionStatus =
+  | "proposed"
+  | "applied"
+  | "cancelled"
+  | "failed";
+
+export interface SuiteAiAction {
+  id: string;
+  kind: string;
+  status: SuiteAiActionStatus;
+  summary: string;
+  href?: string;
+  error?: string;
+  payload?: Record<string, unknown>;
+}
+
 let pendingAskAiPrompt: string | null = null;
 
 /** Open the suite Ask AI panel from anywhere (Today card, command palette, …). */
@@ -65,6 +103,25 @@ export interface SuiteAiChatMessage {
   role: "user" | "assistant";
   content: string;
   created_at?: string;
+  actions?: SuiteAiAction[];
+}
+
+function notifySuiteMutated(actions?: SuiteAiAction[]): void {
+  if (typeof window === "undefined" || !actions?.length) return;
+  const kinds = actions.map((action) => action.kind);
+  if (
+    kinds.some(
+      (kind) =>
+        kind.includes("timer") ||
+        kind.includes("time") ||
+        kind.includes("hours"),
+    )
+  ) {
+    window.dispatchEvent(new Event(TURTLETIME_TIMER_MUTATED_EVENT));
+  }
+  window.dispatchEvent(
+    new CustomEvent(SUITE_MUTATED_EVENT, { detail: { kinds } }),
+  );
 }
 
 /**
@@ -84,6 +141,8 @@ export function SuiteAiPanel({
   onOpenChange,
   suiteAppBases,
   onSwitchApp,
+  onSameAppNavigate,
+  resolveAction,
 }: {
   presets?: SuiteAiPreset[];
   emptyState?: ReactNode;
@@ -105,12 +164,20 @@ export function SuiteAiPanel({
   suiteAppBases?: Partial<Record<SuiteAppSlug, string>>;
   /** Cross-app SSO. Same-app links just navigate to `path`. */
   onSwitchApp?: (app: SuiteAppSlug, path: string) => void;
+  /** Client-side same-app route change — keeps Shelly mounted. */
+  onSameAppNavigate?: (path: string) => void;
+  resolveAction?: (
+    id: string,
+    decision: "confirm" | "cancel",
+  ) => Promise<{ messages: SuiteAiChatMessage[] }>;
 }) {
   const inputId = useId();
   const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
+  const [resolvingId, setResolvingId] = useState("");
   const open = openProp ?? uncontrolledOpen;
   const setOpen = useCallback(
     (next: boolean) => {
+      persistSuiteAskAiOpen(next);
       if (openProp === undefined) setUncontrolledOpen(next);
       onOpenChange?.(next);
     },
@@ -215,7 +282,11 @@ export function SuiteAiPanel({
         signal: controller.signal,
       });
       if (controller.signal.aborted) return;
-      setMessages(result.messages ?? []);
+      const nextMessages = result.messages ?? [];
+      setMessages(nextMessages);
+      notifySuiteMutated(
+        nextMessages.flatMap((message) => message.actions ?? []),
+      );
     } catch (err) {
       if (controller.signal.aborted) return;
       setMessages((prev) =>
@@ -264,6 +335,29 @@ export function SuiteAiPanel({
     }
   }
 
+  async function handleResolve(
+    actionId: string,
+    decision: "confirm" | "cancel",
+  ) {
+    if (!resolveAction || resolvingId) return;
+    setResolvingId(actionId);
+    setError("");
+    try {
+      const result = await resolveAction(actionId, decision);
+      const nextMessages = result.messages ?? [];
+      setMessages(nextMessages);
+      notifySuiteMutated(
+        nextMessages.flatMap((message) => message.actions ?? []),
+      );
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "Could not apply that action.",
+      );
+    } finally {
+      setResolvingId("");
+    }
+  }
+
   function onConversationClick(event: ReactMouseEvent<HTMLDivElement>) {
     if (event.defaultPrevented) return;
     if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {
@@ -280,8 +374,10 @@ export function SuiteAiPanel({
     );
     if (!match) return;
     event.preventDefault();
+    persistSuiteAskAiOpen(true);
     if (match.sameApp) {
-      window.location.assign(match.path);
+      if (onSameAppNavigate) onSameAppNavigate(match.path);
+      else window.location.assign(match.path);
       return;
     }
     if (onSwitchApp) onSwitchApp(match.slug, match.path);
@@ -391,16 +487,74 @@ export function SuiteAiPanel({
                 >
                   <Icon className="h-3.5 w-3.5" />
                 </span>
-                <div className="min-w-0 max-w-[85%] rounded-2xl rounded-bl-md bg-ph-muted px-3 py-2 text-sm leading-relaxed text-ph-ink">
-                  <Suspense
-                    fallback={
-                      <p className="whitespace-pre-wrap break-words">
-                        {message.content}
-                      </p>
-                    }
-                  >
-                    <SuiteAiBlockNoteMessage markdown={message.content} />
-                  </Suspense>
+                <div className="min-w-0 max-w-[85%] space-y-2">
+                  <div className="rounded-2xl rounded-bl-md bg-ph-muted px-3 py-2 text-sm leading-relaxed text-ph-ink">
+                    <Suspense
+                      fallback={
+                        <p className="whitespace-pre-wrap break-words">
+                          {message.content}
+                        </p>
+                      }
+                    >
+                      <SuiteAiBlockNoteMessage markdown={message.content} />
+                    </Suspense>
+                  </div>
+                  {(message.actions ?? []).map((action) => (
+                    <div
+                      key={action.id}
+                      data-test="ask-ai-action"
+                      data-status={action.status}
+                      className="rounded-xl border border-ph-border bg-ph-surface px-3 py-2 text-sm text-ph-ink"
+                    >
+                      <p className="font-medium">{action.summary}</p>
+                      {action.status === "proposed" ? (
+                        <div className="mt-2 flex flex-wrap gap-2">
+                          <button
+                            type="button"
+                            data-test="ask-ai-action-confirm"
+                            disabled={Boolean(resolvingId) || !resolveAction}
+                            onClick={() => void handleResolve(action.id, "confirm")}
+                            className="inline-flex min-h-8 items-center rounded-lg bg-ph-brand px-2.5 text-xs font-medium text-[color:var(--ph-on-accent)] transition-opacity hover:bg-ph-brand-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus disabled:opacity-40"
+                          >
+                            {resolvingId === action.id ? "Working…" : "Confirm"}
+                          </button>
+                          <button
+                            type="button"
+                            data-test="ask-ai-action-cancel"
+                            disabled={Boolean(resolvingId) || !resolveAction}
+                            onClick={() => void handleResolve(action.id, "cancel")}
+                            className="inline-flex min-h-8 items-center rounded-lg border border-ph-border bg-ph-surface px-2.5 text-xs font-medium text-ph-ink transition-colors hover:bg-ph-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus disabled:opacity-40"
+                          >
+                            Cancel
+                          </button>
+                        </div>
+                      ) : null}
+                      {action.status === "applied" ? (
+                        <p className="mt-1 text-xs text-ph-subtle">
+                          Done
+                          {action.href ? (
+                            <>
+                              {" · "}
+                              <a
+                                href={action.href}
+                                className="text-ph-brand underline-offset-2 hover:underline"
+                              >
+                                Open
+                              </a>
+                            </>
+                          ) : null}
+                        </p>
+                      ) : null}
+                      {action.status === "cancelled" ? (
+                        <p className="mt-1 text-xs text-ph-subtle">Cancelled</p>
+                      ) : null}
+                      {action.status === "failed" ? (
+                        <p className="mt-1 text-xs text-ph-danger">
+                          {action.error || "Could not apply that."}
+                        </p>
+                      ) : null}
+                    </div>
+                  ))}
                 </div>
               </div>
             );

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

@@ -1,12 +1,15 @@
 "use client";
 
 import Link from "next/link";
-import { useEffect, type ReactNode } from "react";
+import { useCallback, useEffect, type ReactNode } from "react";
 import { NavArrowLeft, Sparks } from "iconoir-react";
 
 import { Tooltip } from "../../components/ui/Tooltip";
 import { cn } from "../lib/cn";
-import { SUITE_OPEN_ASK_AI_EVENT } from "./ai-panel";
+import {
+  persistSuiteAskAiOpen,
+  SUITE_OPEN_ASK_AI_EVENT,
+} from "./ai-panel";
 import type { SuiteNavIcon } from "./suite-bottom-nav";
 
 type CollapsedNode = ReactNode | ((collapsed: boolean) => ReactNode);
@@ -84,32 +87,40 @@ export function SuiteSidebar({
   const showAskAi = Boolean(onAskAiOpenChange && askAi);
   const chatOpen = showAskAi && askAiOpen && !collapsed;
 
+  const setAskAi = useCallback(
+    (next: boolean) => {
+      persistSuiteAskAiOpen(next);
+      onAskAiOpenChange?.(next);
+    },
+    [onAskAiOpenChange],
+  );
+
   useEffect(() => {
     if (!onAskAiOpenChange) return;
     function onOpen() {
       onRequestExpand?.();
-      onAskAiOpenChange?.(true);
+      setAskAi(true);
     }
     window.addEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
     return () => window.removeEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
-  }, [onAskAiOpenChange, onRequestExpand]);
+  }, [onAskAiOpenChange, onRequestExpand, setAskAi]);
 
   useEffect(() => {
     if (!chatOpen) return;
     function onKey(event: KeyboardEvent) {
-      if (event.key === "Escape") onAskAiOpenChange?.(false);
+      if (event.key === "Escape") setAskAi(false);
     }
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
-  }, [chatOpen, onAskAiOpenChange]);
+  }, [chatOpen, setAskAi]);
 
   function toggleAskAi() {
     if (askAiOpen) {
-      onAskAiOpenChange?.(false);
+      setAskAi(false);
       return;
     }
     if (collapsed) onRequestExpand?.();
-    onAskAiOpenChange?.(true);
+    setAskAi(true);
   }
 
   const askAiButton = (
@@ -151,7 +162,7 @@ export function SuiteSidebar({
               type="button"
               data-test="suite-ask-ai-back"
               aria-label="Back to navigation"
-              onClick={() => onAskAiOpenChange?.(false)}
+              onClick={() => setAskAi(false)}
               className="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg text-ph-subtle transition-colors hover:bg-ph-muted hover:text-ph-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-brand"
             >
               <NavArrowLeft className="h-4 w-4" aria-hidden />
@@ -213,7 +224,7 @@ export function SuiteSidebar({
               <button
                 type="button"
                 data-test="suite-ask-ai-back"
-                onClick={() => onAskAiOpenChange?.(false)}
+                onClick={() => setAskAi(false)}
                 className="inline-flex h-9 items-center gap-1 rounded-lg px-2 text-sm font-medium text-ph-subtle transition-colors hover:bg-ph-muted hover:text-ph-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-brand"
               >
                 <NavArrowLeft className="h-4 w-4" aria-hidden />

package/src/suite/index.ts

@@ -53,7 +53,14 @@ export {
   SuiteAiPanel,
   openSuiteAskAi,
   consumePendingAskAiPrompt,
+  persistSuiteAskAiOpen,
+  readSuiteAskAiOpen,
   SUITE_OPEN_ASK_AI_EVENT,
+  SUITE_ASK_AI_OPEN_KEY,
+  SUITE_MUTATED_EVENT,
+  TURTLETIME_TIMER_MUTATED_EVENT,
+  type SuiteAiAction,
+  type SuiteAiActionStatus,
   type SuiteAiPreset,
   type SuiteAiChatMessage,
   type SuiteAskAiOpenDetail,