@xenide-io/the-old-ui-theme 0.9.12 → 0.9.14

package/dist/suite.js

@@ -106,7 +106,7 @@ function SuiteAiMarkdownMessage({
   markdown,
   animate = false
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "suite-ai-markdown", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "suite-ai-markdown", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     import_react_markdown.default,
     {
       remarkPlugins: [import_remark_gfm.default],
@@ -116,14 +116,14 @@ function SuiteAiMarkdownMessage({
     }
   ) });
 }
-var import_react_markdown, import_remark_gfm, import_jsx_runtime23, WORD_STEP_MS, MAX_DELAY_MS, SKIP_TAGS;
+var import_react_markdown, import_remark_gfm, import_jsx_runtime24, WORD_STEP_MS, MAX_DELAY_MS, SKIP_TAGS;
 var init_ai_message_markdown = __esm({
   "src/suite/components/ai-message-markdown.tsx"() {
     "use strict";
     "use client";
     import_react_markdown = __toESM(require("react-markdown"));
     import_remark_gfm = __toESM(require("remark-gfm"));
-    import_jsx_runtime23 = require("react/jsx-runtime");
+    import_jsx_runtime24 = require("react/jsx-runtime");
     WORD_STEP_MS = 18;
     MAX_DELAY_MS = 600;
     SKIP_TAGS = /* @__PURE__ */ new Set(["code", "pre", "style", "script"]);
@@ -154,6 +154,7 @@ __export(suite_exports, {
   SUITE_GLYPHS: () => SUITE_GLYPHS,
   SUITE_ICON_NAMES: () => SUITE_ICON_NAMES,
   SUITE_MUTATED_EVENT: () => SUITE_MUTATED_EVENT,
+  SUITE_NOTIFICATIONS_POLL_MS: () => SUITE_NOTIFICATIONS_POLL_MS,
   SUITE_OPEN_ASK_AI_EVENT: () => SUITE_OPEN_ASK_AI_EVENT,
   SUITE_SIDEBAR_WIDTH_COOKIE: () => SUITE_SIDEBAR_WIDTH_COOKIE,
   SUITE_SIDEBAR_WIDTH_KEY: () => SUITE_SIDEBAR_WIDTH_KEY,
@@ -176,6 +177,7 @@ __export(suite_exports, {
   SuiteMobileHeader: () => SuiteMobileHeader,
   SuiteMotionProvider: () => SuiteMotionProvider,
   SuiteNotificationBell: () => SuiteNotificationBell,
+  SuiteNotificationsProvider: () => SuiteNotificationsProvider,
   SuitePage: () => SuitePage,
   SuitePageHeader: () => SuitePageHeader,
   SuitePaletteLibrary: () => SuitePaletteLibrary,
@@ -231,6 +233,7 @@ __export(suite_exports, {
   suiteThemeBootScript: () => suiteThemeBootScript,
   useIdleMount: () => useIdleMount,
   useSidebarWidth: () => useSidebarWidth,
+  useSuiteNotifications: () => useSuiteNotifications,
   useSuiteTheme: () => useSuiteTheme
 });
 module.exports = __toCommonJS(suite_exports);
@@ -1240,9 +1243,11 @@ function AppSwitcher({
 }
 
 // src/suite/components/suite-notification-bell.tsx
+var import_iconoir_react3 = require("iconoir-react");
+
+// src/suite/lib/suite-notifications.tsx
 var import_react2 = require("react");
 var import_navigation = require("next/navigation");
-var import_iconoir_react3 = require("iconoir-react");
 
 // src/suite/lib/apps.ts
 var SUITE_APPS2 = [
@@ -1345,39 +1350,37 @@ function classifySuiteHref(href, bases, currentOrigin = "") {
   return null;
 }
 
-// src/suite/components/suite-notification-bell.tsx
+// src/suite/lib/suite-notifications.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var POLL_MS = 6e4;
-function timeAgo(iso) {
-  const then = new Date(iso).getTime();
-  if (Number.isNaN(then)) return "";
-  const secs = Math.max(0, Math.round((Date.now() - then) / 1e3));
-  if (secs < 60) return "just now";
-  const mins = Math.round(secs / 60);
-  if (mins < 60) return `${mins}m ago`;
-  const hrs = Math.round(mins / 60);
-  if (hrs < 24) return `${hrs}h ago`;
-  return `${Math.round(hrs / 24)}d ago`;
+var SUITE_NOTIFICATIONS_POLL_MS = 6e4;
+var SuiteNotificationsContext = (0, import_react2.createContext)(null);
+function useSuiteNotifications() {
+  const value = (0, import_react2.useContext)(SuiteNotificationsContext);
+  if (!value) {
+    throw new Error(
+      "useSuiteNotifications must be used within a SuiteNotificationsProvider"
+    );
+  }
+  return value;
 }
-function SuiteNotificationBell({
+function SuiteNotificationsProvider({
   fetchNotifications,
   markRead,
-  markAllRead,
-  dropdownMenu: DropdownMenu2,
+  markAllRead: markAllReadRequest,
+  pollMs = SUITE_NOTIFICATIONS_POLL_MS,
   cacheKey = "suite-notifications-cache",
-  dataTest = "suite-notifications",
-  triggerId,
-  triggerDataTest
+  enabled = true,
+  children
 }) {
   const router = (0, import_navigation.useRouter)();
+  const [notifications, setNotifications] = (0, import_react2.useState)([]);
+  const [unreadCount, setUnreadCount] = (0, import_react2.useState)(0);
   const [open, setOpen] = (0, import_react2.useState)(false);
-  const [items, setItems] = (0, import_react2.useState)([]);
-  const [unread, setUnread] = (0, import_react2.useState)(0);
   const load = (0, import_react2.useCallback)(async () => {
     try {
       const data = await fetchNotifications();
-      setItems(data.notifications);
-      setUnread(data.unread_count);
+      setNotifications(data.notifications);
+      setUnreadCount(data.unread_count);
       if (cacheKey) {
         try {
           sessionStorage.setItem(
@@ -1394,57 +1397,80 @@ function SuiteNotificationBell({
     }
   }, [fetchNotifications, cacheKey]);
   (0, import_react2.useEffect)(() => {
+    if (!enabled) return;
     if (cacheKey) {
       queueMicrotask(() => {
         var _a2;
         try {
           const raw = sessionStorage.getItem(cacheKey);
-          if (raw) {
-            const cached = JSON.parse(raw);
-            if (Array.isArray(cached.notifications)) {
-              setItems(cached.notifications);
-              setUnread((_a2 = cached.unread_count) != null ? _a2 : 0);
-            }
+          if (!raw) return;
+          const cached = JSON.parse(raw);
+          if (Array.isArray(cached.notifications)) {
+            setNotifications(cached.notifications);
+            setUnreadCount((_a2 = cached.unread_count) != null ? _a2 : 0);
           }
         } catch (e) {
         }
       });
     }
-    const kick = window.setTimeout(() => void load(), 0);
-    const id = window.setInterval(() => void load(), POLL_MS);
+    let timer;
+    const stop = () => {
+      if (timer !== void 0) {
+        window.clearInterval(timer);
+        timer = void 0;
+      }
+    };
+    const start = () => {
+      if (timer !== void 0) return;
+      void load();
+      timer = window.setInterval(() => void load(), pollMs);
+    };
+    const onVisibilityChange = () => {
+      if (document.visibilityState === "visible") start();
+      else stop();
+    };
+    if (document.visibilityState === "visible") start();
+    document.addEventListener("visibilitychange", onVisibilityChange);
     return () => {
-      window.clearTimeout(kick);
-      window.clearInterval(id);
+      stop();
+      document.removeEventListener("visibilitychange", onVisibilityChange);
     };
-  }, [load, cacheKey]);
-  const onOpenChange = (0, import_react2.useCallback)(
+  }, [enabled, load, pollMs, cacheKey]);
+  const setOpenAndRefresh = (0, import_react2.useCallback)(
     (next) => {
       setOpen(next);
       if (next) void load();
     },
     [load]
   );
-  const openItem = (0, import_react2.useCallback)(
-    async (n) => {
+  const select = (0, import_react2.useCallback)(
+    (notification) => {
       setOpen(false);
-      if (!n.read_at) {
-        setItems(
+      if (!notification.read_at) {
+        setNotifications(
           (prev) => prev.map(
-            (i) => i.id === n.id ? __spreadProps(__spreadValues({}, i), { read_at: (/* @__PURE__ */ new Date()).toISOString() }) : i
+            (item) => item.id === notification.id ? __spreadProps(__spreadValues({}, item), { read_at: (/* @__PURE__ */ new Date()).toISOString() }) : item
           )
         );
-        setUnread((u) => Math.max(0, u - 1));
-        try {
-          await markRead(n.id);
-        } catch (e) {
-        }
+        setUnreadCount((count) => Math.max(0, count - 1));
+        void (async () => {
+          try {
+            await markRead(notification.id);
+          } catch (e) {
+          }
+        })();
       }
-      const target = resolveSuiteNotificationHref(n.href, n.source_app);
+      const target = resolveSuiteNotificationHref(
+        notification.href,
+        notification.source_app
+      );
       if (!target) return;
       if (/^https?:\/\//i.test(target)) {
         try {
           const url = new URL(target);
-          const sourceApp = suiteAppSlugForNotificationSource(n.source_app);
+          const sourceApp = suiteAppSlugForNotificationSource(
+            notification.source_app
+          );
           const path = `${url.pathname}${url.search}${url.hash}`;
           if (url.origin === window.location.origin) {
             router.push(path);
@@ -1471,22 +1497,74 @@ function SuiteNotificationBell({
     },
     [router, markRead]
   );
-  const markAll = (0, import_react2.useCallback)(async () => {
-    setItems(
-      (prev) => prev.map((i) => {
+  const markAllRead = (0, import_react2.useCallback)(() => {
+    setNotifications(
+      (prev) => prev.map((item) => {
         var _a2;
-        return __spreadProps(__spreadValues({}, i), {
-          read_at: (_a2 = i.read_at) != null ? _a2 : (/* @__PURE__ */ new Date()).toISOString()
+        return __spreadProps(__spreadValues({}, item), {
+          read_at: (_a2 = item.read_at) != null ? _a2 : (/* @__PURE__ */ new Date()).toISOString()
         });
       })
     );
-    setUnread(0);
-    try {
-      await markAllRead();
-    } catch (e) {
-    }
-  }, [markAllRead]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    setUnreadCount(0);
+    void (async () => {
+      try {
+        await markAllReadRequest();
+      } catch (e) {
+      }
+    })();
+  }, [markAllReadRequest]);
+  const value = (0, import_react2.useMemo)(
+    () => ({
+      notifications,
+      unreadCount,
+      open,
+      setOpen: setOpenAndRefresh,
+      refresh: () => void load(),
+      select,
+      markAllRead
+    }),
+    [
+      notifications,
+      unreadCount,
+      open,
+      setOpenAndRefresh,
+      load,
+      select,
+      markAllRead
+    ]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SuiteNotificationsContext.Provider, { value, children });
+}
+
+// src/suite/components/suite-notification-bell.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function timeAgo(iso) {
+  const then = new Date(iso).getTime();
+  if (Number.isNaN(then)) return "";
+  const secs = Math.max(0, Math.round((Date.now() - then) / 1e3));
+  if (secs < 60) return "just now";
+  const mins = Math.round(secs / 60);
+  if (mins < 60) return `${mins}m ago`;
+  const hrs = Math.round(mins / 60);
+  if (hrs < 24) return `${hrs}h ago`;
+  return `${Math.round(hrs / 24)}d ago`;
+}
+function SuiteNotificationBell({
+  dropdownMenu: DropdownMenu2,
+  dataTest = "suite-notifications",
+  triggerId,
+  triggerDataTest
+}) {
+  const {
+    notifications,
+    unreadCount: unread,
+    open,
+    setOpen,
+    select,
+    markAllRead
+  } = useSuiteNotifications();
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     DropdownMenu2,
     {
       "aria-label": unread > 0 ? `Notifications, ${unread} unread` : "Notifications",
@@ -1495,46 +1573,46 @@ function SuiteNotificationBell({
       align: "end",
       panelClassName: "w-80 overflow-hidden p-0",
       open,
-      onOpenChange,
-      trigger: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "relative inline-flex h-11 w-11 items-center justify-center overflow-visible rounded-full text-ph-mutedtext transition hover:bg-ph-muted hover:text-ph-ink", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "relative inline-flex h-5 w-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_iconoir_react3.Bell, { className: "h-5 w-5", strokeWidth: 1.75, "aria-hidden": true }),
-        unread > 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "pointer-events-none absolute -right-2 -top-2 z-[1] flex h-4 min-w-4 items-center justify-center rounded-full bg-ph-brand px-1 text-[9px] font-semibold leading-none text-[var(--ph-on-accent)] ring-2 ring-ph-surface", children: unread > 9 ? "9+" : unread }) : null
+      onOpenChange: setOpen,
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "relative inline-flex h-11 w-11 items-center justify-center overflow-visible 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 h-5 w-5", 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: "pointer-events-none absolute -right-2 -top-2 z-[1] flex h-4 min-w-4 items-center justify-center rounded-full bg-ph-brand px-1 text-[9px] font-semibold leading-none text-[var(--ph-on-accent)] ring-2 ring-ph-surface", children: unread > 9 ? "9+" : unread }) : null
       ] }) }),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center justify-between border-b border-ph-border px-3 py-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-sm font-semibold text-ph-ink", children: "Notifications" }),
-          unread > 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        /* @__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" }),
+          unread > 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             "button",
             {
               type: "button",
               id: `${dataTest}-mark-all`,
               "data-test": `${dataTest}-mark-all`,
-              onClick: markAll,
+              onClick: markAllRead,
               className: "text-xs font-medium text-ph-brand hover:underline",
               children: "Mark all read"
             }
           ) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "max-h-80 overflow-y-auto py-1", children: items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "px-3 py-6 text-center text-sm text-ph-mutedtext", children: "You're all caught up." }) : items.map((n) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "max-h-80 overflow-y-auto py-1", children: notifications.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "px-3 py-6 text-center text-sm text-ph-mutedtext", children: "You're all caught up." }) : notifications.map((n) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
           "button",
           {
             id: `${dataTest}-item-${n.id}`,
             "data-test": `${dataTest}-item-${n.id}`,
-            onClick: () => void openItem(n),
+            onClick: () => select(n),
             className: "flex w-full flex-col gap-0.5 px-3 py-2 text-left transition hover:bg-ph-muted",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "flex items-center gap-2", children: [
-                !n.read_at ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "flex items-center gap-2", children: [
+                !n.read_at ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                   "span",
                   {
                     className: "h-1.5 w-1.5 shrink-0 rounded-full bg-ph-brand",
                     "aria-hidden": true
                   }
                 ) : null,
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "truncate text-sm font-medium text-ph-ink", children: n.title })
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "truncate text-sm font-medium text-ph-ink", children: n.title })
               ] }),
-              n.body ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "line-clamp-2 text-xs text-ph-mutedtext", children: n.body }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "text-[11px] uppercase tracking-wide text-ph-subtle", children: [
+              n.body ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "line-clamp-2 text-xs text-ph-mutedtext", children: n.body }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "text-[11px] uppercase tracking-wide text-ph-subtle", children: [
                 n.source_app,
                 " \xB7 ",
                 timeAgo(n.created_at)
@@ -1550,7 +1628,7 @@ function SuiteNotificationBell({
 
 // src/suite/components/command-palette-host.tsx
 var import_react3 = require("react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function isEditableTarget() {
   if (typeof document === "undefined") return false;
   const el = document.activeElement;
@@ -1582,7 +1660,7 @@ function CommandPaletteHost({
     return () => window.removeEventListener("keydown", onKey);
   }, [open]);
   if (!isAuthenticated) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     CommandPalette,
     {
       items,
@@ -1616,18 +1694,18 @@ function useIdleMount(timeoutMs = 1200) {
 }
 
 // src/suite/components/deferred-chrome.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function DeferredChrome({ children }) {
   const ready = useIdleMount();
   if (!ready) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children });
 }
 
 // src/suite/components/suite-mobile-drawer.tsx
 var Dialog = __toESM(require("@radix-ui/react-dialog"));
 var import_react5 = require("react");
 var import_iconoir_react4 = require("iconoir-react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function SuiteMobileDrawer({
   open,
   onClose,
@@ -1666,8 +1744,8 @@ function SuiteMobileDrawer({
     return () => window.clearTimeout(timeout);
   }, [open, durationMs]);
   if (!rendered) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Dialog.Root, { open, onOpenChange: (nextOpen) => !nextOpen && onClose(), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Dialog.Portal, { forceMount: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Dialog.Root, { open, onOpenChange: (nextOpen) => !nextOpen && onClose(), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Dialog.Portal, { forceMount: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       Dialog.Overlay,
       {
         forceMount: true,
@@ -1681,7 +1759,7 @@ function SuiteMobileDrawer({
         style: { transitionDuration: `${durationMs}ms` }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Dialog.Content, { forceMount: true, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Dialog.Content, { forceMount: true, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
       "aside",
       {
         role: "dialog",
@@ -1695,8 +1773,8 @@ function SuiteMobileDrawer({
         ),
         style: { transitionDuration: `${durationMs}ms` },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Dialog.Title, { className: "sr-only", children: dialogLabel }),
-          showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Dialog.Title, { className: "sr-only", children: dialogLabel }),
+          showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
             "div",
             {
               className: cn(
@@ -1704,8 +1782,8 @@ function SuiteMobileDrawer({
                 title ? "justify-between" : "justify-end"
               ),
               children: [
-                title ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "truncate text-sm font-semibold text-ph-ink", children: title }) : null,
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                title ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "truncate text-sm font-semibold text-ph-ink", children: title }) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                   "button",
                   {
                     type: "button",
@@ -1713,13 +1791,13 @@ function SuiteMobileDrawer({
                     "data-test": closeButtonDataTest,
                     className: "-mr-1.5 inline-flex h-11 w-11 items-center justify-center rounded-lg text-ph-mutedtext transition-colors hover:bg-ph-muted hover:text-ph-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-brand",
                     "aria-label": closeLabel,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_iconoir_react4.Xmark, { className: "h-4 w-4", "aria-hidden": true })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_iconoir_react4.Xmark, { className: "h-4 w-4", "aria-hidden": true })
                   }
                 ) })
               ]
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             "div",
             {
               "data-test": "suite-mobile-drawer-body",
@@ -1735,7 +1813,7 @@ function SuiteMobileDrawer({
 
 // src/suite/components/suite-mobile-header.tsx
 var import_iconoir_react5 = require("iconoir-react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function SuiteMobileHeader({
   onMenuClick,
   menuIcon: MenuIcon = import_iconoir_react5.Menu,
@@ -1747,7 +1825,7 @@ function SuiteMobileHeader({
   dataTest,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     "header",
     {
       "data-test": dataTest,
@@ -1756,7 +1834,7 @@ function SuiteMobileHeader({
         className
       ),
       children: [
-        onMenuClick ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        onMenuClick ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "button",
           {
             type: "button",
@@ -1765,10 +1843,10 @@ function SuiteMobileHeader({
             className: "suite-press inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-xl text-ph-ink transition-colors hover:bg-ph-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-brand",
             onClick: onMenuClick,
             "aria-label": menuLabel,
-            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MenuIcon, { className: "h-5 w-5", "aria-hidden": true })
+            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MenuIcon, { className: "h-5 w-5", "aria-hidden": true })
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "div",
           {
             className: cn(
@@ -1778,7 +1856,7 @@ function SuiteMobileHeader({
             children: title
           }
         ),
-        actions ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex shrink-0 items-center gap-1", children: actions }) : null
+        actions ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex shrink-0 items-center gap-1", children: actions }) : null
       ]
     }
   );
@@ -1786,20 +1864,20 @@ function SuiteMobileHeader({
 
 // src/suite/components/suite-layout.tsx
 var import_react6 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function SuiteBreadcrumbs({ items, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("nav", { "aria-label": "Breadcrumb", className, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("ol", { className: "flex min-w-0 items-center gap-1.5", children: items.map((item, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("nav", { "aria-label": "Breadcrumb", className, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ol", { className: "flex min-w-0 items-center gap-1.5", children: items.map((item, index) => {
     const isLast = index === items.length - 1;
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("li", { className: "flex min-w-0 items-center gap-1.5", children: [
-      index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "select-none text-ph-border", "aria-hidden": "true", children: "/" }) : null,
-      item.href && !isLast ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("li", { className: "flex min-w-0 items-center gap-1.5", children: [
+      index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "select-none text-ph-border", "aria-hidden": "true", children: "/" }) : null,
+      item.href && !isLast ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         "a",
         {
           href: item.href,
           className: "truncate transition hover:text-ph-ink",
           children: item.label
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         "span",
         {
           className: cn(
@@ -1824,7 +1902,7 @@ function SuitePage({
   role,
   "aria-live": ariaLive
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     Component,
     {
       id,
@@ -1892,7 +1970,7 @@ function SuitePageHeader({
       sentinel.remove();
     };
   }, [sticky]);
-  const resolvedIcon = todayIcon ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  const resolvedIcon = todayIcon ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     TodayTimeIcon,
     {
       className: cn(
@@ -1901,7 +1979,7 @@ function SuitePageHeader({
       )
     }
   ) : icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "header",
     {
       ref: headerRef,
@@ -1914,11 +1992,11 @@ function SuitePageHeader({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "min-w-0 flex-1", children: [
-          eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mb-0.5 flex min-w-0 items-center gap-1.5 text-xs text-ph-subtle", children: eyebrow }) : null,
-          breadcrumb ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mb-0.5 flex min-w-0 items-center gap-1.5 text-xs text-ph-subtle", children: breadcrumb }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
-            resolvedIcon ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "mb-0.5 flex min-w-0 items-center gap-1.5 text-xs text-ph-subtle", children: eyebrow }) : null,
+          breadcrumb ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "mb-0.5 flex min-w-0 items-center gap-1.5 text-xs text-ph-subtle", children: breadcrumb }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+            resolvedIcon ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "div",
               {
                 className: "hidden shrink-0 sm:flex sm:items-center [&_svg]:h-6 [&_svg]:w-6",
@@ -1926,8 +2004,8 @@ function SuitePageHeader({
                 children: resolvedIcon
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                 "h1",
                 {
                   className: cn(
@@ -1937,10 +2015,10 @@ function SuitePageHeader({
                   children: title
                 }
               ),
-              badge ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "rounded-md bg-ph-muted px-2 py-0.5 text-[11px] font-semibold uppercase tracking-wide text-ph-subtle", children: badge }) : null
+              badge ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "rounded-md bg-ph-muted px-2 py-0.5 text-[11px] font-semibold uppercase tracking-wide text-ph-subtle", children: badge }) : null
             ] })
           ] }),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          description ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "div",
             {
               className: cn(
@@ -1951,7 +2029,7 @@ function SuitePageHeader({
             }
           ) : null
         ] }),
-        actions ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex max-w-full items-center gap-2 self-stretch overflow-x-auto pb-1 sm:shrink-0 sm:self-center sm:overflow-visible sm:pb-0", children: actions }) : null
+        actions ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex max-w-full items-center gap-2 self-stretch overflow-x-auto pb-1 sm:shrink-0 sm:self-center sm:overflow-visible sm:pb-0", children: actions }) : null
       ]
     }
   );
@@ -1962,7 +2040,7 @@ function SuiteToolbar({
   label = "Page tools",
   dataTest
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     {
       role: "toolbar",
@@ -1979,7 +2057,7 @@ function SuiteTabList({
   label,
   dataTest
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "nav",
     {
       "aria-label": label,
@@ -1998,7 +2076,7 @@ function SuiteSectionHeader({
   action,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "div",
     {
       className: cn(
@@ -2006,18 +2084,18 @@ function SuiteSectionHeader({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h2", { className: "font-display text-balance text-lg font-semibold tracking-tight text-ph-ink sm:text-xl", children: title }),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mt-1 max-w-2xl text-pretty text-sm leading-5 text-ph-subtle", children: description }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { className: "font-display text-balance text-lg font-semibold tracking-tight text-ph-ink sm:text-xl", children: title }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "mt-1 max-w-2xl text-pretty text-sm leading-5 text-ph-subtle", children: description }) : null
         ] }),
-        action ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex min-h-[44px] shrink-0 items-center", children: action }) : null
+        action ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex min-h-[44px] shrink-0 items-center", children: action }) : null
       ]
     }
   );
 }
 
 // src/suite/components/suite-settings-layout.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function SuiteSettingsLayout({
   children,
   sidebar,
@@ -2031,13 +2109,13 @@ function SuiteSettingsLayout({
   className,
   contentClassName
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     SuitePage,
     {
       dataTest,
       className: cn("flex h-full flex-col overflow-hidden", className),
       children: [
-        header != null ? header : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        header != null ? header : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           SuitePageHeader,
           {
             sticky: true,
@@ -2046,10 +2124,10 @@ function SuiteSettingsLayout({
             description
           }
         ),
-        loading != null ? loading : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "suite-page-body mt-6 flex min-h-0 flex-1 flex-col", children: [
-          mobileNav ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "sticky top-0 z-20 mb-2 shrink-0 bg-ph-canvas/95 backdrop-blur lg:hidden", children: mobileNav }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex min-h-0 flex-1 flex-col gap-6 lg:flex-row lg:gap-8", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        loading != null ? loading : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "suite-page-body mt-6 flex min-h-0 flex-1 flex-col", children: [
+          mobileNav ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "sticky top-0 z-20 mb-2 shrink-0 bg-ph-canvas/95 backdrop-blur lg:hidden", children: mobileNav }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex min-h-0 flex-1 flex-col gap-6 lg:flex-row lg:gap-8", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               "aside",
               {
                 "aria-label": "Settings",
@@ -2057,7 +2135,7 @@ function SuiteSettingsLayout({
                 children: sidebar
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               "div",
               {
                 className: cn(
@@ -2091,7 +2169,7 @@ function cn2(...parts) {
 }
 
 // src/components/icons/IconBase.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var IconBase = (0, import_react7.forwardRef)(function IconBase2(_a2, ref) {
   var _b = _a2, {
     className,
@@ -2121,7 +2199,7 @@ var IconBase = (0, import_react7.forwardRef)(function IconBase2(_a2, ref) {
     "aria-labelledby"
   ]);
   const hasAccessibleName = Boolean(ariaLabel || ariaLabelledBy);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "svg",
     __spreadProps(__spreadValues({
       ref,
@@ -2144,10 +2222,10 @@ IconBase.displayName = "IconBase";
 
 // src/components/icons/createIconBase.tsx
 var import_react8 = require("react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function createIconBase({ name = "IconGlyph", viewBox = "0 0 24 24", paths }) {
   const IconGlyph = (0, import_react8.forwardRef)(function IconGlyph2(props, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(IconBase, __spreadProps(__spreadValues({ ref, viewBox }, props), { children: paths }));
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IconBase, __spreadProps(__spreadValues({ ref, viewBox }, props), { children: paths }));
   });
   IconGlyph.displayName = name;
   return IconGlyph;
@@ -2156,14 +2234,14 @@ function createIconBasePath(d, viewBox = "0 0 24 24", name) {
   return createIconBase({
     name,
     viewBox,
-    paths: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d, fill: "currentColor" })
+    paths: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d, fill: "currentColor" })
   });
 }
 
 // src/components/icons/icons.tsx
 var import_react9 = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var fill = (d) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d, fill: "currentColor" });
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var fill = (d) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d, fill: "currentColor" });
 var IconAreaChart = createIconBase({
   paths: fill("M3 20V7l4 3 5-7 5 4h4v13Zm5-3 4-5.5 7 5.45V9h-2.7l-3.9-3.125-4.95 6.95L5 11v3.6Z")
 });
@@ -2204,7 +2282,7 @@ var IconFlare = createIconBase({
   )
 });
 var IconSelectEvents = createIconBase({
-  paths: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
     fill("M17.5 9L16.56 6.94L14.5 6L16.56 5.06L17.5 3L18.44 5.06L20.5 6L18.44 6.94L17.5 9Z"),
     fill("M6 12.5L6.94 14.56L9 15.5L6.94 16.44L6 18.5L5.06 16.44L3 15.5L5.06 14.56L6 12.5Z"),
     fill("M6 9L5.06 6.94L3 6L5.06 5.06L6 3L6.94 5.06L9 6L6.94 6.94L6 9Z"),
@@ -2262,9 +2340,9 @@ var IconRobot = createIconBase({
   )
 });
 var IconExclamation = createIconBase({
-  paths: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("g", { fill: "currentColor", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "m12 21c1.1046 0 2-.8954 2-2s-.8954-2-2-2-2 .8954-2 2 .8954 2 2 2z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "m10 3h4v12h-4z" })
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("g", { fill: "currentColor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "m12 21c1.1046 0 2-.8954 2-2s-.8954-2-2-2-2 .8954-2 2 .8954 2 2 2z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "m10 3h4v12h-4z" })
   ] })
 });
 var IconErrorOutline = createIconBase({
@@ -2298,7 +2376,7 @@ var IconChevronLeft = createIconBasePath("M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10
 var IconChevronRight = createIconBasePath("M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z");
 var IconChevronDown = createIconBasePath("M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z");
 var IconSubArrowRight = createIconBase({
-  paths: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("g", { transform: "translate(4 5.5)", children: fill("M2 0H0V10H12.01V13L16 9L12.01 5V8H2V0Z") })
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("g", { transform: "translate(4 5.5)", children: fill("M2 0H0V10H12.01V13L16 9L12.01 5V8H2V0Z") })
 });
 var IconSearch = createIconBasePath(
   "M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
@@ -2377,7 +2455,7 @@ var IconRocket = createIconBasePath(
 );
 var IconTerminal = createIconBase({
   name: "IconTerminal",
-  paths: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "path",
     {
       d: "M3 4v16h18V4H3zm2 2h14v12H5V6zm2 2.2L10.8 12 7 15.8 8.4 17.2l5.2-5.2-5.2-5.2L7 8.2zM13 17h5v-2h-5v2z",
@@ -2389,7 +2467,7 @@ var IconTerminal = createIconBase({
 });
 var IconOldWindow = createIconBase({
   name: "IconOldWindow",
-  paths: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "path",
     {
       d: "M3 3v18h18V3H3zm2 7v9h14v-9H5zm1-4h2v1H6V6zm3 0h2v1H9V6z",
@@ -2401,7 +2479,7 @@ var IconOldWindow = createIconBase({
 });
 var IconCommandCursor = createIconBase({
   name: "IconCommandCursor",
-  paths: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "path",
     {
       d: "M4 3v18h16V3H4zm2 2h12v14H6V5zm1.5 3.5L11 12l-3.5 3.5L9 17l5-5-5-5-1.5 1.5zM13 17h4v-2h-4v2z",
@@ -2413,7 +2491,7 @@ var IconCommandCursor = createIconBase({
 });
 var IconDataReel = createIconBase({
   name: "IconDataReel",
-  paths: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "path",
     {
       d: "M3 5v14h18V5H3zm2 2h14v10H5V7zm3 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm8 0a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM10 11h4v1.5h-4V11z",
@@ -2425,7 +2503,7 @@ var IconDataReel = createIconBase({
 });
 var IconCodePreview = createIconBase({
   name: "IconCodePreview",
-  paths: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "path",
     {
       d: "M3 3v15h18V3H3zm2 2h14v11H5V5zm3.5 2L5 10.5 8.5 14l1.4-1.4-2.1-2.1 2.1-2.1L8.5 7zm7 0-1.4 1.4 2.1 2.1-2.1 2.1 1.4 1.4 3.5-3.5L15.5 7zM9 20h6v2H9v-2z",
@@ -2437,7 +2515,7 @@ var IconCodePreview = createIconBase({
 });
 var IconInsightBoard = createIconBase({
   name: "IconInsightBoard",
-  paths: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "path",
     {
       d: "M3 3v18h18V3H3zm2 2h14v3H5V5zm0 5h6v9H5v-9zm8 0h6v4h-6v-4zm0 6h6v3h-6v-3zM6 6h2v1H6V6zm3 0h2v1H9V6z",
@@ -2449,14 +2527,14 @@ var IconInsightBoard = createIconBase({
 });
 var IconEventStream = createIconBase({
   name: "IconEventStream",
-  paths: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M5 4h2v16H5V4z", fill: "currentColor", opacity: "0.45" }),
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M5 4h2v16H5V4z", fill: "currentColor", opacity: "0.45" }),
     fill("M6 3a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0 8a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm5-6h10v2H11V5zm0 8h7v2h-7v-2zm0 5h10v2H11v-2z")
   ] })
 });
 var IconFeatureGate = createIconBase({
   name: "IconFeatureGate",
-  paths: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "path",
     {
       d: "M4 3h2v18H4V3zm3 2h12l-3 4 3 4H7V5zm4 1-2.2 4H12l-1 4 4.2-5H12l1-3h-2z",
@@ -2468,7 +2546,7 @@ var IconFeatureGate = createIconBase({
 });
 var IconReplayFrame = createIconBase({
   name: "IconReplayFrame",
-  paths: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "path",
     {
       d: "M3 3v18h18V3H3zm2 2h14v11H5V5zm5 2v7l6-3.5L10 7zm-5 11h9v1H5v-1zm11 0h3v1h-3v-1z",
@@ -2492,7 +2570,7 @@ var IconExperimentSplit = createIconBase({
 });
 var IconSurveyCard = createIconBase({
   name: "IconSurveyCard",
-  paths: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "path",
     {
       d: "M3 3v18h18V3H3zm2 2h14v14H5V5zm2 2h7v2H7V7zm0 4h4v2H7v-2zm7-.4-2.5 2.5-1-1-1.4 1.4 2.4 2.4 3.9-3.9-1.4-1.4zM7 16h10v1H7v-1z",
@@ -2510,7 +2588,7 @@ var IconFlask = createIconBasePath(
 );
 var IconSpinner = (0, import_react9.forwardRef)(function IconSpinner2(_a2, ref) {
   var _b = _a2, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IconSync, __spreadValues({ ref, className: cn2("ph-icon-spin", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconSync, __spreadValues({ ref, className: cn2("ph-icon-spin", className) }, props));
 });
 IconSpinner.displayName = "IconSpinner";
 var CANONICAL_ICONS = {
@@ -2611,23 +2689,23 @@ for (const [name, Icon] of Object.entries(CANONICAL_ICONS)) {
 var IconByName = (0, import_react9.forwardRef)(function IconByName2(_a2, ref) {
   var _b = _a2, { name } = _b, props = __objRest(_b, ["name"]);
   const Icon = PH_ICONS[name];
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, __spreadValues({ ref }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, __spreadValues({ ref }, props));
 });
 IconByName.displayName = "IconByName";
 
 // src/components/ui/ButtonChrome.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function ButtonChrome({ label, icon, sideIcon, split }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "ph-btn-chrome", children: [
-    icon != null ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "ph-btn-icon", children: icon }) : null,
-    label != null ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "ph-btn-label", children: label }) : null,
-    split ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "ph-btn-split-divider", "aria-hidden": true }) : null,
-    sideIcon != null ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "ph-btn-side-icon", children: sideIcon }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "ph-btn-chrome", children: [
+    icon != null ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ph-btn-icon", children: icon }) : null,
+    label != null ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ph-btn-label", children: label }) : null,
+    split ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ph-btn-split-divider", "aria-hidden": true }) : null,
+    sideIcon != null ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ph-btn-side-icon", children: sideIcon }) : null
   ] });
 }
 
 // src/components/ui/DropdownMenu.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function DropdownContent({
   children,
   align = "start",
@@ -2638,7 +2716,7 @@ function DropdownContent({
   avoidCollisions = true,
   panelClassName
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     DropdownPrimitive.Content,
     {
       className: cn2("ph-dropdown-panel", panelClassName),
@@ -2651,7 +2729,7 @@ function DropdownContent({
       sticky: "partial",
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           DropdownPrimitive.Arrow,
           {
             className: "ph-dropdown-arrow",
@@ -2703,7 +2781,7 @@ function DropdownMenu(_a2) {
     "modal",
     "disabled"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", __spreadProps(__spreadValues({ className: cn2("ph-dropdown", className) }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", __spreadProps(__spreadValues({ className: cn2("ph-dropdown", className) }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     DropdownPrimitive.Root,
     {
       open,
@@ -2711,7 +2789,7 @@ function DropdownMenu(_a2) {
       onOpenChange,
       modal,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownPrimitive.Trigger, { asChild: true, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownPrimitive.Trigger, { asChild: true, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           "button",
           {
             type: "button",
@@ -2722,7 +2800,7 @@ function DropdownMenu(_a2) {
             children: trigger
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           DropdownContent,
           {
             align,
@@ -2749,7 +2827,7 @@ function DropdownItem(_a2) {
     "children",
     "disabled"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownPrimitive.Item, { asChild: true, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownPrimitive.Item, { asChild: true, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "button",
     __spreadProps(__spreadValues({
       type: "button",
@@ -2762,7 +2840,7 @@ function DropdownItem(_a2) {
 }
 
 // src/suite/components/suite-user-menu.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function computeInitials(name, email) {
   const source = (name || email || "?").trim();
   return source.split(/[\s@]+/).filter(Boolean).slice(0, 2).map((part) => part[0]).join("").toUpperCase();
@@ -2800,7 +2878,7 @@ function SuiteUserMenu({
   const router = (0, import_navigation2.useRouter)();
   const initials = fallbackInitials != null ? fallbackInitials : computeInitials(name, email);
   const fallbackColor = avatarColorClass(email || name || "?");
-  const avatar = /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "inline-flex h-10 w-10 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "inline-flex h-8 w-8 items-center justify-center overflow-hidden rounded-full border border-ph-border", children: image ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  const avatar = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "inline-flex h-10 w-10 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "inline-flex h-8 w-8 items-center justify-center overflow-hidden rounded-full border border-ph-border", children: image ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     import_image2.default,
     {
       src: image,
@@ -2810,7 +2888,7 @@ function SuiteUserMenu({
       className: "h-full w-full object-cover",
       unoptimized: true
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "span",
     {
       className: cn(
@@ -2820,14 +2898,14 @@ function SuiteUserMenu({
       children: initials
     }
   ) }) });
-  const trigger = showDetails ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "flex min-w-0 items-center gap-2", children: [
+  const trigger = showDetails ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "flex min-w-0 items-center gap-2", children: [
     avatar,
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "flex min-w-0 flex-col text-left", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "truncate text-sm font-medium text-ph-ink", children: name || email || "Account" }),
-      subtitle ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "truncate text-xs text-ph-mutedtext", children: subtitle }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "flex min-w-0 flex-col text-left", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "truncate text-sm font-medium text-ph-ink", children: name || email || "Account" }),
+      subtitle ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "truncate text-xs text-ph-mutedtext", children: subtitle }) : null
     ] })
   ] }) : avatar;
-  const accountMenu = /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  const accountMenu = /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     DropdownMenu,
     {
       trigger,
@@ -2846,24 +2924,24 @@ function SuiteUserMenu({
       ),
       "data-test": dataTest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "px-2 py-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "truncate text-sm font-medium text-ph-ink", children: name || email || "Account" }),
-          email ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "truncate text-xs text-ph-mutedtext", children: email }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "px-2 py-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "truncate text-sm font-medium text-ph-ink", children: name || email || "Account" }),
+          email ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "truncate text-xs text-ph-mutedtext", children: email }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "my-1 border-t border-ph-border" }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "my-1 border-t border-ph-border" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
           DropdownItem,
           {
             "data-test": `${dataTest}-settings`,
             onClick: () => router.push(settingsHref),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_iconoir_react6.Settings, { className: "h-4 w-4 text-ph-mutedtext", "aria-hidden": true }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_iconoir_react6.Settings, { className: "h-4 w-4 text-ph-mutedtext", "aria-hidden": true }),
               "Profile settings"
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownItem, { "data-test": `${dataTest}-sign-out`, onClick: onSignOut, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_iconoir_react6.LogOut, { className: "h-4 w-4 text-ph-mutedtext", "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownItem, { "data-test": `${dataTest}-sign-out`, onClick: onSignOut, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_iconoir_react6.LogOut, { className: "h-4 w-4 text-ph-mutedtext", "aria-hidden": true }),
           "Sign out"
         ] })
       ]
@@ -2872,7 +2950,7 @@ function SuiteUserMenu({
   if (!showSignOutAction) {
     return accountMenu;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "div",
     {
       className: cn(
@@ -2880,8 +2958,8 @@ function SuiteUserMenu({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "shrink-0", children: accountMenu }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "shrink-0", children: accountMenu }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           "button",
           {
             type: "button",
@@ -2890,7 +2968,7 @@ function SuiteUserMenu({
             "aria-label": "Sign out",
             className: "inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg text-ph-mutedtext transition-colors hover:bg-ph-muted hover:text-ph-ink focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ph-focus-ring",
             onClick: onSignOut,
-            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_iconoir_react6.LogOut, { className: "h-4 w-4", "aria-hidden": true })
+            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_iconoir_react6.LogOut, { className: "h-4 w-4", "aria-hidden": true })
           }
         )
       ]
@@ -2900,7 +2978,7 @@ function SuiteUserMenu({
 
 // src/suite/components/suite-bottom-nav.tsx
 var import_link = __toESM(require("next/link"));
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function SuiteBottomNav({
   items,
   ariaLabel = "Primary navigation",
@@ -2913,8 +2991,8 @@ function SuiteBottomNav({
     );
   }
   const activeIndex = items.findIndex((item) => item.active);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "div",
       {
         "aria-hidden": true,
@@ -2922,7 +3000,7 @@ function SuiteBottomNav({
         style: { height: "calc(60px + env(safe-area-inset-bottom))" }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
       "nav",
       {
         "aria-label": ariaLabel,
@@ -2937,12 +3015,12 @@ function SuiteBottomNav({
           "--suite-nav-active": activeIndex >= 0 ? activeIndex : 0
         },
         children: [
-          activeIndex >= 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { "aria-hidden": true, className: "suite-bottom-nav__indicator" }) : null,
+          activeIndex >= 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { "aria-hidden": true, className: "suite-bottom-nav__indicator" }) : null,
           items.map((item) => {
             var _a2;
             const Icon = item.icon;
             const active = Boolean(item.active);
-            return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
               import_link.default,
               {
                 href: item.href,
@@ -2954,14 +3032,14 @@ function SuiteBottomNav({
                   active && "font-semibold text-ph-brand"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                     "span",
                     {
                       className: cn(
                         "suite-bottom-nav__icon relative z-10 inline-flex items-center justify-center",
                         active && "suite-bottom-nav__icon--active"
                       ),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                         Icon,
                         {
                           className: "h-6 w-6",
@@ -2971,7 +3049,7 @@ function SuiteBottomNav({
                       )
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "relative z-10 max-w-full truncate", children: item.label })
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "relative z-10 max-w-full truncate", children: item.label })
                 ]
               },
               item.href
@@ -2985,7 +3063,7 @@ function SuiteBottomNav({
 
 // src/suite/components/today-calibrating.tsx
 var import_iconoir_react7 = require("iconoir-react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function TodayCalibrating({
   onRetry,
   retrying = false,
@@ -2995,7 +3073,7 @@ function TodayCalibrating({
   retrySpinnerClassName = "text-ph-brand"
 }) {
   void _variant;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     "div",
     {
       className: cn(
@@ -3004,18 +3082,18 @@ function TodayCalibrating({
       ),
       "data-test": "today-calibrating",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           "div",
           {
             className: "pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_50%_35%,rgba(251,191,36,0.1),transparent_55%)]",
             "aria-hidden": true
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "relative mb-5 flex h-14 w-14 items-center justify-center rounded-2xl border border-ph-border bg-ph-surface text-ph-ink shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_iconoir_react7.SunLight, { className: "h-8 w-8", strokeWidth: 2, "aria-hidden": true }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h2", { className: "relative text-base font-semibold tracking-tight text-ph-ink sm:text-lg md:text-xl", children: "Calibrating your day" }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "relative mt-1.5 max-w-sm text-sm sm:text-[15px] leading-relaxed text-ph-subtle", children: "Pulling together tasks, time and updates from your workspace\u2026" }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "relative mt-5 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Spinner, { size: "sm", className: "opacity-70", label: "Loading today" }) }),
-        onRetry ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "relative mb-5 flex h-14 w-14 items-center justify-center rounded-2xl border border-ph-border bg-ph-surface text-ph-ink shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_iconoir_react7.SunLight, { className: "h-8 w-8", strokeWidth: 2, "aria-hidden": true }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h2", { className: "relative text-base font-semibold tracking-tight text-ph-ink sm:text-lg md:text-xl", children: "Calibrating your day" }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "relative mt-1.5 max-w-sm text-sm sm:text-[15px] leading-relaxed text-ph-subtle", children: "Pulling together tasks, time and updates from your workspace\u2026" }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "relative mt-5 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Spinner, { size: "sm", className: "opacity-70", label: "Loading today" }) }),
+        onRetry ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
           "button",
           {
             type: "button",
@@ -3023,7 +3101,7 @@ function TodayCalibrating({
             disabled: retrying,
             className: "relative mt-6 inline-flex items-center gap-2 rounded-xl border border-ph-border bg-ph-canvas px-4 py-2 text-sm font-medium text-ph-ink transition hover:bg-ph-muted disabled:opacity-60",
             children: [
-              retrying ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Spinner, { size: "sm", className: retrySpinnerClassName }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_iconoir_react7.Refresh, { className: "h-4 w-4", "aria-hidden": true }),
+              retrying ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Spinner, { size: "sm", className: retrySpinnerClassName }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_iconoir_react7.Refresh, { className: "h-4 w-4", "aria-hidden": true }),
               "Try again"
             ]
           }
@@ -3087,7 +3165,7 @@ var SUITE_THEME_COOKIE = "xenide-suite-theme";
 var SUITE_THEME_CHANNEL = "xenide-suite-theme";
 
 // src/suite/components/theme-provider.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var SuiteThemeContext = (0, import_react10.createContext)(null);
 var suiteThemeChannel = null;
 function broadcastTheme(theme) {
@@ -3256,7 +3334,7 @@ function SuiteThemeProvider({
     () => ({ theme: state.theme, resolvedTheme: state.resolvedTheme, setTheme, toggleTheme }),
     [state.theme, state.resolvedTheme, setTheme, toggleTheme]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SuiteThemeContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SuiteThemeContext.Provider, { value, children });
 }
 function useSuiteTheme() {
   const ctx = (0, import_react10.useContext)(SuiteThemeContext);
@@ -3283,7 +3361,7 @@ var import_iconoir_react8 = require("iconoir-react");
 // src/components/ui/Tooltip.tsx
 var import_react11 = require("react");
 var import_react_dom = require("react-dom");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var TooltipDelayContext = (0, import_react11.createContext)(0);
 function tooltipPosition(trigger, content, side, align, offset, collisionPadding) {
   const horizontal = align === "start" ? trigger.left : align === "end" ? trigger.right : trigger.left + trigger.width / 2;
@@ -3376,8 +3454,8 @@ function Tooltip({
   (0, import_react11.useEffect)(() => () => clearTimer(), []);
   const describedBy = [children.props["aria-describedby"], tooltipId].filter(Boolean).join(" ");
   const trigger = (0, import_react11.cloneElement)(children, { "aria-describedby": describedBy });
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "span",
       {
         ref: triggerRef,
@@ -3393,12 +3471,12 @@ function Tooltip({
       }
     ),
     isOpen && typeof document !== "undefined" ? (0, import_react_dom.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         "span",
         {
           style: __spreadProps(__spreadValues({ position: "fixed" }, position), { visibility: position ? void 0 : "hidden" }),
           className: "pointer-events-none z-[200]",
-          children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             "span",
             {
               ref: contentRef,
@@ -3423,7 +3501,7 @@ function Tooltip({
 }
 
 // src/suite/components/ai-panel.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var SuiteAiMarkdownMessage2 = (0, import_react12.lazy)(() => Promise.resolve().then(() => (init_ai_message_markdown(), ai_message_markdown_exports)));
 var SUITE_OPEN_ASK_AI_EVENT = "shellstack:open-ask-ai";
 var SUITE_ASK_AI_OPEN_KEY = "shellstack:shelly-open";
@@ -3792,16 +3870,16 @@ function SuiteAiPanel({
     -1
   );
   const Icon = BrandIcon != null ? BrandIcon : import_iconoir_react8.Sparks;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "aside",
     {
       className: "flex h-full min-h-0 flex-col bg-ph-canvas",
       "data-test": "suite-ask-ai-panel",
       "aria-label": title,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("header", { className: "flex items-center gap-2 px-2 pb-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { className: "sr-only", children: title }),
-          messages.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("header", { className: "flex items-center gap-2 px-2 pb-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h2", { className: "sr-only", children: title }),
+          messages.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
             "button",
             {
               type: "button",
@@ -3810,14 +3888,14 @@ function SuiteAiPanel({
               className: "ml-auto inline-flex h-9 items-center gap-1.5 rounded-lg px-2 text-xs 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-focus disabled:opacity-40",
               "data-test": "ask-ai-clear",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_iconoir_react8.Erase, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_iconoir_react8.Erase, { className: "h-3.5 w-3.5" }),
                 "Clear"
               ]
             }
           ) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "relative min-h-0 flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "relative min-h-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
             "div",
             {
               ref: scrollerRef,
@@ -3828,15 +3906,15 @@ function SuiteAiPanel({
               "aria-label": "Conversation",
               className: "suite-scroll-lock h-full space-y-5 overflow-y-auto px-2 py-3",
               children: [
-                hydrating && messages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-2 text-sm text-ph-subtle", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Spinner, { className: "h-4 w-4 animate-spin" }),
+                hydrating && messages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2 text-sm text-ph-subtle", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Spinner, { className: "h-4 w-4 animate-spin" }),
                   "Loading your chat\u2026"
                 ] }) : null,
-                !hydrating && messages.length === 0 && !error ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "mx-auto mt-4 flex max-w-sm flex-col items-center px-1 text-center", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "flex h-10 w-10 items-center justify-center rounded-2xl bg-ph-brand/10 text-ph-brand", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { className: "h-5 w-5" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "mt-3 font-display text-base font-semibold text-ph-ink", children: "How can I help?" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "mt-1 text-sm leading-relaxed text-ph-subtle", children: emptyState }),
-                  presets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mt-4 flex w-full flex-col gap-2", children: presets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+                !hydrating && messages.length === 0 && !error ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "mx-auto mt-4 flex max-w-sm flex-col items-center px-1 text-center", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "flex h-10 w-10 items-center justify-center rounded-2xl bg-ph-brand/10 text-ph-brand", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Icon, { className: "h-5 w-5" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "mt-3 font-display text-base font-semibold text-ph-ink", children: "How can I help?" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "mt-1 text-sm leading-relaxed text-ph-subtle", children: emptyState }),
+                  presets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mt-4 flex w-full flex-col gap-2", children: presets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -3844,9 +3922,9 @@ function SuiteAiPanel({
                       disabled: waiting || hydrating,
                       className: "group flex w-full items-center gap-2 rounded-xl border border-ph-border bg-ph-surface px-3 py-2 text-left text-sm text-ph-ink transition-colors hover:border-ph-brand/40 hover:bg-ph-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus disabled:opacity-40",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_iconoir_react8.Sparks, { className: "h-4 w-4 shrink-0 text-ph-brand" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "min-w-0 flex-1 truncate", children: preset.label }),
-                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_iconoir_react8.ArrowUp, { className: "h-3.5 w-3.5 shrink-0 rotate-45 text-ph-mutedtext transition-transform group-hover:translate-x-0.5" })
+                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_iconoir_react8.Sparks, { className: "h-4 w-4 shrink-0 text-ph-brand" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "min-w-0 flex-1 truncate", children: preset.label }),
+                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_iconoir_react8.ArrowUp, { className: "h-3.5 w-3.5 shrink-0 rotate-45 text-ph-mutedtext transition-transform group-hover:translate-x-0.5" })
                       ]
                     },
                     preset.label
@@ -3857,13 +3935,13 @@ function SuiteAiPanel({
                   const isUser = message.role === "user";
                   if (isUser) {
                     if (editingIndex === index) {
-                      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                         "div",
                         {
                           className: "suite-msg-in suite-msg-in--user flex justify-end",
                           "data-test": "ask-ai-user",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "w-full max-w-[85%] space-y-2", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                          children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "w-full max-w-[85%] space-y-2", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                               "textarea",
                               {
                                 autoFocus: true,
@@ -3884,8 +3962,8 @@ function SuiteAiPanel({
                                 className: "w-full resize-none rounded-2xl rounded-br-md border border-ph-border bg-ph-surface px-3 py-2 text-sm leading-relaxed text-ph-ink outline-none focus-visible:border-ph-brand/45 focus-visible:ring-2 focus-visible:ring-ph-focus/35"
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex justify-end gap-2", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex justify-end gap-2", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                                 "button",
                                 {
                                   type: "button",
@@ -3897,7 +3975,7 @@ function SuiteAiPanel({
                                   children: "Cancel"
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                                 "button",
                                 {
                                   type: "button",
@@ -3914,14 +3992,14 @@ function SuiteAiPanel({
                         `user-${index}`
                       );
                     }
-                    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                       "div",
                       {
                         className: "suite-msg-in suite-msg-in--user flex justify-end",
                         "data-test": "ask-ai-user",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "group flex items-end gap-1.5", children: [
-                          !waiting ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "mb-0.5 flex items-center gap-0.5 opacity-100 transition-opacity [@media(hover:hover)]:opacity-0 [@media(hover:hover)]:group-focus-within:opacity-100 [@media(hover:hover)]:group-hover:opacity-100", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "group flex items-end gap-1.5", children: [
+                          !waiting ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "mb-0.5 flex items-center gap-0.5 opacity-100 transition-opacity [@media(hover:hover)]:opacity-0 [@media(hover:hover)]:group-focus-within:opacity-100 [@media(hover:hover)]:group-hover:opacity-100", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                               "button",
                               {
                                 type: "button",
@@ -3929,10 +4007,10 @@ function SuiteAiPanel({
                                 "aria-label": copiedIndex === index ? "Copied" : "Copy message",
                                 "data-test": "ask-ai-copy",
                                 className: "flex h-7 w-7 items-center justify-center rounded-lg text-ph-mutedtext transition-colors hover:bg-ph-muted hover:text-ph-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus",
-                                children: copiedIndex === index ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_iconoir_react8.Check, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_iconoir_react8.Copy, { className: "h-3.5 w-3.5" })
+                                children: copiedIndex === index ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_iconoir_react8.Check, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_iconoir_react8.Copy, { className: "h-3.5 w-3.5" })
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                               "button",
                               {
                                 type: "button",
@@ -3943,41 +4021,41 @@ function SuiteAiPanel({
                                 "aria-label": "Edit message",
                                 "data-test": "ask-ai-edit",
                                 className: "flex h-7 w-7 items-center justify-center rounded-lg text-ph-mutedtext transition-colors hover:bg-ph-muted hover:text-ph-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus",
-                                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_iconoir_react8.EditPencil, { className: "h-3.5 w-3.5" })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_iconoir_react8.EditPencil, { className: "h-3.5 w-3.5" })
                               }
                             )
                           ] }) : null,
-                          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "w-fit max-w-[85%] whitespace-pre-wrap break-words rounded-2xl rounded-br-md bg-ph-brand px-3 py-2 text-sm leading-relaxed text-[var(--ph-on-accent)] [overflow-wrap:anywhere]", children: message.content })
+                          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "w-fit max-w-[85%] whitespace-pre-wrap break-words rounded-2xl rounded-br-md bg-ph-brand px-3 py-2 text-sm leading-relaxed text-[var(--ph-on-accent)] [overflow-wrap:anywhere]", children: message.content })
                         ] })
                       },
                       `user-${index}`
                     );
                   }
-                  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
                     "div",
                     {
                       className: "flex items-end gap-2",
                       "data-test": "ask-ai-assistant",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                           "span",
                           {
                             className: "suite-msg-avatar mb-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-ph-brand/10 text-ph-brand",
                             "aria-hidden": true,
-                            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { className: "h-3.5 w-3.5" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Icon, { className: "h-3.5 w-3.5" })
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "suite-msg-bubble min-w-0 max-w-[85%] space-y-2", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime24.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_runtime24.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "suite-msg-bubble min-w-0 max-w-[85%] space-y-2", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime25.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_runtime25.jsx)(
                             import_react12.Suspense,
                             {
                               fallback: (
                                 // The chunk is pre-warmed above, so this only shows on a
                                 // cold cache. Keep it invisible — a skeleton here reads
                                 // as if it were part of the answer.
-                                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "sr-only", role: "status", children: "Rendering response\u2026" })
+                                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "sr-only", role: "status", children: "Rendering response\u2026" })
                               ),
-                              children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                                 SuiteAiMarkdownMessage2,
                                 {
                                   markdown: message.content,
@@ -3986,16 +4064,16 @@ function SuiteAiPanel({
                               )
                             }
                           ) }),
-                          ((_a2 = message.actions) != null ? _a2 : []).map((action) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+                          ((_a2 = message.actions) != null ? _a2 : []).map((action) => /* @__PURE__ */ (0, import_jsx_runtime25.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_runtime24.jsx)("p", { className: "font-medium", children: action.summary }),
-                                action.status === "proposed" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "mt-2 flex flex-wrap gap-2", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "font-medium", children: action.summary }),
+                                action.status === "proposed" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "mt-2 flex flex-wrap gap-2", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                                     "button",
                                     {
                                       type: "button",
@@ -4006,7 +4084,7 @@ function SuiteAiPanel({
                                       children: resolvingId === action.id ? "Working\u2026" : "Confirm"
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                                     "button",
                                     {
                                       type: "button",
@@ -4018,11 +4096,11 @@ function SuiteAiPanel({
                                     }
                                   )
                                 ] }) : null,
-                                action.status === "applied" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { className: "mt-1 text-xs text-ph-subtle", children: [
+                                action.status === "applied" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { className: "mt-1 text-xs text-ph-subtle", children: [
                                   "Done",
-                                  action.href ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+                                  action.href ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
                                     " \xB7 ",
-                                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                                       "a",
                                       {
                                         href: action.href,
@@ -4032,8 +4110,8 @@ function SuiteAiPanel({
                                     )
                                   ] }) : null
                                 ] }) : null,
-                                action.status === "cancelled" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "mt-1 text-xs text-ph-subtle", children: "Cancelled" }) : null,
-                                action.status === "failed" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "mt-1 text-xs text-ph-danger", children: action.error || "Could not apply that." }) : null
+                                action.status === "cancelled" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "mt-1 text-xs text-ph-subtle", children: "Cancelled" }) : null,
+                                action.status === "failed" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "mt-1 text-xs text-ph-danger", children: action.error || "Could not apply that." }) : null
                               ]
                             },
                             action.id
@@ -4044,26 +4122,26 @@ function SuiteAiPanel({
                     `assistant-${index}`
                   );
                 }),
-                waiting ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-end gap-2", "aria-hidden": true, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "mb-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-ph-brand/10 text-ph-brand", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { className: "h-3.5 w-3.5" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-1.5 rounded-2xl rounded-bl-md bg-ph-muted px-3 py-2.5", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "suite-think-dot h-1.5 w-1.5 rounded-full bg-ph-mutedtext" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "suite-think-dot suite-think-dot--2 h-1.5 w-1.5 rounded-full bg-ph-mutedtext" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "suite-think-dot suite-think-dot--3 h-1.5 w-1.5 rounded-full bg-ph-mutedtext" })
+                waiting ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-end gap-2", "aria-hidden": true, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "mb-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-ph-brand/10 text-ph-brand", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Icon, { className: "h-3.5 w-3.5" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-1.5 rounded-2xl rounded-bl-md bg-ph-muted px-3 py-2.5", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "suite-think-dot h-1.5 w-1.5 rounded-full bg-ph-mutedtext" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "suite-think-dot suite-think-dot--2 h-1.5 w-1.5 rounded-full bg-ph-mutedtext" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "suite-think-dot suite-think-dot--3 h-1.5 w-1.5 rounded-full bg-ph-mutedtext" })
                   ] })
                 ] }) : null,
-                waiting ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "sr-only", "aria-live": "polite", children: "Assistant is responding\u2026" }) : null,
-                error ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+                waiting ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "sr-only", "aria-live": "polite", children: "Assistant is responding\u2026" }) : null,
+                error ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
                   "div",
                   {
                     role: "alert",
                     className: "flex items-start gap-2 rounded-xl border border-ph-danger/30 bg-ph-danger/10 px-3 py-2.5 text-sm text-ph-ink",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_iconoir_react8.WarningTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-ph-danger" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "min-w-0 flex-1", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "font-medium text-ph-danger", children: "Something went wrong" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "mt-0.5 text-ph-subtle", children: error }),
-                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_iconoir_react8.WarningTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-ph-danger" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "min-w-0 flex-1", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "font-medium text-ph-danger", children: "Something went wrong" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "mt-0.5 text-ph-subtle", children: error }),
+                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                           "button",
                           {
                             type: "button",
@@ -4080,20 +4158,20 @@ function SuiteAiPanel({
               ]
             }
           ),
-          !atBottom ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute bottom-3 left-1/2 -translate-x-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Tooltip, { content: "Scroll to latest", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          !atBottom ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "absolute bottom-3 left-1/2 -translate-x-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Tooltip, { content: "Scroll to latest", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             "button",
             {
               type: "button",
               onClick: () => scrollToBottom("smooth"),
               className: "flex h-9 w-9 items-center justify-center rounded-full border border-ph-border bg-ph-surface text-ph-subtle shadow-ph-md transition-colors hover:text-ph-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus",
               "aria-label": "Scroll to latest",
-              children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_iconoir_react8.ArrowDown, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_iconoir_react8.ArrowDown, { className: "h-4 w-4" })
             }
           ) }) }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "px-2 pt-2 pb-[max(2rem,calc(env(safe-area-inset-bottom)+1rem))]", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-end gap-1.5 rounded-2xl border border-ph-border bg-ph-surface px-1.5 py-1 transition-colors focus-within:border-ph-brand/45 focus-within:ring-2 focus-within:ring-ph-focus/35", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("label", { htmlFor: inputId, className: "sr-only", children: "Ask a question" }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "px-2 pt-2 pb-[max(2rem,calc(env(safe-area-inset-bottom)+1rem))]", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-end gap-1.5 rounded-2xl border border-ph-border bg-ph-surface px-1.5 py-1 transition-colors focus-within:border-ph-brand/45 focus-within:ring-2 focus-within:ring-ph-focus/35", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { htmlFor: inputId, className: "sr-only", children: "Ask a question" }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             "textarea",
             {
               id: inputId,
@@ -4112,7 +4190,7 @@ function SuiteAiPanel({
               className: "max-h-36 min-h-10 flex-1 resize-none bg-transparent px-1.5 py-2 text-sm leading-relaxed text-ph-ink outline-none placeholder:text-ph-mutedtext"
             }
           ),
-          waiting ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Tooltip, { content: "Stop generating", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          waiting ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Tooltip, { content: "Stop generating", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             "button",
             {
               type: "button",
@@ -4120,9 +4198,9 @@ function SuiteAiPanel({
               "data-test": "ask-ai-stop",
               className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-ph-muted text-ph-ink transition-colors hover:bg-ph-border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus",
               "aria-label": "Stop generating",
-              children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_iconoir_react8.Square, { className: "h-3.5 w-3.5 fill-current" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_iconoir_react8.Square, { className: "h-3.5 w-3.5 fill-current" })
             }
-          ) }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Tooltip, { content: "Send message", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          ) }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Tooltip, { content: "Send message", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             "button",
             {
               type: "button",
@@ -4131,7 +4209,7 @@ function SuiteAiPanel({
               "data-test": "ask-ai-send",
               className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-ph-brand 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",
               "aria-label": "Send message",
-              children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_iconoir_react8.ArrowUp, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_iconoir_react8.ArrowUp, { className: "h-4 w-4" })
             }
           ) })
         ] }) })
@@ -4143,7 +4221,7 @@ function SuiteAiPanel({
 // src/suite/components/workspace-switcher.tsx
 var import_react13 = require("react");
 var import_iconoir_react9 = require("iconoir-react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function SuiteWorkspaceSwitcher({
   workspaces = [],
   groups,
@@ -4161,7 +4239,7 @@ function SuiteWorkspaceSwitcher({
   var _a2;
   const [open, setOpen] = (0, import_react13.useState)(false);
   const sections = (_a2 = groups == null ? void 0 : groups.filter((group) => group.workspaces.length > 0)) != null ? _a2 : workspaces.length > 0 ? [{ id: "workspaces", label: "Switch workspace", workspaces }] : [];
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     DropdownMenu2,
     {
       "aria-label": "Switch workspace",
@@ -4172,7 +4250,7 @@ function SuiteWorkspaceSwitcher({
       align: "start",
       open,
       onOpenChange: setOpen,
-      trigger: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
         "span",
         {
           className: cn(
@@ -4182,10 +4260,10 @@ function SuiteWorkspaceSwitcher({
           ),
           "data-test": "workspace-switcher-trigger",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_iconoir_react9.Building, { className: "h-4 w-4 shrink-0 text-ph-ink", "aria-hidden": true }),
-            !collapsed ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-ph-ink", children: name }),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_iconoir_react9.Building, { className: "h-4 w-4 shrink-0 text-ph-ink", "aria-hidden": true }),
+            !collapsed ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-ph-ink", children: name }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                 import_iconoir_react9.NavArrowDown,
                 {
                   className: cn(
@@ -4199,16 +4277,16 @@ function SuiteWorkspaceSwitcher({
           ]
         }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
         "div",
         {
           id: "workspace-switcher-menu",
           className: "p-1",
           "data-test": "workspace-switcher-menu",
           children: [
-            sections.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "px-3 py-2 text-sm text-ph-mutedtext", children: emptyLabel }) : sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "px-3 py-2 text-[10px] font-semibold uppercase tracking-[0.14em] text-ph-mutedtext", children: section.label }),
-              section.workspaces.map((workspace) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            sections.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "px-3 py-2 text-sm text-ph-mutedtext", children: emptyLabel }) : sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "px-3 py-2 text-[10px] font-semibold uppercase tracking-[0.14em] text-ph-mutedtext", children: section.label }),
+              section.workspaces.map((workspace) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                 DropdownItem2,
                 {
                   id: `workspace-option-${workspace.id}`,
@@ -4221,12 +4299,12 @@ function SuiteWorkspaceSwitcher({
                     onSelect(workspace);
                   },
                   className: appSwitcherMenuItemClass(),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "flex min-w-0 w-full items-center gap-3", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "min-w-0 flex-1", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "block truncate text-sm font-medium text-ph-ink", children: workspace.name }),
-                      workspace.description ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "block truncate text-xs text-ph-mutedtext", children: workspace.description }) : null
+                  children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { className: "flex min-w-0 w-full items-center gap-3", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { className: "min-w-0 flex-1", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "block truncate text-sm font-medium text-ph-ink", children: workspace.name }),
+                      workspace.description ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "block truncate text-xs text-ph-mutedtext", children: workspace.description }) : null
                     ] }),
-                    workspace.id === currentId ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                    workspace.id === currentId ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                       import_iconoir_react9.Check,
                       {
                         className: "h-4 w-4 shrink-0 text-ph-brand",
@@ -4238,7 +4316,7 @@ function SuiteWorkspaceSwitcher({
                 workspace.id
               ))
             ] }, section.id)),
-            footer ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mt-1 border-t border-ph-border pt-1", children: footer }) : null
+            footer ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mt-1 border-t border-ph-border pt-1", children: footer }) : null
           ]
         }
       )
@@ -4247,7 +4325,7 @@ function SuiteWorkspaceSwitcher({
 }
 
 // src/suite/icons/suite-icon.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var TODAY_SUN_STYLE = `
 @media (prefers-reduced-motion: no-preference) {
   .suite-icon-today-sun-rays {
@@ -4273,7 +4351,7 @@ function SuiteIcon({
   const glyph = SUITE_GLYPHS[name];
   const accentHex = accent ? APP_ACCENTS[accent].accent : void 0;
   const mergedStyle = accentHex ? __spreadProps(__spreadValues({}, style), { "--suite-icon-accent": accentHex }) : style;
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "svg",
     {
       width: size,
@@ -4290,8 +4368,8 @@ function SuiteIcon({
       "aria-label": label,
       "aria-hidden": label ? void 0 : true,
       children: [
-        glyph.animatedAccent && animated ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("style", { children: TODAY_SUN_STYLE }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        glyph.animatedAccent && animated ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("style", { children: TODAY_SUN_STYLE }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           GlyphParts,
           {
             elements: glyph.elements,
@@ -4472,9 +4550,9 @@ function useSidebarWidth(storageKey = SUITE_SIDEBAR_WIDTH_KEY, defaultWidth = SI
 
 // src/suite/lib/motion.tsx
 var import_react15 = require("motion/react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function SuiteMotionProvider({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react15.LazyMotion, { features: import_react15.domAnimation, strict: true, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react15.LazyMotion, { features: import_react15.domAnimation, strict: true, children });
 }
 var SUITE_SPRINGS = {
   /** Snappy panel/sheet entrances — small overshoot. */
@@ -4486,24 +4564,24 @@ var SUITE_SPRINGS = {
 };
 
 // src/suite/components/suite-skeleton.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function SuiteSkeleton({
   className,
   lines = 1,
   circle,
   width
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     {
       className: cn("space-y-2", circle ? "flex flex-col items-center" : ""),
       "aria-hidden": true,
-      children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         "div",
         {
           className: "animate-[skeleton-stagger_0.6s_ease-out_both]",
           style: { animationDelay: `${index * 80}ms` },
-          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             "div",
             {
               className: cn(
@@ -4527,7 +4605,7 @@ function SuiteSkeletonCard({
   rows = 3,
   header = true
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     "div",
     {
       className: cn(
@@ -4536,26 +4614,26 @@ function SuiteSkeletonCard({
       ),
       "aria-hidden": true,
       children: [
-        header ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+        header ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
           "div",
           {
             className: "mb-5 flex items-center gap-3 animate-[skeleton-stagger_0.5s_ease-out_both]",
             style: { animationDelay: "100ms" },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "ph-skeleton h-10 w-10 rounded-xl" }),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex-1 space-y-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "ph-skeleton h-4 w-1/3" }),
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "ph-skeleton h-3 w-1/2" })
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "ph-skeleton h-10 w-10 rounded-xl" }),
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex-1 space-y-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "ph-skeleton h-4 w-1/3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "ph-skeleton h-3 w-1/2" })
               ] })
             ]
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "div",
           {
             className: "animate-[skeleton-stagger_0.5s_ease-out_both]",
             style: { animationDelay: `${200 + index * 80}ms` },
-            children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               "div",
               {
                 className: "ph-skeleton h-3",
@@ -4573,16 +4651,16 @@ function SuiteSkeletonList({
   className,
   items = 4
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("space-y-3", className), "aria-hidden": true, children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn("space-y-3", className), "aria-hidden": true, children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     {
       className: "animate-[skeleton-stagger_0.6s_ease-out_both]",
       style: { animationDelay: `${index * 100}ms` },
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-3 rounded-xl border border-ph-border bg-ph-surface p-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "ph-skeleton h-10 w-10 rounded-lg" }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "min-w-0 flex-1 space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "ph-skeleton h-3.5 w-3/4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "ph-skeleton h-3 w-1/2" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-3 rounded-xl border border-ph-border bg-ph-surface p-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "ph-skeleton h-10 w-10 rounded-lg" }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "min-w-0 flex-1 space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "ph-skeleton h-3.5 w-3/4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "ph-skeleton h-3 w-1/2" })
         ] })
       ] })
     },
@@ -4597,7 +4675,7 @@ function SuiteEmptyState({
   className,
   size = "md"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     "div",
     {
       className: cn(
@@ -4606,13 +4684,13 @@ function SuiteEmptyState({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "pointer-events-none absolute inset-0 overflow-hidden opacity-60", "aria-hidden": true, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "absolute -left-10 -top-10 h-40 w-40 rounded-full bg-ph-brand/10 blur-3xl" }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "absolute -bottom-10 -right-10 h-40 w-40 rounded-full bg-ph-accent/10 blur-3xl" })
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "pointer-events-none absolute inset-0 overflow-hidden opacity-60", "aria-hidden": true, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "absolute -left-10 -top-10 h-40 w-40 rounded-full bg-ph-brand/10 blur-3xl" }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "absolute -bottom-10 -right-10 h-40 w-40 rounded-full bg-ph-accent/10 blur-3xl" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "relative", children: [
-          icon ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "mx-auto mb-4 inline-flex items-center justify-center rounded-2xl bg-ph-muted p-3 shadow-sm ring-1 ring-black/[0.06]", children: icon }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "relative", children: [
+          icon ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "mx-auto mb-4 inline-flex items-center justify-center rounded-2xl bg-ph-muted p-3 shadow-sm ring-1 ring-black/[0.06]", children: icon }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             "h2",
             {
               className: cn(
@@ -4622,8 +4700,8 @@ function SuiteEmptyState({
               children: title
             }
           ),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "mx-auto mt-2 max-w-sm text-sm leading-relaxed text-ph-subtle", children: description }) : null,
-          action ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "mt-5 flex flex-wrap items-center justify-center gap-2", children: action }) : null
+          description ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "mx-auto mt-2 max-w-sm text-sm leading-relaxed text-ph-subtle", children: description }) : null,
+          action ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "mt-5 flex flex-wrap items-center justify-center gap-2", children: action }) : null
         ] })
       ]
     }
@@ -4632,7 +4710,7 @@ function SuiteEmptyState({
 
 // src/suite/components/suite-settings-mobile-nav.tsx
 var import_react16 = require("react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function SuiteSettingsMobileNav({
   items,
   activeHref,
@@ -4641,16 +4719,16 @@ function SuiteSettingsMobileNav({
   ariaLabel = "Settings sections",
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "nav",
     {
       "data-test": dataTest,
       "aria-label": ariaLabel,
       className: cn("suite-settings-mobile-nav lg:hidden", className),
-      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex snap-x gap-2 overflow-x-auto pb-3 pt-1 scrollbar-hide [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: items.map((item) => {
+      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex snap-x gap-2 overflow-x-auto pb-3 pt-1 scrollbar-hide [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: items.map((item) => {
         const Icon = item.icon;
         const active = activeHref === item.href || activeHref.startsWith(`${item.href}/`);
-        const iconNode = (0, import_react16.isValidElement)(item.icon) ? item.icon : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        const iconNode = (0, import_react16.isValidElement)(item.icon) ? item.icon : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           Icon,
           {
             className: cn(
@@ -4660,7 +4738,7 @@ function SuiteSettingsMobileNav({
             "aria-hidden": true
           }
         );
-        return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
           "button",
           {
             type: "button",
@@ -4675,8 +4753,8 @@ function SuiteSettingsMobileNav({
             ),
             children: [
               iconNode,
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "whitespace-nowrap", children: item.label }),
-              active ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "absolute inset-x-0 -bottom-3 h-0.5 rounded-full bg-ph-ink lg:hidden" }) : null
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "whitespace-nowrap", children: item.label }),
+              active ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "absolute inset-x-0 -bottom-3 h-0.5 rounded-full bg-ph-ink lg:hidden" }) : null
             ]
           },
           item.href
@@ -4690,7 +4768,7 @@ function SuiteSettingsMobileNav({
 var import_link2 = __toESM(require("next/link"));
 var import_react17 = require("react");
 var import_iconoir_react10 = require("iconoir-react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function renderNode(node, collapsed) {
   if (typeof node === "function") return node(collapsed);
   return node;
@@ -4745,7 +4823,7 @@ function SuiteSidebar({
     if (collapsed) onRequestExpand == null ? void 0 : onRequestExpand();
     setAskAi(true);
   }
-  const askAiButton = /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  const askAiButton = /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "button",
     {
       type: "button",
@@ -4757,11 +4835,11 @@ function SuiteSidebar({
         "inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ph-focus-ring",
         askAiOpen ? "bg-ph-brand/10 text-ph-brand" : "text-ph-mutedtext hover:bg-ph-muted hover:text-ph-ink"
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_iconoir_react10.Sparks, { className: "h-4 w-4", "aria-hidden": true })
+      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_iconoir_react10.Sparks, { className: "h-4 w-4", "aria-hidden": true })
     }
   );
   if (chatOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
       "div",
       {
         "data-suite-chat-open": "",
@@ -4771,7 +4849,7 @@ function SuiteSidebar({
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
             "div",
             {
               className: cn(
@@ -4779,7 +4857,7 @@ function SuiteSidebar({
                 surface ? "bg-ph-surface" : "bg-ph-canvas"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                   "button",
                   {
                     type: "button",
@@ -4787,19 +4865,19 @@ function SuiteSidebar({
                     "aria-label": "Back to navigation",
                     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_runtime30.jsx)(import_iconoir_react10.NavArrowLeft, { className: "h-4 w-4", "aria-hidden": true })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_iconoir_react10.NavArrowLeft, { className: "h-4 w-4", "aria-hidden": true })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-ph-ink", children: "Shelly AI" })
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-ph-ink", children: "Shelly AI" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "min-h-0 flex-1", children: askAi })
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "min-h-0 flex-1", children: askAi })
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     "div",
     {
       className: cn(
@@ -4808,7 +4886,7 @@ function SuiteSidebar({
         className
       ),
       children: [
-        appSwitcher || notificationBell ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+        appSwitcher || notificationBell ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
           "div",
           {
             className: cn(
@@ -4817,12 +4895,12 @@ function SuiteSidebar({
               collapsed ? "flex-col items-center gap-1 px-1 py-2" : "h-14 items-center justify-between gap-2 px-3"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("min-w-0", collapsed ? "shrink-0" : "flex-1"), children: renderNode(appSwitcher, collapsed) }),
-              collapsed ? null : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "shrink-0", children: renderNode(notificationBell, collapsed) })
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: cn("min-w-0", collapsed ? "shrink-0" : "flex-1"), children: renderNode(appSwitcher, collapsed) }),
+              collapsed ? null : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "shrink-0", children: renderNode(notificationBell, collapsed) })
             ]
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
           "div",
           {
             className: cn(
@@ -4832,7 +4910,7 @@ function SuiteSidebar({
               collapsed ? "px-1.5 py-2" : "p-3"
             ),
             children: [
-              contextSwitcher ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              contextSwitcher ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 "div",
                 {
                   className: cn(
@@ -4842,9 +4920,9 @@ function SuiteSidebar({
                   children: renderNode(contextSwitcher, collapsed)
                 }
               ) : null,
-              chatOpen ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex min-h-0 flex-1 flex-col", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "mb-2 flex shrink-0 items-center gap-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+              chatOpen ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "mb-2 flex shrink-0 items-center gap-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -4852,20 +4930,20 @@ function SuiteSidebar({
                       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_runtime30.jsx)(import_iconoir_react10.NavArrowLeft, { className: "h-4 w-4", "aria-hidden": true }),
+                        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_iconoir_react10.NavArrowLeft, { className: "h-4 w-4", "aria-hidden": true }),
                         "Nav"
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "truncate text-sm font-semibold text-ph-ink", children: "Shelly AI" })
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "truncate text-sm font-semibold text-ph-ink", children: "Shelly AI" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "min-h-0 flex-1", children: askAi })
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("nav", { "aria-label": "Pages", className: "shrink-0 space-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "space-y-1", children: navItems.map((item) => {
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "min-h-0 flex-1", children: askAi })
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("nav", { "aria-label": "Pages", className: "shrink-0 space-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "space-y-1", children: navItems.map((item) => {
                   var _a2;
                   const Icon = item.icon;
                   const active = Boolean(item.active);
-                  const link = /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+                  const link = /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
                     import_link2.default,
                     {
                       href: item.href,
@@ -4879,7 +4957,7 @@ function SuiteSidebar({
                         collapsed ? "mx-auto size-11 shrink-0 justify-center gap-0 px-0 py-0" : "w-full px-2.5 py-2"
                       ),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                           "span",
                           {
                             className: cn(
@@ -4887,7 +4965,7 @@ function SuiteSidebar({
                               item.iconClassName
                             ),
                             "aria-hidden": true,
-                            children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                            children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                               Icon,
                               {
                                 className: "h-full w-full",
@@ -4896,7 +4974,7 @@ function SuiteSidebar({
                             )
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                           "span",
                           {
                             className: cn(
@@ -4907,14 +4985,14 @@ function SuiteSidebar({
                             children: item.label
                           }
                         ),
-                        !collapsed && item.badge ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "relative ml-auto shrink-0", children: item.badge }) : null
+                        !collapsed && item.badge ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "relative ml-auto shrink-0", children: item.badge }) : null
                       ]
                     },
                     item.label
                   );
-                  return collapsed ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Tooltip, { content: item.label, side: "right", children: link }, item.label) : link;
+                  return collapsed ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Tooltip, { content: item.label, side: "right", children: link }, item.label) : link;
                 }) }) }),
-                secondaryNav ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                secondaryNav ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                   "div",
                   {
                     className: "min-h-0 flex-1",
@@ -4926,7 +5004,7 @@ function SuiteSidebar({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           "div",
           {
             className: cn(
@@ -4934,7 +5012,7 @@ function SuiteSidebar({
               surface ? "bg-ph-surface" : "bg-ph-canvas",
               collapsed ? "p-1.5" : "p-3"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
               "div",
               {
                 className: cn(
@@ -4943,8 +5021,8 @@ function SuiteSidebar({
                 ),
                 children: [
                   renderNode(userMenu, collapsed),
-                  showAskAi ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("shrink-0", collapsed ? "mt-2" : "ml-auto"), children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Tooltip, { content: "Shelly AI", side: collapsed ? "right" : "top", children: askAiButton }) }) : footerExtras ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("shrink-0", collapsed ? "mt-2" : "ml-auto"), children: renderNode(footerExtras, collapsed) }) : null,
-                  showAskAi && footerExtras ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("shrink-0", collapsed && "mt-2"), children: renderNode(footerExtras, collapsed) }) : null
+                  showAskAi ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: cn("shrink-0", collapsed ? "mt-2" : "ml-auto"), children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Tooltip, { content: "Shelly AI", side: collapsed ? "right" : "top", children: askAiButton }) }) : footerExtras ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: cn("shrink-0", collapsed ? "mt-2" : "ml-auto"), children: renderNode(footerExtras, collapsed) }) : null,
+                  showAskAi && footerExtras ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: cn("shrink-0", collapsed && "mt-2"), children: renderNode(footerExtras, collapsed) }) : null
                 ]
               }
             )
@@ -4956,7 +5034,7 @@ function SuiteSidebar({
 }
 
 // src/suite/components/suite-app-layout.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function SuiteAppLayout({
   sidebar,
   children,
@@ -4970,7 +5048,7 @@ function SuiteAppLayout({
   onResetWidth,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "div",
     {
       "data-test": "app-shell",
@@ -4979,7 +5057,7 @@ function SuiteAppLayout({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
           "aside",
           {
             "aria-label": "Sidebar",
@@ -4987,8 +5065,8 @@ function SuiteAppLayout({
             style: { width: `${sidebarWidth}px` },
             "data-collapsed": collapsed ? "true" : "false",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "relative z-0 h-full min-h-0 isolate", children: sidebar }),
-              onStartResize ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "relative z-0 h-full min-h-0 isolate", children: sidebar }),
+              onStartResize ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                 "div",
                 {
                   role: "separator",
@@ -5020,9 +5098,9 @@ function SuiteAppLayout({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [
-          mobileHeader ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "shrink-0 lg:hidden", children: mobileHeader }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [
+          mobileHeader ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "shrink-0 lg:hidden", children: mobileHeader }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
             "main",
             {
               id: "main-content",
@@ -5036,7 +5114,7 @@ function SuiteAppLayout({
               children
             }
           ),
-          bottomNav ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "shrink-0 lg:hidden", children: bottomNav }) : null
+          bottomNav ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "shrink-0 lg:hidden", children: bottomNav }) : null
         ] })
       ]
     }
@@ -5049,7 +5127,7 @@ var import_iconoir_react12 = require("iconoir-react");
 
 // src/components/ui/Button.tsx
 var import_react18 = require("react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var variantClass = {
   primary: "ph-btn-primary",
   secondary: "ph-btn-secondary",
@@ -5108,14 +5186,14 @@ var Button = (0, import_react18.forwardRef)(function Button2(_a2, ref) {
   ]);
   const usesLemonChrome = !["tertiary", "ghost", "link"].includes(variant);
   const label = loadingLabel != null ? loadingLabel : children;
-  const leadingIcon = loading ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "ph-btn-spinner", "aria-hidden": true }) : icon;
-  const content = usesLemonChrome ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ButtonChrome, { label, icon: leadingIcon, sideIcon, split }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
-    leadingIcon != null ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "ph-btn-icon", children: leadingIcon }) : null,
-    label != null ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "ph-btn-label", children: label }) : null,
-    split ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "ph-btn-split-divider", "aria-hidden": true }) : null,
-    sideIcon != null ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "ph-btn-side-icon", children: sideIcon }) : null
+  const leadingIcon = loading ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "ph-btn-spinner", "aria-hidden": true }) : icon;
+  const content = usesLemonChrome ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ButtonChrome, { label, icon: leadingIcon, sideIcon, split }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+    leadingIcon != null ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "ph-btn-icon", children: leadingIcon }) : null,
+    label != null ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "ph-btn-label", children: label }) : null,
+    split ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "ph-btn-split-divider", "aria-hidden": true }) : null,
+    sideIcon != null ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "ph-btn-side-icon", children: sideIcon }) : null
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "button",
     __spreadProps(__spreadValues({
       ref,
@@ -5141,7 +5219,7 @@ Button.displayName = "Button";
 
 // src/components/ui/Alert.tsx
 var import_react19 = require("react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var statusConfig = {
   info: { icon: IconInfo },
   success: { icon: IconCheckCircle },
@@ -5180,7 +5258,7 @@ var Alert = (0, import_react19.forwardRef)(function Alert2(_a2, ref) {
   ]);
   const config = statusConfig[status];
   const Icon = config.icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       ref,
@@ -5189,20 +5267,20 @@ var Alert = (0, import_react19.forwardRef)(function Alert2(_a2, ref) {
       className: cn2("ph-alert", statusClassMap[status], className)
     }, props), {
       children: [
-        icon != null ? icon : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { className: "ph-alert-icon mt-0.5 h-5 w-5 shrink-0", "aria-hidden": true }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "min-w-0 flex-1", children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "font-semibold", children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "mt-1 text-sm text-ph-subtle", children: description }),
+        icon != null ? icon : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon, { className: "ph-alert-icon mt-0.5 h-5 w-5 shrink-0", "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "font-semibold", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "mt-1 text-sm text-ph-subtle", children: description }),
           children
         ] }),
-        onDismiss && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        onDismiss && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           "button",
           {
             type: "button",
             onClick: onDismiss,
             className: "ph-alert-dismiss",
             "aria-label": dismissLabel,
-            children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(IconClose, { className: "h-4 w-4", "aria-hidden": true })
+            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(IconClose, { className: "h-4 w-4", "aria-hidden": true })
           }
         )
       ]
@@ -5213,7 +5291,7 @@ Alert.displayName = "Alert";
 
 // src/components/ui/Badge.tsx
 var import_react20 = require("react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var variantMap = {
   brand: "ph-badge-brand",
   neutral: "ph-badge-neutral",
@@ -5239,7 +5317,7 @@ var Badge = (0, import_react20.forwardRef)(function Badge2(_a2, ref) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "span",
     __spreadProps(__spreadValues({
       ref,
@@ -5258,7 +5336,7 @@ Badge.displayName = "Badge";
 
 // src/components/ui/Card.tsx
 var import_react21 = require("react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var variantMap2 = {
   default: "",
   outlined: "border-2 border-ph-border",
@@ -5309,18 +5387,18 @@ var Card = (0, import_react21.forwardRef)(function Card2(_a2, ref) {
     (interactive || isLink || isButton) && "ph-card-interactive",
     className
   );
-  const cardContent = /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
-    media && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "ph-card-media", children: media }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: cn2("ph-card-body", bodyClassName), children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Title3, { className: "ph-card-title", children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm text-ph-subtle", children: description }),
+  const cardContent = /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
+    media && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "ph-card-media", children: media }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: cn2("ph-card-body", bodyClassName), children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Title3, { className: "ph-card-title", children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-sm text-ph-subtle", children: description }),
       children,
-      actions && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "ph-card-actions", children: actions })
+      actions && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "ph-card-actions", children: actions })
     ] }),
-    footer && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "border-t border-ph-border px-6 py-4 text-xs text-ph-subtle", children: footer })
+    footer && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "border-t border-ph-border px-6 py-4 text-xs text-ph-subtle", children: footer })
   ] });
   if (isLink) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       "a",
       __spreadProps(__spreadValues({
         ref,
@@ -5335,7 +5413,7 @@ var Card = (0, import_react21.forwardRef)(function Card2(_a2, ref) {
     );
   }
   if (isButton) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       "button",
       __spreadProps(__spreadValues({
         ref,
@@ -5347,7 +5425,7 @@ var Card = (0, import_react21.forwardRef)(function Card2(_a2, ref) {
       })
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", __spreadProps(__spreadValues({ ref, className: cardClassName }, props), { children: cardContent }));
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", __spreadProps(__spreadValues({ ref, className: cardClassName }, props), { children: cardContent }));
 });
 Card.displayName = "Card";
 
@@ -5357,7 +5435,7 @@ var import_iconoir_react11 = require("iconoir-react");
 
 // src/components/ui/FormField.tsx
 var import_react22 = require("react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function FormField(_a2) {
   var _b = _a2, {
     controlId,
@@ -5390,26 +5468,26 @@ function FormField(_a2) {
     "aria-errormessage": errorId,
     "aria-invalid": error ? true : void 0
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", __spreadProps(__spreadValues({ className: cn2("ph-field", className) }, props), { children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", __spreadProps(__spreadValues({ className: cn2("ph-field", className) }, props), { children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
       "label",
       {
         htmlFor: id,
         className: cn2("ph-label", hideLabel && "sr-only", disabled && "opacity-50"),
         children: [
           label,
-          required ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { "aria-hidden": "true", children: " *" }) : null
+          required ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { "aria-hidden": "true", children: " *" }) : null
         ]
       }
     ) : null,
     typeof children === "function" ? children(controlProps) : children,
-    descriptionId ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { id: descriptionId, className: "mt-1 text-xs text-ph-subtle", children: helperText }) : null,
-    errorId ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { id: errorId, className: "mt-1 text-xs font-medium text-ph-danger", children: error }) : null
+    descriptionId ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { id: descriptionId, className: "mt-1 text-xs text-ph-subtle", children: helperText }) : null,
+    errorId ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { id: errorId, className: "mt-1 text-xs font-medium text-ph-danger", children: error }) : null
   ] }));
 }
 
 // src/components/ui/Input.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var sizeMap2 = {
   sm: "ph-input-sm",
   md: "",
@@ -5454,7 +5532,7 @@ var Input = (0, import_react23.forwardRef)(function Input2(_a2, ref) {
   const hasError = Boolean(error);
   const isPassword = type === "password";
   const [revealed, setRevealed] = (0, import_react23.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     FormField,
     {
       controlId: id,
@@ -5465,8 +5543,8 @@ var Input = (0, import_react23.forwardRef)(function Input2(_a2, ref) {
       required,
       disabled,
       className: wrapperClassName,
-      children: (fieldProps) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      children: (fieldProps) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           "input",
           __spreadValues(__spreadProps(__spreadValues({}, fieldProps), {
             ref,
@@ -5485,7 +5563,7 @@ var Input = (0, import_react23.forwardRef)(function Input2(_a2, ref) {
             )
           }), props)
         ),
-        isPassword ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        isPassword ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           "button",
           {
             type: "button",
@@ -5494,7 +5572,7 @@ var Input = (0, import_react23.forwardRef)(function Input2(_a2, ref) {
             "aria-pressed": revealed,
             disabled,
             className: "absolute inset-y-0 right-0 flex w-10 items-center justify-center rounded-r-[var(--ph-radius-control)] text-ph-mutedtext transition-colors hover:text-ph-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus disabled:opacity-40",
-            children: revealed ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_iconoir_react11.EyeClosed, { className: "h-4 w-4", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_iconoir_react11.Eye, { className: "h-4 w-4", "aria-hidden": true })
+            children: revealed ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_iconoir_react11.EyeClosed, { className: "h-4 w-4", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_iconoir_react11.Eye, { className: "h-4 w-4", "aria-hidden": true })
           }
         ) : null
       ] })
@@ -5533,7 +5611,7 @@ var Select = (0, import_react23.forwardRef)(function Select2(_a2, ref) {
   const autoId = (0, import_react23.useId)();
   const id = idProp != null ? idProp : autoId;
   const hasError = Boolean(error);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(FormField, { controlId: id, label, hideLabel, helperText, error, required, disabled, className: wrapperClassName, children: (fieldProps) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(FormField, { controlId: id, label, hideLabel, helperText, error, required, disabled, className: wrapperClassName, children: (fieldProps) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "select",
     __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, fieldProps), {
       ref,
@@ -5582,7 +5660,7 @@ var Textarea = (0, import_react23.forwardRef)(function Textarea2(_a2, ref) {
   const autoId = (0, import_react23.useId)();
   const id = idProp != null ? idProp : autoId;
   const hasError = Boolean(error);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(FormField, { controlId: id, label, hideLabel, helperText, error, required, disabled, className: wrapperClassName, children: (fieldProps) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(FormField, { controlId: id, label, hideLabel, helperText, error, required, disabled, className: wrapperClassName, children: (fieldProps) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "textarea",
     __spreadValues(__spreadProps(__spreadValues({}, fieldProps), {
       ref,
@@ -5625,9 +5703,9 @@ var Checkbox = (0, import_react23.forwardRef)(function Checkbox2(_a2, ref) {
   const hasError = Boolean(error);
   const descriptionId = helperText && !hasError ? `${id}-description` : void 0;
   const errorId = error ? `${id}-error` : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: cn2("ph-control-row", wrapperClassName), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "ph-checkbox-wrap", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: cn2("ph-control-row", wrapperClassName), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "ph-checkbox-wrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "input",
         __spreadValues({
           ref,
@@ -5645,12 +5723,12 @@ var Checkbox = (0, import_react23.forwardRef)(function Checkbox2(_a2, ref) {
           )
         }, props)
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(IconCheck, { className: "ph-checkbox-icon", "aria-hidden": true })
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(IconCheck, { className: "ph-checkbox-icon", "aria-hidden": true })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "ph-control-copy", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("label", { htmlFor: id, className: cn2("cursor-pointer", disabled && "opacity-60"), children: label }),
-      descriptionId ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { id: descriptionId, className: "text-xs text-ph-subtle", children: helperText }) : null,
-      errorId ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { id: errorId, className: "text-xs font-medium text-ph-danger", children: error }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "ph-control-copy", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("label", { htmlFor: id, className: cn2("cursor-pointer", disabled && "opacity-60"), children: label }),
+      descriptionId ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { id: descriptionId, className: "text-xs text-ph-subtle", children: helperText }) : null,
+      errorId ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { id: errorId, className: "text-xs font-medium text-ph-danger", children: error }) : null
     ] })
   ] });
 });
@@ -5671,8 +5749,8 @@ var Radio = (0, import_react23.forwardRef)(function Radio2(_a2, ref) {
   ]);
   const autoId = (0, import_react23.useId)();
   const id = idProp != null ? idProp : autoId;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: cn2("ph-control-row", wrapperClassName, disabled && "opacity-60"), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: cn2("ph-control-row", wrapperClassName, disabled && "opacity-60"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       "input",
       __spreadValues({
         ref,
@@ -5682,7 +5760,7 @@ var Radio = (0, import_react23.forwardRef)(function Radio2(_a2, ref) {
         className: cn2("ph-radio", disabled && "cursor-not-allowed", className)
       }, props)
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("label", { htmlFor: id, className: cn2("cursor-pointer", disabled && "opacity-60"), children: label })
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("label", { htmlFor: id, className: cn2("cursor-pointer", disabled && "opacity-60"), children: label })
   ] });
 });
 Radio.displayName = "Radio";
@@ -5702,9 +5780,9 @@ var Toggle = (0, import_react23.forwardRef)(function Toggle2(_a2, ref) {
   ]);
   const autoId = (0, import_react23.useId)();
   const id = idProp != null ? idProp : autoId;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("label", { className: cn2("ph-control-row-between", wrapperClassName, disabled && "opacity-60"), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: disabled ? "opacity-60" : void 0, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("label", { className: cn2("ph-control-row-between", wrapperClassName, disabled && "opacity-60"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: disabled ? "opacity-60" : void 0, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       "input",
       __spreadValues({
         ref,
@@ -5738,13 +5816,13 @@ var Range = (0, import_react23.forwardRef)(function Range2(_a2, ref) {
   ]);
   const autoId = (0, import_react23.useId)();
   const id = idProp != null ? idProp : autoId;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: cn2("ph-field", wrapperClassName), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("label", { htmlFor: id, className: "ph-label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("input", __spreadValues({ ref, id, type: "range", className: cn2("ph-range", className) }, props)),
-    (minLabel || valueLabel || maxLabel) && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex justify-between text-xs text-ph-mutedtext", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: minLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: valueLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: maxLabel })
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: cn2("ph-field", wrapperClassName), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("label", { htmlFor: id, className: "ph-label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("input", __spreadValues({ ref, id, type: "range", className: cn2("ph-range", className) }, props)),
+    (minLabel || valueLabel || maxLabel) && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex justify-between text-xs text-ph-mutedtext", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: minLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: valueLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: maxLabel })
     ] })
   ] });
 });
@@ -5765,10 +5843,10 @@ var FileUpload = (0, import_react23.forwardRef)(function FileUpload2(_a2, ref) {
   ]);
   const autoId = (0, import_react23.useId)();
   const id = idProp != null ? idProp : autoId;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: cn2("ph-field", wrapperClassName), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("label", { htmlFor: id, className: "ph-label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("label", { htmlFor: id, className: "ph-file-upload", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("input", __spreadValues({ ref, id, type: "file", className: cn2("sr-only", className) }, props)),
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: cn2("ph-field", wrapperClassName), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("label", { htmlFor: id, className: "ph-label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("label", { htmlFor: id, className: "ph-file-upload", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("input", __spreadValues({ ref, id, type: "file", className: cn2("sr-only", className) }, props)),
       prompt
     ] })
   ] });
@@ -5778,7 +5856,7 @@ FileUpload.displayName = "FileUpload";
 // src/components/ui/Modal.tsx
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
 var import_react24 = require("react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var sizeMap3 = {
   sm: "max-w-sm",
   md: "max-w-lg",
@@ -5809,15 +5887,15 @@ function Modal({
 }) {
   const canDismiss = Boolean(onClose);
   const restoreFocusRef = (0, import_react24.useRef)(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     Dialog2.Root,
     {
       open,
       onOpenChange: (nextOpen) => {
         if (!nextOpen) onClose == null ? void 0 : onClose();
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Dialog2.Portal, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Dialog2.Portal, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           Dialog2.Overlay,
           {
             "data-test": dataTest,
@@ -5825,7 +5903,7 @@ function Modal({
             style: zIndex ? { zIndex } : void 0
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           Dialog2.Content,
           __spreadProps(__spreadValues(__spreadProps(__spreadValues(__spreadValues({
             id,
@@ -5848,28 +5926,28 @@ function Modal({
             onPointerDownOutside: (event) => {
               if (!canDismiss || !closeOnOutsideClick) event.preventDefault();
             },
-            children: customLayout ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Dialog2.Title, { className: "sr-only", children: ariaLabel != null ? ariaLabel : "Dialog" }),
+            children: customLayout ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Dialog2.Title, { className: "sr-only", children: ariaLabel != null ? ariaLabel : "Dialog" }),
               children
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
-              title ? null : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Dialog2.Title, { className: "sr-only", children: ariaLabel != null ? ariaLabel : "Dialog" }),
-              title || description || showCloseButton && canDismiss ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("header", { className: "ph-modal-header", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "min-w-0", children: [
-                  title ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Dialog2.Title, { className: "text-lg font-bold text-ph-ink", children: title }) : null,
-                  description ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Dialog2.Description, { className: "mt-1 text-sm text-ph-subtle", children: description }) : null
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+              title ? null : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Dialog2.Title, { className: "sr-only", children: ariaLabel != null ? ariaLabel : "Dialog" }),
+              title || description || showCloseButton && canDismiss ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("header", { className: "ph-modal-header", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "min-w-0", children: [
+                  title ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Dialog2.Title, { className: "text-lg font-bold text-ph-ink", children: title }) : null,
+                  description ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Dialog2.Description, { className: "mt-1 text-sm text-ph-subtle", children: description }) : null
                 ] }),
-                showCloseButton && canDismiss ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Dialog2.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                showCloseButton && canDismiss ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Dialog2.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                   "button",
                   {
                     type: "button",
                     className: "ph-modal-close",
                     "aria-label": "Close dialog",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(IconClose, { className: "h-5 w-5", "aria-hidden": true })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(IconClose, { className: "h-5 w-5", "aria-hidden": true })
                   }
                 ) }) : null
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: cn2("ph-modal-body", bodyClassName), children }),
-              footer ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "ph-modal-footer", children: footer }) : null
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn2("ph-modal-body", bodyClassName), children }),
+              footer ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "ph-modal-footer", children: footer }) : null
             ] })
           })
         )
@@ -5879,24 +5957,24 @@ function Modal({
 }
 
 // src/suite/components/suite-integration-picker.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var DESCRIPTION_LIMIT = 90;
 function IntegrationSkeletonCard() {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     "div",
     {
       className: "flex min-h-36 min-w-0 animate-pulse flex-col justify-between rounded-xl border border-ph-border bg-ph-surface p-4",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "h-10 w-10 shrink-0 rounded-lg bg-ph-muted" }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "min-w-0 flex-1 space-y-2 pt-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "h-4 w-3/5 rounded bg-ph-muted" }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "h-3 w-full rounded bg-ph-muted" }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "h-3 w-4/5 rounded bg-ph-muted" })
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "h-8 w-8 shrink-0 rounded-md bg-ph-muted" }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "min-w-0 flex-1 space-y-2 pt-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "h-4 w-3/5 rounded bg-ph-muted" }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "h-3 w-full rounded bg-ph-muted" }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "h-3 w-4/5 rounded bg-ph-muted" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "mt-3 h-9 w-20 rounded bg-ph-muted" })
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "mt-3 h-9 w-20 rounded bg-ph-muted" })
       ]
     }
   );
@@ -5921,33 +5999,18 @@ function authSchemesFor(item) {
     )
   );
 }
-var CATEGORY_APP_AFFINITY = {
-  calendar: ["turtletime", "tides"],
-  email: ["turtletime", "tides"],
-  code: ["tides", "kraken"],
-  chat: ["tides", "kraken"],
-  documents: ["kraken"],
-  notes: ["kraken"],
-  knowledge: ["kraken"],
-  file_storage: ["kraken"],
-  crm: ["shellstack", "tides"],
-  finance: ["shellstack", "tides"],
-  payment: ["shellstack", "tides"],
-  monitoring: ["tides", "kraken"],
-  design: ["tides", "kraken"],
-  support: ["tides", "shellstack"],
-  ticketing: ["tides", "kraken"]
+var BRIDGE_MARK = {
+  turtletime: { src: "/turtletime-icon.svg", name: "TurtleTime" },
+  tides: { src: "/tides-icon.svg", name: "Tides" },
+  kraken: { src: "/kraken-icon.svg", name: "Kraken" }
 };
-var DEFAULT_APP_AFFINITY = ["tides", "kraken"];
-function suiteAppsForIntegration(categories) {
-  var _a2;
-  const apps = /* @__PURE__ */ new Set();
-  for (const category of categories != null ? categories : []) {
-    for (const app of (_a2 = CATEGORY_APP_AFFINITY[category.trim().toLowerCase()]) != null ? _a2 : []) {
-      apps.add(app);
-    }
+function suiteAppsForIntegration(itemOrCategories) {
+  if (!itemOrCategories || Array.isArray(itemOrCategories) || !("bridgeTargets" in itemOrCategories)) {
+    return [];
   }
-  return apps.size > 0 ? SUITE_APPS2.filter((app) => apps.has(app.slug)).map((app) => app.slug) : [...DEFAULT_APP_AFFINITY];
+  const explicit = itemOrCategories.bridgeTargets;
+  if (!Array.isArray(explicit)) return [];
+  return explicit.filter((app) => app in BRIDGE_MARK);
 }
 function SuiteIntegrationPicker({
   open,
@@ -5963,6 +6026,8 @@ function SuiteIntegrationPicker({
   category: controlledCategory,
   categories: controlledCategories,
   onCategoryChange,
+  bridgeOnly: controlledBridgeOnly,
+  onBridgeOnlyChange,
   onClose,
   onConnect,
   onFetchAuthFields,
@@ -5976,6 +6041,7 @@ function SuiteIntegrationPicker({
   const [categoryQuery, setCategoryQuery] = (0, import_react25.useState)("");
   const [categoryMenuOpen, setCategoryMenuOpen] = (0, import_react25.useState)(false);
   const [expanded, setExpanded] = (0, import_react25.useState)(null);
+  const [bridgeOnlyInternal, setBridgeOnlyInternal] = (0, import_react25.useState)(false);
   const categoryMenuRef = (0, import_react25.useRef)(null);
   const categoryTriggerRef = (0, import_react25.useRef)(null);
   const categorySearchRef = (0, import_react25.useRef)(null);
@@ -5986,6 +6052,7 @@ function SuiteIntegrationPicker({
   const scrollViewportRef = (0, import_react25.useRef)(null);
   const loadMoreSentinelRef = (0, import_react25.useRef)(null);
   const loadMoreInFlightRef = (0, import_react25.useRef)(false);
+  const sentinelVisibleRef = (0, import_react25.useRef)(false);
   const authRequestRef = (0, import_react25.useRef)(0);
   const [methodItem, setMethodItem] = (0, import_react25.useState)(null);
   const [authItem, setAuthItem] = (0, import_react25.useState)(null);
@@ -6009,11 +6076,20 @@ function SuiteIntegrationPicker({
   const categories = controlledCategories != null ? controlledCategories : itemCategories;
   const activeSearch = controlledSearch != null ? controlledSearch : query;
   const activeCategory = controlledCategory != null ? controlledCategory : category;
+  const bridgeOnly = controlledBridgeOnly != null ? controlledBridgeOnly : bridgeOnlyInternal;
+  const setBridgeOnly = (value) => {
+    setBridgeOnlyInternal(value);
+    onBridgeOnlyChange == null ? void 0 : onBridgeOnlyChange(value);
+  };
   const categoryLabel = (value) => value.replace(/[-_]/g, " ").replace(/\b\w/g, (letter) => letter.toUpperCase());
-  const filtered = onSearchChange || onCategoryChange ? items : items.filter((item) => {
+  const catalogItems = onSearchChange || onCategoryChange ? items : items.filter((item) => {
     var _a2;
     return item.label.toLowerCase().includes(activeSearch.trim().toLowerCase()) && (activeCategory === "all" || ((_a2 = item.categories) != null ? _a2 : []).includes(activeCategory));
   });
+  const filtered = bridgeOnly && controlledBridgeOnly === void 0 ? catalogItems.filter((item) => {
+    var _a2;
+    return ((_a2 = item.bridgeTargets) != null ? _a2 : []).length > 0;
+  }) : catalogItems;
   const visibleCategories = categories.filter(
     (value) => categoryLabel(value).toLowerCase().includes(categoryQuery.trim().toLowerCase())
   );
@@ -6211,23 +6287,31 @@ function SuiteIntegrationPicker({
   (0, import_react25.useEffect)(() => {
     const root = scrollViewportRef.current;
     const sentinel = loadMoreSentinelRef.current;
-    if (!open || !root || !sentinel || !hasMore || !onEndReached || loading || catalogLoading || loadingMore) {
+    if (!open || !root || !sentinel) {
+      sentinelVisibleRef.current = false;
       return;
     }
     const observer = new IntersectionObserver(
       ([entry]) => {
-        if (!entry.isIntersecting || loadMoreInFlightRef.current) return;
+        if (!entry.isIntersecting) {
+          sentinelVisibleRef.current = false;
+          return;
+        }
+        if (sentinelVisibleRef.current) return;
+        sentinelVisibleRef.current = true;
+        if (loadMoreInFlightRef.current || !hasMore || !onEndReached || loading || catalogLoading || loadingMore) {
+          return;
+        }
         loadMoreInFlightRef.current = true;
-        observer.unobserve(entry.target);
         onEndReached();
       },
-      { root, rootMargin: "0px 0px 80px", threshold: 0 }
+      { root, rootMargin: "0px 0px 120px", threshold: 0 }
     );
     observer.observe(sentinel);
     return () => observer.disconnect();
   }, [catalogLoading, hasMore, loading, loadingMore, onEndReached, open]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       Modal,
       {
         open,
@@ -6237,18 +6321,46 @@ function SuiteIntegrationPicker({
         size: "xl",
         dataTest,
         bodyClassName: "!overflow-hidden",
-        children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "space-y-4", children: [
-          connectionError ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-sm text-ph-danger", role: "alert", children: connectionError }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "grid gap-4 md:grid-cols-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "relative", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "space-y-4", children: [
+          connectionError ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-sm text-ph-danger", role: "alert", children: connectionError }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+            "label",
+            {
+              className: "inline-flex w-fit cursor-pointer items-center gap-2 text-sm text-ph-ink",
+              "data-test": `${dataTest}-bridge-only`,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                  "input",
+                  {
+                    type: "checkbox",
+                    role: "switch",
+                    className: "ph-toggle",
+                    checked: bridgeOnly,
+                    onChange: (event) => setBridgeOnly(event.target.checked),
+                    "aria-label": "Shelly Bridge only"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                  import_iconoir_react12.Bridge3d,
+                  {
+                    className: "h-4 w-4 shrink-0 text-ph-subtle",
+                    "aria-hidden": true
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { children: "Shelly Bridge only" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "grid gap-4 md:grid-cols-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                 import_iconoir_react12.Search,
                 {
                   className: "pointer-events-none absolute left-3 top-1/2 z-10 h-4 w-4 -translate-y-1/2 text-ph-subtle",
                   "aria-hidden": true
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                 Input,
                 {
                   value: activeSearch,
@@ -6262,8 +6374,8 @@ function SuiteIntegrationPicker({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { ref: categoryMenuRef, className: "relative", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { ref: categoryMenuRef, className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
                 "button",
                 {
                   ref: categoryTriggerRef,
@@ -6280,17 +6392,17 @@ function SuiteIntegrationPicker({
                   },
                   onKeyDown: handleCategoryTriggerKeyDown,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                         import_iconoir_react12.Filter,
                         {
                           className: "h-4 w-4 shrink-0 text-ph-subtle",
                           "aria-hidden": true
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: activeCategory === "all" ? "All apps" : categoryLabel(activeCategory) })
+                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { children: activeCategory === "all" ? "All apps" : categoryLabel(activeCategory) })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                       import_iconoir_react12.NavArrowDown,
                       {
                         className: `h-4 w-4 transition-transform ${categoryMenuOpen ? "rotate-180" : ""}`,
@@ -6300,12 +6412,12 @@ function SuiteIntegrationPicker({
                   ]
                 }
               ),
-              categoryMenuOpen ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+              categoryMenuOpen ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
                 "div",
                 {
                   className: "absolute z-20 mt-2 max-h-[min(22rem,calc(100dvh-12rem))] w-full max-w-full overflow-hidden rounded-lg border border-ph-border bg-ph-surface p-2 shadow-lg",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                       Input,
                       {
                         ref: categorySearchRef,
@@ -6325,7 +6437,7 @@ function SuiteIntegrationPicker({
                         }
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                       "div",
                       {
                         id: `${dataTest}-category-options`,
@@ -6333,7 +6445,7 @@ function SuiteIntegrationPicker({
                         "aria-label": "Integration categories",
                         className: "mt-2 max-h-52 overflow-y-auto",
                         "data-test": "integration-category-options",
-                        children: categoryValues.map((value) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                        children: categoryValues.map((value) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                           "button",
                           {
                             type: "button",
@@ -6365,82 +6477,81 @@ function SuiteIntegrationPicker({
               ) : null
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
             "div",
             {
               ref: scrollViewportRef,
               className: "min-h-0 max-h-[min(60vh,32rem)] w-full overflow-y-auto pr-1",
               children: [
-                loading || catalogLoading ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                loading || catalogLoading ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                   "div",
                   {
                     className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3",
                     "aria-label": "Loading apps",
-                    children: Array.from({ length: SKELETON_COUNT }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(IntegrationSkeletonCard, {}, index))
+                    children: Array.from({ length: SKELETON_COUNT }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(IntegrationSkeletonCard, {}, index))
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3", children: [
+                ) : /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3", children: [
                   filtered.map((item) => {
                     var _a2, _b;
                     const isExpanded = expanded === item.id;
                     const longDescription = item.description.length > DESCRIPTION_LIMIT;
+                    const bridgeApps = suiteAppsForIntegration(item);
+                    const schemes = authSchemesFor(item);
                     const text = isExpanded || !longDescription ? item.description : `${item.description.slice(0, DESCRIPTION_LIMIT).trimEnd()}...`;
-                    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
                       "div",
                       {
                         className: "flex min-h-36 min-w-0 flex-col justify-between rounded-xl border border-ph-border bg-ph-surface p-4",
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                             "button",
                             {
                               type: "button",
                               className: "min-w-0 text-left",
                               onClick: () => longDescription && setExpanded(isExpanded ? null : item.id),
                               "aria-expanded": isExpanded,
-                              children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "flex items-start gap-3", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-ph-muted text-ph-ink", children: (_a2 = item.icon) != null ? _a2 : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_iconoir_react12.EvPlug, { className: "h-5 w-5", "aria-hidden": true }) }),
-                                /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "min-w-0", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "block truncate font-medium text-ph-ink", children: item.label }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "mt-1 block text-xs text-ph-subtle", children: text }),
-                                  longDescription ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "mt-1 block text-xs font-medium text-ph-brand", children: [
+                              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "flex items-start gap-3", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md bg-ph-muted text-ph-ink", children: (_a2 = item.icon) != null ? _a2 : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_iconoir_react12.EvPlug, { className: "h-4 w-4", "aria-hidden": true }) }),
+                                /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "min-w-0", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "block truncate font-medium text-ph-ink", children: item.label }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "mt-1 block text-xs text-ph-subtle", children: text }),
+                                  longDescription ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "mt-1 block text-xs font-medium text-ph-brand", children: [
                                     isExpanded ? "See less" : "See more",
                                     " ",
-                                    isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_iconoir_react12.NavArrowUp, { className: "inline h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_iconoir_react12.NavArrowDown, { className: "inline h-3 w-3" })
+                                    isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_iconoir_react12.NavArrowUp, { className: "inline h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_iconoir_react12.NavArrowDown, { className: "inline h-3 w-3" })
                                   ] }) : null
                                 ] })
                               ] })
                             }
                           ),
-                          suiteAppsForIntegration(item.categories).length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                          bridgeApps.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                             "div",
                             {
                               className: "mt-3 flex flex-wrap items-center gap-1.5",
-                              "aria-label": "Works with ShellStack apps",
-                              children: suiteAppsForIntegration(item.categories).map(
-                                (app) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-                                  "span",
+                              "aria-label": "Bridges into ShellStack apps",
+                              children: bridgeApps.map((app) => {
+                                const mark = BRIDGE_MARK[app];
+                                if (!mark) return null;
+                                return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                                  "img",
                                   {
-                                    "data-test": `${dataTest}-${item.id}-app-${app}`,
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-                                      SuiteAppIcon,
-                                      {
-                                        app,
-                                        size: 16,
-                                        label: `Works with ${SUITE_APP_MAP[app].name}`,
-                                        className: "rounded-[4px]"
-                                      }
-                                    )
+                                    src: mark.src,
+                                    alt: "",
+                                    title: `Bridge in ${mark.name}`,
+                                    className: "h-5 w-5",
+                                    "data-test": `${dataTest}-${item.id}-app-${app}`
                                   },
                                   app
-                                )
-                              )
+                                );
+                              })
                             }
                           ) : null,
-                          authSchemesFor(item).length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                          schemes.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                             "div",
                             {
                               className: "mt-3 flex flex-wrap gap-1.5",
                               "aria-label": "Connection methods",
-                              children: authSchemesFor(item).map((scheme) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                              children: schemes.map((scheme) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                                 "span",
                                 {
                                   className: "rounded-full border border-ph-border bg-ph-muted px-2 py-1 text-[0.6875rem] font-medium text-ph-subtle",
@@ -6451,7 +6562,7 @@ function SuiteIntegrationPicker({
                               ))
                             }
                           ) : null,
-                          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                             Button,
                             {
                               type: "button",
@@ -6459,8 +6570,8 @@ function SuiteIntegrationPicker({
                               className: "mt-3 self-start",
                               disabled: Boolean(item.unavailableReason) || item.connecting,
                               onClick: () => connectItem(item),
-                              children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "flex items-center gap-1.5", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_iconoir_react12.EvPlug, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+                              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "flex items-center gap-1.5", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_iconoir_react12.EvPlug, { className: "h-3.5 w-3.5", "aria-hidden": true }),
                                 item.connecting ? "Connecting..." : (_b = item.unavailableReason) != null ? _b : "Connect"
                               ] })
                             }
@@ -6470,31 +6581,31 @@ function SuiteIntegrationPicker({
                       item.id
                     );
                   }),
-                  loadingMore ? Array.from({ length: 3 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(IntegrationSkeletonCard, {}, `loading-${index}`)) : null
+                  loadingMore ? Array.from({ length: 3 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(IntegrationSkeletonCard, {}, `loading-${index}`)) : null
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { ref: loadMoreSentinelRef, className: "h-1", "aria-hidden": "true" })
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { ref: loadMoreSentinelRef, className: "h-1", "aria-hidden": "true" })
               ]
             }
           ),
-          connectedItems.length > 0 && onDisconnect ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "space-y-2 border-t border-ph-border pt-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "font-medium text-ph-ink", children: "Connected apps" }),
-            connectedItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+          connectedItems.length > 0 && onDisconnect ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "space-y-2 border-t border-ph-border pt-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h3", { className: "font-medium text-ph-ink", children: "Connected apps" }),
+            connectedItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
               "div",
               {
                 className: "flex items-center justify-between gap-3 rounded-lg border border-ph-border bg-ph-muted p-3",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "flex min-w-0 items-center gap-2 text-sm text-ph-ink", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "flex min-w-0 items-center gap-2 text-sm text-ph-ink", children: [
                     item.icon,
-                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "truncate", children: item.label })
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "truncate", children: item.label })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                     Button,
                     {
                       type: "button",
                       variant: "danger",
                       onClick: () => requestDisconnect(item),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "flex items-center gap-1.5", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_iconoir_react12.Xmark, { className: "h-4 w-4", "aria-hidden": true }),
+                      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "flex items-center gap-1.5", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_iconoir_react12.Xmark, { className: "h-4 w-4", "aria-hidden": true }),
                         "Disconnect"
                       ] })
                     }
@@ -6507,7 +6618,7 @@ function SuiteIntegrationPicker({
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       Modal,
       {
         open: itemToDisconnect !== null,
@@ -6519,8 +6630,8 @@ function SuiteIntegrationPicker({
         size: "sm",
         zIndex: 220,
         dataTest: `${dataTest}-disconnect-confirmation`,
-        footer: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        footer: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             Button,
             {
               type: "button",
@@ -6530,7 +6641,7 @@ function SuiteIntegrationPicker({
               children: "Cancel"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             Button,
             {
               type: "button",
@@ -6543,8 +6654,8 @@ function SuiteIntegrationPicker({
           )
         ] }),
         children: [
-          disconnectError ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-sm text-ph-danger", role: "alert", children: disconnectError }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("p", { className: "text-sm text-ph-ink", children: [
+          disconnectError ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-sm text-ph-danger", role: "alert", children: disconnectError }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("p", { className: "text-sm text-ph-ink", children: [
             "Disconnect ",
             itemToDisconnect == null ? void 0 : itemToDisconnect.label,
             "? You can reconnect it later."
@@ -6552,7 +6663,7 @@ function SuiteIntegrationPicker({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       Modal,
       {
         open: Boolean(methodItem),
@@ -6562,7 +6673,7 @@ function SuiteIntegrationPicker({
         size: "sm",
         zIndex: 200,
         dataTest: `${dataTest}-auth-method`,
-        children: methodItem ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "space-y-2", children: authSchemesFor(methodItem).map((scheme) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+        children: methodItem ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "space-y-2", children: authSchemesFor(methodItem).map((scheme) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
           "button",
           {
             type: "button",
@@ -6570,15 +6681,15 @@ function SuiteIntegrationPicker({
             onClick: () => void prepareConnection(methodItem, scheme),
             "data-test": `${dataTest}-choose-${scheme.toLowerCase()}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "font-medium", children: authSchemeLabel(scheme) }),
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-xs text-ph-subtle", children: "Select" })
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "font-medium", children: authSchemeLabel(scheme) }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-xs text-ph-subtle", children: "Select" })
             ]
           },
           scheme
         )) }) : null
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       Modal,
       {
         open: Boolean(authItem),
@@ -6588,14 +6699,14 @@ function SuiteIntegrationPicker({
         size: "md",
         zIndex: 210,
         dataTest: `${dataTest}-auth-form`,
-        children: authLoading ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-sm text-ph-subtle", children: "Loading authentication fields..." }) : authItem ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+        children: authLoading ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-sm text-ph-subtle", children: "Loading authentication fields..." }) : authItem ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
           "form",
           {
             className: "space-y-4",
             onSubmit: (event) => void submitAuthForm(event),
             children: [
-              authError ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-sm text-ph-danger", role: "alert", children: authError }) : null,
-              authItem.fields.length === 0 && authError ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              authError ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-sm text-ph-danger", role: "alert", children: authError }) : null,
+              authItem.fields.length === 0 && authError ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                 Button,
                 {
                   type: "button",
@@ -6606,7 +6717,7 @@ function SuiteIntegrationPicker({
               ) : null,
               authItem.fields.map((field) => {
                 var _a2, _b;
-                return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                   Input,
                   {
                     label: field.label,
@@ -6622,8 +6733,8 @@ function SuiteIntegrationPicker({
                   field.name
                 );
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex justify-end gap-2 border-t border-ph-border pt-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex justify-end gap-2 border-t border-ph-border pt-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                   Button,
                   {
                     type: "button",
@@ -6633,7 +6744,7 @@ function SuiteIntegrationPicker({
                     children: "Cancel"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Button, { type: "submit", variant: "primary", disabled: authSubmitting, children: authSubmitting ? "Connecting..." : "Connect" })
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button, { type: "submit", variant: "primary", disabled: authSubmitting, children: authSubmitting ? "Connecting..." : "Connect" })
               ] })
             ]
           }
@@ -6646,7 +6757,7 @@ function SuiteIntegrationPicker({
 // src/suite/components/suite-integration-rules.tsx
 var import_react26 = require("react");
 var import_iconoir_react13 = require("iconoir-react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var ACTION_LABELS = {
   create_tides_task: "Create a Tides task",
   draft_time_entry: "Draft a time entry",
@@ -6752,20 +6863,20 @@ function SuiteIntegrationRules({
       setBusyId(null);
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("section", { className: "space-y-4", "data-test": dataTest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("section", { className: "space-y-4", "data-test": dataTest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
       Card,
       {
         variant: "outlined",
         bodyClassName: "p-5",
         "data-test": `${dataTest}-card`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h3", { className: "font-medium text-ph-ink", children: "Automation rules" }),
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "mt-1 text-sm text-ph-subtle", children: "Turn incoming integration events into tasks, time entries, or notifications for this workspace." })
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h3", { className: "font-medium text-ph-ink", children: "Automation rules" }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "mt-1 text-sm text-ph-subtle", children: "Turn incoming integration events into tasks, time entries, or notifications for this workspace." })
             ] }),
-            canManage && onCreate ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            canManage && onCreate ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
               Button,
               {
                 type: "button",
@@ -6773,14 +6884,14 @@ function SuiteIntegrationRules({
                 size: "sm",
                 onClick: () => setFormOpen((open) => !open),
                 "data-test": `${dataTest}-new`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "flex items-center gap-1.5", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_iconoir_react13.Plus, { className: "h-4 w-4", "aria-hidden": true }),
+                children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "flex items-center gap-1.5", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_iconoir_react13.Plus, { className: "h-4 w-4", "aria-hidden": true }),
                   "New rule"
                 ] })
               }
             ) : null
           ] }),
-          error ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          error ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             Alert,
             {
               status: "danger",
@@ -6788,36 +6899,36 @@ function SuiteIntegrationRules({
               description: error
             }
           ) : null,
-          loading ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "mt-4 text-sm text-ph-subtle", children: "Loading rules..." }) : rules.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          loading ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "mt-4 text-sm text-ph-subtle", children: "Loading rules..." }) : rules.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             "div",
             {
               className: "mt-4 rounded-lg border border-dashed border-ph-border px-4 py-6 text-center",
               "data-test": `${dataTest}-empty`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("p", { className: "text-sm text-ph-subtle", children: [
+              children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "text-sm text-ph-subtle", children: [
                 "No automation rules yet.",
                 canManage ? " Create one to get started." : ""
               ] })
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("ul", { className: "mt-4 space-y-2", "data-test": `${dataTest}-list`, children: rules.map((rule) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("ul", { className: "mt-4 space-y-2", "data-test": `${dataTest}-list`, children: rules.map((rule) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
             "li",
             {
               className: "flex items-center justify-between gap-3 rounded-lg border border-ph-border bg-ph-muted px-3 py-3",
               "data-test": `${dataTest}-rule-${rule.id}`,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "min-w-0", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "truncate text-sm font-medium text-ph-ink", children: rule.name }),
-                  /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("p", { className: "mt-0.5 truncate text-xs text-ph-subtle", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "truncate text-sm font-medium text-ph-ink", children: rule.name }),
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "mt-0.5 truncate text-xs text-ph-subtle", children: [
                     rule.trigger_event_type,
                     " \u2192 ",
                     actionLabel(rule.action_type)
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("p", { className: "mt-0.5 truncate text-xs text-ph-subtle", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "mt-0.5 truncate text-xs text-ph-subtle", children: [
                     "Last fired: ",
                     formatDateTime(rule.last_fired_at)
                   ] })
                 ] }),
-                canManage ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex shrink-0 items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                canManage ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex shrink-0 items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                     Toggle,
                     {
                       checked: rule.enabled,
@@ -6826,7 +6937,7 @@ function SuiteIntegrationRules({
                       "aria-label": `Enable ${rule.name}`
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                     Button,
                     {
                       type: "button",
@@ -6835,10 +6946,10 @@ function SuiteIntegrationRules({
                       disabled: busyId === rule.id,
                       onClick: () => requestDelete(rule),
                       "aria-label": `Delete ${rule.name}`,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_iconoir_react13.Xmark, { className: "h-4 w-4", "aria-hidden": true })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_iconoir_react13.Xmark, { className: "h-4 w-4", "aria-hidden": true })
                     }
                   )
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                   Badge,
                   {
                     variant: rule.enabled ? "success" : "neutral",
@@ -6850,15 +6961,15 @@ function SuiteIntegrationRules({
             },
             rule.id
           )) }),
-          canManage && formOpen && onCreate ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+          canManage && formOpen && onCreate ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
             "form",
             {
               className: "mt-4 space-y-3 rounded-lg border border-ph-border bg-ph-surface p-4",
               onSubmit: (event) => void submitForm(event),
               "data-test": `${dataTest}-form`,
               children: [
-                formError ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-sm text-ph-danger", role: "alert", children: formError }) : null,
-                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                formError ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-sm text-ph-danger", role: "alert", children: formError }) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                   Input,
                   {
                     label: "Rule name",
@@ -6869,7 +6980,7 @@ function SuiteIntegrationRules({
                     "data-test": `${dataTest}-name`
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                   Input,
                   {
                     label: "Trigger event type",
@@ -6881,7 +6992,7 @@ function SuiteIntegrationRules({
                     "data-test": `${dataTest}-trigger`
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                   Select,
                   {
                     label: "Action",
@@ -6890,10 +7001,10 @@ function SuiteIntegrationRules({
                       event.target.value
                     ),
                     "data-test": `${dataTest}-action`,
-                    children: Object.entries(ACTION_LABELS).map(([value, label]) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("option", { value, children: label }, value))
+                    children: Object.entries(ACTION_LABELS).map(([value, label]) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("option", { value, children: label }, value))
                   }
                 ),
-                needsProject ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                needsProject ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
                   Select,
                   {
                     label: "Project",
@@ -6901,12 +7012,12 @@ function SuiteIntegrationRules({
                     onChange: (event) => setProjectId(event.target.value),
                     "data-test": `${dataTest}-project`,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("option", { value: "", children: "Choose a project..." }),
-                      projects.map((project) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("option", { value: project.id, children: project.name }, project.id))
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("option", { value: "", children: "Choose a project..." }),
+                      projects.map((project) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("option", { value: project.id, children: project.name }, project.id))
                     ]
                   }
                 ) : null,
-                actionType === "draft_time_entry" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                actionType === "draft_time_entry" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                   Input,
                   {
                     label: "Minutes (optional)",
@@ -6917,7 +7028,7 @@ function SuiteIntegrationRules({
                     "data-test": `${dataTest}-minutes`
                   }
                 ) : null,
-                actionType === "create_tides_task" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                actionType === "create_tides_task" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
                   Select,
                   {
                     label: "Priority",
@@ -6925,15 +7036,15 @@ function SuiteIntegrationRules({
                     onChange: (event) => setPriority(event.target.value),
                     "data-test": `${dataTest}-priority`,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("option", { value: "low", children: "Low" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("option", { value: "medium", children: "Medium" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("option", { value: "high", children: "High" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("option", { value: "urgent", children: "Urgent" })
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("option", { value: "low", children: "Low" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("option", { value: "medium", children: "Medium" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("option", { value: "high", children: "High" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("option", { value: "urgent", children: "Urgent" })
                     ]
                   }
                 ) : null,
-                /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex justify-end gap-2 border-t border-ph-border pt-3", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex justify-end gap-2 border-t border-ph-border pt-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                     Button,
                     {
                       type: "button",
@@ -6943,7 +7054,7 @@ function SuiteIntegrationRules({
                       children: "Cancel"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button, { type: "submit", variant: "primary", disabled: submitting, children: submitting ? "Creating..." : "Create rule" })
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button, { type: "submit", variant: "primary", disabled: submitting, children: submitting ? "Creating..." : "Create rule" })
                 ] })
               ]
             }
@@ -6951,7 +7062,7 @@ function SuiteIntegrationRules({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
       Modal,
       {
         open: ruleToDelete !== null,
@@ -6961,8 +7072,8 @@ function SuiteIntegrationRules({
         title: "Delete automation rule",
         description: "This action cannot be undone.",
         dataTest: `${dataTest}-delete-confirmation`,
-        footer: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+        footer: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             Button,
             {
               type: "button",
@@ -6972,7 +7083,7 @@ function SuiteIntegrationRules({
               children: "Cancel"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             Button,
             {
               type: "button",
@@ -6985,8 +7096,8 @@ function SuiteIntegrationRules({
           )
         ] }),
         children: [
-          deleteError ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-sm text-ph-danger", role: "alert", children: deleteError }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("p", { className: "text-sm text-ph-ink", children: [
+          deleteError ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-sm text-ph-danger", role: "alert", children: deleteError }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "text-sm text-ph-ink", children: [
             "Delete ",
             ruleToDelete == null ? void 0 : ruleToDelete.name,
             "? This cannot be undone."
@@ -6994,36 +7105,36 @@ function SuiteIntegrationRules({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
       Card,
       {
         variant: "outlined",
         bodyClassName: "p-5",
         "data-test": `${dataTest}-events-card`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h3", { className: "font-medium text-ph-ink", children: "Recent events" }),
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "mt-1 text-sm text-ph-subtle", children: "The latest events received from your connected apps." }),
-          events.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h3", { className: "font-medium text-ph-ink", children: "Recent events" }),
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "mt-1 text-sm text-ph-subtle", children: "The latest events received from your connected apps." }),
+          events.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             "p",
             {
               className: "mt-4 rounded-lg border border-dashed border-ph-border px-4 py-6 text-center text-sm text-ph-subtle",
               "data-test": `${dataTest}-events-empty`,
               children: "No integration events yet."
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("ul", { className: "mt-4 space-y-2", "data-test": `${dataTest}-events-list`, children: events.map((event) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("ul", { className: "mt-4 space-y-2", "data-test": `${dataTest}-events-list`, children: events.map((event) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
             "li",
             {
               className: "flex items-center justify-between gap-3 rounded-lg border border-ph-border bg-ph-muted px-3 py-2",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "min-w-0", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("p", { className: "truncate text-sm text-ph-ink", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "truncate text-sm text-ph-ink", children: [
                     event.provider,
                     " \xB7 ",
                     event.event_type
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "mt-0.5 text-xs text-ph-subtle", children: formatDateTime(event.created_at) })
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "mt-0.5 text-xs text-ph-subtle", children: formatDateTime(event.created_at) })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                   Badge,
                   {
                     variant: event.processed_at ? "success" : "warning",
@@ -7098,7 +7209,7 @@ function paletteIconSrc(imageUrl, color) {
 }
 
 // src/suite/components/suite-entity-icon.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function SuiteEntityIcon({
   imageUrl,
   label,
@@ -7113,7 +7224,7 @@ function SuiteEntityIcon({
   const neutralBackground = "var(--ph-muted, rgba(127,127,127,0.08))";
   if (imageUrl) {
     const src = tinted && tint ? paletteIconSrc(imageUrl, tint) : imageUrl;
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       "span",
       {
         className: cn2(
@@ -7124,12 +7235,12 @@ function SuiteEntityIcon({
         style: __spreadValues({
           backgroundColor: tint ? `${tint}18` : neutralBackground
         }, style),
-        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", { src: src != null ? src : void 0, alt: "", className: "h-full w-full object-cover" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("img", { src: src != null ? src : void 0, alt: "", className: "h-full w-full object-cover" })
       }
     );
   }
   const initial = label == null ? void 0 : label.trim().charAt(0).toUpperCase();
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "span",
     {
       className: cn2(
@@ -7142,7 +7253,7 @@ function SuiteEntityIcon({
         backgroundColor: tint ? `${tint}18` : neutralBackground
       }, style),
       "aria-hidden": "true",
-      children: initial ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-[0.7em]", children: initial }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "block h-1.5 w-1.5 rounded-full bg-current opacity-40" })
+      children: initial ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-[0.7em]", children: initial }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "block h-1.5 w-1.5 rounded-full bg-current opacity-40" })
     }
   );
 }
@@ -7150,7 +7261,7 @@ function SuiteEntityIcon({
 // src/suite/components/suite-palette-library.tsx
 var import_react27 = require("react");
 var import_iconoir_react14 = require("iconoir-react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var PAGE_SIZE = 60;
 var DISCOVER_LIMIT = 120;
 var ICON_TYPES = [
@@ -7168,15 +7279,15 @@ function FilterSelect({
   onChange,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       Icon,
       {
         className: "pointer-events-none absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-ph-mutedtext",
         "aria-hidden": true
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       "select",
       {
         "aria-label": label,
@@ -7186,7 +7297,7 @@ function FilterSelect({
         children
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       import_iconoir_react14.NavArrowDown,
       {
         className: "pointer-events-none absolute right-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-ph-mutedtext",
@@ -7348,18 +7459,18 @@ function SuitePaletteLibrary({
     document.addEventListener("pointerdown", onPointerDown);
     return () => document.removeEventListener("pointerdown", onPointerDown);
   }, [libraryOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "space-y-3", "data-test": "palette-icon-library", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { ref: libraryRef, className: "space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-col gap-2 sm:flex-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "relative flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "space-y-3", "data-test": "palette-icon-library", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { ref: libraryRef, className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-col gap-2 sm:flex-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "relative flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             import_iconoir_react14.Search,
             {
               className: "pointer-events-none absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-ph-mutedtext",
               "aria-hidden": true
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             "input",
             {
               type: "search",
@@ -7371,7 +7482,7 @@ function SuitePaletteLibrary({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
           "button",
           {
             type: "button",
@@ -7380,9 +7491,9 @@ function SuitePaletteLibrary({
             onClick: () => setLibraryOpen((open) => !open),
             className: "flex items-center gap-2 rounded-lg border border-ph-border bg-ph-surface px-2.5 py-2 text-sm text-ph-ink hover:border-ph-brand focus:outline-none focus-visible:ring-2 focus-visible:ring-ph-brand",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_iconoir_react14.FilterList, { className: "h-4 w-4 shrink-0 text-ph-mutedtext", "aria-hidden": true }),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "max-w-[10rem] truncate", children: (_b = activeLibrary == null ? void 0 : activeLibrary.name) != null ? _b : "All libraries" }),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_iconoir_react14.FilterList, { className: "h-4 w-4 shrink-0 text-ph-mutedtext", "aria-hidden": true }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "max-w-[10rem] truncate", children: (_b = activeLibrary == null ? void 0 : activeLibrary.name) != null ? _b : "All libraries" }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                 import_iconoir_react14.NavArrowDown,
                 {
                   className: cn2(
@@ -7395,27 +7506,27 @@ function SuitePaletteLibrary({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
           FilterSelect,
           {
             icon: import_iconoir_react14.Filter,
             label: "Filter by icon type",
             value: typeFilter,
             onChange: setTypeFilter,
-            children: ICON_TYPES.map((type) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("option", { value: type.value, children: type.label }, type.value))
+            children: ICON_TYPES.map((type) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("option", { value: type.value, children: type.label }, type.value))
           }
         )
       ] }),
-      libraryOpen ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "rounded-lg border border-ph-border bg-ph-surface p-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "relative mb-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      libraryOpen ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "rounded-lg border border-ph-border bg-ph-surface p-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "relative mb-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             import_iconoir_react14.Search,
             {
               className: "pointer-events-none absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-ph-mutedtext",
               "aria-hidden": true
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             "input",
             {
               type: "search",
@@ -7428,14 +7539,14 @@ function SuitePaletteLibrary({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
           "ul",
           {
             role: "listbox",
             "aria-label": "Libraries",
             className: "max-h-56 overflow-y-auto",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                 "button",
                 {
                   type: "button",
@@ -7452,7 +7563,7 @@ function SuitePaletteLibrary({
                   children: "All libraries"
                 }
               ) }),
-              filteredLibraries.map((collection) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+              filteredLibraries.map((collection) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -7467,19 +7578,19 @@ function SuitePaletteLibrary({
                     collectionFilter === collection.slug ? "bg-ph-muted text-ph-ink" : "text-ph-ink hover:bg-ph-muted"
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "truncate", children: collection.name }),
-                    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "shrink-0 text-xs text-ph-mutedtext", children: collection.count })
+                    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "truncate", children: collection.name }),
+                    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "shrink-0 text-xs text-ph-mutedtext", children: collection.count })
                   ]
                 }
               ) }, collection.slug)),
-              filteredLibraries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("li", { className: "px-2 py-4 text-center text-sm text-ph-mutedtext", children: "No libraries match." }) : null
+              filteredLibraries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("li", { className: "px-2 py-4 text-center text-sm text-ph-mutedtext", children: "No libraries match." }) : null
             ]
           }
         )
       ] }) : null
     ] }),
-    error ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-sm text-ph-danger", children: error }) : loading ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "py-8 text-center text-sm text-ph-mutedtext", children: "Loading icons\u2026" }) : icons.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "py-8 text-center text-sm text-ph-mutedtext", children: "No icons matched. Try another word or filter." }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "max-h-[320px] overflow-y-auto rounded-lg border border-ph-border p-2", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "grid grid-cols-6 gap-1.5 sm:grid-cols-8", children: icons.map((icon) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    error ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-sm text-ph-danger", children: error }) : loading ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "py-8 text-center text-sm text-ph-mutedtext", children: "Loading icons\u2026" }) : icons.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "py-8 text-center text-sm text-ph-mutedtext", children: "No icons matched. Try another word or filter." }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "max-h-[320px] overflow-y-auto rounded-lg border border-ph-border p-2", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "grid grid-cols-6 gap-1.5 sm:grid-cols-8", children: icons.map((icon) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
         "button",
         {
           type: "button",
@@ -7487,7 +7598,7 @@ function SuitePaletteLibrary({
           title: icon.name,
           "aria-label": `Use ${icon.name}`,
           className: "flex h-10 items-center justify-center rounded-md border border-transparent p-1.5 hover:border-ph-brand hover:bg-ph-muted",
-          children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             "img",
             {
               src: icon.url,
@@ -7500,14 +7611,14 @@ function SuitePaletteLibrary({
         },
         icon.id
       )) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center justify-between text-xs text-ph-mutedtext", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center justify-between text-xs text-ph-mutedtext", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { children: [
           icons.length,
           " of ",
           total,
           searching ? " matching" : activeLibrary ? ` in ${activeLibrary.name}` : " across all libraries"
         ] }),
-        !searching && activeLibrary && icons.length < total ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        !searching && activeLibrary && icons.length < total ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
           "button",
           {
             type: "button",
@@ -7526,7 +7637,7 @@ function SuitePaletteLibrary({
 }
 
 // src/suite/components/suite-clients-projects-directory.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var DEFAULT_ICON = "";
 var DEFAULT_COLOR = "";
 function DirectoryIconPicker({
@@ -7537,11 +7648,11 @@ function DirectoryIconPicker({
   onClear,
   onBrowse
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "mb-1.5 block text-sm font-medium text-ph-ink", children: "Icon" }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "rounded-lg border border-ph-border bg-ph-muted p-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "mb-1.5 block text-sm font-medium text-ph-ink", children: "Icon" }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "rounded-lg border border-ph-border bg-ph-muted p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
           SuiteEntityIcon,
           {
             imageUrl: preview,
@@ -7551,11 +7662,11 @@ function DirectoryIconPicker({
             className: "h-9 w-9 text-base"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-sm font-medium text-ph-ink", children: preview ? "Custom image" : "No icon yet" }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-xs text-ph-mutedtext", children: preview ? "Shown on cards and lists." : "Browse the library or upload your own." })
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-sm font-medium text-ph-ink", children: preview ? "Custom image" : "No icon yet" }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-xs text-ph-mutedtext", children: preview ? "Shown on cards and lists." : "Browse the library or upload your own." })
         ] }),
-        onBrowse ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        onBrowse ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
           "button",
           {
             type: "button",
@@ -7565,7 +7676,7 @@ function DirectoryIconPicker({
           }
         ) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         FileUpload,
         {
           accept: "image/png,image/jpeg,image/gif,image/webp,image/svg+xml,.svg",
@@ -7575,14 +7686,14 @@ function DirectoryIconPicker({
           }
         }
       ) }),
-      preview ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+      preview ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
         "button",
         {
           type: "button",
           className: "mt-2 inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-xs text-ph-mutedtext hover:bg-ph-surface hover:text-ph-ink",
           onClick: onClear,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_iconoir_react15.Trash, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react15.Trash, { className: "h-3.5 w-3.5", "aria-hidden": true }),
             " Remove image"
           ]
         }
@@ -7593,7 +7704,7 @@ function DirectoryIconPicker({
 function DirectoryIcon({
   item
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     SuiteEntityIcon,
     {
       imageUrl: item.icon_image,
@@ -7823,10 +7934,10 @@ function SuiteClientsProjectsDirectory({
       );
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { "data-test": dataTest, className: "space-y-3", children: [
-    error || mutationError ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Alert, { status: "danger", live: "assertive", children: error || mutationError }) : null,
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-sm text-ph-mutedtext", children: "Loading directory..." }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "overflow-hidden rounded-xl border border-ph-border bg-ph-surface lg:grid lg:min-h-[22rem] lg:grid-cols-[minmax(14rem,18rem)_1fr]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { "data-test": dataTest, className: "space-y-3", children: [
+    error || mutationError ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Alert, { status: "danger", live: "assertive", children: error || mutationError }) : null,
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-sm text-ph-mutedtext", children: "Loading directory..." }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "overflow-hidden rounded-xl border border-ph-border bg-ph-surface lg:grid lg:min-h-[22rem] lg:grid-cols-[minmax(14rem,18rem)_1fr]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
         "section",
         {
           className: cn2(
@@ -7834,16 +7945,16 @@ function SuiteClientsProjectsDirectory({
             mobileDetail ? "hidden lg:block" : "block"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex h-14 items-center gap-2 border-b border-ph-border px-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "relative min-w-0 flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex h-14 items-center gap-2 border-b border-ph-border px-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "relative min-w-0 flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                   import_iconoir_react15.Search,
                   {
                     className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-ph-mutedtext",
                     "aria-hidden": true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                   Input,
                   {
                     hideLabel: true,
@@ -7855,18 +7966,18 @@ function SuiteClientsProjectsDirectory({
                   }
                 )
               ] }),
-              canEdit && onCreateClient ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+              canEdit && onCreateClient ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                 Button,
                 {
                   size: "sm",
                   variant: "primary",
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_iconoir_react15.Plus, { className: "h-4 w-4" }),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react15.Plus, { className: "h-4 w-4" }),
                   onClick: () => openNew("client"),
                   children: "New client"
                 }
               ) : null
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
               "ul",
               {
                 role: "listbox",
@@ -7877,7 +7988,7 @@ function SuiteClientsProjectsDirectory({
                   const count = projects.filter(
                     (project) => project.clientId === client.id
                   ).length;
-                  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("li", { role: "none", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { role: "none", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -7894,10 +8005,10 @@ function SuiteClientsProjectsDirectory({
                         selected ? "bg-ph-muted" : "hover:bg-ph-canvas"
                       ),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DirectoryIcon, { item: client }),
-                        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "min-w-0 flex-1", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "block truncate text-sm font-medium text-ph-ink", children: client.name }),
-                          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "text-xs text-ph-mutedtext", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DirectoryIcon, { item: client }),
+                        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "min-w-0 flex-1", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "block truncate text-sm font-medium text-ph-ink", children: client.name }),
+                          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "text-xs text-ph-mutedtext", children: [
                             count,
                             " project",
                             count === 1 ? "" : "s"
@@ -7906,13 +8017,13 @@ function SuiteClientsProjectsDirectory({
                       ]
                     }
                   ) }, client.id);
-                }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("li", { className: "px-3 py-8 text-center text-sm text-ph-mutedtext", children: clients.length ? "No matches." : "Add a client to get started." })
+                }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { className: "px-3 py-8 text-center text-sm text-ph-mutedtext", children: clients.length ? "No matches." : "Add a client to get started." })
               }
             )
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
         "section",
         {
           className: cn2(
@@ -7920,8 +8031,8 @@ function SuiteClientsProjectsDirectory({
             mobileDetail ? "flex" : "hidden lg:flex"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex min-h-14 items-center gap-2 border-b border-ph-border px-3 py-2", children: selectedClient ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex min-h-14 items-center gap-2 border-b border-ph-border px-3 py-2", children: selectedClient ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                 "button",
                 {
                   type: "button",
@@ -7932,36 +8043,36 @@ function SuiteClientsProjectsDirectory({
                     setMobileDetail(false);
                   },
                   "aria-label": "Back to clients",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_iconoir_react15.ArrowLeft, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react15.ArrowLeft, { className: "h-4 w-4" })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DirectoryIcon, { item: selectedClient }),
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h3", { className: "truncate text-sm font-semibold text-ph-ink", children: selectedClient.name }),
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "text-xs text-ph-mutedtext", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DirectoryIcon, { item: selectedClient }),
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("h3", { className: "truncate text-sm font-semibold text-ph-ink", children: selectedClient.name }),
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("p", { className: "text-xs text-ph-mutedtext", children: [
                   selectedProjects.length,
                   " project",
                   selectedProjects.length === 1 ? "" : "s"
                 ] })
               ] }),
-              canEdit && (onUpdateClient || onDeleteClient) ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+              canEdit && (onUpdateClient || onDeleteClient) ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                 DropdownMenu,
                 {
                   "aria-label": `Actions for ${selectedClient.name}`,
                   align: "end",
-                  trigger: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "inline-flex h-8 w-8 items-center justify-center rounded-md text-ph-mutedtext hover:bg-ph-muted hover:text-ph-ink", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_iconoir_react15.MoreHoriz, { className: "h-4 w-4", "aria-hidden": true }),
-                    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "sr-only", children: "Client actions" })
+                  trigger: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "inline-flex h-8 w-8 items-center justify-center rounded-md text-ph-mutedtext hover:bg-ph-muted hover:text-ph-ink", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react15.MoreHoriz, { className: "h-4 w-4", "aria-hidden": true }),
+                    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "sr-only", children: "Client actions" })
                   ] }),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "p-1", children: [
-                    onUpdateClient ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "p-1", children: [
+                    onUpdateClient ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                       DropdownItem,
                       {
                         onClick: () => openEdit(selectedClient, "client"),
                         children: "Edit client"
                       }
                     ) : null,
-                    onDeleteClient ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                    onDeleteClient ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                       DropdownItem,
                       {
                         className: "text-red-600",
@@ -7972,32 +8083,32 @@ function SuiteClientsProjectsDirectory({
                   ] })
                 }
               ) }) : null
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-sm text-ph-mutedtext", children: "Select a client" }) }),
-            canEdit && onCreateProject ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "border-b border-ph-border p-3", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-sm text-ph-mutedtext", children: "Select a client" }) }),
+            canEdit && onCreateProject ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "border-b border-ph-border p-3", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
               Button,
               {
                 variant: "primary",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_iconoir_react15.Plus, { className: "h-4 w-4" }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react15.Plus, { className: "h-4 w-4" }),
                 onClick: () => openNew("project"),
                 children: "Add project"
               }
             ) }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("ul", { className: "flex-1 p-2", children: selectedClient && selectedProjects.length ? selectedProjects.map((project) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("ul", { className: "flex-1 p-2", children: selectedClient && selectedProjects.length ? selectedProjects.map((project) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
               "div",
               {
                 className: "flex items-center gap-3 rounded-lg px-2 py-1 hover:bg-ph-canvas",
                 onClick: () => openEdit(project, "project"),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
                     "button",
                     {
                       type: "button",
                       className: "flex min-w-0 flex-1 items-center gap-3 rounded-lg py-1 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-brand",
                       onClick: () => openEdit(project, "project"),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DirectoryIcon, { item: project }),
-                        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "min-w-0 flex-1", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DirectoryIcon, { item: project }),
+                        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "min-w-0 flex-1", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                             "span",
                             {
                               className: cn2(
@@ -8007,36 +8118,36 @@ function SuiteClientsProjectsDirectory({
                               children: project.name
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-xs text-ph-mutedtext", children: project.isArchived ? "Archived" : "Active" })
+                          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-xs text-ph-mutedtext", children: project.isArchived ? "Archived" : "Active" })
                         ] })
                       ]
                     }
                   ),
-                  canEdit && (onUpdateProject || onDeleteProject) ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                  canEdit && (onUpdateProject || onDeleteProject) ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                     DropdownMenu,
                     {
                       "aria-label": `Actions for ${project.name}`,
                       align: "end",
-                      trigger: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-ph-mutedtext hover:bg-ph-muted hover:text-ph-ink", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                      trigger: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-ph-mutedtext hover:bg-ph-muted hover:text-ph-ink", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                           import_iconoir_react15.MoreHoriz,
                           {
                             className: "h-4 w-4",
                             "aria-hidden": true
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "sr-only", children: "Project actions" })
+                        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "sr-only", children: "Project actions" })
                       ] }),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "p-1", children: [
-                        onUpdateProject ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "p-1", children: [
+                        onUpdateProject ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                             DropdownItem,
                             {
                               onClick: () => openEdit(project, "project"),
                               children: "Edit project"
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                             DropdownItem,
                             {
                               onClick: () => void toggleArchive(project),
@@ -8044,7 +8155,7 @@ function SuiteClientsProjectsDirectory({
                             }
                           )
                         ] }) : null,
-                        onDeleteProject ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                        onDeleteProject ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                           DropdownItem,
                           {
                             className: "text-red-600",
@@ -8057,20 +8168,20 @@ function SuiteClientsProjectsDirectory({
                   ) }) : null
                 ]
               }
-            ) }, project.id)) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("li", { className: "px-3 py-8 text-center text-sm text-ph-mutedtext", children: selectedClient ? "No projects yet." : "Select a client to see its projects." }) })
+            ) }, project.id)) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { className: "px-3 py-8 text-center text-sm text-ph-mutedtext", children: selectedClient ? "No projects yet." : "Select a client to see its projects." }) })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       Modal,
       {
         open: editing !== null,
         onClose: closeEditor,
         title: (editing == null ? void 0 : editing.kind.includes("project")) ? editing.kind === "new-project" ? "New project" : "Edit project" : (editing == null ? void 0 : editing.kind) === "new-client" ? "New client" : "Edit client",
-        footer: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Button, { variant: "tertiary", onClick: closeEditor, disabled: saving, children: "Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        footer: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Button, { variant: "tertiary", onClick: closeEditor, disabled: saving, children: "Cancel" }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             Button,
             {
               variant: "primary",
@@ -8080,8 +8191,8 @@ function SuiteClientsProjectsDirectory({
             }
           )
         ] }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             Input,
             {
               label: "Name",
@@ -8090,7 +8201,7 @@ function SuiteClientsProjectsDirectory({
               onChange: (event) => setDraft(__spreadProps(__spreadValues({}, draft), { name: event.target.value }))
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             DirectoryIconPicker,
             {
               preview,
@@ -8101,10 +8212,10 @@ function SuiteClientsProjectsDirectory({
               onBrowse: () => setLibraryOpen(true)
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "mb-1.5 block text-sm font-medium text-ph-ink", children: "Colour" }),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "mb-1.5 block text-sm font-medium text-ph-ink", children: "Colour" }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                 "button",
                 {
                   type: "button",
@@ -8116,7 +8227,7 @@ function SuiteClientsProjectsDirectory({
                     "flex h-8 w-8 items-center justify-center rounded-full border border-ph-border bg-ph-surface text-ph-mutedtext ring-offset-2",
                     !draft.color && "ring-2 ring-ph-brand"
                   ),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_iconoir_react15.Prohibition, { className: "h-4 w-4", "aria-hidden": true })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react15.Prohibition, { className: "h-4 w-4", "aria-hidden": true })
                 }
               ),
               [
@@ -8127,7 +8238,7 @@ function SuiteClientsProjectsDirectory({
                 "#ef4444",
                 "#a855f7",
                 "#64748b"
-              ].map((color) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+              ].map((color) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                 "button",
                 {
                   type: "button",
@@ -8142,7 +8253,7 @@ function SuiteClientsProjectsDirectory({
                 },
                 color
               )),
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
                 "label",
                 {
                   className: cn2(
@@ -8162,7 +8273,7 @@ function SuiteClientsProjectsDirectory({
                   },
                   title: "Custom colour",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "flex h-4 w-4 items-center justify-center rounded-full bg-ph-surface", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "flex h-4 w-4 items-center justify-center rounded-full bg-ph-surface", children: [
                       "#6366f1",
                       "#0ea5e9",
                       "#10b981",
@@ -8170,14 +8281,14 @@ function SuiteClientsProjectsDirectory({
                       "#ef4444",
                       "#a855f7",
                       "#64748b"
-                    ].includes(draft.color) ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_iconoir_react15.Plus, { className: "h-3 w-3 text-ph-ink", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                    ].includes(draft.color) ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react15.Plus, { className: "h-3 w-3 text-ph-ink", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                       "span",
                       {
                         className: "h-2.5 w-2.5 rounded-full",
                         style: { backgroundColor: draft.color }
                       }
                     ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                       "input",
                       {
                         type: "color",
@@ -8192,20 +8303,20 @@ function SuiteClientsProjectsDirectory({
               )
             ] })
           ] }),
-          (editing == null ? void 0 : editing.kind.includes("project")) ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+          (editing == null ? void 0 : editing.kind.includes("project")) ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
             Select,
             {
               label: "Client",
               value: draftClientId != null ? draftClientId : "",
               onChange: (event) => setDraftClientId(event.target.value || null),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("option", { value: "", children: "No client" }),
-                clients.map((client) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("option", { value: client.id, children: client.name }, client.id))
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("option", { value: "", children: "No client" }),
+                clients.map((client) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("option", { value: client.id, children: client.name }, client.id))
               ]
             }
           ) : null,
-          (editing == null ? void 0 : editing.kind.includes("project")) ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("label", { className: "flex items-center gap-2 text-sm text-ph-ink", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          (editing == null ? void 0 : editing.kind.includes("project")) ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("label", { className: "flex items-center gap-2 text-sm text-ph-ink", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
               "input",
               {
                 type: "checkbox",
@@ -8218,26 +8329,26 @@ function SuiteClientsProjectsDirectory({
         ] })
       }
     ),
-    libraryOpen ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    libraryOpen ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       Modal,
       {
         open: true,
         onClose: () => setLibraryOpen(false),
         title: "Icon library",
-        children: renderIconLibrary ? renderIconLibrary({ onPick: pickFromLibrary }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SuitePaletteLibrary, { onPick: pickFromLibrary })
+        children: renderIconLibrary ? renderIconLibrary({ onPick: pickFromLibrary }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SuitePaletteLibrary, { onPick: pickFromLibrary })
       }
     ) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       Modal,
       {
         open: confirming !== null,
         onClose: () => setConfirming(null),
         title: "Confirm deletion",
-        footer: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Button, { variant: "tertiary", onClick: () => setConfirming(null), children: "Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Button, { variant: "primary", onClick: () => void confirmRemove(), children: "Delete" })
+        footer: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Button, { variant: "tertiary", onClick: () => setConfirming(null), children: "Cancel" }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Button, { variant: "primary", onClick: () => void confirmRemove(), children: "Delete" })
         ] }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "text-sm text-ph-ink", children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("p", { className: "text-sm text-ph-ink", children: [
           "Delete ",
           confirming == null ? void 0 : confirming.item.name,
           "? This cannot be undone."
@@ -8269,6 +8380,7 @@ function SuiteClientsProjectsDirectory({
   SUITE_GLYPHS,
   SUITE_ICON_NAMES,
   SUITE_MUTATED_EVENT,
+  SUITE_NOTIFICATIONS_POLL_MS,
   SUITE_OPEN_ASK_AI_EVENT,
   SUITE_SIDEBAR_WIDTH_COOKIE,
   SUITE_SIDEBAR_WIDTH_KEY,
@@ -8291,6 +8403,7 @@ function SuiteClientsProjectsDirectory({
   SuiteMobileHeader,
   SuiteMotionProvider,
   SuiteNotificationBell,
+  SuiteNotificationsProvider,
   SuitePage,
   SuitePageHeader,
   SuitePaletteLibrary,
@@ -8346,5 +8459,6 @@ function SuiteClientsProjectsDirectory({
   suiteThemeBootScript,
   useIdleMount,
   useSidebarWidth,
+  useSuiteNotifications,
   useSuiteTheme
 });