@xenide-io/the-old-ui-theme 0.10.0 → 0.11.0

package/dist/suite.js

@@ -106,7 +106,7 @@ function SuiteAiMarkdownMessage({
   markdown,
   animate = false
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "suite-ai-markdown", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "suite-ai-markdown", children: /* @__PURE__ */ (0, import_jsx_runtime33.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_runtime32, WORD_STEP_MS, MAX_DELAY_MS, SKIP_TAGS;
+var import_react_markdown, import_remark_gfm, import_jsx_runtime33, 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_runtime32 = require("react/jsx-runtime");
+    import_jsx_runtime33 = require("react/jsx-runtime");
     WORD_STEP_MS = 18;
     MAX_DELAY_MS = 600;
     SKIP_TAGS = /* @__PURE__ */ new Set(["code", "pre", "style", "script"]);
@@ -147,6 +147,7 @@ __export(suite_exports, {
   SIDEBAR_MAX_WIDTH: () => SIDEBAR_MAX_WIDTH,
   SIDEBAR_MIN_EXPANDED_WIDTH: () => SIDEBAR_MIN_EXPANDED_WIDTH,
   SIDEBAR_RAIL_WIDTH: () => SIDEBAR_RAIL_WIDTH,
+  SUITE_ANALYTICS_EVENT: () => SUITE_ANALYTICS_EVENT,
   SUITE_APPS: () => SUITE_APPS2,
   SUITE_APP_MAP: () => SUITE_APP_MAP,
   SUITE_ASK_AI_OPEN_KEY: () => SUITE_ASK_AI_OPEN_KEY,
@@ -161,6 +162,7 @@ __export(suite_exports, {
   SUITE_SPRINGS: () => SUITE_SPRINGS,
   SUITE_THEME_COOKIE: () => SUITE_THEME_COOKIE,
   SourceAppGlyph: () => SourceAppGlyph,
+  SuiteAiDraftEditor: () => SuiteAiDraftEditor,
   SuiteAiPanel: () => SuiteAiPanel,
   SuiteAppIcon: () => SuiteAppIcon,
   SuiteAppLayout: () => SuiteAppLayout,
@@ -229,9 +231,12 @@ __export(suite_exports, {
   resolveSuiteNotificationHref: () => resolveSuiteNotificationHref,
   sidebarColumnWidth: () => sidebarColumnWidth,
   sourceToSuiteApp: () => sourceToSuiteApp,
+  subscribeSuiteAnalytics: () => subscribeSuiteAnalytics,
+  suiteAiDraftFields: () => suiteAiDraftFields,
   suiteAppBaseUrl: () => suiteAppBaseUrl,
   suiteAppLabel: () => suiteAppLabel,
   suiteThemeBootScript: () => suiteThemeBootScript,
+  trackSuiteEvent: () => trackSuiteEvent,
   useIdleMount: () => useIdleMount,
   useSidebarWidth: () => useSidebarWidth,
   useSuiteNotifications: () => useSuiteNotifications,
@@ -835,21 +840,25 @@ function getTodayGreeting(user, stats) {
 function TodayHero({
   message = "Take a nice, deep breath.",
   brief,
-  briefMeta
+  briefMeta,
+  action
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mt-4 sm:mt-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      "p",
-      {
-        className: "today-hero max-w-2xl font-display text-lg font-semibold tracking-tight text-ph-ink sm:text-xl sm:leading-snug",
-        children: message
-      },
-      typeof message === "string" ? message : "hero"
-    ),
-    brief ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mt-4 max-w-2xl", "data-test": "today-focus-brief", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-[15px] leading-[1.65] text-ph-ink", children: brief }),
-      briefMeta ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mt-1.5 text-xs text-ph-mutedtext", children: briefMeta }) : null
-    ] }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex min-w-0 flex-col gap-5 border-b border-ph-border-subtle pb-6 sm:flex-row sm:items-center sm:justify-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "p",
+        {
+          className: "today-hero max-w-2xl font-display text-lg font-semibold tracking-tight text-ph-ink sm:text-xl",
+          children: message
+        },
+        typeof message === "string" ? message : "hero"
+      ),
+      brief ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mt-2 max-w-xl", "data-test": "today-focus-brief", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-sm leading-relaxed text-ph-subtle", children: brief }),
+        briefMeta ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mt-1.5 text-xs text-ph-mutedtext", children: briefMeta }) : null
+      ] }) : null
+    ] }),
+    action ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "w-full shrink-0 sm:w-72", children: action }) : null
   ] });
 }
 function TodayPrimaryAction({
@@ -922,16 +931,16 @@ function TodayEmptyAction({
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "div",
     {
-      className: "rounded-[var(--ph-radius-surface)] border border-dashed border-ph-border/80 bg-[var(--ph-surface-inset)] px-4 py-4 text-center",
+      className: "rounded-[var(--ph-radius-surface)] border border-ph-border-subtle bg-ph-surface px-5 py-6 text-left",
       "data-test": dataTest,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-sm font-semibold text-ph-ink", children: title }),
-        description ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mx-auto mt-1 max-w-sm text-xs leading-relaxed text-ph-subtle sm:text-sm", children: description }) : null,
+        description ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mt-1.5 max-w-md text-sm leading-relaxed text-ph-subtle", children: description }) : null,
         actionLabel2 && (href || onClick) ? href ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "a",
           {
             href,
-            className: "mt-2.5 inline-flex text-sm font-semibold text-ph-brand hover:underline",
+            className: "ph-btn ph-btn-link mt-3 text-sm",
             children: actionLabel2
           }
         ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -939,7 +948,7 @@ function TodayEmptyAction({
           {
             type: "button",
             onClick,
-            className: "mt-2.5 inline-flex text-sm font-semibold text-ph-brand hover:underline",
+            className: "ph-btn ph-btn-link mt-3 text-sm",
             children: actionLabel2
           }
         ) : null
@@ -960,9 +969,9 @@ function TodayLayout({
       "data-test": "today-layout",
       children: [
         primary ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "max-w-md", children: primary }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "grid gap-6 lg:grid-cols-[minmax(0,1fr)_minmax(16rem,20rem)] lg:items-start lg:gap-8", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: cn("grid gap-8 lg:items-start", aside && "lg:grid-cols-[minmax(0,1fr)_minmax(15rem,19rem)]"), children: [
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "min-w-0 space-y-8", children: main }),
-          aside ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("aside", { className: "space-y-3 lg:sticky lg:top-6 lg:self-start", children: aside }) : null
+          aside ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("aside", { className: "min-w-0 space-y-5", children: aside }) : null
         ] })
       ]
     }
@@ -1024,21 +1033,21 @@ function TodaySection({
   testId,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { "data-test": testId, className: "space-y-5", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { "data-test": testId, className: "space-y-4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-start justify-between gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex min-w-0 items-start gap-3.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex min-w-0 items-start gap-3", children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "span",
           {
             className: cn(
-              "inline-flex h-10 w-10 sm:h-11 sm:w-11 shrink-0 items-center justify-center rounded-[var(--ph-radius-surface)] border border-ph-border/70 shadow-[var(--ph-shadow-control)]",
+              "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-[var(--ph-radius-control)]",
               iconClassName != null ? iconClassName : "bg-ph-muted text-ph-ink"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "h-5 w-5", "aria-hidden": true })
+            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "h-4 w-4", "aria-hidden": true })
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "min-w-0 pt-0.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { className: "font-display text-lg font-bold tracking-tight text-ph-ink", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { className: "font-display text-lg font-semibold tracking-tight text-ph-ink", children: title }),
           description ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mt-1 max-w-xl text-sm leading-relaxed text-ph-subtle", children: description }) : null
         ] })
       ] }),
@@ -1055,7 +1064,7 @@ function TodayPanel({
     "div",
     {
       className: cn(
-        "rounded-[var(--ph-radius-surface)] border border-ph-border/70 bg-ph-surface p-5 sm:p-5",
+        "today-panel rounded-[var(--ph-radius-surface)] border border-ph-border-subtle bg-ph-surface p-5",
         className
       ),
       children
@@ -1076,6 +1085,36 @@ function TodayEmptyState({
 var import_image = __toESM(require("next/image"));
 var import_react = require("react");
 var import_iconoir_react2 = require("iconoir-react");
+
+// src/lib/suite-analytics.ts
+var SUITE_ANALYTICS_EVENT = "shellstack:analytics";
+function trackSuiteEvent(event, properties) {
+  if (typeof window === "undefined" || !event) return;
+  try {
+    window.dispatchEvent(
+      new CustomEvent(SUITE_ANALYTICS_EVENT, {
+        detail: { event, properties }
+      })
+    );
+  } catch (e) {
+  }
+}
+function subscribeSuiteAnalytics(handler) {
+  if (typeof window === "undefined") return () => {
+  };
+  const listener = (raw) => {
+    const detail = raw.detail;
+    if (!(detail == null ? void 0 : detail.event)) return;
+    try {
+      handler(detail.event, detail.properties);
+    } catch (e) {
+    }
+  };
+  window.addEventListener(SUITE_ANALYTICS_EVENT, listener);
+  return () => window.removeEventListener(SUITE_ANALYTICS_EVENT, listener);
+}
+
+// src/suite/components/app-switcher.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function appSwitcherTriggerClass(open, collapsed = false) {
   return cn(
@@ -1200,6 +1239,12 @@ function AppSwitcher({
               onMouseDown: (e) => e.preventDefault(),
               onClick: () => {
                 setOpen(false);
+                trackSuiteEvent("App Launched", {
+                  target_app: app.slug,
+                  from_app: currentApp,
+                  new_tab: false,
+                  origin: "app_switcher"
+                });
                 onSelect(app);
               },
               className: cn(appSwitcherMenuItemClass(), "pr-11"),
@@ -1230,6 +1275,12 @@ function AppSwitcher({
               onMouseDown: (e) => e.preventDefault(),
               onClick: () => {
                 setOpen(false);
+                trackSuiteEvent("App Launched", {
+                  target_app: app.slug,
+                  from_app: currentApp,
+                  new_tab: true,
+                  origin: "app_switcher"
+                });
                 onSelect(app, { newTab: true });
               },
               className: "absolute right-1.5 top-1/2 z-[1] flex h-8 -translate-y-1/2 justify-center p-0 text-ph-mutedtext",
@@ -1477,6 +1528,10 @@ function SuiteNotificationsProvider({
                 suiteAppBaseUrl("shellstack")
               );
               launchUrl.searchParams.set("next", path);
+              trackSuiteEvent("Cross-App Switch", {
+                target_app: sourceApp,
+                success: true
+              });
               window.location.assign(launchUrl.toString());
               return;
             }
@@ -1549,7 +1604,14 @@ function SuiteNotificationBell({
   const [open, setOpen] = (0, import_react3.useState)(false);
   const onOpenChange = (next) => {
     setOpen(next);
-    if (next) refresh();
+    if (next) {
+      trackSuiteEvent("UI Opened", {
+        view: "notification_bell",
+        kind: "notifications",
+        unread_count: unread
+      });
+      refresh();
+    }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     DropdownMenu2,
@@ -1574,7 +1636,13 @@ function SuiteNotificationBell({
               type: "button",
               id: `${dataTest}-mark-all`,
               "data-test": `${dataTest}-mark-all`,
-              onClick: markAllRead,
+              onClick: () => {
+                trackSuiteEvent("Notification Read", {
+                  operation: "all",
+                  count: unread
+                });
+                markAllRead();
+              },
               className: "ph-btn ph-btn-link ph-btn-xs text-xs",
               children: "Mark all read"
             }
@@ -1587,6 +1655,13 @@ function SuiteNotificationBell({
             "data-test": `${dataTest}-item-${n.id}`,
             onClick: () => {
               setOpen(false);
+              trackSuiteEvent("Notification Read", {
+                operation: "read",
+                notification_id: n.id,
+                kind: n.kind,
+                source_app: n.source_app,
+                unread: !n.read_at
+              });
               select(n);
             },
             className: "ph-dropdown-item flex w-full flex-col items-stretch gap-0.5 px-3 py-2 text-left",
@@ -3312,6 +3387,10 @@ function SuiteNotificationSettings({
     try {
       await controller.enable();
       await refresh();
+      trackSuiteEvent("Push Notifications Configured", {
+        enabled: true,
+        permission: typeof Notification !== "undefined" ? Notification.permission : "unknown"
+      });
     } catch (err) {
       setError(
         err instanceof Error ? err.message : "Could not enable notifications."
@@ -3327,6 +3406,10 @@ function SuiteNotificationSettings({
     try {
       await controller.disable();
       await refresh();
+      trackSuiteEvent("Push Notifications Configured", {
+        enabled: false,
+        permission: typeof Notification !== "undefined" ? Notification.permission : "unknown"
+      });
     } catch (err) {
       setError(
         err instanceof Error ? err.message : "Could not disable notifications."
@@ -3423,6 +3506,18 @@ function CommandPaletteHost({
   commandPalette: CommandPalette
 }) {
   const [open, setOpen] = (0, import_react16.useState)(false);
+  const trackedItems = (0, import_react16.useMemo)(
+    () => items.map((item) => __spreadProps(__spreadValues({}, item), {
+      onSelect: () => {
+        trackSuiteEvent("Command Palette Action", {
+          action_kind: "command",
+          target: item.id
+        });
+        item.onSelect();
+      }
+    })),
+    [items]
+  );
   (0, import_react16.useEffect)(() => {
     const onKey = (e) => {
       if (!((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k")) return;
@@ -3437,7 +3532,7 @@ function CommandPaletteHost({
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     CommandPalette,
     {
-      items,
+      items: trackedItems,
       isOpen: open,
       onClose: () => setOpen(false),
       placeholder,
@@ -3905,7 +4000,7 @@ function SuiteSettingsLayout({
               "aside",
               {
                 "aria-label": "Settings",
-                className: "suite-settings-sidebar hidden w-56 shrink-0 lg:block lg:self-stretch lg:overflow-y-auto lg:overscroll-contain",
+                className: "suite-settings-sidebar hidden w-56 shrink-0 lg:block lg:self-start lg:max-h-full lg:overflow-y-auto lg:overscroll-contain",
                 children: sidebar
               }
             ),
@@ -4413,6 +4508,7 @@ function SuiteThemeProvider({
       }
       writeSharedTheme(next);
       broadcastTheme(next);
+      trackSuiteEvent("Theme Updated", { theme: next, scope: "suite" });
     },
     [config]
   );
@@ -4447,7 +4543,182 @@ function suiteThemeBootScript(options) {
 // src/suite/components/ai-panel.tsx
 var import_react21 = require("react");
 var import_iconoir_react9 = require("iconoir-react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+
+// src/suite/components/ai-draft-editor.tsx
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var EDITABLE_FIELDS = {
+  propose_project_handover: ["title", "body"],
+  propose_requirement_update: ["description"],
+  propose_source_tasks: ["tasks"],
+  propose_source_task_update: ["description"],
+  propose_knowledge_pack: ["title", "body", "tasks"],
+  propose_document_update: ["body"]
+};
+function suiteAiDraftFields(kind, payload) {
+  const fields = EDITABLE_FIELDS[kind];
+  return fields && payload ? Object.fromEntries(
+    fields.map((key) => {
+      var _a2;
+      return [key, (_a2 = payload[key]) != null ? _a2 : key === "tasks" ? [] : ""];
+    })
+  ) : null;
+}
+function SuiteAiDraftEditor({
+  kind,
+  draft,
+  canAddTasks,
+  onChange
+}) {
+  const change = (key, value) => onChange(__spreadProps(__spreadValues({}, draft), { [key]: value }));
+  const tasks = Array.isArray(draft.tasks) ? draft.tasks : [];
+  const editTask = (index, key, value) => change(
+    "tasks",
+    tasks.map((task, i) => i === index ? __spreadProps(__spreadValues({}, task), { [key]: value }) : task)
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+    "div",
+    {
+      className: "mt-3 space-y-3 rounded-lg border border-ph-border bg-ph-canvas p-3",
+      "data-test": "ai-draft-editor",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-xs text-ph-mutedtext", children: "Edit draft content. Source evidence, versions and destination remain protected." }),
+        Object.entries(draft).filter(([key]) => key !== "tasks").map(([key, value]) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "block space-y-1 text-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "font-medium", children: key === "title" ? "Title" : "Proposed content" }),
+          key === "title" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            "input",
+            {
+              className: "ph-input min-h-11 w-full",
+              value: String(value),
+              maxLength: 255,
+              onChange: (event) => change(key, event.target.value)
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            "textarea",
+            {
+              className: "ph-input min-h-40 w-full",
+              value: String(value),
+              maxLength: kind === "propose_project_handover" ? 16e3 : 12e3,
+              onChange: (event) => change(key, event.target.value)
+            }
+          )
+        ] }, key)),
+        "tasks" in draft ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-sm font-medium", children: "Task drafts" }),
+          tasks.map((task, index) => {
+            var _a2, _b, _c, _d;
+            return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+              "fieldset",
+              {
+                className: "space-y-2 rounded border border-ph-border p-2",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("legend", { className: "px-1 text-xs", children: [
+                    "Task ",
+                    index + 1
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "block text-sm", children: [
+                    "Title",
+                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                      "input",
+                      {
+                        className: "ph-input min-h-11 w-full",
+                        value: String((_a2 = task.title) != null ? _a2 : ""),
+                        maxLength: 255,
+                        onChange: (event) => editTask(index, "title", event.target.value)
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "block text-sm", children: [
+                    "Description",
+                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                      "textarea",
+                      {
+                        className: "ph-input min-h-24 w-full",
+                        value: String((_b = task.description) != null ? _b : ""),
+                        maxLength: 1e4,
+                        onChange: (event) => editTask(index, "description", event.target.value)
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-wrap gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "text-sm", children: [
+                      "Due date",
+                      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                        "input",
+                        {
+                          type: "date",
+                          className: "ph-input min-h-11 block",
+                          value: String((_c = task.due_date) != null ? _c : ""),
+                          onChange: (event) => editTask(index, "due_date", event.target.value || null)
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "text-sm", children: [
+                      "Priority",
+                      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                        "select",
+                        {
+                          className: "ph-input min-h-11 block",
+                          value: String((_d = task.priority) != null ? _d : "low"),
+                          onChange: (event) => editTask(index, "priority", event.target.value),
+                          children: ["low", "medium", "high", "urgent"].map((value) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("option", { children: value }, value))
+                        }
+                      )
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "flex min-h-11 items-center gap-2 text-sm", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                      "input",
+                      {
+                        type: "checkbox",
+                        checked: Boolean(task.assign_me),
+                        onChange: (event) => editTask(index, "assign_me", event.target.checked)
+                      }
+                    ),
+                    "Assign to me"
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      className: "ph-btn ph-btn-secondary ph-btn-xs",
+                      disabled: kind === "propose_source_tasks" && tasks.length === 1,
+                      onClick: () => change(
+                        "tasks",
+                        tasks.filter((_, i) => i !== index)
+                      ),
+                      children: "Remove draft"
+                    }
+                  )
+                ]
+              },
+              index
+            );
+          }),
+          canAddTasks && tasks.length < 5 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "ph-btn ph-btn-secondary ph-btn-sm",
+              onClick: () => change("tasks", [
+                ...tasks,
+                {
+                  title: "",
+                  description: "",
+                  priority: "low",
+                  assign_me: false
+                }
+              ]),
+              children: "Add task draft"
+            }
+          ) : null
+        ] }) : null
+      ]
+    }
+  );
+}
+
+// src/suite/components/ai-panel.tsx
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var SuiteAiMarkdownMessage2 = (0, import_react21.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";
@@ -4538,6 +4809,7 @@ function SuiteAiPanel({
   const inputId = (0, import_react21.useId)();
   const [uncontrolledOpen, setUncontrolledOpen] = (0, import_react21.useState)(false);
   const [resolvingId, setResolvingId] = (0, import_react21.useState)("");
+  const [actionDrafts, setActionDrafts] = (0, import_react21.useState)({});
   const open = openProp != null ? openProp : uncontrolledOpen;
   const setOpen = (0, import_react21.useCallback)(
     (next) => {
@@ -4575,6 +4847,11 @@ function SuiteAiPanel({
     window.addEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
     return () => window.removeEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
   }, [setOpen]);
+  (0, import_react21.useEffect)(() => {
+    if (!open) return;
+    trackSuiteEvent("AI Chat Opened", { origin: "suite_panel" });
+    trackSuiteEvent("UI Opened", { view: "ai_panel" });
+  }, [open]);
   const scrollToBottom = (0, import_react21.useCallback)((behavior = "auto") => {
     const el = scrollerRef.current;
     if (!el) return;
@@ -4650,6 +4927,13 @@ function SuiteAiPanel({
     setPrompt("");
     setAtBottom(true);
     setMessages((prev) => [...prev, { role: "user", content: trimmed }]);
+    trackSuiteEvent("AI Message Sent", {
+      prompt_length: trimmed.length,
+      page_path: typeof window !== "undefined" ? window.location.pathname : void 0,
+      is_preset: presets.some((preset) => preset.prompt === trimmed),
+      is_edit: false,
+      has_attachment: false
+    });
     try {
       const result = await sendMessage({
         prompt: trimmed,
@@ -4683,6 +4967,7 @@ function SuiteAiPanel({
   }
   function stop() {
     var _a2;
+    trackSuiteEvent("AI Message Cancelled");
     (_a2 = abortRef.current) == null ? void 0 : _a2.abort();
     abortRef.current = null;
     setLoading(false);
@@ -4708,6 +4993,13 @@ function SuiteAiPanel({
     setError("");
     setAtBottom(true);
     setMessages((prev) => prev.slice(0, index));
+    trackSuiteEvent("AI Message Sent", {
+      prompt_length: trimmed.length,
+      page_path: typeof window !== "undefined" ? window.location.pathname : void 0,
+      is_preset: false,
+      is_edit: true,
+      has_attachment: false
+    });
     const controller = new AbortController();
     abortRef.current = controller;
     setLoading(true);
@@ -4754,21 +5046,31 @@ function SuiteAiPanel({
       await clearChat();
       setMessages([]);
       setError("");
+      trackSuiteEvent("AI Chat Cleared", {
+        page_path: typeof window !== "undefined" ? window.location.pathname : void 0
+      });
     } catch (err) {
       setError(
         err instanceof Error ? err.message : "Could not clear this chat."
       );
     }
   }
-  async function handleResolve(actionId, decision) {
-    var _a2;
+  async function handleResolve(action, decision) {
+    var _a2, _b;
     if (!resolveAction || resolvingId) return;
+    const actionId = action.id;
     setResolvingId(actionId);
     setError("");
     try {
-      const result = await resolveAction(actionId, decision);
+      const edits = decision === "confirm" ? actionDrafts[actionId] : void 0;
+      const result = edits ? await resolveAction(actionId, decision, edits) : await resolveAction(actionId, decision);
       const nextMessages = (_a2 = result.messages) != null ? _a2 : [];
       setMessages(nextMessages);
+      trackSuiteEvent("AI Action Resolved", {
+        decision,
+        action_kind: action.kind,
+        destructive: Boolean((_b = action.payload) == null ? void 0 : _b.destructive)
+      });
       notifySuiteMutated(
         nextMessages.flatMap((message) => {
           var _a3;
@@ -4816,16 +5118,35 @@ function SuiteAiPanel({
     -1
   );
   const Icon = BrandIcon != null ? BrandIcon : import_iconoir_react9.Sparks;
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.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_runtime33.jsxs)("header", { className: "flex items-center gap-2 px-2 pb-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h2", { className: "sr-only", children: title }),
-          messages.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("header", { className: "flex items-center gap-2 px-2 pb-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h2", { className: "sr-only", children: title }),
+          presets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("details", { className: "relative", "data-test": "ask-ai-workflows", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("summary", { className: "ph-btn ph-btn-secondary ph-btn-sm min-h-10 cursor-pointer list-none", children: "Workflows" }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "absolute left-0 top-full z-30 mt-1 max-h-80 w-64 overflow-auto rounded-lg border border-ph-border bg-ph-surface p-1 shadow-lg", children: presets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+              "button",
+              {
+                type: "button",
+                disabled: waiting || hydrating,
+                className: "flex min-h-10 w-full items-center rounded px-3 py-2 text-left text-sm hover:bg-ph-muted focus-visible:outline focus-visible:outline-2 disabled:opacity-50",
+                onClick: (event) => {
+                  var _a2, _b;
+                  setPrompt(preset.prompt);
+                  (_a2 = event.currentTarget.closest("details")) == null ? void 0 : _a2.removeAttribute("open");
+                  (_b = textareaRef.current) == null ? void 0 : _b.focus();
+                },
+                children: preset.label
+              },
+              preset.label
+            )) })
+          ] }) : null,
+          messages.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
             "button",
             {
               type: "button",
@@ -4834,14 +5155,14 @@ function SuiteAiPanel({
               className: "ph-btn ph-btn-ghost ph-btn-sm ml-auto h-9 text-xs text-ph-subtle",
               "data-test": "ask-ai-clear",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_iconoir_react9.Erase, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_iconoir_react9.Erase, { className: "h-3.5 w-3.5" }),
                 "Clear"
               ]
             }
           ) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "relative min-h-0 flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative min-h-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
             "div",
             {
               ref: scrollerRef,
@@ -4852,15 +5173,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_runtime33.jsxs)("div", { className: "flex items-center gap-2 text-sm text-ph-subtle", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Spinner, { className: "h-4 w-4 animate-spin" }),
+                hydrating && messages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-2 text-sm text-ph-subtle", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Spinner, { className: "h-4 w-4 animate-spin" }),
                   "Loading your chat\u2026"
                 ] }) : null,
-                !hydrating && messages.length === 0 && !error ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "mx-auto mt-4 flex max-w-sm flex-col items-center px-1 text-center", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "flex h-10 w-10 items-center justify-center rounded-[var(--ph-radius-surface)] bg-ph-brand/10 text-ph-brand", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { className: "h-5 w-5" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "mt-3 font-display text-base font-semibold text-ph-ink", children: "How can I help?" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "mt-1 text-sm leading-relaxed text-ph-subtle", children: emptyState }),
-                  presets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "mt-4 flex w-full flex-col gap-2", children: presets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+                !hydrating && messages.length === 0 && !error ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "mx-auto mt-4 flex max-w-sm flex-col items-center px-1 text-center", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "flex h-10 w-10 items-center justify-center rounded-[var(--ph-radius-surface)] bg-ph-brand/10 text-ph-brand", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon, { className: "h-5 w-5" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "mt-3 font-display text-base font-semibold text-ph-ink", children: "How can I help?" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "mt-1 text-sm leading-relaxed text-ph-subtle", children: emptyState }),
+                  presets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "mt-4 flex w-full flex-col gap-2", children: presets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -4868,9 +5189,9 @@ function SuiteAiPanel({
                       disabled: waiting || hydrating,
                       className: "group flex w-full items-center gap-2 rounded-[var(--ph-radius-surface)] border border-ph-border bg-ph-surface px-3 py-2 text-left text-sm text-ph-ink transition-[background-color,border-color,box-shadow] hover:border-[var(--ph-selected-border)] hover:bg-[var(--ph-surface-hover)] focus-visible:outline-none focus-visible:shadow-[var(--ph-focus-halo)] disabled:opacity-40",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_iconoir_react9.Sparks, { className: "h-4 w-4 shrink-0 text-ph-brand" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "min-w-0 flex-1 truncate", children: preset.label }),
-                        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_iconoir_react9.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_runtime34.jsx)(import_iconoir_react9.Sparks, { className: "h-4 w-4 shrink-0 text-ph-brand" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "min-w-0 flex-1 truncate", children: preset.label }),
+                        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_iconoir_react9.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
@@ -4881,13 +5202,13 @@ function SuiteAiPanel({
                   const isUser = message.role === "user";
                   if (isUser) {
                     if (editingIndex === index) {
-                      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                         "div",
                         {
                           className: "suite-msg-in suite-msg-in--user flex justify-end",
                           "data-test": "ask-ai-user",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "w-full max-w-[85%] space-y-2", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                          children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "w-full max-w-[85%] space-y-2", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                               "textarea",
                               {
                                 autoFocus: true,
@@ -4908,8 +5229,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-[var(--ph-selected-border)] focus-visible:shadow-[var(--ph-focus-halo)]"
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex justify-end gap-2", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex justify-end gap-2", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                                 "button",
                                 {
                                   type: "button",
@@ -4921,7 +5242,7 @@ function SuiteAiPanel({
                                   children: "Cancel"
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                                 "button",
                                 {
                                   type: "button",
@@ -4938,14 +5259,14 @@ function SuiteAiPanel({
                         `user-${index}`
                       );
                     }
-                    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                       "div",
                       {
                         className: "suite-msg-in suite-msg-in--user flex justify-end",
                         "data-test": "ask-ai-user",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "group flex items-end gap-1.5", children: [
-                          !waiting ? /* @__PURE__ */ (0, import_jsx_runtime33.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_runtime33.jsx)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "group flex items-end gap-1.5", children: [
+                          !waiting ? /* @__PURE__ */ (0, import_jsx_runtime34.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_runtime34.jsx)(
                               "button",
                               {
                                 type: "button",
@@ -4953,10 +5274,10 @@ function SuiteAiPanel({
                                 "aria-label": copiedIndex === index ? "Copied" : "Copy message",
                                 "data-test": "ask-ai-copy",
                                 className: "ph-btn ph-btn-ghost ph-btn-square ph-btn-xs h-7 w-7 text-ph-mutedtext",
-                                children: copiedIndex === index ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_iconoir_react9.Check, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_iconoir_react9.Copy, { className: "h-3.5 w-3.5" })
+                                children: copiedIndex === index ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_iconoir_react9.Check, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_iconoir_react9.Copy, { className: "h-3.5 w-3.5" })
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                               "button",
                               {
                                 type: "button",
@@ -4967,41 +5288,41 @@ function SuiteAiPanel({
                                 "aria-label": "Edit message",
                                 "data-test": "ask-ai-edit",
                                 className: "ph-btn ph-btn-ghost ph-btn-square ph-btn-xs h-7 w-7 text-ph-mutedtext",
-                                children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_iconoir_react9.EditPencil, { className: "h-3.5 w-3.5" })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_iconoir_react9.EditPencil, { className: "h-3.5 w-3.5" })
                               }
                             )
                           ] }) : null,
-                          /* @__PURE__ */ (0, import_jsx_runtime33.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_runtime34.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_runtime33.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
                     "div",
                     {
                       className: "flex items-end gap-2",
                       "data-test": "ask-ai-assistant",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime34.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_runtime33.jsx)(Icon, { className: "h-3.5 w-3.5" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon, { className: "h-3.5 w-3.5" })
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "suite-msg-bubble min-w-0 max-w-[85%] space-y-2", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime33.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_runtime33.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "suite-msg-bubble min-w-0 max-w-[85%] space-y-2", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime34.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_runtime34.jsx)(
                             import_react21.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_runtime33.jsx)("span", { className: "sr-only", role: "status", children: "Rendering response\u2026" })
+                                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "sr-only", role: "status", children: "Rendering response\u2026" })
                               ),
-                              children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                              children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                                 SuiteAiMarkdownMessage2,
                                 {
                                   markdown: message.content,
@@ -5010,84 +5331,161 @@ function SuiteAiPanel({
                               )
                             }
                           ) }),
-                          ((_a2 = message.actions) != null ? _a2 : []).map((action) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
-                            "div",
-                            {
-                              "data-test": "ask-ai-action",
-                              "data-status": action.status,
-                              className: "rounded-[var(--ph-radius-surface)] border border-ph-border bg-ph-surface px-3 py-2 text-sm text-ph-ink",
-                              children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "font-medium", children: action.summary }),
-                                action.status === "proposed" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "mt-2 flex flex-wrap gap-2", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-                                    "button",
-                                    {
-                                      type: "button",
-                                      "data-test": "ask-ai-action-confirm",
-                                      disabled: Boolean(resolvingId) || !resolveAction,
-                                      onClick: () => void handleResolve(action.id, "confirm"),
-                                      className: "ph-btn ph-btn-primary ph-btn-xs",
-                                      children: resolvingId === action.id ? "Working\u2026" : "Confirm"
-                                    }
-                                  ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-                                    "button",
+                          ((_a2 = message.actions) != null ? _a2 : []).map((action) => {
+                            var _a3, _b, _c, _d;
+                            return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+                              "div",
+                              {
+                                "data-test": "ask-ai-action",
+                                "data-status": action.status,
+                                className: "rounded-[var(--ph-radius-surface)] border border-ph-border bg-ph-surface px-3 py-2 text-sm text-ph-ink",
+                                children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "font-medium", children: action.summary }),
+                                  action.payload && action.kind.startsWith("propose_") ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+                                    "details",
                                     {
-                                      type: "button",
-                                      "data-test": "ask-ai-action-cancel",
-                                      disabled: Boolean(resolvingId) || !resolveAction,
-                                      onClick: () => void handleResolve(action.id, "cancel"),
-                                      className: "ph-btn ph-btn-secondary ph-btn-xs",
-                                      children: "Cancel"
+                                      className: "mt-2",
+                                      "data-test": "ask-ai-workflow-preview",
+                                      children: [
+                                        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("summary", { className: "cursor-pointer rounded text-xs text-ph-brand focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2", children: "Review proposed content and evidence" }),
+                                        typeof action.payload.before === "string" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "mt-2", children: [
+                                          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-xs font-medium text-ph-subtle", children: "Current description" }),
+                                          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("pre", { className: "mt-1 max-h-48 overflow-auto whitespace-pre-wrap break-words text-xs", children: action.payload.before })
+                                        ] }) : null,
+                                        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "mt-2", children: [
+                                          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-xs font-medium text-ph-subtle", children: "Proposed draft" }),
+                                          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("pre", { className: "mt-1 max-h-80 overflow-auto whitespace-pre-wrap break-words text-xs", children: String(
+                                            (_c = (_a3 = action.payload.body) != null ? _a3 : action.payload.description) != null ? _c : JSON.stringify(
+                                              (_b = action.payload.tasks) != null ? _b : action.payload,
+                                              null,
+                                              2
+                                            )
+                                          ) })
+                                        ] }),
+                                        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("pre", { className: "mt-2 max-h-40 overflow-auto whitespace-pre-wrap break-words text-xs text-ph-subtle", children: JSON.stringify(
+                                          action.kind === "propose_project_handover" ? {
+                                            project_id: action.payload.project_id,
+                                            sources: action.payload.sources,
+                                            task_versions: action.payload.task_versions
+                                          } : action.kind === "propose_requirement_update" ? {
+                                            source_url: action.payload.source_url,
+                                            document_revision: action.payload.document_revision,
+                                            task_updated_at: action.payload.task_updated_at
+                                          } : Object.fromEntries(
+                                            Object.entries(action.payload).filter(
+                                              ([key]) => ![
+                                                "body",
+                                                "description",
+                                                "before",
+                                                "tasks"
+                                              ].includes(key)
+                                            )
+                                          ),
+                                          null,
+                                          2
+                                        ) })
+                                      ]
                                     }
-                                  )
-                                ] }) : null,
-                                action.status === "applied" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("p", { className: "mt-1 text-xs text-ph-subtle", children: [
-                                  "Done",
-                                  action.href ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
-                                    " \xB7 ",
-                                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-                                      "a",
+                                  ) : null,
+                                  action.status === "proposed" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "mt-2 flex flex-wrap gap-2", children: [
+                                    suiteAiDraftFields(action.kind, action.payload) ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                                      "button",
+                                      {
+                                        type: "button",
+                                        className: "ph-btn ph-btn-secondary ph-btn-xs",
+                                        onClick: () => setActionDrafts((drafts) => {
+                                          var _a4;
+                                          return __spreadProps(__spreadValues({}, drafts), {
+                                            [action.id]: (_a4 = drafts[action.id]) != null ? _a4 : suiteAiDraftFields(
+                                              action.kind,
+                                              action.payload
+                                            )
+                                          });
+                                        }),
+                                        children: "Edit draft"
+                                      }
+                                    ) : null,
+                                    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                                      "button",
+                                      {
+                                        type: "button",
+                                        "data-test": "ask-ai-action-confirm",
+                                        disabled: Boolean(resolvingId) || !resolveAction,
+                                        onClick: () => void handleResolve(action, "confirm"),
+                                        className: "ph-btn ph-btn-primary ph-btn-xs",
+                                        children: resolvingId === action.id ? "Working\u2026" : "Confirm"
+                                      }
+                                    ),
+                                    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                                      "button",
                                       {
-                                        href: action.href,
-                                        className: "text-ph-brand underline-offset-2 hover:underline",
-                                        children: "Open"
+                                        type: "button",
+                                        "data-test": "ask-ai-action-cancel",
+                                        disabled: Boolean(resolvingId) || !resolveAction,
+                                        onClick: () => void handleResolve(action, "cancel"),
+                                        className: "ph-btn ph-btn-secondary ph-btn-xs",
+                                        children: "Cancel"
                                       }
                                     )
-                                  ] }) : null
-                                ] }) : null,
-                                action.status === "cancelled" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "mt-1 text-xs text-ph-subtle", children: "Cancelled" }) : null,
-                                action.status === "failed" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "mt-1 text-xs text-ph-danger", children: action.error || "Could not apply that." }) : null
-                              ]
-                            },
-                            action.id
-                          ))
+                                  ] }) : null,
+                                  action.status === "proposed" && actionDrafts[action.id] ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                                    SuiteAiDraftEditor,
+                                    {
+                                      kind: action.kind,
+                                      draft: actionDrafts[action.id],
+                                      canAddTasks: Boolean((_d = action.payload) == null ? void 0 : _d.project_id),
+                                      onChange: (draft) => setActionDrafts((drafts) => __spreadProps(__spreadValues({}, drafts), {
+                                        [action.id]: draft
+                                      }))
+                                    }
+                                  ) : null,
+                                  action.status === "applied" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("p", { className: "mt-1 text-xs text-ph-subtle", children: [
+                                    "Done",
+                                    action.href ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+                                      " \xB7 ",
+                                      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                                        "a",
+                                        {
+                                          href: action.href,
+                                          className: "text-ph-brand underline-offset-2 hover:underline",
+                                          children: "Open"
+                                        }
+                                      )
+                                    ] }) : null
+                                  ] }) : null,
+                                  action.status === "cancelled" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "mt-1 text-xs text-ph-subtle", children: "Cancelled" }) : null,
+                                  action.status === "failed" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "mt-1 text-xs text-ph-danger", children: action.error || "Could not apply that." }) : null
+                                ]
+                              },
+                              action.id
+                            );
+                          })
                         ] })
                       ]
                     },
                     `assistant-${index}`
                   );
                 }),
-                waiting ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-end gap-2", "aria-hidden": true, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime33.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_runtime33.jsx)(Icon, { className: "h-3.5 w-3.5" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime33.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_runtime33.jsx)("span", { className: "suite-think-dot h-1.5 w-1.5 rounded-full bg-ph-mutedtext" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime33.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_runtime33.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_runtime34.jsxs)("div", { className: "flex items-end gap-2", "aria-hidden": true, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime34.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_runtime34.jsx)(Icon, { className: "h-3.5 w-3.5" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime34.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_runtime34.jsx)("span", { className: "suite-think-dot h-1.5 w-1.5 rounded-full bg-ph-mutedtext" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime34.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_runtime34.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_runtime33.jsx)("span", { className: "sr-only", "aria-live": "polite", children: "Assistant is responding\u2026" }) : null,
-                error ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+                waiting ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "sr-only", "aria-live": "polite", children: "Assistant is responding\u2026" }) : null,
+                error ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
                   "div",
                   {
                     role: "alert",
                     className: "flex items-start gap-2 rounded-[var(--ph-radius-surface)] border border-ph-danger/30 bg-ph-danger/10 px-3 py-2.5 text-sm text-ph-ink",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_iconoir_react9.WarningTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-ph-danger" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "min-w-0 flex-1", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "font-medium text-ph-danger", children: "Something went wrong" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "mt-0.5 text-ph-subtle", children: error }),
-                        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_iconoir_react9.WarningTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-ph-danger" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "min-w-0 flex-1", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "font-medium text-ph-danger", children: "Something went wrong" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "mt-0.5 text-ph-subtle", children: error }),
+                        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                           "button",
                           {
                             type: "button",
@@ -5104,20 +5502,20 @@ function SuiteAiPanel({
               ]
             }
           ),
-          !atBottom ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "absolute bottom-3 left-1/2 -translate-x-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Tooltip, { content: "Scroll to latest", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          !atBottom ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "absolute bottom-3 left-1/2 -translate-x-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Tooltip, { content: "Scroll to latest", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             "button",
             {
               type: "button",
               onClick: () => scrollToBottom("smooth"),
               className: "ph-btn ph-btn-ghost ph-btn-circle h-9 w-9 border border-ph-border bg-ph-surface text-ph-subtle shadow-[var(--ph-shadow-floating)]",
               "aria-label": "Scroll to latest",
-              children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_iconoir_react9.ArrowDown, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_iconoir_react9.ArrowDown, { className: "h-4 w-4" })
             }
           ) }) }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "px-2 pt-2 pb-[max(2rem,calc(env(safe-area-inset-bottom)+1rem))]", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "suite-ai-composer flex items-end gap-1.5 border bg-ph-surface px-1.5 py-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("label", { htmlFor: inputId, className: "sr-only", children: "Ask a question" }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "px-2 pt-2 pb-[max(2rem,calc(env(safe-area-inset-bottom)+1rem))]", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "suite-ai-composer flex items-end gap-1.5 border bg-ph-surface px-1.5 py-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("label", { htmlFor: inputId, className: "sr-only", children: "Ask a question" }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             "textarea",
             {
               id: inputId,
@@ -5136,7 +5534,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_runtime33.jsx)(Tooltip, { content: "Stop generating", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          waiting ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Tooltip, { content: "Stop generating", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             "button",
             {
               type: "button",
@@ -5144,9 +5542,9 @@ function SuiteAiPanel({
               "data-test": "ask-ai-stop",
               className: "ph-btn ph-btn-ghost ph-btn-circle h-9 w-9 shrink-0 bg-ph-muted text-ph-ink",
               "aria-label": "Stop generating",
-              children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_iconoir_react9.Square, { className: "h-3.5 w-3.5 fill-current" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_iconoir_react9.Square, { className: "h-3.5 w-3.5 fill-current" })
             }
-          ) }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Tooltip, { content: "Send message", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          ) }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Tooltip, { content: "Send message", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             "button",
             {
               type: "button",
@@ -5155,7 +5553,7 @@ function SuiteAiPanel({
               "data-test": "ask-ai-send",
               className: "ph-btn ph-btn-primary ph-btn-circle h-9 w-9 shrink-0",
               "aria-label": "Send message",
-              children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_iconoir_react9.ArrowUp, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_iconoir_react9.ArrowUp, { className: "h-4 w-4" })
             }
           ) })
         ] }) })
@@ -5167,7 +5565,7 @@ function SuiteAiPanel({
 // src/suite/components/workspace-switcher.tsx
 var import_react22 = require("react");
 var import_iconoir_react10 = require("iconoir-react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function SuiteWorkspaceSwitcher({
   workspaces = [],
   groups,
@@ -5185,7 +5583,7 @@ function SuiteWorkspaceSwitcher({
   var _a2;
   const [open, setOpen] = (0, import_react22.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_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     DropdownMenu2,
     {
       "aria-label": "Switch workspace",
@@ -5196,7 +5594,7 @@ function SuiteWorkspaceSwitcher({
       align: "start",
       open,
       onOpenChange: setOpen,
-      trigger: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
         "span",
         {
           className: cn(
@@ -5206,10 +5604,10 @@ function SuiteWorkspaceSwitcher({
           ),
           "data-test": "workspace-switcher-trigger",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_iconoir_react10.Building, { className: "h-4 w-4 shrink-0 text-ph-ink", "aria-hidden": true }),
-            !collapsed ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-ph-ink", children: name }),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_iconoir_react10.Building, { className: "h-4 w-4 shrink-0 text-ph-ink", "aria-hidden": true }),
+            !collapsed ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-ph-ink", children: name }),
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                 import_iconoir_react10.NavArrowDown,
                 {
                   className: cn(
@@ -5223,16 +5621,16 @@ function SuiteWorkspaceSwitcher({
           ]
         }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
         "div",
         {
           id: "workspace-switcher-menu",
           className: "p-1",
           "data-test": "workspace-switcher-menu",
           children: [
-            sections.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "px-3 py-2 text-sm text-ph-mutedtext", children: emptyLabel }) : sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "px-3 py-2 text-[length:var(--ph-type-overline)] font-semibold uppercase tracking-[0.08em] text-ph-mutedtext", children: section.label }),
-              section.workspaces.map((workspace) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            sections.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "px-3 py-2 text-sm text-ph-mutedtext", children: emptyLabel }) : sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "px-3 py-2 text-[length:var(--ph-type-overline)] font-semibold uppercase tracking-[0.08em] text-ph-mutedtext", children: section.label }),
+              section.workspaces.map((workspace) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                 DropdownItem2,
                 {
                   id: `workspace-option-${workspace.id}`,
@@ -5245,12 +5643,12 @@ function SuiteWorkspaceSwitcher({
                     onSelect(workspace);
                   },
                   className: appSwitcherMenuItemClass(),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "flex min-w-0 w-full items-center gap-3", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "min-w-0 flex-1", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "block truncate text-sm font-medium text-ph-ink", children: workspace.name }),
-                      workspace.description ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "block truncate text-xs text-ph-mutedtext", children: workspace.description }) : null
+                  children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "flex min-w-0 w-full items-center gap-3", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "min-w-0 flex-1", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "block truncate text-sm font-medium text-ph-ink", children: workspace.name }),
+                      workspace.description ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "block truncate text-xs text-ph-mutedtext", children: workspace.description }) : null
                     ] }),
-                    workspace.id === currentId ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                    workspace.id === currentId ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                       import_iconoir_react10.Check,
                       {
                         className: "h-4 w-4 shrink-0 text-ph-brand",
@@ -5262,7 +5660,7 @@ function SuiteWorkspaceSwitcher({
                 workspace.id
               ))
             ] }, section.id)),
-            footer ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "mt-1 border-t border-ph-border pt-1", children: footer }) : null
+            footer ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "mt-1 border-t border-ph-border pt-1", children: footer }) : null
           ]
         }
       )
@@ -5271,7 +5669,7 @@ function SuiteWorkspaceSwitcher({
 }
 
 // src/suite/icons/suite-icon.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var TODAY_SUN_STYLE = `
 @media (prefers-reduced-motion: no-preference) {
   .suite-icon-today-sun-rays {
@@ -5297,7 +5695,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_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     "svg",
     {
       width: size,
@@ -5314,8 +5712,8 @@ function SuiteIcon({
       "aria-label": label,
       "aria-hidden": label ? void 0 : true,
       children: [
-        glyph.animatedAccent && animated ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("style", { children: TODAY_SUN_STYLE }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        glyph.animatedAccent && animated ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("style", { children: TODAY_SUN_STYLE }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
           GlyphParts,
           {
             elements: glyph.elements,
@@ -5496,9 +5894,9 @@ function useSidebarWidth(storageKey = SUITE_SIDEBAR_WIDTH_KEY, defaultWidth = SI
 
 // src/suite/lib/motion.tsx
 var import_react24 = require("motion/react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function SuiteMotionProvider({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react24.LazyMotion, { features: import_react24.domAnimation, strict: true, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react24.LazyMotion, { features: import_react24.domAnimation, strict: true, children });
 }
 var SUITE_SPRINGS = {
   /** Snappy panel/sheet entrances — small overshoot. */
@@ -5510,24 +5908,24 @@ var SUITE_SPRINGS = {
 };
 
 // src/suite/components/suite-skeleton.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function SuiteSkeleton({
   className,
   lines = 1,
   circle,
   width
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.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_runtime37.jsx)(
+      children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "div",
         {
           className: "animate-[skeleton-stagger_0.6s_ease-out_both]",
           style: { animationDelay: `${index * 80}ms` },
-          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             "div",
             {
               className: cn(
@@ -5551,7 +5949,7 @@ function SuiteSkeletonCard({
   rows = 3,
   header = true
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     "div",
     {
       className: cn(
@@ -5560,26 +5958,26 @@ function SuiteSkeletonCard({
       ),
       "aria-hidden": true,
       children: [
-        header ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+        header ? /* @__PURE__ */ (0, import_jsx_runtime38.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_runtime37.jsx)("div", { className: "ph-skeleton h-10 w-10 rounded-[var(--ph-radius-control)]" }),
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex-1 space-y-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "ph-skeleton h-4 w-1/3" }),
-                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "ph-skeleton h-3 w-1/2" })
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "ph-skeleton h-10 w-10 rounded-[var(--ph-radius-control)]" }),
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex-1 space-y-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "ph-skeleton h-4 w-1/3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "ph-skeleton h-3 w-1/2" })
               ] })
             ]
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           "div",
           {
             className: "animate-[skeleton-stagger_0.5s_ease-out_both]",
             style: { animationDelay: `${200 + index * 80}ms` },
-            children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               "div",
               {
                 className: "ph-skeleton h-3",
@@ -5597,16 +5995,16 @@ function SuiteSkeletonList({
   className,
   items = 4
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: cn("space-y-3", className), "aria-hidden": true, children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: cn("space-y-3", className), "aria-hidden": true, children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "div",
     {
       className: "animate-[skeleton-stagger_0.6s_ease-out_both]",
       style: { animationDelay: `${index * 100}ms` },
-      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-3 rounded-[var(--ph-radius-surface)] border border-ph-border bg-ph-surface p-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "ph-skeleton h-10 w-10 rounded-[var(--ph-radius-control)]" }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "min-w-0 flex-1 space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "ph-skeleton h-3.5 w-3/4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "ph-skeleton h-3 w-1/2" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-3 rounded-[var(--ph-radius-surface)] border border-ph-border bg-ph-surface p-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "ph-skeleton h-10 w-10 rounded-[var(--ph-radius-control)]" }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "min-w-0 flex-1 space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "ph-skeleton h-3.5 w-3/4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "ph-skeleton h-3 w-1/2" })
         ] })
       ] })
     },
@@ -5621,7 +6019,7 @@ function SuiteEmptyState({
   className,
   size = "md"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     "div",
     {
       className: cn(
@@ -5630,13 +6028,13 @@ function SuiteEmptyState({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "pointer-events-none absolute inset-0 overflow-hidden opacity-60", "aria-hidden": true, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "absolute -left-10 -top-10 h-40 w-40 rounded-full bg-ph-brand/10 blur-3xl" }),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "absolute -bottom-10 -right-10 h-40 w-40 rounded-full bg-ph-accent/10 blur-3xl" })
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "pointer-events-none absolute inset-0 overflow-hidden opacity-60", "aria-hidden": true, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "absolute -left-10 -top-10 h-40 w-40 rounded-full bg-ph-brand/10 blur-3xl" }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "absolute -bottom-10 -right-10 h-40 w-40 rounded-full bg-ph-accent/10 blur-3xl" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative", children: [
-          icon ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "mx-auto mb-4 inline-flex items-center justify-center rounded-[var(--ph-radius-surface)] border border-ph-border bg-ph-muted p-3 shadow-[var(--ph-shadow-control)]", children: icon }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "relative", children: [
+          icon ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "mx-auto mb-4 inline-flex items-center justify-center rounded-[var(--ph-radius-surface)] border border-ph-border bg-ph-muted p-3 shadow-[var(--ph-shadow-control)]", children: icon }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             "h2",
             {
               className: cn(
@@ -5646,8 +6044,8 @@ function SuiteEmptyState({
               children: title
             }
           ),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime37.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_runtime37.jsx)("div", { className: "mt-5 flex flex-wrap items-center justify-center gap-2", children: action }) : null
+          description ? /* @__PURE__ */ (0, import_jsx_runtime38.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_runtime38.jsx)("div", { className: "mt-5 flex flex-wrap items-center justify-center gap-2", children: action }) : null
         ] })
       ]
     }
@@ -5656,7 +6054,7 @@ function SuiteEmptyState({
 
 // src/suite/components/suite-settings-mobile-nav.tsx
 var import_react25 = require("react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function SuiteSettingsMobileNav({
   items,
   activeHref,
@@ -5665,16 +6063,16 @@ function SuiteSettingsMobileNav({
   ariaLabel = "Settings sections",
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "nav",
     {
       "data-test": dataTest,
       "aria-label": ariaLabel,
       className: cn("suite-settings-mobile-nav lg:hidden", className),
-      children: /* @__PURE__ */ (0, import_jsx_runtime38.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_runtime39.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_react25.isValidElement)(item.icon) ? item.icon : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        const iconNode = (0, import_react25.isValidElement)(item.icon) ? item.icon : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           Icon,
           {
             className: cn(
@@ -5684,13 +6082,17 @@ function SuiteSettingsMobileNav({
             "aria-hidden": true
           }
         );
-        return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
           "button",
           {
             type: "button",
             id: item.id,
             "data-test": item.testId,
-            onClick: () => onSelect(item.href),
+            onClick: () => {
+              var _a2;
+              trackSuiteEvent("Tab Viewed", { tab: (_a2 = item.id) != null ? _a2 : item.href });
+              onSelect(item.href);
+            },
             "aria-current": active ? "page" : void 0,
             className: cn(
               "group relative flex min-h-[44px] shrink-0 snap-start items-center gap-2 rounded-[var(--ph-radius-control)] border px-3.5 py-2.5 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:shadow-[var(--ph-focus-halo)]",
@@ -5698,7 +6100,7 @@ function SuiteSettingsMobileNav({
             ),
             children: [
               iconNode,
-              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "whitespace-nowrap", children: item.label })
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "whitespace-nowrap", children: item.label })
             ]
           },
           item.href
@@ -5712,7 +6114,7 @@ function SuiteSettingsMobileNav({
 var import_link2 = __toESM(require("next/link"));
 var import_react26 = require("react");
 var import_iconoir_react11 = require("iconoir-react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function renderNode(node, collapsed) {
   if (typeof node === "function") return node(collapsed);
   return node;
@@ -5789,7 +6191,7 @@ function SuiteSidebar({
     if (collapsed) onRequestExpand == null ? void 0 : onRequestExpand();
     setAskAi(true);
   }
-  const askAiButton = /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  const askAiButton = /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "button",
     {
       ref: askAiButtonRef,
@@ -5802,11 +6204,11 @@ function SuiteSidebar({
         "ph-btn ph-btn-ghost ph-btn-square h-10 w-10 shrink-0",
         askAiOpen ? "bg-ph-brand/10 text-ph-brand" : "text-ph-mutedtext hover:bg-ph-muted hover:text-ph-ink"
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_iconoir_react11.Sparks, { className: "h-4 w-4", "aria-hidden": true })
+      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_iconoir_react11.Sparks, { className: "h-4 w-4", "aria-hidden": true })
     }
   );
   if (chatOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       "div",
       {
         "data-suite-chat-open": "",
@@ -5816,7 +6218,7 @@ function SuiteSidebar({
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
             "div",
             {
               className: cn(
@@ -5824,7 +6226,7 @@ function SuiteSidebar({
                 surface ? "bg-ph-surface" : "bg-ph-canvas"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                   "button",
                   {
                     ref: askAiBackRef,
@@ -5833,19 +6235,19 @@ function SuiteSidebar({
                     "aria-label": "Back to navigation",
                     onClick: closeAskAi,
                     className: "ph-btn ph-btn-ghost ph-btn-square h-10 w-10 shrink-0 text-ph-subtle",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_iconoir_react11.NavArrowLeft, { className: "h-4 w-4", "aria-hidden": true })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_iconoir_react11.NavArrowLeft, { className: "h-4 w-4", "aria-hidden": true })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-ph-ink", children: "Shelly AI" })
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-ph-ink", children: "Shelly AI" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "min-h-0 flex-1", children: askAi })
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "min-h-0 flex-1", children: askAi })
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     "div",
     {
       "data-surface": surface ? "true" : "false",
@@ -5854,7 +6256,7 @@ function SuiteSidebar({
         className
       ),
       children: [
-        appSwitcher || notificationBell ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+        appSwitcher || notificationBell ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
           "div",
           {
             className: cn(
@@ -5862,12 +6264,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_runtime39.jsx)("div", { className: cn("min-w-0", collapsed ? "shrink-0" : "flex-1"), children: renderNode(appSwitcher, collapsed) }),
-              collapsed ? null : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "shrink-0", children: renderNode(notificationBell, collapsed) })
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn("min-w-0", collapsed ? "shrink-0" : "flex-1"), children: renderNode(appSwitcher, collapsed) }),
+              collapsed ? null : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "shrink-0", children: renderNode(notificationBell, collapsed) })
             ]
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
           "div",
           {
             className: cn(
@@ -5876,7 +6278,7 @@ function SuiteSidebar({
               collapsed ? "px-1.5 py-2" : "p-3"
             ),
             children: [
-              contextSwitcher ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              contextSwitcher ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                 "div",
                 {
                   className: cn(
@@ -5886,9 +6288,9 @@ function SuiteSidebar({
                   children: renderNode(contextSwitcher, collapsed)
                 }
               ) : null,
-              chatOpen ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex min-h-0 flex-1 flex-col", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "mb-2 flex shrink-0 items-center gap-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+              chatOpen ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "mb-2 flex shrink-0 items-center gap-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -5896,20 +6298,20 @@ function SuiteSidebar({
                       onClick: closeAskAi,
                       className: "ph-btn ph-btn-ghost ph-btn-sm h-9 text-ph-subtle",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_iconoir_react11.NavArrowLeft, { className: "h-4 w-4", "aria-hidden": true }),
+                        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_iconoir_react11.NavArrowLeft, { className: "h-4 w-4", "aria-hidden": true }),
                         "Nav"
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "truncate text-sm font-semibold text-ph-ink", children: "Shelly AI" })
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "truncate text-sm font-semibold text-ph-ink", children: "Shelly AI" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "min-h-0 flex-1", children: askAi })
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("nav", { "aria-label": "Pages", className: "shrink-0 space-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "space-y-1", children: navItems.map((item) => {
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "min-h-0 flex-1", children: askAi })
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("nav", { "aria-label": "Pages", className: "shrink-0 space-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime40.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_runtime39.jsxs)(
+                  const link = /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
                     import_link2.default,
                     {
                       href: item.href,
@@ -5918,12 +6320,12 @@ function SuiteSidebar({
                       "aria-current": active ? "page" : void 0,
                       onClick: item.onClick,
                       className: cn(
-                        "group relative flex min-h-11 touch-manipulation items-center gap-2.5 rounded-[var(--ph-radius-control)] text-sm font-medium transition-colors focus-visible:outline-none focus-visible:shadow-[var(--ph-focus-halo)]",
-                        active ? "bg-[var(--ph-selected-bg)] text-[var(--ph-selected-text)] shadow-[inset_0_0_0_1px_var(--ph-selected-border)]" : "text-ph-subtle hover:bg-[var(--ph-surface-hover)] hover:text-ph-ink",
+                        "suite-sidebar-link group relative flex min-h-11 touch-manipulation items-center gap-2.5 rounded-[var(--ph-radius-control)] text-sm font-medium transition-colors",
+                        active ? "bg-[var(--ph-selected-bg)] text-[var(--ph-selected-text)]" : "text-ph-subtle hover:bg-[var(--ph-surface-hover)] hover:text-ph-ink",
                         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_runtime39.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                           "span",
                           {
                             className: cn(
@@ -5931,7 +6333,7 @@ function SuiteSidebar({
                               item.iconClassName
                             ),
                             "aria-hidden": true,
-                            children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                               Icon,
                               {
                                 className: "h-full w-full",
@@ -5940,7 +6342,7 @@ function SuiteSidebar({
                             )
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                           "span",
                           {
                             className: cn(
@@ -5951,14 +6353,14 @@ function SuiteSidebar({
                             children: item.label
                           }
                         ),
-                        !collapsed && item.badge ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "relative ml-auto shrink-0", children: item.badge }) : null
+                        !collapsed && item.badge ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "relative ml-auto shrink-0", children: item.badge }) : null
                       ]
                     },
                     item.label
                   );
-                  return collapsed ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Tooltip, { content: item.label, side: "right", children: link }, item.label) : link;
+                  return collapsed ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Tooltip, { content: item.label, side: "right", children: link }, item.label) : link;
                 }) }) }),
-                secondaryNav ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                secondaryNav ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                   "div",
                   {
                     className: "min-h-0 flex-1",
@@ -5970,14 +6372,14 @@ function SuiteSidebar({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "div",
           {
             className: cn(
               "shrink-0 border-t border-ph-border",
               collapsed ? "p-1.5" : "p-3"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
               "div",
               {
                 className: cn(
@@ -5986,8 +6388,8 @@ function SuiteSidebar({
                 ),
                 children: [
                   renderNode(userMenu, collapsed),
-                  showAskAi ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn("shrink-0", collapsed ? "mt-2" : "ml-auto"), children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Tooltip, { content: "Shelly AI", side: collapsed ? "right" : "top", children: askAiButton }) }) : footerExtras ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn("shrink-0", collapsed ? "mt-2" : "ml-auto"), children: renderNode(footerExtras, collapsed) }) : null,
-                  showAskAi && footerExtras ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn("shrink-0", collapsed && "mt-2"), children: renderNode(footerExtras, collapsed) }) : null
+                  showAskAi ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn("shrink-0", collapsed ? "mt-2" : "ml-auto"), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Tooltip, { content: "Shelly AI", side: collapsed ? "right" : "top", children: askAiButton }) }) : footerExtras ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn("shrink-0", collapsed ? "mt-2" : "ml-auto"), children: renderNode(footerExtras, collapsed) }) : null,
+                  showAskAi && footerExtras ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn("shrink-0", collapsed && "mt-2"), children: renderNode(footerExtras, collapsed) }) : null
                 ]
               }
             )
@@ -5999,7 +6401,7 @@ function SuiteSidebar({
 }
 
 // src/suite/components/suite-app-layout.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function SuiteAppLayout({
   sidebar,
   children,
@@ -6013,7 +6415,7 @@ function SuiteAppLayout({
   onResetWidth,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
     "div",
     {
       "data-test": "app-shell",
@@ -6022,7 +6424,7 @@ function SuiteAppLayout({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
           "aside",
           {
             "aria-label": "Sidebar",
@@ -6030,8 +6432,8 @@ function SuiteAppLayout({
             style: { width: `${sidebarWidth}px` },
             "data-collapsed": collapsed ? "true" : "false",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "relative z-0 h-full min-h-0 isolate", children: sidebar }),
-              onStartResize ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "relative z-0 h-full min-h-0 isolate", children: sidebar }),
+              onStartResize ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                 "div",
                 {
                   role: "separator",
@@ -6066,9 +6468,9 @@ function SuiteAppLayout({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [
-          mobileHeader ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "shrink-0 lg:hidden", children: mobileHeader }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [
+          mobileHeader ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "shrink-0 lg:hidden", children: mobileHeader }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             "main",
             {
               id: "main-content",
@@ -6082,7 +6484,7 @@ function SuiteAppLayout({
               children
             }
           ),
-          bottomNav ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "shrink-0 lg:hidden", children: bottomNav }) : null
+          bottomNav ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "shrink-0 lg:hidden", children: bottomNav }) : null
         ] })
       ]
     }
@@ -6092,24 +6494,24 @@ function SuiteAppLayout({
 // src/suite/components/suite-integration-picker.tsx
 var import_react27 = require("react");
 var import_iconoir_react12 = require("iconoir-react");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var DESCRIPTION_LIMIT = 90;
 function IntegrationSkeletonCard() {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     "div",
     {
       className: "flex min-h-36 min-w-0 animate-pulse flex-col justify-between rounded-[var(--ph-radius-surface)] border border-ph-border bg-ph-surface p-4",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "h-8 w-8 shrink-0 rounded-md bg-ph-muted" }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "min-w-0 flex-1 space-y-2 pt-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "h-4 w-3/5 rounded bg-ph-muted" }),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "h-3 w-full rounded bg-ph-muted" }),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "h-3 w-4/5 rounded bg-ph-muted" })
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "h-8 w-8 shrink-0 rounded-md bg-ph-muted" }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "min-w-0 flex-1 space-y-2 pt-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "h-4 w-3/5 rounded bg-ph-muted" }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "h-3 w-full rounded bg-ph-muted" }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "h-3 w-4/5 rounded bg-ph-muted" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "mt-3 h-9 w-20 rounded bg-ph-muted" })
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "mt-3 h-9 w-20 rounded bg-ph-muted" })
       ]
     }
   );
@@ -6445,8 +6847,8 @@ function SuiteIntegrationPicker({
     observer.observe(sentinel);
     return () => observer.disconnect();
   }, [catalogLoading, hasMore, loading, loadingMore, onEndReached, open]);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       Modal,
       {
         open,
@@ -6456,15 +6858,15 @@ function SuiteIntegrationPicker({
         size: "xl",
         dataTest,
         bodyClassName: "!overflow-hidden",
-        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "space-y-4", children: [
-          connectionError ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-sm text-ph-danger", role: "alert", children: connectionError }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "space-y-4", children: [
+          connectionError ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-sm text-ph-danger", role: "alert", children: connectionError }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime42.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_runtime41.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                   "input",
                   {
                     type: "checkbox",
@@ -6475,27 +6877,27 @@ function SuiteIntegrationPicker({
                     "aria-label": "Shelly Bridge only"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                   import_iconoir_react12.Bridge3d,
                   {
                     className: "h-4 w-4 shrink-0 text-ph-subtle",
                     "aria-hidden": true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "Shelly Bridge only" })
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { children: "Shelly Bridge only" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "grid gap-4 md:grid-cols-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "relative", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "grid gap-4 md:grid-cols-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.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_runtime41.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                 Input,
                 {
                   value: activeSearch,
@@ -6509,8 +6911,8 @@ function SuiteIntegrationPicker({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { ref: categoryMenuRef, className: "relative", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { ref: categoryMenuRef, className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
                 "button",
                 {
                   ref: categoryTriggerRef,
@@ -6527,17 +6929,17 @@ function SuiteIntegrationPicker({
                   },
                   onKeyDown: handleCategoryTriggerKeyDown,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                         import_iconoir_react12.Filter,
                         {
                           className: "h-4 w-4 shrink-0 text-ph-subtle",
                           "aria-hidden": true
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: activeCategory === "all" ? "All apps" : categoryLabel(activeCategory) })
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { children: activeCategory === "all" ? "All apps" : categoryLabel(activeCategory) })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                       import_iconoir_react12.NavArrowDown,
                       {
                         className: `h-4 w-4 transition-transform ${categoryMenuOpen ? "rotate-180" : ""}`,
@@ -6547,12 +6949,12 @@ function SuiteIntegrationPicker({
                   ]
                 }
               ),
-              categoryMenuOpen ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+              categoryMenuOpen ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
                 "div",
                 {
                   className: "absolute z-20 mt-2 max-h-[min(22rem,calc(100dvh-12rem))] w-full max-w-full overflow-hidden rounded-[var(--ph-radius-overlay)] border border-[var(--ph-border-control)] bg-[var(--ph-surface-overlay)] p-2 shadow-[var(--ph-shadow-floating)]",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                       Input,
                       {
                         ref: categorySearchRef,
@@ -6572,7 +6974,7 @@ function SuiteIntegrationPicker({
                         }
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                       "div",
                       {
                         id: `${dataTest}-category-options`,
@@ -6580,7 +6982,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_runtime41.jsx)(
+                        children: categoryValues.map((value) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                           "button",
                           {
                             type: "button",
@@ -6612,20 +7014,20 @@ function SuiteIntegrationPicker({
               ) : null
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime42.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_runtime41.jsx)(
+                loading || catalogLoading ? /* @__PURE__ */ (0, import_jsx_runtime42.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_runtime41.jsx)(IntegrationSkeletonCard, {}, index))
+                    children: Array.from({ length: SKELETON_COUNT }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(IntegrationSkeletonCard, {}, index))
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3", children: [
+                ) : /* @__PURE__ */ (0, import_jsx_runtime42.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;
@@ -6633,33 +7035,33 @@ function SuiteIntegrationPicker({
                     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_runtime41.jsxs)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
                       "div",
                       {
                         className: "flex min-h-36 min-w-0 flex-col justify-between rounded-[var(--ph-radius-surface)] border border-ph-border bg-ph-surface p-4",
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                             "button",
                             {
                               type: "button",
                               className: "min-w-0 text-left",
                               onClick: () => longDescription && setExpanded(isExpanded ? null : item.id),
                               "aria-expanded": longDescription ? isExpanded : void 0,
-                              children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "flex items-start gap-3", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime41.jsx)(import_iconoir_react12.EvPlug, { className: "h-4 w-4", "aria-hidden": true }) }),
-                                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "min-w-0", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "block truncate font-medium text-ph-ink", children: item.label }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "mt-1 block text-xs text-ph-subtle", children: text }),
-                                  longDescription ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "mt-1 block text-xs font-medium text-ph-brand", children: [
+                              children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "flex items-start gap-3", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime42.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_runtime42.jsx)(import_iconoir_react12.EvPlug, { className: "h-4 w-4", "aria-hidden": true }) }),
+                                /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "min-w-0", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "block truncate font-medium text-ph-ink", children: item.label }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "mt-1 block text-xs text-ph-subtle", children: text }),
+                                  longDescription ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "mt-1 block text-xs font-medium text-ph-brand", children: [
                                     isExpanded ? "See less" : "See more",
                                     " ",
-                                    isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_iconoir_react12.NavArrowUp, { className: "inline h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_iconoir_react12.NavArrowDown, { className: "inline h-3 w-3" })
+                                    isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_iconoir_react12.NavArrowUp, { className: "inline h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_iconoir_react12.NavArrowDown, { className: "inline h-3 w-3" })
                                   ] }) : null
                                 ] })
                               ] })
                             }
                           ),
-                          bridgeApps.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                          bridgeApps.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                             "div",
                             {
                               className: "mt-3 flex flex-wrap items-center gap-1.5",
@@ -6667,7 +7069,7 @@ function SuiteIntegrationPicker({
                               children: bridgeApps.map((app) => {
                                 const mark = BRIDGE_MARK[app];
                                 if (!mark) return null;
-                                return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                                return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                                   "img",
                                   {
                                     src: mark.src,
@@ -6681,12 +7083,12 @@ function SuiteIntegrationPicker({
                               })
                             }
                           ) : null,
-                          schemes.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                          schemes.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                             "div",
                             {
                               className: "mt-3 flex flex-wrap gap-1.5",
                               "aria-label": "Connection methods",
-                              children: schemes.map((scheme) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                              children: schemes.map((scheme) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                                 "span",
                                 {
                                   className: "rounded-full border border-ph-border bg-ph-muted px-2 py-1 text-[0.6875rem] font-medium text-ph-subtle",
@@ -6697,7 +7099,7 @@ function SuiteIntegrationPicker({
                               ))
                             }
                           ) : null,
-                          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                             Button,
                             {
                               type: "button",
@@ -6705,8 +7107,8 @@ function SuiteIntegrationPicker({
                               className: "mt-3 self-start",
                               disabled: Boolean(item.unavailableReason) || item.connecting,
                               onClick: () => connectItem(item),
-                              children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "flex items-center gap-1.5", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_iconoir_react12.EvPlug, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+                              children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "flex items-center gap-1.5", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_iconoir_react12.EvPlug, { className: "h-3.5 w-3.5", "aria-hidden": true }),
                                 item.connecting ? "Connecting..." : (_b = item.unavailableReason) != null ? _b : "Connect"
                               ] })
                             }
@@ -6716,31 +7118,31 @@ function SuiteIntegrationPicker({
                       item.id
                     );
                   }),
-                  loadingMore ? Array.from({ length: 3 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(IntegrationSkeletonCard, {}, `loading-${index}`)) : null
+                  loadingMore ? Array.from({ length: 3 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(IntegrationSkeletonCard, {}, `loading-${index}`)) : null
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { ref: loadMoreSentinelRef, className: "h-1", "aria-hidden": "true" })
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { ref: loadMoreSentinelRef, className: "h-1", "aria-hidden": "true" })
               ]
             }
           ),
-          connectedItems.length > 0 && onDisconnect ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "space-y-2 border-t border-ph-border pt-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h3", { className: "font-medium text-ph-ink", children: "Connected apps" }),
-            connectedItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+          connectedItems.length > 0 && onDisconnect ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "space-y-2 border-t border-ph-border pt-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h3", { className: "font-medium text-ph-ink", children: "Connected apps" }),
+            connectedItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
               "div",
               {
                 className: "flex items-center justify-between gap-3 rounded-[var(--ph-radius-surface)] border border-ph-border bg-[var(--ph-surface-inset)] p-3",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "flex min-w-0 items-center gap-2 text-sm text-ph-ink", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "flex min-w-0 items-center gap-2 text-sm text-ph-ink", children: [
                     item.icon,
-                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "truncate", children: item.label })
+                    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "truncate", children: item.label })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                     Button,
                     {
                       type: "button",
                       variant: "danger",
                       onClick: () => requestDisconnect(item),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "flex items-center gap-1.5", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_iconoir_react12.Xmark, { className: "h-4 w-4", "aria-hidden": true }),
+                      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "flex items-center gap-1.5", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_iconoir_react12.Xmark, { className: "h-4 w-4", "aria-hidden": true }),
                         "Disconnect"
                       ] })
                     }
@@ -6753,7 +7155,7 @@ function SuiteIntegrationPicker({
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
       Modal,
       {
         open: itemToDisconnect !== null,
@@ -6765,8 +7167,8 @@ function SuiteIntegrationPicker({
         size: "sm",
         zIndex: 220,
         dataTest: `${dataTest}-disconnect-confirmation`,
-        footer: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        footer: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
             Button,
             {
               type: "button",
@@ -6776,7 +7178,7 @@ function SuiteIntegrationPicker({
               children: "Cancel"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
             Button,
             {
               type: "button",
@@ -6789,8 +7191,8 @@ function SuiteIntegrationPicker({
           )
         ] }),
         children: [
-          disconnectError ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-sm text-ph-danger", role: "alert", children: disconnectError }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "text-sm text-ph-ink", children: [
+          disconnectError ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-sm text-ph-danger", role: "alert", children: disconnectError }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("p", { className: "text-sm text-ph-ink", children: [
             "Disconnect ",
             itemToDisconnect == null ? void 0 : itemToDisconnect.label,
             "? You can reconnect it later."
@@ -6798,7 +7200,7 @@ function SuiteIntegrationPicker({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       Modal,
       {
         open: Boolean(methodItem),
@@ -6808,7 +7210,7 @@ function SuiteIntegrationPicker({
         size: "sm",
         zIndex: 200,
         dataTest: `${dataTest}-auth-method`,
-        children: methodItem ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "space-y-2", children: authSchemesFor(methodItem).map((scheme) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+        children: methodItem ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "space-y-2", children: authSchemesFor(methodItem).map((scheme) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
           "button",
           {
             type: "button",
@@ -6816,15 +7218,15 @@ function SuiteIntegrationPicker({
             onClick: () => void prepareConnection(methodItem, scheme),
             "data-test": `${dataTest}-choose-${scheme.toLowerCase()}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "font-medium", children: authSchemeLabel(scheme) }),
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-xs text-ph-subtle", children: "Select" })
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "font-medium", children: authSchemeLabel(scheme) }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-xs text-ph-subtle", children: "Select" })
             ]
           },
           scheme
         )) }) : null
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       Modal,
       {
         open: Boolean(authItem),
@@ -6834,14 +7236,14 @@ function SuiteIntegrationPicker({
         size: "md",
         zIndex: 210,
         dataTest: `${dataTest}-auth-form`,
-        children: authLoading ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-sm text-ph-subtle", children: "Loading authentication fields..." }) : authItem ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+        children: authLoading ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-sm text-ph-subtle", children: "Loading authentication fields..." }) : authItem ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
           "form",
           {
             className: "space-y-4",
             onSubmit: (event) => void submitAuthForm(event),
             children: [
-              authError ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-sm text-ph-danger", role: "alert", children: authError }) : null,
-              authItem.fields.length === 0 && authError ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+              authError ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-sm text-ph-danger", role: "alert", children: authError }) : null,
+              authItem.fields.length === 0 && authError ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                 Button,
                 {
                   type: "button",
@@ -6852,7 +7254,7 @@ function SuiteIntegrationPicker({
               ) : null,
               authItem.fields.map((field) => {
                 var _a2, _b;
-                return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                   Input,
                   {
                     label: field.label,
@@ -6868,8 +7270,8 @@ function SuiteIntegrationPicker({
                   field.name
                 );
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex justify-end gap-2 border-t border-ph-border pt-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex justify-end gap-2 border-t border-ph-border pt-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                   Button,
                   {
                     type: "button",
@@ -6879,7 +7281,7 @@ function SuiteIntegrationPicker({
                     children: "Cancel"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button, { type: "submit", variant: "primary", disabled: authSubmitting, children: authSubmitting ? "Connecting..." : "Connect" })
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Button, { type: "submit", variant: "primary", disabled: authSubmitting, children: authSubmitting ? "Connecting..." : "Connect" })
               ] })
             ]
           }
@@ -6892,7 +7294,7 @@ function SuiteIntegrationPicker({
 // src/suite/components/suite-integration-rules.tsx
 var import_react28 = require("react");
 var import_iconoir_react13 = require("iconoir-react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var ACTION_LABELS = {
   create_tides_task: "Create a Tides task",
   draft_time_entry: "Draft a time entry",
@@ -6998,20 +7400,20 @@ function SuiteIntegrationRules({
       setBusyId(null);
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("section", { className: "space-y-4", "data-test": dataTest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("section", { className: "space-y-4", "data-test": dataTest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
       Card,
       {
         variant: "outlined",
         bodyClassName: "p-5",
         "data-test": `${dataTest}-card`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h3", { className: "font-medium text-ph-ink", children: "Automation rules" }),
-              /* @__PURE__ */ (0, import_jsx_runtime42.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_runtime43.jsxs)("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h3", { className: "font-medium text-ph-ink", children: "Automation rules" }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.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_runtime42.jsx)(
+            canManage && onCreate ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
               Button,
               {
                 type: "button",
@@ -7019,14 +7421,14 @@ function SuiteIntegrationRules({
                 size: "sm",
                 onClick: () => setFormOpen((open) => !open),
                 "data-test": `${dataTest}-new`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "flex items-center gap-1.5", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_iconoir_react13.Plus, { className: "h-4 w-4", "aria-hidden": true }),
+                children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "flex items-center gap-1.5", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_iconoir_react13.Plus, { className: "h-4 w-4", "aria-hidden": true }),
                   "New rule"
                 ] })
               }
             ) : null
           ] }),
-          error ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          error ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             Alert,
             {
               status: "danger",
@@ -7034,36 +7436,36 @@ function SuiteIntegrationRules({
               description: error
             }
           ) : null,
-          loading ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "mt-4 text-sm text-ph-subtle", children: "Loading rules..." }) : rules.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          loading ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "mt-4 text-sm text-ph-subtle", children: "Loading rules..." }) : rules.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             "div",
             {
               className: "mt-4 rounded-[var(--ph-radius-surface)] border border-dashed border-ph-border bg-[var(--ph-surface-inset)] px-4 py-6 text-center",
               "data-test": `${dataTest}-empty`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("p", { className: "text-sm text-ph-subtle", children: [
+              children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "text-sm text-ph-subtle", children: [
                 "No automation rules yet.",
                 canManage ? " Create one to get started." : ""
               ] })
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("ul", { className: "mt-4 space-y-2", "data-test": `${dataTest}-list`, children: rules.map((rule) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("ul", { className: "mt-4 space-y-2", "data-test": `${dataTest}-list`, children: rules.map((rule) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
             "li",
             {
               className: "flex items-center justify-between gap-3 rounded-[var(--ph-radius-surface)] border border-ph-border bg-[var(--ph-surface-inset)] px-3 py-3",
               "data-test": `${dataTest}-rule-${rule.id}`,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "min-w-0", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "truncate text-sm font-medium text-ph-ink", children: rule.name }),
-                  /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("p", { className: "mt-0.5 truncate text-xs text-ph-subtle", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "truncate text-sm font-medium text-ph-ink", children: rule.name }),
+                  /* @__PURE__ */ (0, import_jsx_runtime43.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_runtime42.jsxs)("p", { className: "mt-0.5 truncate text-xs text-ph-subtle", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime43.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_runtime42.jsxs)("div", { className: "flex shrink-0 items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                canManage ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex shrink-0 items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                     Toggle,
                     {
                       checked: rule.enabled,
@@ -7072,7 +7474,7 @@ function SuiteIntegrationRules({
                       "aria-label": `Enable ${rule.name}`
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                     Button,
                     {
                       type: "button",
@@ -7081,10 +7483,10 @@ function SuiteIntegrationRules({
                       disabled: busyId === rule.id,
                       onClick: () => requestDelete(rule),
                       "aria-label": `Delete ${rule.name}`,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_iconoir_react13.Xmark, { className: "h-4 w-4", "aria-hidden": true })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_iconoir_react13.Xmark, { className: "h-4 w-4", "aria-hidden": true })
                     }
                   )
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                   Badge,
                   {
                     variant: rule.enabled ? "success" : "neutral",
@@ -7096,15 +7498,15 @@ function SuiteIntegrationRules({
             },
             rule.id
           )) }),
-          canManage && formOpen && onCreate ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+          canManage && formOpen && onCreate ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
             "form",
             {
               className: "mt-4 space-y-3 rounded-[var(--ph-radius-surface)] border border-ph-border bg-ph-surface p-4",
               onSubmit: (event) => void submitForm(event),
               "data-test": `${dataTest}-form`,
               children: [
-                formError ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-sm text-ph-danger", role: "alert", children: formError }) : null,
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                formError ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-sm text-ph-danger", role: "alert", children: formError }) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                   Input,
                   {
                     label: "Rule name",
@@ -7115,7 +7517,7 @@ function SuiteIntegrationRules({
                     "data-test": `${dataTest}-name`
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                   Input,
                   {
                     label: "Trigger event type",
@@ -7127,7 +7529,7 @@ function SuiteIntegrationRules({
                     "data-test": `${dataTest}-trigger`
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                   Select,
                   {
                     label: "Action",
@@ -7136,10 +7538,10 @@ function SuiteIntegrationRules({
                       event.target.value
                     ),
                     "data-test": `${dataTest}-action`,
-                    children: Object.entries(ACTION_LABELS).map(([value, label]) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("option", { value, children: label }, value))
+                    children: Object.entries(ACTION_LABELS).map(([value, label]) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("option", { value, children: label }, value))
                   }
                 ),
-                needsProject ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+                needsProject ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
                   Select,
                   {
                     label: "Project",
@@ -7147,12 +7549,12 @@ function SuiteIntegrationRules({
                     onChange: (event) => setProjectId(event.target.value),
                     "data-test": `${dataTest}-project`,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("option", { value: "", children: "Choose a project..." }),
-                      projects.map((project) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("option", { value: project.id, children: project.name }, project.id))
+                      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("option", { value: "", children: "Choose a project..." }),
+                      projects.map((project) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("option", { value: project.id, children: project.name }, project.id))
                     ]
                   }
                 ) : null,
-                actionType === "draft_time_entry" ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                actionType === "draft_time_entry" ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                   Input,
                   {
                     label: "Minutes (optional)",
@@ -7163,7 +7565,7 @@ function SuiteIntegrationRules({
                     "data-test": `${dataTest}-minutes`
                   }
                 ) : null,
-                actionType === "create_tides_task" ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+                actionType === "create_tides_task" ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
                   Select,
                   {
                     label: "Priority",
@@ -7171,15 +7573,15 @@ function SuiteIntegrationRules({
                     onChange: (event) => setPriority(event.target.value),
                     "data-test": `${dataTest}-priority`,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("option", { value: "low", children: "Low" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("option", { value: "medium", children: "Medium" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("option", { value: "high", children: "High" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("option", { value: "urgent", children: "Urgent" })
+                      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("option", { value: "low", children: "Low" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("option", { value: "medium", children: "Medium" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("option", { value: "high", children: "High" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("option", { value: "urgent", children: "Urgent" })
                     ]
                   }
                 ) : null,
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex justify-end gap-2 border-t border-ph-border pt-3", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex justify-end gap-2 border-t border-ph-border pt-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                     Button,
                     {
                       type: "button",
@@ -7189,7 +7591,7 @@ function SuiteIntegrationRules({
                       children: "Cancel"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Button, { type: "submit", variant: "primary", disabled: submitting, children: submitting ? "Creating..." : "Create rule" })
+                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Button, { type: "submit", variant: "primary", disabled: submitting, children: submitting ? "Creating..." : "Create rule" })
                 ] })
               ]
             }
@@ -7197,7 +7599,7 @@ function SuiteIntegrationRules({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
       Modal,
       {
         open: ruleToDelete !== null,
@@ -7207,8 +7609,8 @@ function SuiteIntegrationRules({
         title: "Delete automation rule",
         description: "This action cannot be undone.",
         dataTest: `${dataTest}-delete-confirmation`,
-        footer: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        footer: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             Button,
             {
               type: "button",
@@ -7218,7 +7620,7 @@ function SuiteIntegrationRules({
               children: "Cancel"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             Button,
             {
               type: "button",
@@ -7231,8 +7633,8 @@ function SuiteIntegrationRules({
           )
         ] }),
         children: [
-          deleteError ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-sm text-ph-danger", role: "alert", children: deleteError }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("p", { className: "text-sm text-ph-ink", children: [
+          deleteError ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-sm text-ph-danger", role: "alert", children: deleteError }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "text-sm text-ph-ink", children: [
             "Delete ",
             ruleToDelete == null ? void 0 : ruleToDelete.name,
             "? This cannot be undone."
@@ -7240,36 +7642,36 @@ function SuiteIntegrationRules({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
       Card,
       {
         variant: "outlined",
         bodyClassName: "p-5",
         "data-test": `${dataTest}-events-card`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h3", { className: "font-medium text-ph-ink", children: "Recent events" }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.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_runtime42.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h3", { className: "font-medium text-ph-ink", children: "Recent events" }),
+          /* @__PURE__ */ (0, import_jsx_runtime43.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_runtime43.jsx)(
             "p",
             {
               className: "mt-4 rounded-[var(--ph-radius-surface)] border border-dashed border-ph-border bg-[var(--ph-surface-inset)] 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_runtime42.jsx)("ul", { className: "mt-4 space-y-2", "data-test": `${dataTest}-events-list`, children: events.map((event) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("ul", { className: "mt-4 space-y-2", "data-test": `${dataTest}-events-list`, children: events.map((event) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
             "li",
             {
               className: "flex items-center justify-between gap-3 rounded-[var(--ph-radius-surface)] border border-ph-border bg-[var(--ph-surface-inset)] px-3 py-2",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "min-w-0", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("p", { className: "truncate text-sm text-ph-ink", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "truncate text-sm text-ph-ink", children: [
                     event.provider,
                     " \xB7 ",
                     event.event_type
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "mt-0.5 text-xs text-ph-subtle", children: formatDateTime(event.created_at) })
+                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "mt-0.5 text-xs text-ph-subtle", children: formatDateTime(event.created_at) })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                   Badge,
                   {
                     variant: event.processed_at ? "success" : "warning",
@@ -7347,7 +7749,7 @@ function paletteIconSrc(imageUrl, color) {
 }
 
 // src/suite/components/suite-entity-icon.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function SuiteEntityIcon({
   imageUrl,
   label,
@@ -7362,7 +7764,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_runtime43.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "span",
       {
         className: cn2(
@@ -7373,11 +7775,11 @@ function SuiteEntityIcon({
         style: __spreadValues({
           backgroundColor: tint ? `${tint}18` : neutralBackground
         }, style),
-        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { src: src != null ? src : void 0, alt: "", className: "h-full w-full object-contain" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("img", { src: src != null ? src : void 0, alt: "", className: "h-full w-full object-contain" })
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "span",
     {
       className: cn2(
@@ -7391,7 +7793,7 @@ function SuiteEntityIcon({
       }, style),
       "aria-hidden": "true",
       title: label != null ? label : void 0,
-      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         import_iconoir_react14.Folder,
         {
           className: "h-[88%] w-[88%]",
@@ -7406,7 +7808,7 @@ function SuiteEntityIcon({
 // src/suite/components/suite-palette-library.tsx
 var import_react29 = require("react");
 var import_iconoir_react15 = require("iconoir-react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var PAGE_SIZE = 60;
 var DISCOVER_LIMIT = 120;
 var ICON_TYPES = [
@@ -7424,15 +7826,15 @@ function FilterSelect({
   onChange,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.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_runtime44.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       "select",
       {
         "aria-label": label,
@@ -7442,7 +7844,7 @@ function FilterSelect({
         children
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       import_iconoir_react15.NavArrowDown,
       {
         className: "pointer-events-none absolute right-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-ph-mutedtext",
@@ -7643,18 +8045,18 @@ function SuitePaletteLibrary({
     event.preventDefault();
     (_c = options[nextIndex]) == null ? void 0 : _c.focus();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "space-y-3", "data-test": "palette-icon-library", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { ref: libraryRef, className: "space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-col gap-2 sm:flex-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "relative flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "space-y-3", "data-test": "palette-icon-library", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { ref: libraryRef, className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-col gap-2 sm:flex-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "relative flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             import_iconoir_react15.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_runtime44.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "input",
             {
               type: "search",
@@ -7666,7 +8068,7 @@ function SuitePaletteLibrary({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
           "button",
           {
             ref: libraryTriggerRef,
@@ -7683,9 +8085,9 @@ function SuitePaletteLibrary({
             },
             className: "ph-input flex items-center gap-2 px-2.5 py-2 text-sm text-ph-ink",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react15.FilterList, { className: "h-4 w-4 shrink-0 text-ph-mutedtext", "aria-hidden": true }),
-              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "max-w-[10rem] truncate", children: (_b = activeLibrary == null ? void 0 : activeLibrary.name) != null ? _b : "All libraries" }),
-              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_iconoir_react15.FilterList, { className: "h-4 w-4 shrink-0 text-ph-mutedtext", "aria-hidden": true }),
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "max-w-[10rem] truncate", children: (_b = activeLibrary == null ? void 0 : activeLibrary.name) != null ? _b : "All libraries" }),
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                 import_iconoir_react15.NavArrowDown,
                 {
                   className: cn2(
@@ -7698,27 +8100,27 @@ function SuitePaletteLibrary({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           FilterSelect,
           {
             icon: import_iconoir_react15.Filter,
             label: "Filter by icon type",
             value: typeFilter,
             onChange: setTypeFilter,
-            children: ICON_TYPES.map((type) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("option", { value: type.value, children: type.label }, type.value))
+            children: ICON_TYPES.map((type) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("option", { value: type.value, children: type.label }, type.value))
           }
         )
       ] }),
-      libraryOpen ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "rounded-[var(--ph-radius-overlay)] border border-[var(--ph-border-control)] bg-[var(--ph-surface-overlay)] p-2 shadow-[var(--ph-shadow-floating)]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "relative mb-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      libraryOpen ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "rounded-[var(--ph-radius-overlay)] border border-[var(--ph-border-control)] bg-[var(--ph-surface-overlay)] p-2 shadow-[var(--ph-shadow-floating)]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "relative mb-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             import_iconoir_react15.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_runtime44.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "input",
             {
               type: "search",
@@ -7741,7 +8143,7 @@ function SuitePaletteLibrary({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
           "ul",
           {
             role: "listbox",
@@ -7749,7 +8151,7 @@ function SuitePaletteLibrary({
             "aria-label": "Libraries",
             className: "max-h-56 overflow-y-auto",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                 "button",
                 {
                   type: "button",
@@ -7768,7 +8170,7 @@ function SuitePaletteLibrary({
                   children: "All libraries"
                 }
               ) }),
-              filteredLibraries.map((collection) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+              filteredLibraries.map((collection) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -7785,19 +8187,19 @@ function SuitePaletteLibrary({
                     collectionFilter === collection.slug ? "bg-[var(--ph-selected-bg)] text-[var(--ph-selected-text)]" : "text-ph-ink hover:bg-[var(--ph-surface-hover)]"
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "truncate", children: collection.name }),
-                    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "shrink-0 text-xs text-ph-mutedtext", children: collection.count })
+                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "truncate", children: collection.name }),
+                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "shrink-0 text-xs text-ph-mutedtext", children: collection.count })
                   ]
                 }
               ) }, collection.slug)),
-              filteredLibraries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime44.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_runtime45.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_runtime44.jsx)("p", { className: "text-sm text-ph-danger", children: error }) : loading ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "py-8 text-center text-sm text-ph-mutedtext", children: "Loading icons\u2026" }) : icons.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime44.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_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "max-h-[320px] overflow-y-auto rounded-[var(--ph-radius-surface)] border border-ph-border p-2 focus-within:border-[var(--ph-selected-border)]", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "grid grid-cols-6 gap-1.5 sm:grid-cols-8", children: icons.map((icon) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    error ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-sm text-ph-danger", children: error }) : loading ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "py-8 text-center text-sm text-ph-mutedtext", children: "Loading icons\u2026" }) : icons.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime45.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_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "max-h-[320px] overflow-y-auto rounded-[var(--ph-radius-surface)] border border-ph-border p-2 focus-within:border-[var(--ph-selected-border)]", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "grid grid-cols-6 gap-1.5 sm:grid-cols-8", children: icons.map((icon) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         "button",
         {
           type: "button",
@@ -7805,7 +8207,7 @@ function SuitePaletteLibrary({
           title: icon.name,
           "aria-label": `Use ${icon.name}`,
           className: "flex h-10 items-center justify-center rounded-[var(--ph-radius-control)] border border-transparent p-1.5 hover:border-[var(--ph-selected-border)] hover:bg-[var(--ph-surface-hover)] focus-visible:outline-none focus-visible:shadow-[var(--ph-focus-halo)]",
-          children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "img",
             {
               src: icon.url,
@@ -7818,14 +8220,14 @@ function SuitePaletteLibrary({
         },
         icon.id
       )) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex items-center justify-between text-xs text-ph-mutedtext", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center justify-between text-xs text-ph-mutedtext", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.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_runtime44.jsx)(
+        !searching && activeLibrary && icons.length < total ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           "button",
           {
             type: "button",
@@ -7844,7 +8246,7 @@ function SuitePaletteLibrary({
 }
 
 // src/suite/components/suite-clients-projects-directory.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var DEFAULT_ICON = "";
 var DEFAULT_COLOR = "";
 function DirectoryIconPicker({
@@ -7855,11 +8257,11 @@ function DirectoryIconPicker({
   onClear,
   onBrowse
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "mb-1.5 block text-sm font-medium text-ph-ink", children: "Icon" }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "rounded-[var(--ph-radius-surface)] border border-ph-border bg-[var(--ph-surface-inset)] p-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "mb-1.5 block text-sm font-medium text-ph-ink", children: "Icon" }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "rounded-[var(--ph-radius-surface)] border border-ph-border bg-[var(--ph-surface-inset)] p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           SuiteEntityIcon,
           {
             imageUrl: preview,
@@ -7869,11 +8271,11 @@ function DirectoryIconPicker({
             className: "h-9 w-9 text-base"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-sm font-medium text-ph-ink", children: preview ? "Custom image" : "No icon yet" }),
-          /* @__PURE__ */ (0, import_jsx_runtime45.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_runtime46.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-sm font-medium text-ph-ink", children: preview ? "Custom image" : "No icon yet" }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.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_runtime45.jsx)(
+        onBrowse ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           "button",
           {
             type: "button",
@@ -7883,7 +8285,7 @@ function DirectoryIconPicker({
           }
         ) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         FileUpload,
         {
           accept: "image/png,image/jpeg,image/gif,image/webp,image/svg+xml,.svg",
@@ -7893,14 +8295,14 @@ function DirectoryIconPicker({
           }
         }
       ) }),
-      preview ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+      preview ? /* @__PURE__ */ (0, import_jsx_runtime46.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_runtime45.jsx)(import_iconoir_react16.Trash, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_iconoir_react16.Trash, { className: "h-3.5 w-3.5", "aria-hidden": true }),
             " Remove image"
           ]
         }
@@ -7911,7 +8313,7 @@ function DirectoryIconPicker({
 function DirectoryIcon({
   item
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     SuiteEntityIcon,
     {
       imageUrl: item.icon_image,
@@ -8141,10 +8543,10 @@ function SuiteClientsProjectsDirectory({
       );
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { "data-test": dataTest, className: "space-y-3", children: [
-    error || mutationError ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Alert, { status: "danger", live: "assertive", children: error || mutationError }) : null,
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-sm text-ph-mutedtext", children: "Loading directory..." }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "overflow-hidden rounded-[var(--ph-radius-surface)] 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_runtime45.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { "data-test": dataTest, className: "space-y-3", children: [
+    error || mutationError ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Alert, { status: "danger", live: "assertive", children: error || mutationError }) : null,
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-sm text-ph-mutedtext", children: "Loading directory..." }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "overflow-hidden rounded-[var(--ph-radius-surface)] 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_runtime46.jsxs)(
         "section",
         {
           className: cn2(
@@ -8152,16 +8554,16 @@ function SuiteClientsProjectsDirectory({
             mobileDetail ? "hidden lg:block" : "block"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex h-14 items-center gap-2 border-b border-ph-border px-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "relative min-w-0 flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex h-14 items-center gap-2 border-b border-ph-border px-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "relative min-w-0 flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                   import_iconoir_react16.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_runtime45.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                   Input,
                   {
                     hideLabel: true,
@@ -8173,18 +8575,18 @@ function SuiteClientsProjectsDirectory({
                   }
                 )
               ] }),
-              canEdit && onCreateClient ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              canEdit && onCreateClient ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                 Button,
                 {
                   size: "sm",
                   variant: "primary",
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_iconoir_react16.Plus, { className: "h-4 w-4" }),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_iconoir_react16.Plus, { className: "h-4 w-4" }),
                   onClick: () => openNew("client"),
                   children: "New client"
                 }
               ) : null
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               "ul",
               {
                 role: "listbox",
@@ -8195,7 +8597,7 @@ function SuiteClientsProjectsDirectory({
                   const count = projects.filter(
                     (project) => project.clientId === client.id
                   ).length;
-                  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("li", { role: "none", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("li", { role: "none", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -8212,10 +8614,10 @@ function SuiteClientsProjectsDirectory({
                         selected ? "bg-ph-muted" : "hover:bg-ph-canvas"
                       ),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DirectoryIcon, { item: client }),
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { className: "min-w-0 flex-1", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "block truncate text-sm font-medium text-ph-ink", children: client.name }),
-                          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { className: "text-xs text-ph-mutedtext", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DirectoryIcon, { item: client }),
+                        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "min-w-0 flex-1", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "block truncate text-sm font-medium text-ph-ink", children: client.name }),
+                          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "text-xs text-ph-mutedtext", children: [
                             count,
                             " project",
                             count === 1 ? "" : "s"
@@ -8224,13 +8626,13 @@ function SuiteClientsProjectsDirectory({
                       ]
                     }
                   ) }, client.id);
-                }) : /* @__PURE__ */ (0, import_jsx_runtime45.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_runtime46.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_runtime45.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
         "section",
         {
           className: cn2(
@@ -8238,8 +8640,8 @@ function SuiteClientsProjectsDirectory({
             mobileDetail ? "flex" : "hidden lg:flex"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime45.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_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime46.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_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                 "button",
                 {
                   type: "button",
@@ -8250,36 +8652,36 @@ function SuiteClientsProjectsDirectory({
                     setMobileDetail(false);
                   },
                   "aria-label": "Back to clients",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_iconoir_react16.ArrowLeft, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_iconoir_react16.ArrowLeft, { className: "h-4 w-4" })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DirectoryIcon, { item: selectedClient }),
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h3", { className: "truncate text-sm font-semibold text-ph-ink", children: selectedClient.name }),
-                /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("p", { className: "text-xs text-ph-mutedtext", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DirectoryIcon, { item: selectedClient }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("h3", { className: "truncate text-sm font-semibold text-ph-ink", children: selectedClient.name }),
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("p", { className: "text-xs text-ph-mutedtext", children: [
                   selectedProjects.length,
                   " project",
                   selectedProjects.length === 1 ? "" : "s"
                 ] })
               ] }),
-              canEdit && (onUpdateClient || onDeleteClient) ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              canEdit && (onUpdateClient || onDeleteClient) ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                 DropdownMenu,
                 {
                   "aria-label": `Actions for ${selectedClient.name}`,
                   align: "end",
-                  trigger: /* @__PURE__ */ (0, import_jsx_runtime45.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_runtime45.jsx)(import_iconoir_react16.MoreHoriz, { className: "h-4 w-4", "aria-hidden": true }),
-                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "sr-only", children: "Client actions" })
+                  trigger: /* @__PURE__ */ (0, import_jsx_runtime46.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_runtime46.jsx)(import_iconoir_react16.MoreHoriz, { className: "h-4 w-4", "aria-hidden": true }),
+                    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "sr-only", children: "Client actions" })
                   ] }),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "p-1", children: [
-                    onUpdateClient ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "p-1", children: [
+                    onUpdateClient ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                       DropdownItem,
                       {
                         onClick: () => openEdit(selectedClient, "client"),
                         children: "Edit client"
                       }
                     ) : null,
-                    onDeleteClient ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                    onDeleteClient ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                       DropdownItem,
                       {
                         className: "text-red-600",
@@ -8290,32 +8692,32 @@ function SuiteClientsProjectsDirectory({
                   ] })
                 }
               ) }) : null
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-sm text-ph-mutedtext", children: "Select a client" }) }),
-            canEdit && onCreateProject ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "border-b border-ph-border p-3", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-sm text-ph-mutedtext", children: "Select a client" }) }),
+            canEdit && onCreateProject ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "border-b border-ph-border p-3", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               Button,
               {
                 variant: "primary",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_iconoir_react16.Plus, { className: "h-4 w-4" }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_iconoir_react16.Plus, { className: "h-4 w-4" }),
                 onClick: () => openNew("project"),
                 children: "Add project"
               }
             ) }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("ul", { className: "flex-1 p-2", children: selectedClient && selectedProjects.length ? selectedProjects.map((project) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("ul", { className: "flex-1 p-2", children: selectedClient && selectedProjects.length ? selectedProjects.map((project) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
               "div",
               {
                 className: "flex items-center gap-3 rounded-[var(--ph-radius-control)] px-2 py-1 hover:bg-ph-canvas",
                 onClick: () => openEdit(project, "project"),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
                     "button",
                     {
                       type: "button",
                       className: "flex min-w-0 flex-1 items-center gap-3 rounded-[var(--ph-radius-control)] py-1 text-left focus-visible:outline-none focus-visible:shadow-[var(--ph-focus-halo)]",
                       onClick: () => openEdit(project, "project"),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DirectoryIcon, { item: project }),
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { className: "min-w-0 flex-1", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DirectoryIcon, { item: project }),
+                        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "min-w-0 flex-1", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                             "span",
                             {
                               className: cn2(
@@ -8325,36 +8727,36 @@ function SuiteClientsProjectsDirectory({
                               children: project.name
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-xs text-ph-mutedtext", children: project.isArchived ? "Archived" : "Active" })
+                          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-xs text-ph-mutedtext", children: project.isArchived ? "Archived" : "Active" })
                         ] })
                       ]
                     }
                   ),
-                  canEdit && (onUpdateProject || onDeleteProject) ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                  canEdit && (onUpdateProject || onDeleteProject) ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                     DropdownMenu,
                     {
                       "aria-label": `Actions for ${project.name}`,
                       align: "end",
-                      trigger: /* @__PURE__ */ (0, import_jsx_runtime45.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_runtime45.jsx)(
+                      trigger: /* @__PURE__ */ (0, import_jsx_runtime46.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_runtime46.jsx)(
                           import_iconoir_react16.MoreHoriz,
                           {
                             className: "h-4 w-4",
                             "aria-hidden": true
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "sr-only", children: "Project actions" })
+                        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "sr-only", children: "Project actions" })
                       ] }),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "p-1", children: [
-                        onUpdateProject ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "p-1", children: [
+                        onUpdateProject ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                             DropdownItem,
                             {
                               onClick: () => openEdit(project, "project"),
                               children: "Edit project"
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                             DropdownItem,
                             {
                               onClick: () => void toggleArchive(project),
@@ -8362,7 +8764,7 @@ function SuiteClientsProjectsDirectory({
                             }
                           )
                         ] }) : null,
-                        onDeleteProject ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                        onDeleteProject ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                           DropdownItem,
                           {
                             className: "text-red-600",
@@ -8375,20 +8777,20 @@ function SuiteClientsProjectsDirectory({
                   ) }) : null
                 ]
               }
-            ) }, project.id)) : /* @__PURE__ */ (0, import_jsx_runtime45.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_runtime46.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_runtime45.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime46.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_runtime45.jsxs)("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Button, { variant: "tertiary", onClick: closeEditor, disabled: saving, children: "Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        footer: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Button, { variant: "tertiary", onClick: closeEditor, disabled: saving, children: "Cancel" }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
             Button,
             {
               variant: "primary",
@@ -8398,8 +8800,8 @@ function SuiteClientsProjectsDirectory({
             }
           )
         ] }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
             Input,
             {
               label: "Name",
@@ -8408,7 +8810,7 @@ function SuiteClientsProjectsDirectory({
               onChange: (event) => setDraft(__spreadProps(__spreadValues({}, draft), { name: event.target.value }))
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
             DirectoryIconPicker,
             {
               preview,
@@ -8419,10 +8821,10 @@ function SuiteClientsProjectsDirectory({
               onBrowse: () => setLibraryOpen(true)
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "mb-1.5 block text-sm font-medium text-ph-ink", children: "Colour" }),
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "mb-1.5 block text-sm font-medium text-ph-ink", children: "Colour" }),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                 "button",
                 {
                   type: "button",
@@ -8434,7 +8836,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_runtime45.jsx)(import_iconoir_react16.Prohibition, { className: "h-4 w-4", "aria-hidden": true })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_iconoir_react16.Prohibition, { className: "h-4 w-4", "aria-hidden": true })
                 }
               ),
               [
@@ -8445,7 +8847,7 @@ function SuiteClientsProjectsDirectory({
                 "#ef4444",
                 "#a855f7",
                 "#64748b"
-              ].map((color) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              ].map((color) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                 "button",
                 {
                   type: "button",
@@ -8460,7 +8862,7 @@ function SuiteClientsProjectsDirectory({
                 },
                 color
               )),
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
                 "label",
                 {
                   className: cn2(
@@ -8480,7 +8882,7 @@ function SuiteClientsProjectsDirectory({
                   },
                   title: "Custom colour",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "flex h-4 w-4 items-center justify-center rounded-full bg-ph-surface", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "flex h-4 w-4 items-center justify-center rounded-full bg-ph-surface", children: [
                       "#6366f1",
                       "#0ea5e9",
                       "#10b981",
@@ -8488,14 +8890,14 @@ function SuiteClientsProjectsDirectory({
                       "#ef4444",
                       "#a855f7",
                       "#64748b"
-                    ].includes(draft.color) ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_iconoir_react16.Plus, { className: "h-3 w-3 text-ph-ink", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                    ].includes(draft.color) ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_iconoir_react16.Plus, { className: "h-3 w-3 text-ph-ink", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                       "span",
                       {
                         className: "h-2.5 w-2.5 rounded-full",
                         style: { backgroundColor: draft.color }
                       }
                     ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                       "input",
                       {
                         type: "color",
@@ -8510,20 +8912,20 @@ function SuiteClientsProjectsDirectory({
               )
             ] })
           ] }),
-          (editing == null ? void 0 : editing.kind.includes("project")) ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+          (editing == null ? void 0 : editing.kind.includes("project")) ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
             Select,
             {
               label: "Client",
               value: draftClientId != null ? draftClientId : "",
               onChange: (event) => setDraftClientId(event.target.value || null),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("option", { value: "", children: "No client" }),
-                clients.map((client) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("option", { value: client.id, children: client.name }, client.id))
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("option", { value: "", children: "No client" }),
+                clients.map((client) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("option", { value: client.id, children: client.name }, client.id))
               ]
             }
           ) : null,
-          (editing == null ? void 0 : editing.kind.includes("project")) ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("label", { className: "flex items-center gap-2 text-sm text-ph-ink", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          (editing == null ? void 0 : editing.kind.includes("project")) ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("label", { className: "flex items-center gap-2 text-sm text-ph-ink", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               "input",
               {
                 type: "checkbox",
@@ -8536,26 +8938,26 @@ function SuiteClientsProjectsDirectory({
         ] })
       }
     ),
-    libraryOpen ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    libraryOpen ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       Modal,
       {
         open: true,
         onClose: () => setLibraryOpen(false),
         title: "Icon library",
-        children: renderIconLibrary ? renderIconLibrary({ onPick: pickFromLibrary }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SuitePaletteLibrary, { onPick: pickFromLibrary })
+        children: renderIconLibrary ? renderIconLibrary({ onPick: pickFromLibrary }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SuitePaletteLibrary, { onPick: pickFromLibrary })
       }
     ) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       Modal,
       {
         open: confirming !== null,
         onClose: () => setConfirming(null),
         title: "Confirm deletion",
-        footer: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Button, { variant: "tertiary", onClick: () => setConfirming(null), children: "Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Button, { variant: "primary", onClick: () => void confirmRemove(), children: "Delete" })
+        footer: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Button, { variant: "tertiary", onClick: () => setConfirming(null), children: "Cancel" }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Button, { variant: "primary", onClick: () => void confirmRemove(), children: "Delete" })
         ] }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("p", { className: "text-sm text-ph-ink", children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("p", { className: "text-sm text-ph-ink", children: [
           "Delete ",
           confirming == null ? void 0 : confirming.item.name,
           "? This cannot be undone."
@@ -8580,6 +8982,7 @@ function SuiteClientsProjectsDirectory({
   SIDEBAR_MAX_WIDTH,
   SIDEBAR_MIN_EXPANDED_WIDTH,
   SIDEBAR_RAIL_WIDTH,
+  SUITE_ANALYTICS_EVENT,
   SUITE_APPS,
   SUITE_APP_MAP,
   SUITE_ASK_AI_OPEN_KEY,
@@ -8594,6 +8997,7 @@ function SuiteClientsProjectsDirectory({
   SUITE_SPRINGS,
   SUITE_THEME_COOKIE,
   SourceAppGlyph,
+  SuiteAiDraftEditor,
   SuiteAiPanel,
   SuiteAppIcon,
   SuiteAppLayout,
@@ -8662,9 +9066,12 @@ function SuiteClientsProjectsDirectory({
   resolveSuiteNotificationHref,
   sidebarColumnWidth,
   sourceToSuiteApp,
+  subscribeSuiteAnalytics,
+  suiteAiDraftFields,
   suiteAppBaseUrl,
   suiteAppLabel,
   suiteThemeBootScript,
+  trackSuiteEvent,
   useIdleMount,
   useSidebarWidth,
   useSuiteNotifications,