@xenide-io/the-old-ui-theme 0.9.1 → 0.9.2

package/dist/suite.mjs

@@ -14,18 +14,10 @@ import {
   cn
 } from "./chunk-2EO5VCXP.mjs";
 import {
+  SUITE_THEME_CHANNEL,
+  SUITE_THEME_COOKIE,
   suiteThemeBootScript
-} from "./chunk-BS7BZI5W.mjs";
-import {
-  SuiteThemeProvider,
-  clearCookie,
-  readCookie,
-  useSuiteTheme,
-  writeCookie
-} from "./chunk-APKRZQRO.mjs";
-import {
-  SUITE_THEME_COOKIE
-} from "./chunk-IULORI3A.mjs";
+} from "./chunk-VA343JBR.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -2139,16 +2131,251 @@ function TodayCalibrating({
   );
 }
 
+// src/suite/components/theme-provider.tsx
+import {
+  createContext,
+  useCallback as useCallback2,
+  useContext,
+  useEffect as useEffect6,
+  useMemo,
+  useRef as useRef2,
+  useState as useState7
+} from "react";
+
+// src/suite/lib/cookies.ts
+function suiteCookieDomainAttr() {
+  var _a;
+  const host = window.location.hostname;
+  if (host === "localhost" || /^\d{1,3}(?:\.\d{1,3}){3}$/.test(host)) {
+    return "";
+  }
+  if (host.endsWith(".localhost")) {
+    return "; Domain=.localhost";
+  }
+  const known = /* @__PURE__ */ new Set([
+    "tides",
+    "kraken",
+    "turtletime",
+    "time",
+    "shelly",
+    "app",
+    "shellstack",
+    "portal"
+  ]);
+  const parts = host.split(".");
+  if (parts.length >= 3 && known.has((_a = parts[0]) != null ? _a : "")) {
+    return `; Domain=.${parts.slice(1).join(".")}`;
+  }
+  if (parts.length >= 2) return `; Domain=.${parts.slice(1).join(".")}`;
+  return "";
+}
+function readCookie(name) {
+  const prefix = `${name}=`;
+  for (const part of document.cookie.split(";")) {
+    const trimmed = part.trim();
+    if (trimmed.startsWith(prefix)) {
+      return decodeURIComponent(trimmed.slice(prefix.length));
+    }
+  }
+  return null;
+}
+function writeCookie(name, value) {
+  const secure = window.location.protocol === "https:" ? "; Secure" : "";
+  document.cookie = `${name}=${encodeURIComponent(value)}; Path=/; Max-Age=31536000; SameSite=Lax${suiteCookieDomainAttr()}${secure}`;
+}
+function clearCookie(name) {
+  const secure = window.location.protocol === "https:" ? "; Secure" : "";
+  document.cookie = `${name}=; Path=/; Max-Age=0; SameSite=Lax${suiteCookieDomainAttr()}${secure}`;
+}
+
+// src/suite/components/theme-provider.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+var SuiteThemeContext = createContext(null);
+var suiteThemeChannel = null;
+function broadcastTheme(theme) {
+  if (typeof BroadcastChannel === "undefined") return;
+  try {
+    suiteThemeChannel != null ? suiteThemeChannel : suiteThemeChannel = new BroadcastChannel(SUITE_THEME_CHANNEL);
+    suiteThemeChannel.postMessage(theme);
+  } catch (e) {
+  }
+}
+function readSharedTheme() {
+  if (typeof window === "undefined") return null;
+  try {
+    const value = readCookie(SUITE_THEME_COOKIE);
+    return value === "light" || value === "dark" || value === "system" ? value : null;
+  } catch (e) {
+    return null;
+  }
+}
+function writeSharedTheme(theme) {
+  try {
+    writeCookie(SUITE_THEME_COOKIE, theme);
+  } catch (e) {
+  }
+}
+function systemTheme(fallback) {
+  if (typeof window === "undefined") return fallback;
+  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function resolveTheme(theme, fallback) {
+  return theme === "system" ? systemTheme(fallback) : theme;
+}
+function applyTheme(theme, config) {
+  const resolved = resolveTheme(theme, config.fallbackTheme);
+  if (typeof document === "undefined") return resolved;
+  document.documentElement.setAttribute(
+    "data-theme",
+    resolved === "dark" ? config.darkThemeId : config.lightThemeId
+  );
+  document.documentElement.classList.toggle("dark", resolved === "dark");
+  if (config.themeColorLight && config.themeColorDark) {
+    const meta = document.getElementById(
+      "theme-color-meta"
+    );
+    if (meta) {
+      meta.content = resolved === "light" ? config.themeColorLight : config.themeColorDark;
+    }
+  }
+  return resolved;
+}
+function readStoredTheme(storageKey) {
+  if (typeof window === "undefined") return "system";
+  const shared = readSharedTheme();
+  if (shared) return shared;
+  try {
+    const stored = localStorage.getItem(storageKey);
+    if (stored === "light" || stored === "dark" || stored === "system")
+      return stored;
+  } catch (e) {
+  }
+  return "system";
+}
+function SuiteThemeProvider({
+  config,
+  children
+}) {
+  const [state, setState] = useState7(() => {
+    const theme = readStoredTheme(config.storageKey);
+    if (typeof document === "undefined") {
+      return { theme, resolvedTheme: config.fallbackTheme };
+    }
+    const domTheme = document.documentElement.getAttribute("data-theme");
+    const resolvedTheme = domTheme === config.darkThemeId ? "dark" : domTheme === config.lightThemeId ? "light" : resolveTheme(theme, config.fallbackTheme);
+    return { theme, resolvedTheme };
+  });
+  const themeRef = useRef2(state.theme);
+  themeRef.current = state.theme;
+  useEffect6(() => {
+    applyTheme(state.theme, config);
+  }, [state.theme, config]);
+  useEffect6(() => {
+    if (readSharedTheme() == null) writeSharedTheme(state.theme);
+  }, []);
+  useEffect6(() => {
+    if (state.theme !== "system") return;
+    const media = window.matchMedia("(prefers-color-scheme: dark)");
+    const update = () => {
+      const resolved = applyTheme("system", config);
+      setState((current) => __spreadProps(__spreadValues({}, current), { resolvedTheme: resolved }));
+    };
+    media.addEventListener("change", update);
+    return () => media.removeEventListener("change", update);
+  }, [state.theme, config]);
+  useEffect6(() => {
+    let channel = null;
+    try {
+      channel = new BroadcastChannel(SUITE_THEME_CHANNEL);
+    } catch (e) {
+      channel = null;
+    }
+    const adopt = (next) => {
+      if (next !== "light" && next !== "dark" && next !== "system") return;
+      if (next === themeRef.current) return;
+      const resolved = applyTheme(next, config);
+      try {
+        localStorage.setItem(config.storageKey, next);
+      } catch (e) {
+      }
+      setState({ theme: next, resolvedTheme: resolved });
+    };
+    const readShared = () => adopt(readSharedTheme());
+    const onChannel = (event) => adopt(event.data);
+    const onStorage = (event) => {
+      if (event.key === config.storageKey) adopt(event.newValue);
+    };
+    let poll = null;
+    const startPolling = () => {
+      if (poll == null) poll = setInterval(readShared, 2e3);
+    };
+    const stopPolling = () => {
+      if (poll != null) {
+        clearInterval(poll);
+        poll = null;
+      }
+    };
+    const onVisibility = () => {
+      if (document.visibilityState === "visible") {
+        readShared();
+        startPolling();
+      } else {
+        stopPolling();
+      }
+    };
+    channel == null ? void 0 : channel.addEventListener("message", onChannel);
+    window.addEventListener("storage", onStorage);
+    window.addEventListener("focus", readShared);
+    document.addEventListener("visibilitychange", onVisibility);
+    if (document.visibilityState === "visible") startPolling();
+    return () => {
+      channel == null ? void 0 : channel.removeEventListener("message", onChannel);
+      channel == null ? void 0 : channel.close();
+      window.removeEventListener("storage", onStorage);
+      window.removeEventListener("focus", readShared);
+      document.removeEventListener("visibilitychange", onVisibility);
+      stopPolling();
+    };
+  }, [config]);
+  const setTheme = useCallback2(
+    (next) => {
+      const resolved = applyTheme(next, config);
+      setState({ theme: next, resolvedTheme: resolved });
+      try {
+        localStorage.setItem(config.storageKey, next);
+      } catch (e) {
+      }
+      writeSharedTheme(next);
+      broadcastTheme(next);
+    },
+    [config]
+  );
+  const toggleTheme = useCallback2(() => {
+    const next = resolveTheme(themeRef.current, config.fallbackTheme) === "dark" ? "light" : "dark";
+    setTheme(next);
+  }, [config, setTheme]);
+  const value = useMemo(
+    () => ({ theme: state.theme, resolvedTheme: state.resolvedTheme, setTheme, toggleTheme }),
+    [state.theme, state.resolvedTheme, setTheme, toggleTheme]
+  );
+  return /* @__PURE__ */ jsx16(SuiteThemeContext.Provider, { value, children });
+}
+function useSuiteTheme() {
+  const ctx = useContext(SuiteThemeContext);
+  if (!ctx) throw new Error("useTheme must be used within ThemeProvider");
+  return ctx;
+}
+
 // src/suite/components/ai-panel.tsx
 import {
   lazy,
   Suspense,
-  useCallback as useCallback2,
-  useEffect as useEffect6,
+  useCallback as useCallback3,
+  useEffect as useEffect7,
   useId,
   useLayoutEffect,
-  useRef as useRef2,
-  useState as useState7
+  useRef as useRef3,
+  useState as useState8
 } from "react";
 import {
   ArrowDown,
@@ -2158,8 +2385,8 @@ import {
   Square,
   WarningTriangle
 } from "iconoir-react";
-import { Fragment as Fragment5, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
-var SuiteAiBlockNoteMessage = lazy(() => import("./ai-message-blocknote-D4Z6DUCJ.mjs"));
+import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+var SuiteAiMarkdownMessage = lazy(() => import("./ai-message-markdown-TSPYON2F.mjs"));
 var SUITE_OPEN_ASK_AI_EVENT = "shellstack:open-ask-ai";
 var SUITE_ASK_AI_OPEN_KEY = "shellstack:shelly-open";
 var SUITE_ASK_AI_OPEN_QUERY = "shelly";
@@ -2245,10 +2472,10 @@ function SuiteAiPanel({
   isWaitingForReply = false
 }) {
   const inputId = useId();
-  const [uncontrolledOpen, setUncontrolledOpen] = useState7(false);
-  const [resolvingId, setResolvingId] = useState7("");
+  const [uncontrolledOpen, setUncontrolledOpen] = useState8(false);
+  const [resolvingId, setResolvingId] = useState8("");
   const open = openProp != null ? openProp : uncontrolledOpen;
-  const setOpen = useCallback2(
+  const setOpen = useCallback3(
     (next) => {
       persistSuiteAskAiOpen(next);
       if (openProp === void 0) setUncontrolledOpen(next);
@@ -2256,18 +2483,18 @@ function SuiteAiPanel({
     },
     [onOpenChange, openProp]
   );
-  const [prompt, setPrompt] = useState7("");
-  const [messages, setMessages] = useState7([]);
-  const [loading, setLoading] = useState7(false);
-  const [hydrating, setHydrating] = useState7(false);
-  const [error, setError] = useState7("");
-  const [atBottom, setAtBottom] = useState7(true);
-  const scrollerRef = useRef2(null);
-  const textareaRef = useRef2(null);
-  const abortRef = useRef2(null);
-  const pendingPromptRef = useRef2(null);
+  const [prompt, setPrompt] = useState8("");
+  const [messages, setMessages] = useState8([]);
+  const [loading, setLoading] = useState8(false);
+  const [hydrating, setHydrating] = useState8(false);
+  const [error, setError] = useState8("");
+  const [atBottom, setAtBottom] = useState8(true);
+  const scrollerRef = useRef3(null);
+  const textareaRef = useRef3(null);
+  const abortRef = useRef3(null);
+  const pendingPromptRef = useRef3(null);
   const waiting = loading || isWaitingForReply;
-  useEffect6(() => {
+  useEffect7(() => {
     function onOpen(event) {
       var _a;
       const detail = event.detail;
@@ -2281,19 +2508,19 @@ function SuiteAiPanel({
     window.addEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
     return () => window.removeEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
   }, [setOpen]);
-  const scrollToBottom = useCallback2((behavior = "auto") => {
+  const scrollToBottom = useCallback3((behavior = "auto") => {
     const el = scrollerRef.current;
     if (!el) return;
     el.scrollTo({ top: el.scrollHeight, behavior });
     setAtBottom(true);
   }, []);
-  const handleScroll = useCallback2(() => {
+  const handleScroll = useCallback3(() => {
     const el = scrollerRef.current;
     if (!el) return;
     const distance = el.scrollHeight - el.scrollTop - el.clientHeight;
     setAtBottom(distance < 64);
   }, []);
-  const hydrate = useCallback2(async () => {
+  const hydrate = useCallback3(async () => {
     var _a, _b, _c;
     setHydrating(true);
     setError("");
@@ -2316,7 +2543,7 @@ function SuiteAiPanel({
       setHydrating(false);
     }
   }, [fetchChat]);
-  useEffect6(() => {
+  useEffect7(() => {
     var _a;
     if (!open) return;
     const queued = (_a = pendingPromptRef.current) != null ? _a : consumePendingAskAiPrompt();
@@ -2327,10 +2554,10 @@ function SuiteAiPanel({
       if (pending) setPrompt(pending);
     });
   }, [open, hydrate]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (open && atBottom) scrollToBottom();
   }, [messages, waiting, open, atBottom, scrollToBottom]);
-  useEffect6(() => {
+  useEffect7(() => {
     var _a;
     if (open && !hydrating) (_a = textareaRef.current) == null ? void 0 : _a.focus();
   }, [open, hydrating]);
@@ -2467,7 +2694,7 @@ function SuiteAiPanel({
       "aria-label": title,
       children: [
         /* @__PURE__ */ jsxs14("header", { className: "flex items-center gap-2 px-2 pb-2", children: [
-          /* @__PURE__ */ jsx16("h2", { className: "sr-only", children: title }),
+          /* @__PURE__ */ jsx17("h2", { className: "sr-only", children: title }),
           messages.length > 0 ? /* @__PURE__ */ jsxs14(
             "button",
             {
@@ -2477,7 +2704,7 @@ function SuiteAiPanel({
               className: "ml-auto inline-flex h-9 items-center gap-1.5 rounded-lg px-2 text-xs font-medium text-ph-subtle transition-colors hover:bg-ph-muted hover:text-ph-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus disabled:opacity-40",
               "data-test": "ask-ai-clear",
               children: [
-                /* @__PURE__ */ jsx16(Erase, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ jsx17(Erase, { className: "h-3.5 w-3.5" }),
                 "Clear"
               ]
             }
@@ -2496,14 +2723,14 @@ function SuiteAiPanel({
               className: "suite-scroll-lock h-full space-y-5 overflow-y-auto px-2 py-3",
               children: [
                 hydrating && messages.length === 0 ? /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 text-sm text-ph-subtle", children: [
-                  /* @__PURE__ */ jsx16(Spinner, { className: "h-4 w-4 animate-spin" }),
+                  /* @__PURE__ */ jsx17(Spinner, { className: "h-4 w-4 animate-spin" }),
                   "Loading your chat\u2026"
                 ] }) : null,
                 !hydrating && messages.length === 0 && !error ? /* @__PURE__ */ jsxs14("div", { className: "mx-auto mt-4 flex max-w-sm flex-col items-center px-1 text-center", children: [
-                  /* @__PURE__ */ jsx16("span", { className: "flex h-10 w-10 items-center justify-center rounded-2xl bg-ph-brand/10 text-ph-brand", children: /* @__PURE__ */ jsx16(Icon, { className: "h-5 w-5" }) }),
-                  /* @__PURE__ */ jsx16("p", { className: "mt-3 font-display text-base font-semibold text-ph-ink", children: "How can I help?" }),
-                  /* @__PURE__ */ jsx16("p", { className: "mt-1 text-sm leading-relaxed text-ph-subtle", children: emptyState }),
-                  presets.length > 0 ? /* @__PURE__ */ jsx16("div", { className: "mt-4 flex w-full flex-col gap-2", children: presets.map((preset) => /* @__PURE__ */ jsxs14(
+                  /* @__PURE__ */ jsx17("span", { className: "flex h-10 w-10 items-center justify-center rounded-2xl bg-ph-brand/10 text-ph-brand", children: /* @__PURE__ */ jsx17(Icon, { className: "h-5 w-5" }) }),
+                  /* @__PURE__ */ jsx17("p", { className: "mt-3 font-display text-base font-semibold text-ph-ink", children: "How can I help?" }),
+                  /* @__PURE__ */ jsx17("p", { className: "mt-1 text-sm leading-relaxed text-ph-subtle", children: emptyState }),
+                  presets.length > 0 ? /* @__PURE__ */ jsx17("div", { className: "mt-4 flex w-full flex-col gap-2", children: presets.map((preset) => /* @__PURE__ */ jsxs14(
                     "button",
                     {
                       type: "button",
@@ -2511,9 +2738,9 @@ function SuiteAiPanel({
                       disabled: waiting || hydrating,
                       className: "group flex w-full items-center gap-2 rounded-xl border border-ph-border bg-ph-surface px-3 py-2 text-left text-sm text-ph-ink transition-colors hover:border-ph-brand/40 hover:bg-ph-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus disabled:opacity-40",
                       children: [
-                        /* @__PURE__ */ jsx16(Sparks, { className: "h-4 w-4 shrink-0 text-ph-brand" }),
-                        /* @__PURE__ */ jsx16("span", { className: "min-w-0 flex-1 truncate", children: preset.label }),
-                        /* @__PURE__ */ jsx16(ArrowUp, { className: "h-3.5 w-3.5 shrink-0 rotate-45 text-ph-mutedtext transition-transform group-hover:translate-x-0.5" })
+                        /* @__PURE__ */ jsx17(Sparks, { className: "h-4 w-4 shrink-0 text-ph-brand" }),
+                        /* @__PURE__ */ jsx17("span", { className: "min-w-0 flex-1 truncate", children: preset.label }),
+                        /* @__PURE__ */ jsx17(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
@@ -2523,12 +2750,12 @@ function SuiteAiPanel({
                   var _a;
                   const isUser = message.role === "user";
                   if (isUser) {
-                    return /* @__PURE__ */ jsx16(
+                    return /* @__PURE__ */ jsx17(
                       "div",
                       {
                         className: "flex justify-end",
                         "data-test": "ask-ai-user",
-                        children: /* @__PURE__ */ jsx16("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 })
+                        children: /* @__PURE__ */ jsx17("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}`
                     );
@@ -2539,16 +2766,16 @@ function SuiteAiPanel({
                       className: "flex items-end gap-2",
                       "data-test": "ask-ai-assistant",
                       children: [
-                        /* @__PURE__ */ jsx16(
+                        /* @__PURE__ */ jsx17(
                           "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",
                             "aria-hidden": true,
-                            children: /* @__PURE__ */ jsx16(Icon, { className: "h-3.5 w-3.5" })
+                            children: /* @__PURE__ */ jsx17(Icon, { className: "h-3.5 w-3.5" })
                           }
                         ),
                         /* @__PURE__ */ jsxs14("div", { className: "min-w-0 max-w-[85%] space-y-2", children: [
-                          /* @__PURE__ */ jsx16("div", { className: "rounded-2xl rounded-bl-md bg-ph-muted px-3 py-2 text-sm leading-relaxed text-ph-ink", children: /* @__PURE__ */ jsx16(
+                          /* @__PURE__ */ jsx17("div", { className: "rounded-2xl rounded-bl-md bg-ph-muted px-3 py-2 text-sm leading-relaxed text-ph-ink", children: /* @__PURE__ */ jsx17(
                             Suspense,
                             {
                               fallback: /* @__PURE__ */ jsxs14(
@@ -2558,14 +2785,14 @@ function SuiteAiPanel({
                                   role: "status",
                                   "aria-label": "Rendering response",
                                   children: [
-                                    /* @__PURE__ */ jsx16("span", { className: "sr-only", children: "Rendering response\u2026" }),
-                                    /* @__PURE__ */ jsx16("div", { className: "h-3 w-11/12 rounded bg-ph-mutedtext/20 motion-safe:animate-pulse" }),
-                                    /* @__PURE__ */ jsx16("div", { className: "h-3 w-full rounded bg-ph-mutedtext/20 motion-safe:animate-pulse" }),
-                                    /* @__PURE__ */ jsx16("div", { className: "h-3 w-3/5 rounded bg-ph-mutedtext/20 motion-safe:animate-pulse" })
+                                    /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "Rendering response\u2026" }),
+                                    /* @__PURE__ */ jsx17("div", { className: "h-3 w-11/12 rounded bg-ph-mutedtext/20 motion-safe:animate-pulse" }),
+                                    /* @__PURE__ */ jsx17("div", { className: "h-3 w-full rounded bg-ph-mutedtext/20 motion-safe:animate-pulse" }),
+                                    /* @__PURE__ */ jsx17("div", { className: "h-3 w-3/5 rounded bg-ph-mutedtext/20 motion-safe:animate-pulse" })
                                   ]
                                 }
                               ),
-                              children: /* @__PURE__ */ jsx16(SuiteAiBlockNoteMessage, { markdown: message.content })
+                              children: /* @__PURE__ */ jsx17(SuiteAiMarkdownMessage, { markdown: message.content })
                             }
                           ) }),
                           ((_a = message.actions) != null ? _a : []).map((action) => /* @__PURE__ */ jsxs14(
@@ -2575,9 +2802,9 @@ function SuiteAiPanel({
                               "data-status": action.status,
                               className: "rounded-xl border border-ph-border bg-ph-surface px-3 py-2 text-sm text-ph-ink",
                               children: [
-                                /* @__PURE__ */ jsx16("p", { className: "font-medium", children: action.summary }),
+                                /* @__PURE__ */ jsx17("p", { className: "font-medium", children: action.summary }),
                                 action.status === "proposed" ? /* @__PURE__ */ jsxs14("div", { className: "mt-2 flex flex-wrap gap-2", children: [
-                                  /* @__PURE__ */ jsx16(
+                                  /* @__PURE__ */ jsx17(
                                     "button",
                                     {
                                       type: "button",
@@ -2588,7 +2815,7 @@ function SuiteAiPanel({
                                       children: resolvingId === action.id ? "Working\u2026" : "Confirm"
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx16(
+                                  /* @__PURE__ */ jsx17(
                                     "button",
                                     {
                                       type: "button",
@@ -2604,7 +2831,7 @@ function SuiteAiPanel({
                                   "Done",
                                   action.href ? /* @__PURE__ */ jsxs14(Fragment5, { children: [
                                     " \xB7 ",
-                                    /* @__PURE__ */ jsx16(
+                                    /* @__PURE__ */ jsx17(
                                       "a",
                                       {
                                         href: action.href,
@@ -2614,8 +2841,8 @@ function SuiteAiPanel({
                                     )
                                   ] }) : null
                                 ] }) : null,
-                                action.status === "cancelled" ? /* @__PURE__ */ jsx16("p", { className: "mt-1 text-xs text-ph-subtle", children: "Cancelled" }) : null,
-                                action.status === "failed" ? /* @__PURE__ */ jsx16("p", { className: "mt-1 text-xs text-ph-danger", children: action.error || "Could not apply that." }) : null
+                                action.status === "cancelled" ? /* @__PURE__ */ jsx17("p", { className: "mt-1 text-xs text-ph-subtle", children: "Cancelled" }) : null,
+                                action.status === "failed" ? /* @__PURE__ */ jsx17("p", { className: "mt-1 text-xs text-ph-danger", children: action.error || "Could not apply that." }) : null
                               ]
                             },
                             action.id
@@ -2627,25 +2854,25 @@ function SuiteAiPanel({
                   );
                 }),
                 waiting ? /* @__PURE__ */ jsxs14("div", { className: "flex items-end gap-2", "aria-hidden": true, children: [
-                  /* @__PURE__ */ jsx16("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__ */ jsx16(Icon, { className: "h-3.5 w-3.5" }) }),
+                  /* @__PURE__ */ jsx17("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__ */ jsx17(Icon, { className: "h-3.5 w-3.5" }) }),
                   /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-1.5 rounded-2xl rounded-bl-md bg-ph-muted px-3 py-2.5", children: [
-                    /* @__PURE__ */ jsx16("span", { className: "h-1.5 w-1.5 rounded-full bg-ph-mutedtext motion-safe:animate-bounce" }),
-                    /* @__PURE__ */ jsx16("span", { className: "h-1.5 w-1.5 rounded-full bg-ph-mutedtext motion-safe:animate-bounce [animation-delay:0.15s]" }),
-                    /* @__PURE__ */ jsx16("span", { className: "h-1.5 w-1.5 rounded-full bg-ph-mutedtext motion-safe:animate-bounce [animation-delay:0.3s]" })
+                    /* @__PURE__ */ jsx17("span", { className: "h-1.5 w-1.5 rounded-full bg-ph-mutedtext motion-safe:animate-bounce" }),
+                    /* @__PURE__ */ jsx17("span", { className: "h-1.5 w-1.5 rounded-full bg-ph-mutedtext motion-safe:animate-bounce [animation-delay:0.15s]" }),
+                    /* @__PURE__ */ jsx17("span", { className: "h-1.5 w-1.5 rounded-full bg-ph-mutedtext motion-safe:animate-bounce [animation-delay:0.3s]" })
                   ] })
                 ] }) : null,
-                waiting ? /* @__PURE__ */ jsx16("span", { className: "sr-only", "aria-live": "polite", children: "Assistant is responding\u2026" }) : null,
+                waiting ? /* @__PURE__ */ jsx17("span", { className: "sr-only", "aria-live": "polite", children: "Assistant is responding\u2026" }) : null,
                 error ? /* @__PURE__ */ jsxs14(
                   "div",
                   {
                     role: "alert",
                     className: "flex items-start gap-2 rounded-xl border border-ph-danger/30 bg-ph-danger/10 px-3 py-2.5 text-sm text-ph-ink",
                     children: [
-                      /* @__PURE__ */ jsx16(WarningTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-ph-danger" }),
+                      /* @__PURE__ */ jsx17(WarningTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-ph-danger" }),
                       /* @__PURE__ */ jsxs14("div", { className: "min-w-0 flex-1", children: [
-                        /* @__PURE__ */ jsx16("p", { className: "font-medium text-ph-danger", children: "Something went wrong" }),
-                        /* @__PURE__ */ jsx16("p", { className: "mt-0.5 text-ph-subtle", children: error }),
-                        /* @__PURE__ */ jsx16(
+                        /* @__PURE__ */ jsx17("p", { className: "font-medium text-ph-danger", children: "Something went wrong" }),
+                        /* @__PURE__ */ jsx17("p", { className: "mt-0.5 text-ph-subtle", children: error }),
+                        /* @__PURE__ */ jsx17(
                           "button",
                           {
                             type: "button",
@@ -2662,20 +2889,20 @@ function SuiteAiPanel({
               ]
             }
           ),
-          !atBottom ? /* @__PURE__ */ jsx16("div", { className: "absolute bottom-3 left-1/2 -translate-x-1/2", children: /* @__PURE__ */ jsx16(Tooltip, { content: "Scroll to latest", children: /* @__PURE__ */ jsx16(
+          !atBottom ? /* @__PURE__ */ jsx17("div", { className: "absolute bottom-3 left-1/2 -translate-x-1/2", children: /* @__PURE__ */ jsx17(Tooltip, { content: "Scroll to latest", children: /* @__PURE__ */ jsx17(
             "button",
             {
               type: "button",
               onClick: () => scrollToBottom("smooth"),
               className: "flex h-9 w-9 items-center justify-center rounded-full border border-ph-border bg-ph-surface text-ph-subtle shadow-ph-md transition-colors hover:text-ph-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus",
               "aria-label": "Scroll to latest",
-              children: /* @__PURE__ */ jsx16(ArrowDown, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx17(ArrowDown, { className: "h-4 w-4" })
             }
           ) }) }) : null
         ] }),
-        /* @__PURE__ */ jsx16("div", { className: "px-2 pt-2 pb-[max(2rem,calc(env(safe-area-inset-bottom)+1rem))]", children: /* @__PURE__ */ jsxs14("div", { className: "flex items-end gap-1.5 rounded-2xl border border-ph-border bg-ph-surface px-1.5 py-1 transition-colors focus-within:border-ph-brand/45 focus-within:ring-2 focus-within:ring-ph-focus/35", children: [
-          /* @__PURE__ */ jsx16("label", { htmlFor: inputId, className: "sr-only", children: "Ask a question" }),
-          /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17("div", { className: "px-2 pt-2 pb-[max(2rem,calc(env(safe-area-inset-bottom)+1rem))]", children: /* @__PURE__ */ jsxs14("div", { className: "flex items-end gap-1.5 rounded-2xl border border-ph-border bg-ph-surface px-1.5 py-1 transition-colors focus-within:border-ph-brand/45 focus-within:ring-2 focus-within:ring-ph-focus/35", children: [
+          /* @__PURE__ */ jsx17("label", { htmlFor: inputId, className: "sr-only", children: "Ask a question" }),
+          /* @__PURE__ */ jsx17(
             "textarea",
             {
               id: inputId,
@@ -2694,7 +2921,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"
             }
           ),
-          loading ? /* @__PURE__ */ jsx16(Tooltip, { content: "Stop generating", children: /* @__PURE__ */ jsx16(
+          loading ? /* @__PURE__ */ jsx17(Tooltip, { content: "Stop generating", children: /* @__PURE__ */ jsx17(
             "button",
             {
               type: "button",
@@ -2702,18 +2929,18 @@ function SuiteAiPanel({
               "data-test": "ask-ai-stop",
               className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-ph-muted text-ph-ink transition-colors hover:bg-ph-border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus",
               "aria-label": "Stop generating",
-              children: /* @__PURE__ */ jsx16(Square, { className: "h-3.5 w-3.5 fill-current" })
+              children: /* @__PURE__ */ jsx17(Square, { className: "h-3.5 w-3.5 fill-current" })
             }
-          ) }) : isWaitingForReply ? /* @__PURE__ */ jsx16(
+          ) }) : isWaitingForReply ? /* @__PURE__ */ jsx17(
             "span",
             {
               className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-ph-muted text-ph-subtle",
               "data-test": "ask-ai-waiting",
               role: "status",
               "aria-label": "Shelly is responding",
-              children: /* @__PURE__ */ jsx16(Spinner, { className: "h-4 w-4 animate-spin" })
+              children: /* @__PURE__ */ jsx17(Spinner, { className: "h-4 w-4 animate-spin" })
             }
-          ) : /* @__PURE__ */ jsx16(Tooltip, { content: "Send message", children: /* @__PURE__ */ jsx16(
+          ) : /* @__PURE__ */ jsx17(Tooltip, { content: "Send message", children: /* @__PURE__ */ jsx17(
             "button",
             {
               type: "button",
@@ -2722,7 +2949,7 @@ function SuiteAiPanel({
               "data-test": "ask-ai-send",
               className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-ph-brand text-[color:var(--ph-on-accent)] transition-opacity hover:bg-ph-brand-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus disabled:opacity-40",
               "aria-label": "Send message",
-              children: /* @__PURE__ */ jsx16(ArrowUp, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx17(ArrowUp, { className: "h-4 w-4" })
             }
           ) })
         ] }) })
@@ -2732,9 +2959,9 @@ function SuiteAiPanel({
 }
 
 // src/suite/components/workspace-switcher.tsx
-import { useState as useState8 } from "react";
+import { useState as useState9 } from "react";
 import { Building, Check, NavArrowDown } from "iconoir-react";
-import { Fragment as Fragment6, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 function SuiteWorkspaceSwitcher({
   workspaces = [],
   groups,
@@ -2750,9 +2977,9 @@ function SuiteWorkspaceSwitcher({
   footer
 }) {
   var _a;
-  const [open, setOpen] = useState8(false);
+  const [open, setOpen] = useState9(false);
   const sections = (_a = groups == null ? void 0 : groups.filter((group) => group.workspaces.length > 0)) != null ? _a : workspaces.length > 0 ? [{ id: "workspaces", label: "Switch workspace", workspaces }] : [];
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     DropdownMenu2,
     {
       "aria-label": "Switch workspace",
@@ -2773,10 +3000,10 @@ function SuiteWorkspaceSwitcher({
           ),
           "data-test": "workspace-switcher-trigger",
           children: [
-            /* @__PURE__ */ jsx17(Building, { className: "h-4 w-4 shrink-0 text-ph-ink", "aria-hidden": true }),
+            /* @__PURE__ */ jsx18(Building, { className: "h-4 w-4 shrink-0 text-ph-ink", "aria-hidden": true }),
             !collapsed ? /* @__PURE__ */ jsxs15(Fragment6, { children: [
-              /* @__PURE__ */ jsx17("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-ph-ink", children: name }),
-              /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx18("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-ph-ink", children: name }),
+              /* @__PURE__ */ jsx18(
                 NavArrowDown,
                 {
                   className: cn2(
@@ -2797,9 +3024,9 @@ function SuiteWorkspaceSwitcher({
           className: "p-1",
           "data-test": "workspace-switcher-menu",
           children: [
-            sections.length === 0 ? /* @__PURE__ */ jsx17("p", { className: "px-3 py-2 text-sm text-ph-mutedtext", children: emptyLabel }) : sections.map((section) => /* @__PURE__ */ jsxs15("div", { children: [
-              /* @__PURE__ */ jsx17("p", { className: "px-3 py-2 text-[10px] font-semibold uppercase tracking-[0.14em] text-ph-mutedtext", children: section.label }),
-              section.workspaces.map((workspace) => /* @__PURE__ */ jsx17(
+            sections.length === 0 ? /* @__PURE__ */ jsx18("p", { className: "px-3 py-2 text-sm text-ph-mutedtext", children: emptyLabel }) : sections.map((section) => /* @__PURE__ */ jsxs15("div", { children: [
+              /* @__PURE__ */ jsx18("p", { className: "px-3 py-2 text-[10px] font-semibold uppercase tracking-[0.14em] text-ph-mutedtext", children: section.label }),
+              section.workspaces.map((workspace) => /* @__PURE__ */ jsx18(
                 DropdownItem2,
                 {
                   id: `workspace-option-${workspace.id}`,
@@ -2814,10 +3041,10 @@ function SuiteWorkspaceSwitcher({
                   className: appSwitcherMenuItemClass(),
                   children: /* @__PURE__ */ jsxs15("span", { className: "flex min-w-0 w-full items-center gap-3", children: [
                     /* @__PURE__ */ jsxs15("span", { className: "min-w-0 flex-1", children: [
-                      /* @__PURE__ */ jsx17("span", { className: "block truncate text-sm font-medium text-ph-ink", children: workspace.name }),
-                      workspace.description ? /* @__PURE__ */ jsx17("span", { className: "block truncate text-xs text-ph-mutedtext", children: workspace.description }) : null
+                      /* @__PURE__ */ jsx18("span", { className: "block truncate text-sm font-medium text-ph-ink", children: workspace.name }),
+                      workspace.description ? /* @__PURE__ */ jsx18("span", { className: "block truncate text-xs text-ph-mutedtext", children: workspace.description }) : null
                     ] }),
-                    workspace.id === currentId ? /* @__PURE__ */ jsx17(
+                    workspace.id === currentId ? /* @__PURE__ */ jsx18(
                       Check,
                       {
                         className: "h-4 w-4 shrink-0 text-ph-brand",
@@ -2829,7 +3056,7 @@ function SuiteWorkspaceSwitcher({
                 workspace.id
               ))
             ] }, section.id)),
-            footer ? /* @__PURE__ */ jsx17("div", { className: "mt-1 border-t border-ph-border pt-1", children: footer }) : null
+            footer ? /* @__PURE__ */ jsx18("div", { className: "mt-1 border-t border-ph-border pt-1", children: footer }) : null
           ]
         }
       )
@@ -2838,7 +3065,7 @@ function SuiteWorkspaceSwitcher({
 }
 
 // src/suite/icons/suite-icon.tsx
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 var TODAY_SUN_STYLE = `
 @media (prefers-reduced-motion: no-preference) {
   .suite-icon-today-sun-rays {
@@ -2881,8 +3108,8 @@ function SuiteIcon({
       "aria-label": label,
       "aria-hidden": label ? void 0 : true,
       children: [
-        glyph.animatedAccent && animated ? /* @__PURE__ */ jsx18("style", { children: TODAY_SUN_STYLE }) : null,
-        /* @__PURE__ */ jsx18(
+        glyph.animatedAccent && animated ? /* @__PURE__ */ jsx19("style", { children: TODAY_SUN_STYLE }) : null,
+        /* @__PURE__ */ jsx19(
           GlyphParts,
           {
             elements: glyph.elements,
@@ -2896,9 +3123,9 @@ function SuiteIcon({
 
 // src/suite/lib/use-sidebar-width.ts
 import {
-  useCallback as useCallback3,
+  useCallback as useCallback4,
   useLayoutEffect as useLayoutEffect2,
-  useState as useState9
+  useState as useState10
 } from "react";
 var SIDEBAR_RAIL_WIDTH = 56;
 var SIDEBAR_COLLAPSE_THRESHOLD = 80;
@@ -2984,8 +3211,8 @@ function resetSuiteSidebarWidth() {
 }
 function useSidebarWidth(storageKey = SUITE_SIDEBAR_WIDTH_KEY, defaultWidth = SIDEBAR_DEFAULT_WIDTH) {
   const fallbackWidth = snapWidth(clampWidth(defaultWidth));
-  const [width, setWidth] = useState9(fallbackWidth);
-  const [narrowViewport, setNarrowViewport] = useState9(false);
+  const [width, setWidth] = useState10(fallbackWidth);
+  const [narrowViewport, setNarrowViewport] = useState10(false);
   const collapsed = narrowViewport || width <= SIDEBAR_COLLAPSE_THRESHOLD;
   useLayoutEffect2(() => {
     const sync = () => {
@@ -3010,13 +3237,13 @@ function useSidebarWidth(storageKey = SUITE_SIDEBAR_WIDTH_KEY, defaultWidth = SI
     media.addEventListener("change", sync);
     return () => media.removeEventListener("change", sync);
   }, []);
-  const persist = useCallback3(
+  const persist = useCallback4(
     (value) => {
       persistSidebarWidth(storageKey, value);
     },
     [storageKey]
   );
-  const setCollapsed = useCallback3(
+  const setCollapsed = useCallback4(
     (value) => {
       setWidth((current) => {
         const next = value ? SIDEBAR_RAIL_WIDTH : current <= SIDEBAR_COLLAPSE_THRESHOLD ? fallbackWidth : snapWidth(current);
@@ -3026,11 +3253,11 @@ function useSidebarWidth(storageKey = SUITE_SIDEBAR_WIDTH_KEY, defaultWidth = SI
     },
     [fallbackWidth, persist]
   );
-  const resetWidth = useCallback3(() => {
+  const resetWidth = useCallback4(() => {
     setWidth(fallbackWidth);
     persist(fallbackWidth);
   }, [fallbackWidth, persist]);
-  const startResize = useCallback3(
+  const startResize = useCallback4(
     (event) => {
       event.preventDefault();
       const startX = event.clientX;
@@ -3052,7 +3279,7 @@ function useSidebarWidth(storageKey = SUITE_SIDEBAR_WIDTH_KEY, defaultWidth = SI
     },
     [persist, width]
   );
-  const resizeBy = useCallback3(
+  const resizeBy = useCallback4(
     (delta) => {
       setWidth((current) => {
         const next = clampWidth(current + delta);
@@ -3067,9 +3294,9 @@ function useSidebarWidth(storageKey = SUITE_SIDEBAR_WIDTH_KEY, defaultWidth = SI
 
 // src/suite/lib/motion.tsx
 import { LazyMotion, domAnimation, m } from "motion/react";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function SuiteMotionProvider({ children }) {
-  return /* @__PURE__ */ jsx19(LazyMotion, { features: domAnimation, strict: true, children });
+  return /* @__PURE__ */ jsx20(LazyMotion, { features: domAnimation, strict: true, children });
 }
 var SUITE_SPRINGS = {
   /** Snappy panel/sheet entrances — small overshoot. */
@@ -3081,24 +3308,24 @@ var SUITE_SPRINGS = {
 };
 
 // src/suite/components/suite-skeleton.tsx
-import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 function SuiteSkeleton({
   className,
   lines = 1,
   circle,
   width
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       className: cn2("space-y-2", circle ? "flex flex-col items-center" : ""),
       "aria-hidden": true,
-      children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx20(
+      children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx21(
         "div",
         {
           className: "animate-[skeleton-stagger_0.6s_ease-out_both]",
           style: { animationDelay: `${index * 80}ms` },
-          children: /* @__PURE__ */ jsx20(
+          children: /* @__PURE__ */ jsx21(
             "div",
             {
               className: cn2(
@@ -3137,20 +3364,20 @@ function SuiteSkeletonCard({
             className: "mb-5 flex items-center gap-3 animate-[skeleton-stagger_0.5s_ease-out_both]",
             style: { animationDelay: "100ms" },
             children: [
-              /* @__PURE__ */ jsx20("div", { className: "ph-skeleton h-10 w-10 rounded-xl" }),
+              /* @__PURE__ */ jsx21("div", { className: "ph-skeleton h-10 w-10 rounded-xl" }),
               /* @__PURE__ */ jsxs17("div", { className: "flex-1 space-y-2", children: [
-                /* @__PURE__ */ jsx20("div", { className: "ph-skeleton h-4 w-1/3" }),
-                /* @__PURE__ */ jsx20("div", { className: "ph-skeleton h-3 w-1/2" })
+                /* @__PURE__ */ jsx21("div", { className: "ph-skeleton h-4 w-1/3" }),
+                /* @__PURE__ */ jsx21("div", { className: "ph-skeleton h-3 w-1/2" })
               ] })
             ]
           }
         ) : null,
-        /* @__PURE__ */ jsx20("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsx21(
           "div",
           {
             className: "animate-[skeleton-stagger_0.5s_ease-out_both]",
             style: { animationDelay: `${200 + index * 80}ms` },
-            children: /* @__PURE__ */ jsx20(
+            children: /* @__PURE__ */ jsx21(
               "div",
               {
                 className: "ph-skeleton h-3",
@@ -3168,16 +3395,16 @@ function SuiteSkeletonList({
   className,
   items = 4
 }) {
-  return /* @__PURE__ */ jsx20("div", { className: cn2("space-y-3", className), "aria-hidden": true, children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21("div", { className: cn2("space-y-3", className), "aria-hidden": true, children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsx21(
     "div",
     {
       className: "animate-[skeleton-stagger_0.6s_ease-out_both]",
       style: { animationDelay: `${index * 100}ms` },
       children: /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-3 rounded-xl border border-ph-border bg-ph-surface p-4", children: [
-        /* @__PURE__ */ jsx20("div", { className: "ph-skeleton h-10 w-10 rounded-lg" }),
+        /* @__PURE__ */ jsx21("div", { className: "ph-skeleton h-10 w-10 rounded-lg" }),
         /* @__PURE__ */ jsxs17("div", { className: "min-w-0 flex-1 space-y-2", children: [
-          /* @__PURE__ */ jsx20("div", { className: "ph-skeleton h-3.5 w-3/4" }),
-          /* @__PURE__ */ jsx20("div", { className: "ph-skeleton h-3 w-1/2" })
+          /* @__PURE__ */ jsx21("div", { className: "ph-skeleton h-3.5 w-3/4" }),
+          /* @__PURE__ */ jsx21("div", { className: "ph-skeleton h-3 w-1/2" })
         ] })
       ] })
     },
@@ -3202,12 +3429,12 @@ function SuiteEmptyState({
       ),
       children: [
         /* @__PURE__ */ jsxs17("div", { className: "pointer-events-none absolute inset-0 overflow-hidden opacity-60", "aria-hidden": true, children: [
-          /* @__PURE__ */ jsx20("div", { className: "absolute -left-10 -top-10 h-40 w-40 rounded-full bg-ph-brand/10 blur-3xl" }),
-          /* @__PURE__ */ jsx20("div", { className: "absolute -bottom-10 -right-10 h-40 w-40 rounded-full bg-ph-accent/10 blur-3xl" })
+          /* @__PURE__ */ jsx21("div", { className: "absolute -left-10 -top-10 h-40 w-40 rounded-full bg-ph-brand/10 blur-3xl" }),
+          /* @__PURE__ */ jsx21("div", { className: "absolute -bottom-10 -right-10 h-40 w-40 rounded-full bg-ph-accent/10 blur-3xl" })
         ] }),
         /* @__PURE__ */ jsxs17("div", { className: "relative", children: [
-          icon ? /* @__PURE__ */ jsx20("div", { className: "mx-auto mb-4 inline-flex items-center justify-center rounded-2xl bg-ph-muted p-3 shadow-sm ring-1 ring-black/[0.06]", children: icon }) : null,
-          /* @__PURE__ */ jsx20(
+          icon ? /* @__PURE__ */ jsx21("div", { className: "mx-auto mb-4 inline-flex items-center justify-center rounded-2xl bg-ph-muted p-3 shadow-sm ring-1 ring-black/[0.06]", children: icon }) : null,
+          /* @__PURE__ */ jsx21(
             "h2",
             {
               className: cn2(
@@ -3217,8 +3444,8 @@ function SuiteEmptyState({
               children: title
             }
           ),
-          description ? /* @__PURE__ */ jsx20("p", { className: "mx-auto mt-2 max-w-sm text-sm leading-relaxed text-ph-subtle", children: description }) : null,
-          action ? /* @__PURE__ */ jsx20("div", { className: "mt-5 flex flex-wrap items-center justify-center gap-2", children: action }) : null
+          description ? /* @__PURE__ */ jsx21("p", { className: "mx-auto mt-2 max-w-sm text-sm leading-relaxed text-ph-subtle", children: description }) : null,
+          action ? /* @__PURE__ */ jsx21("div", { className: "mt-5 flex flex-wrap items-center justify-center gap-2", children: action }) : null
         ] })
       ]
     }
@@ -3227,7 +3454,7 @@ function SuiteEmptyState({
 
 // src/suite/components/suite-settings-mobile-nav.tsx
 import { isValidElement } from "react";
-import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 function SuiteSettingsMobileNav({
   items,
   activeHref,
@@ -3236,16 +3463,16 @@ function SuiteSettingsMobileNav({
   ariaLabel = "Settings sections",
   className
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "nav",
     {
       "data-test": dataTest,
       "aria-label": ariaLabel,
       className: cn2("suite-settings-mobile-nav lg:hidden", className),
-      children: /* @__PURE__ */ jsx21("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__ */ jsx22("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 = isValidElement(item.icon) ? item.icon : /* @__PURE__ */ jsx21(
+        const iconNode = isValidElement(item.icon) ? item.icon : /* @__PURE__ */ jsx22(
           Icon,
           {
             className: cn2(
@@ -3270,8 +3497,8 @@ function SuiteSettingsMobileNav({
             ),
             children: [
               iconNode,
-              /* @__PURE__ */ jsx21("span", { className: "whitespace-nowrap", children: item.label }),
-              active ? /* @__PURE__ */ jsx21("span", { className: "absolute inset-x-0 -bottom-3 h-0.5 rounded-full bg-ph-ink lg:hidden" }) : null
+              /* @__PURE__ */ jsx22("span", { className: "whitespace-nowrap", children: item.label }),
+              active ? /* @__PURE__ */ jsx22("span", { className: "absolute inset-x-0 -bottom-3 h-0.5 rounded-full bg-ph-ink lg:hidden" }) : null
             ]
           },
           item.href
@@ -3283,9 +3510,9 @@ function SuiteSettingsMobileNav({
 
 // src/suite/components/suite-sidebar.tsx
 import Link2 from "next/link";
-import { useCallback as useCallback4, useEffect as useEffect7 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect8 } from "react";
 import { NavArrowLeft, Sparks as Sparks2 } from "iconoir-react";
-import { Fragment as Fragment7, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 function renderNode(node, collapsed) {
   if (typeof node === "function") return node(collapsed);
   return node;
@@ -3308,14 +3535,14 @@ function SuiteSidebar({
 }) {
   const showAskAi = Boolean(onAskAiOpenChange && askAi);
   const chatOpen = showAskAi && askAiOpen && !collapsed;
-  const setAskAi = useCallback4(
+  const setAskAi = useCallback5(
     (next) => {
       persistSuiteAskAiOpen(next);
       onAskAiOpenChange == null ? void 0 : onAskAiOpenChange(next);
     },
     [onAskAiOpenChange]
   );
-  useEffect7(() => {
+  useEffect8(() => {
     if (!onAskAiOpenChange) return;
     function onOpen() {
       onRequestExpand == null ? void 0 : onRequestExpand();
@@ -3324,7 +3551,7 @@ function SuiteSidebar({
     window.addEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
     return () => window.removeEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
   }, [onAskAiOpenChange, onRequestExpand, setAskAi]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (!chatOpen) return;
     function onKey(event) {
       if (event.key === "Escape") setAskAi(false);
@@ -3340,7 +3567,7 @@ function SuiteSidebar({
     if (collapsed) onRequestExpand == null ? void 0 : onRequestExpand();
     setAskAi(true);
   }
-  const askAiButton = /* @__PURE__ */ jsx22(
+  const askAiButton = /* @__PURE__ */ jsx23(
     "button",
     {
       type: "button",
@@ -3352,7 +3579,7 @@ function SuiteSidebar({
         "inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ph-focus-ring",
         askAiOpen ? "bg-ph-brand/10 text-ph-brand" : "text-ph-mutedtext hover:bg-ph-muted hover:text-ph-ink"
       ),
-      children: /* @__PURE__ */ jsx22(Sparks2, { className: "h-4 w-4", "aria-hidden": true })
+      children: /* @__PURE__ */ jsx23(Sparks2, { className: "h-4 w-4", "aria-hidden": true })
     }
   );
   if (chatOpen) {
@@ -3374,7 +3601,7 @@ function SuiteSidebar({
                 surface ? "bg-ph-surface" : "bg-ph-canvas"
               ),
               children: [
-                /* @__PURE__ */ jsx22(
+                /* @__PURE__ */ jsx23(
                   "button",
                   {
                     type: "button",
@@ -3382,14 +3609,14 @@ function SuiteSidebar({
                     "aria-label": "Back to navigation",
                     onClick: () => setAskAi(false),
                     className: "inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg text-ph-subtle transition-colors hover:bg-ph-muted hover:text-ph-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-brand",
-                    children: /* @__PURE__ */ jsx22(NavArrowLeft, { className: "h-4 w-4", "aria-hidden": true })
+                    children: /* @__PURE__ */ jsx23(NavArrowLeft, { className: "h-4 w-4", "aria-hidden": true })
                   }
                 ),
-                /* @__PURE__ */ jsx22("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-ph-ink", children: "Shelly AI" })
+                /* @__PURE__ */ jsx23("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-ph-ink", children: "Shelly AI" })
               ]
             }
           ),
-          /* @__PURE__ */ jsx22("div", { className: "min-h-0 flex-1", children: askAi })
+          /* @__PURE__ */ jsx23("div", { className: "min-h-0 flex-1", children: askAi })
         ]
       }
     );
@@ -3412,8 +3639,8 @@ 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__ */ jsx22("div", { className: cn2("min-w-0", collapsed ? "shrink-0" : "flex-1"), children: renderNode(appSwitcher, collapsed) }),
-              collapsed ? null : /* @__PURE__ */ jsx22("div", { className: "shrink-0", children: renderNode(notificationBell, collapsed) })
+              /* @__PURE__ */ jsx23("div", { className: cn2("min-w-0", collapsed ? "shrink-0" : "flex-1"), children: renderNode(appSwitcher, collapsed) }),
+              collapsed ? null : /* @__PURE__ */ jsx23("div", { className: "shrink-0", children: renderNode(notificationBell, collapsed) })
             ]
           }
         ) : null,
@@ -3427,7 +3654,7 @@ function SuiteSidebar({
               collapsed ? "px-1.5 py-2" : "p-3"
             ),
             children: [
-              contextSwitcher ? /* @__PURE__ */ jsx22(
+              contextSwitcher ? /* @__PURE__ */ jsx23(
                 "div",
                 {
                   className: cn2(
@@ -3447,16 +3674,16 @@ function SuiteSidebar({
                       onClick: () => setAskAi(false),
                       className: "inline-flex h-9 items-center gap-1 rounded-lg px-2 text-sm font-medium text-ph-subtle transition-colors hover:bg-ph-muted hover:text-ph-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-brand",
                       children: [
-                        /* @__PURE__ */ jsx22(NavArrowLeft, { className: "h-4 w-4", "aria-hidden": true }),
+                        /* @__PURE__ */ jsx23(NavArrowLeft, { className: "h-4 w-4", "aria-hidden": true }),
                         "Nav"
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx22("span", { className: "truncate text-sm font-semibold text-ph-ink", children: "Shelly AI" })
+                  /* @__PURE__ */ jsx23("span", { className: "truncate text-sm font-semibold text-ph-ink", children: "Shelly AI" })
                 ] }),
-                /* @__PURE__ */ jsx22("div", { className: "min-h-0 flex-1", children: askAi })
+                /* @__PURE__ */ jsx23("div", { className: "min-h-0 flex-1", children: askAi })
               ] }) : /* @__PURE__ */ jsxs19(Fragment7, { children: [
-                /* @__PURE__ */ jsx22("nav", { "aria-label": "Pages", className: "shrink-0 space-y-1", children: /* @__PURE__ */ jsx22("div", { className: "space-y-1", children: navItems.map((item) => {
+                /* @__PURE__ */ jsx23("nav", { "aria-label": "Pages", className: "shrink-0 space-y-1", children: /* @__PURE__ */ jsx23("div", { className: "space-y-1", children: navItems.map((item) => {
                   var _a;
                   const Icon = item.icon;
                   const active = Boolean(item.active);
@@ -3474,7 +3701,7 @@ function SuiteSidebar({
                         collapsed ? "mx-auto size-11 shrink-0 justify-center gap-0 px-0 py-0" : "w-full px-2.5 py-2"
                       ),
                       children: [
-                        /* @__PURE__ */ jsx22(
+                        /* @__PURE__ */ jsx23(
                           "span",
                           {
                             className: cn2(
@@ -3482,7 +3709,7 @@ function SuiteSidebar({
                               item.iconClassName
                             ),
                             "aria-hidden": true,
-                            children: /* @__PURE__ */ jsx22(
+                            children: /* @__PURE__ */ jsx23(
                               Icon,
                               {
                                 className: "h-full w-full",
@@ -3491,7 +3718,7 @@ function SuiteSidebar({
                             )
                           }
                         ),
-                        /* @__PURE__ */ jsx22(
+                        /* @__PURE__ */ jsx23(
                           "span",
                           {
                             className: cn2(
@@ -3502,14 +3729,14 @@ function SuiteSidebar({
                             children: item.label
                           }
                         ),
-                        !collapsed && item.badge ? /* @__PURE__ */ jsx22("span", { className: "relative ml-auto shrink-0", children: item.badge }) : null
+                        !collapsed && item.badge ? /* @__PURE__ */ jsx23("span", { className: "relative ml-auto shrink-0", children: item.badge }) : null
                       ]
                     },
                     item.label
                   );
-                  return collapsed ? /* @__PURE__ */ jsx22(Tooltip, { content: item.label, side: "right", children: link }, item.label) : link;
+                  return collapsed ? /* @__PURE__ */ jsx23(Tooltip, { content: item.label, side: "right", children: link }, item.label) : link;
                 }) }) }),
-                secondaryNav ? /* @__PURE__ */ jsx22(
+                secondaryNav ? /* @__PURE__ */ jsx23(
                   "div",
                   {
                     className: "min-h-0 flex-1",
@@ -3521,7 +3748,7 @@ function SuiteSidebar({
             ]
           }
         ),
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx23(
           "div",
           {
             className: cn2(
@@ -3538,8 +3765,8 @@ function SuiteSidebar({
                 ),
                 children: [
                   renderNode(userMenu, collapsed),
-                  showAskAi ? /* @__PURE__ */ jsx22("div", { className: cn2("shrink-0", collapsed ? "mt-2" : "ml-auto"), children: /* @__PURE__ */ jsx22(Tooltip, { content: "Shelly AI", side: collapsed ? "right" : "top", children: askAiButton }) }) : footerExtras ? /* @__PURE__ */ jsx22("div", { className: cn2("shrink-0", collapsed ? "mt-2" : "ml-auto"), children: renderNode(footerExtras, collapsed) }) : null,
-                  showAskAi && footerExtras ? /* @__PURE__ */ jsx22("div", { className: cn2("shrink-0", collapsed && "mt-2"), children: renderNode(footerExtras, collapsed) }) : null
+                  showAskAi ? /* @__PURE__ */ jsx23("div", { className: cn2("shrink-0", collapsed ? "mt-2" : "ml-auto"), children: /* @__PURE__ */ jsx23(Tooltip, { content: "Shelly AI", side: collapsed ? "right" : "top", children: askAiButton }) }) : footerExtras ? /* @__PURE__ */ jsx23("div", { className: cn2("shrink-0", collapsed ? "mt-2" : "ml-auto"), children: renderNode(footerExtras, collapsed) }) : null,
+                  showAskAi && footerExtras ? /* @__PURE__ */ jsx23("div", { className: cn2("shrink-0", collapsed && "mt-2"), children: renderNode(footerExtras, collapsed) }) : null
                 ]
               }
             )
@@ -3551,7 +3778,7 @@ function SuiteSidebar({
 }
 
 // src/suite/components/suite-app-layout.tsx
-import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function SuiteAppLayout({
   sidebar,
   children,
@@ -3582,8 +3809,8 @@ function SuiteAppLayout({
             style: { width: `${sidebarWidth}px` },
             "data-collapsed": collapsed ? "true" : "false",
             children: [
-              /* @__PURE__ */ jsx23("div", { className: "relative z-0 h-full min-h-0 isolate", children: sidebar }),
-              onStartResize ? /* @__PURE__ */ jsx23(
+              /* @__PURE__ */ jsx24("div", { className: "relative z-0 h-full min-h-0 isolate", children: sidebar }),
+              onStartResize ? /* @__PURE__ */ jsx24(
                 "div",
                 {
                   role: "separator",
@@ -3616,8 +3843,8 @@ function SuiteAppLayout({
           }
         ),
         /* @__PURE__ */ jsxs20("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [
-          mobileHeader ? /* @__PURE__ */ jsx23("div", { className: "shrink-0 lg:hidden", children: mobileHeader }) : null,
-          /* @__PURE__ */ jsx23(
+          mobileHeader ? /* @__PURE__ */ jsx24("div", { className: "shrink-0 lg:hidden", children: mobileHeader }) : null,
+          /* @__PURE__ */ jsx24(
             "main",
             {
               id: "main-content",
@@ -3631,7 +3858,7 @@ function SuiteAppLayout({
               children
             }
           ),
-          bottomNav ? /* @__PURE__ */ jsx23("div", { className: "shrink-0 lg:hidden", children: bottomNav }) : null
+          bottomNav ? /* @__PURE__ */ jsx24("div", { className: "shrink-0 lg:hidden", children: bottomNav }) : null
         ] })
       ]
     }
@@ -3640,10 +3867,10 @@ function SuiteAppLayout({
 
 // src/suite/components/suite-integration-picker.tsx
 import {
-  useEffect as useEffect8,
-  useMemo,
-  useRef as useRef3,
-  useState as useState10
+  useEffect as useEffect9,
+  useMemo as useMemo2,
+  useRef as useRef4,
+  useState as useState11
 } from "react";
 import {
   EvPlug as Plug,
@@ -3653,7 +3880,7 @@ import {
   Search,
   Xmark
 } from "iconoir-react";
-import { Fragment as Fragment8, jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 var DESCRIPTION_LIMIT = 90;
 function IntegrationSkeletonCard() {
   return /* @__PURE__ */ jsxs21(
@@ -3663,14 +3890,14 @@ function IntegrationSkeletonCard() {
       "aria-hidden": "true",
       children: [
         /* @__PURE__ */ jsxs21("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsx24("div", { className: "h-10 w-10 shrink-0 rounded-lg bg-ph-muted" }),
+          /* @__PURE__ */ jsx25("div", { className: "h-10 w-10 shrink-0 rounded-lg bg-ph-muted" }),
           /* @__PURE__ */ jsxs21("div", { className: "min-w-0 flex-1 space-y-2 pt-1", children: [
-            /* @__PURE__ */ jsx24("div", { className: "h-4 w-3/5 rounded bg-ph-muted" }),
-            /* @__PURE__ */ jsx24("div", { className: "h-3 w-full rounded bg-ph-muted" }),
-            /* @__PURE__ */ jsx24("div", { className: "h-3 w-4/5 rounded bg-ph-muted" })
+            /* @__PURE__ */ jsx25("div", { className: "h-4 w-3/5 rounded bg-ph-muted" }),
+            /* @__PURE__ */ jsx25("div", { className: "h-3 w-full rounded bg-ph-muted" }),
+            /* @__PURE__ */ jsx25("div", { className: "h-3 w-4/5 rounded bg-ph-muted" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx24("div", { className: "mt-3 h-9 w-20 rounded bg-ph-muted" })
+        /* @__PURE__ */ jsx25("div", { className: "mt-3 h-9 w-20 rounded bg-ph-muted" })
       ]
     }
   );
@@ -3745,33 +3972,33 @@ function SuiteIntegrationPicker({
   description = "Connect an app to this workspace securely.",
   dataTest = "suite-integration-picker"
 }) {
-  const [query, setQuery] = useState10("");
-  const [category, setCategory] = useState10("all");
-  const [categoryQuery, setCategoryQuery] = useState10("");
-  const [categoryMenuOpen, setCategoryMenuOpen] = useState10(false);
-  const [expanded, setExpanded] = useState10(null);
-  const categoryMenuRef = useRef3(null);
-  const categoryTriggerRef = useRef3(null);
-  const categorySearchRef = useRef3(null);
-  const categoryOptionRefs = useRef3({});
-  const pendingCategoryFocus = useRef3(
+  const [query, setQuery] = useState11("");
+  const [category, setCategory] = useState11("all");
+  const [categoryQuery, setCategoryQuery] = useState11("");
+  const [categoryMenuOpen, setCategoryMenuOpen] = useState11(false);
+  const [expanded, setExpanded] = useState11(null);
+  const categoryMenuRef = useRef4(null);
+  const categoryTriggerRef = useRef4(null);
+  const categorySearchRef = useRef4(null);
+  const categoryOptionRefs = useRef4({});
+  const pendingCategoryFocus = useRef4(
     null
   );
-  const scrollViewportRef = useRef3(null);
-  const loadMoreSentinelRef = useRef3(null);
-  const loadMoreInFlightRef = useRef3(false);
-  const authRequestRef = useRef3(0);
-  const [methodItem, setMethodItem] = useState10(null);
-  const [authItem, setAuthItem] = useState10(null);
-  const [authValues, setAuthValues] = useState10({});
-  const [authLoading, setAuthLoading] = useState10(false);
-  const [authSubmitting, setAuthSubmitting] = useState10(false);
-  const [authError, setAuthError] = useState10(null);
-  const [connectionError, setConnectionError] = useState10(null);
-  const [itemToDisconnect, setItemToDisconnect] = useState10(null);
-  const [disconnecting, setDisconnecting] = useState10(false);
-  const [disconnectError, setDisconnectError] = useState10(null);
-  const itemCategories = useMemo(
+  const scrollViewportRef = useRef4(null);
+  const loadMoreSentinelRef = useRef4(null);
+  const loadMoreInFlightRef = useRef4(false);
+  const authRequestRef = useRef4(0);
+  const [methodItem, setMethodItem] = useState11(null);
+  const [authItem, setAuthItem] = useState11(null);
+  const [authValues, setAuthValues] = useState11({});
+  const [authLoading, setAuthLoading] = useState11(false);
+  const [authSubmitting, setAuthSubmitting] = useState11(false);
+  const [authError, setAuthError] = useState11(null);
+  const [connectionError, setConnectionError] = useState11(null);
+  const [itemToDisconnect, setItemToDisconnect] = useState11(null);
+  const [disconnecting, setDisconnecting] = useState11(false);
+  const [disconnectError, setDisconnectError] = useState11(null);
+  const itemCategories = useMemo2(
     () => Array.from(
       new Set(items.flatMap((item) => {
         var _a;
@@ -3952,7 +4179,7 @@ function SuiteIntegrationPicker({
       setAuthSubmitting(false);
     }
   }
-  useEffect8(() => {
+  useEffect9(() => {
     if (!categoryMenuOpen) return;
     const handlePointerDown = (event) => {
       var _a;
@@ -3970,7 +4197,7 @@ function SuiteIntegrationPicker({
       document.removeEventListener("keydown", handleKeyDown);
     };
   }, [categoryMenuOpen]);
-  useEffect8(() => {
+  useEffect9(() => {
     var _a, _b, _c;
     const target = pendingCategoryFocus.current;
     if (!target) return;
@@ -3979,10 +4206,10 @@ function SuiteIntegrationPicker({
     else if (target === "search") (_b = categorySearchRef.current) == null ? void 0 : _b.focus();
     else (_c = categoryOptionRefs.current[target]) == null ? void 0 : _c.focus();
   }, [activeCategory, categoryMenuOpen, categoryQuery, visibleCategories]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!loadingMore) loadMoreInFlightRef.current = false;
   }, [loadingMore]);
-  useEffect8(() => {
+  useEffect9(() => {
     const root = scrollViewportRef.current;
     const sentinel = loadMoreSentinelRef.current;
     if (!open || !root || !sentinel || !hasMore || !onEndReached || loading || catalogLoading || loadingMore) {
@@ -4001,7 +4228,7 @@ function SuiteIntegrationPicker({
     return () => observer.disconnect();
   }, [catalogLoading, hasMore, loading, loadingMore, onEndReached, open]);
   return /* @__PURE__ */ jsxs21(Fragment8, { children: [
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       Modal,
       {
         open,
@@ -4012,17 +4239,17 @@ function SuiteIntegrationPicker({
         dataTest,
         bodyClassName: "!overflow-hidden",
         children: /* @__PURE__ */ jsxs21("div", { className: "space-y-4", children: [
-          connectionError ? /* @__PURE__ */ jsx24("p", { className: "text-sm text-ph-danger", role: "alert", children: connectionError }) : null,
+          connectionError ? /* @__PURE__ */ jsx25("p", { className: "text-sm text-ph-danger", role: "alert", children: connectionError }) : null,
           /* @__PURE__ */ jsxs21("div", { className: "grid gap-4 md:grid-cols-2", children: [
             /* @__PURE__ */ jsxs21("div", { className: "relative", children: [
-              /* @__PURE__ */ jsx24(
+              /* @__PURE__ */ jsx25(
                 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__ */ jsx24(
+              /* @__PURE__ */ jsx25(
                 Input,
                 {
                   value: activeSearch,
@@ -4055,16 +4282,16 @@ function SuiteIntegrationPicker({
                   onKeyDown: handleCategoryTriggerKeyDown,
                   children: [
                     /* @__PURE__ */ jsxs21("span", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsx24(
+                      /* @__PURE__ */ jsx25(
                         Filter,
                         {
                           className: "h-4 w-4 shrink-0 text-ph-subtle",
                           "aria-hidden": true
                         }
                       ),
-                      /* @__PURE__ */ jsx24("span", { children: activeCategory === "all" ? "All apps" : categoryLabel(activeCategory) })
+                      /* @__PURE__ */ jsx25("span", { children: activeCategory === "all" ? "All apps" : categoryLabel(activeCategory) })
                     ] }),
-                    /* @__PURE__ */ jsx24(
+                    /* @__PURE__ */ jsx25(
                       NavArrowDown2,
                       {
                         className: `h-4 w-4 transition-transform ${categoryMenuOpen ? "rotate-180" : ""}`,
@@ -4079,7 +4306,7 @@ function SuiteIntegrationPicker({
                 {
                   className: "absolute z-20 mt-2 max-h-[min(22rem,calc(100dvh-12rem))] w-full max-w-full overflow-hidden rounded-lg border border-ph-border bg-ph-surface p-2 shadow-lg",
                   children: [
-                    /* @__PURE__ */ jsx24(
+                    /* @__PURE__ */ jsx25(
                       Input,
                       {
                         ref: categorySearchRef,
@@ -4099,7 +4326,7 @@ function SuiteIntegrationPicker({
                         }
                       }
                     ),
-                    /* @__PURE__ */ jsx24(
+                    /* @__PURE__ */ jsx25(
                       "div",
                       {
                         id: `${dataTest}-category-options`,
@@ -4107,7 +4334,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__ */ jsx24(
+                        children: categoryValues.map((value) => /* @__PURE__ */ jsx25(
                           "button",
                           {
                             type: "button",
@@ -4145,12 +4372,12 @@ function SuiteIntegrationPicker({
               ref: scrollViewportRef,
               className: "min-h-0 max-h-[min(60vh,32rem)] w-full overflow-y-auto pr-1",
               children: [
-                loading || catalogLoading ? /* @__PURE__ */ jsx24(
+                loading || catalogLoading ? /* @__PURE__ */ jsx25(
                   "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__ */ jsx24(IntegrationSkeletonCard, {}, index))
+                    children: Array.from({ length: SKELETON_COUNT }, (_, index) => /* @__PURE__ */ jsx25(IntegrationSkeletonCard, {}, index))
                   }
                 ) : /* @__PURE__ */ jsxs21("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3", children: [
                   filtered.map((item) => {
@@ -4163,7 +4390,7 @@ function SuiteIntegrationPicker({
                       {
                         className: "flex min-h-36 min-w-0 flex-col justify-between rounded-xl border border-ph-border bg-ph-surface p-4",
                         children: [
-                          /* @__PURE__ */ jsx24(
+                          /* @__PURE__ */ jsx25(
                             "button",
                             {
                               type: "button",
@@ -4171,30 +4398,30 @@ function SuiteIntegrationPicker({
                               onClick: () => longDescription && setExpanded(isExpanded ? null : item.id),
                               "aria-expanded": isExpanded,
                               children: /* @__PURE__ */ jsxs21("span", { className: "flex items-start gap-3", children: [
-                                /* @__PURE__ */ jsx24("span", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-ph-muted text-ph-ink", children: (_a = item.icon) != null ? _a : /* @__PURE__ */ jsx24(Plug, { className: "h-5 w-5", "aria-hidden": true }) }),
+                                /* @__PURE__ */ jsx25("span", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-ph-muted text-ph-ink", children: (_a = item.icon) != null ? _a : /* @__PURE__ */ jsx25(Plug, { className: "h-5 w-5", "aria-hidden": true }) }),
                                 /* @__PURE__ */ jsxs21("span", { className: "min-w-0", children: [
-                                  /* @__PURE__ */ jsx24("span", { className: "block truncate font-medium text-ph-ink", children: item.label }),
-                                  /* @__PURE__ */ jsx24("span", { className: "mt-1 block text-xs text-ph-subtle", children: text }),
+                                  /* @__PURE__ */ jsx25("span", { className: "block truncate font-medium text-ph-ink", children: item.label }),
+                                  /* @__PURE__ */ jsx25("span", { className: "mt-1 block text-xs text-ph-subtle", children: text }),
                                   longDescription ? /* @__PURE__ */ jsxs21("span", { className: "mt-1 block text-xs font-medium text-ph-brand", children: [
                                     isExpanded ? "See less" : "See more",
                                     " ",
-                                    isExpanded ? /* @__PURE__ */ jsx24(NavArrowUp, { className: "inline h-3 w-3" }) : /* @__PURE__ */ jsx24(NavArrowDown2, { className: "inline h-3 w-3" })
+                                    isExpanded ? /* @__PURE__ */ jsx25(NavArrowUp, { className: "inline h-3 w-3" }) : /* @__PURE__ */ jsx25(NavArrowDown2, { className: "inline h-3 w-3" })
                                   ] }) : null
                                 ] })
                               ] })
                             }
                           ),
-                          suiteAppsForIntegration(item.categories).length > 0 ? /* @__PURE__ */ jsx24(
+                          suiteAppsForIntegration(item.categories).length > 0 ? /* @__PURE__ */ jsx25(
                             "div",
                             {
                               className: "mt-3 flex flex-wrap items-center gap-1.5",
                               "aria-label": "Works with ShellStack apps",
                               children: suiteAppsForIntegration(item.categories).map(
-                                (app) => /* @__PURE__ */ jsx24(
+                                (app) => /* @__PURE__ */ jsx25(
                                   "span",
                                   {
                                     "data-test": `${dataTest}-${item.id}-app-${app}`,
-                                    children: /* @__PURE__ */ jsx24(
+                                    children: /* @__PURE__ */ jsx25(
                                       SuiteAppIcon,
                                       {
                                         app,
@@ -4209,12 +4436,12 @@ function SuiteIntegrationPicker({
                               )
                             }
                           ) : null,
-                          authSchemesFor(item).length > 0 ? /* @__PURE__ */ jsx24(
+                          authSchemesFor(item).length > 0 ? /* @__PURE__ */ jsx25(
                             "div",
                             {
                               className: "mt-3 flex flex-wrap gap-1.5",
                               "aria-label": "Connection methods",
-                              children: authSchemesFor(item).map((scheme) => /* @__PURE__ */ jsx24(
+                              children: authSchemesFor(item).map((scheme) => /* @__PURE__ */ jsx25(
                                 "span",
                                 {
                                   className: "rounded-full border border-ph-border bg-ph-muted px-2 py-1 text-[0.6875rem] font-medium text-ph-subtle",
@@ -4225,7 +4452,7 @@ function SuiteIntegrationPicker({
                               ))
                             }
                           ) : null,
-                          /* @__PURE__ */ jsx24(
+                          /* @__PURE__ */ jsx25(
                             Button,
                             {
                               type: "button",
@@ -4234,7 +4461,7 @@ function SuiteIntegrationPicker({
                               disabled: Boolean(item.unavailableReason) || item.connecting,
                               onClick: () => connectItem(item),
                               children: /* @__PURE__ */ jsxs21("span", { className: "flex items-center gap-1.5", children: [
-                                /* @__PURE__ */ jsx24(Plug, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+                                /* @__PURE__ */ jsx25(Plug, { className: "h-3.5 w-3.5", "aria-hidden": true }),
                                 item.connecting ? "Connecting..." : (_b = item.unavailableReason) != null ? _b : "Connect"
                               ] })
                             }
@@ -4244,14 +4471,14 @@ function SuiteIntegrationPicker({
                       item.id
                     );
                   }),
-                  loadingMore ? Array.from({ length: 3 }, (_, index) => /* @__PURE__ */ jsx24(IntegrationSkeletonCard, {}, `loading-${index}`)) : null
+                  loadingMore ? Array.from({ length: 3 }, (_, index) => /* @__PURE__ */ jsx25(IntegrationSkeletonCard, {}, `loading-${index}`)) : null
                 ] }),
-                /* @__PURE__ */ jsx24("div", { ref: loadMoreSentinelRef, className: "h-1", "aria-hidden": "true" })
+                /* @__PURE__ */ jsx25("div", { ref: loadMoreSentinelRef, className: "h-1", "aria-hidden": "true" })
               ]
             }
           ),
           connectedItems.length > 0 && onDisconnect ? /* @__PURE__ */ jsxs21("div", { className: "space-y-2 border-t border-ph-border pt-4", children: [
-            /* @__PURE__ */ jsx24("h3", { className: "font-medium text-ph-ink", children: "Connected apps" }),
+            /* @__PURE__ */ jsx25("h3", { className: "font-medium text-ph-ink", children: "Connected apps" }),
             connectedItems.map((item) => /* @__PURE__ */ jsxs21(
               "div",
               {
@@ -4259,16 +4486,16 @@ function SuiteIntegrationPicker({
                 children: [
                   /* @__PURE__ */ jsxs21("span", { className: "flex min-w-0 items-center gap-2 text-sm text-ph-ink", children: [
                     item.icon,
-                    /* @__PURE__ */ jsx24("span", { className: "truncate", children: item.label })
+                    /* @__PURE__ */ jsx25("span", { className: "truncate", children: item.label })
                   ] }),
-                  /* @__PURE__ */ jsx24(
+                  /* @__PURE__ */ jsx25(
                     Button,
                     {
                       type: "button",
                       variant: "danger",
                       onClick: () => requestDisconnect(item),
                       children: /* @__PURE__ */ jsxs21("span", { className: "flex items-center gap-1.5", children: [
-                        /* @__PURE__ */ jsx24(Xmark, { className: "h-4 w-4", "aria-hidden": true }),
+                        /* @__PURE__ */ jsx25(Xmark, { className: "h-4 w-4", "aria-hidden": true }),
                         "Disconnect"
                       ] })
                     }
@@ -4294,7 +4521,7 @@ function SuiteIntegrationPicker({
         zIndex: 220,
         dataTest: `${dataTest}-disconnect-confirmation`,
         footer: /* @__PURE__ */ jsxs21("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx25(
             Button,
             {
               type: "button",
@@ -4304,7 +4531,7 @@ function SuiteIntegrationPicker({
               children: "Cancel"
             }
           ),
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx25(
             Button,
             {
               type: "button",
@@ -4317,7 +4544,7 @@ function SuiteIntegrationPicker({
           )
         ] }),
         children: [
-          disconnectError ? /* @__PURE__ */ jsx24("p", { className: "text-sm text-ph-danger", role: "alert", children: disconnectError }) : null,
+          disconnectError ? /* @__PURE__ */ jsx25("p", { className: "text-sm text-ph-danger", role: "alert", children: disconnectError }) : null,
           /* @__PURE__ */ jsxs21("p", { className: "text-sm text-ph-ink", children: [
             "Disconnect ",
             itemToDisconnect == null ? void 0 : itemToDisconnect.label,
@@ -4326,7 +4553,7 @@ function SuiteIntegrationPicker({
         ]
       }
     ),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       Modal,
       {
         open: Boolean(methodItem),
@@ -4336,7 +4563,7 @@ function SuiteIntegrationPicker({
         size: "sm",
         zIndex: 200,
         dataTest: `${dataTest}-auth-method`,
-        children: methodItem ? /* @__PURE__ */ jsx24("div", { className: "space-y-2", children: authSchemesFor(methodItem).map((scheme) => /* @__PURE__ */ jsxs21(
+        children: methodItem ? /* @__PURE__ */ jsx25("div", { className: "space-y-2", children: authSchemesFor(methodItem).map((scheme) => /* @__PURE__ */ jsxs21(
           "button",
           {
             type: "button",
@@ -4344,15 +4571,15 @@ function SuiteIntegrationPicker({
             onClick: () => void prepareConnection(methodItem, scheme),
             "data-test": `${dataTest}-choose-${scheme.toLowerCase()}`,
             children: [
-              /* @__PURE__ */ jsx24("span", { className: "font-medium", children: authSchemeLabel(scheme) }),
-              /* @__PURE__ */ jsx24("span", { className: "text-xs text-ph-subtle", children: "Select" })
+              /* @__PURE__ */ jsx25("span", { className: "font-medium", children: authSchemeLabel(scheme) }),
+              /* @__PURE__ */ jsx25("span", { className: "text-xs text-ph-subtle", children: "Select" })
             ]
           },
           scheme
         )) }) : null
       }
     ),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       Modal,
       {
         open: Boolean(authItem),
@@ -4362,14 +4589,14 @@ function SuiteIntegrationPicker({
         size: "md",
         zIndex: 210,
         dataTest: `${dataTest}-auth-form`,
-        children: authLoading ? /* @__PURE__ */ jsx24("p", { className: "text-sm text-ph-subtle", children: "Loading authentication fields..." }) : authItem ? /* @__PURE__ */ jsxs21(
+        children: authLoading ? /* @__PURE__ */ jsx25("p", { className: "text-sm text-ph-subtle", children: "Loading authentication fields..." }) : authItem ? /* @__PURE__ */ jsxs21(
           "form",
           {
             className: "space-y-4",
             onSubmit: (event) => void submitAuthForm(event),
             children: [
-              authError ? /* @__PURE__ */ jsx24("p", { className: "text-sm text-ph-danger", role: "alert", children: authError }) : null,
-              authItem.fields.length === 0 && authError ? /* @__PURE__ */ jsx24(
+              authError ? /* @__PURE__ */ jsx25("p", { className: "text-sm text-ph-danger", role: "alert", children: authError }) : null,
+              authItem.fields.length === 0 && authError ? /* @__PURE__ */ jsx25(
                 Button,
                 {
                   type: "button",
@@ -4380,7 +4607,7 @@ function SuiteIntegrationPicker({
               ) : null,
               authItem.fields.map((field) => {
                 var _a, _b;
-                return /* @__PURE__ */ jsx24(
+                return /* @__PURE__ */ jsx25(
                   Input,
                   {
                     label: field.label,
@@ -4397,7 +4624,7 @@ function SuiteIntegrationPicker({
                 );
               }),
               /* @__PURE__ */ jsxs21("div", { className: "flex justify-end gap-2 border-t border-ph-border pt-4", children: [
-                /* @__PURE__ */ jsx24(
+                /* @__PURE__ */ jsx25(
                   Button,
                   {
                     type: "button",
@@ -4407,7 +4634,7 @@ function SuiteIntegrationPicker({
                     children: "Cancel"
                   }
                 ),
-                /* @__PURE__ */ jsx24(Button, { type: "submit", variant: "primary", disabled: authSubmitting, children: authSubmitting ? "Connecting..." : "Connect" })
+                /* @__PURE__ */ jsx25(Button, { type: "submit", variant: "primary", disabled: authSubmitting, children: authSubmitting ? "Connecting..." : "Connect" })
               ] })
             ]
           }
@@ -4418,9 +4645,9 @@ function SuiteIntegrationPicker({
 }
 
 // src/suite/components/suite-integration-rules.tsx
-import { useState as useState11 } from "react";
+import { useState as useState12 } from "react";
 import { Plus, Xmark as Xmark2 } from "iconoir-react";
-import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 var ACTION_LABELS = {
   create_tides_task: "Create a Tides task",
   draft_time_entry: "Draft a time entry",
@@ -4450,18 +4677,18 @@ function SuiteIntegrationRules({
   onRefresh,
   dataTest = "integration-rules"
 }) {
-  const [formOpen, setFormOpen] = useState11(false);
-  const [name, setName] = useState11("");
-  const [trigger, setTrigger] = useState11("");
-  const [actionType, setActionType] = useState11("create_tides_task");
-  const [projectId, setProjectId] = useState11("");
-  const [minutes, setMinutes] = useState11("");
-  const [priority, setPriority] = useState11("low");
-  const [submitting, setSubmitting] = useState11(false);
-  const [formError, setFormError] = useState11(null);
-  const [busyId, setBusyId] = useState11(null);
-  const [ruleToDelete, setRuleToDelete] = useState11(null);
-  const [deleteError, setDeleteError] = useState11(null);
+  const [formOpen, setFormOpen] = useState12(false);
+  const [name, setName] = useState12("");
+  const [trigger, setTrigger] = useState12("");
+  const [actionType, setActionType] = useState12("create_tides_task");
+  const [projectId, setProjectId] = useState12("");
+  const [minutes, setMinutes] = useState12("");
+  const [priority, setPriority] = useState12("low");
+  const [submitting, setSubmitting] = useState12(false);
+  const [formError, setFormError] = useState12(null);
+  const [busyId, setBusyId] = useState12(null);
+  const [ruleToDelete, setRuleToDelete] = useState12(null);
+  const [deleteError, setDeleteError] = useState12(null);
   const needsProject = actionType === "create_tides_task" || actionType === "draft_time_entry";
   async function submitForm(event) {
     event.preventDefault();
@@ -4536,10 +4763,10 @@ function SuiteIntegrationRules({
         children: [
           /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", children: [
             /* @__PURE__ */ jsxs22("div", { children: [
-              /* @__PURE__ */ jsx25("h3", { className: "font-medium text-ph-ink", children: "Automation rules" }),
-              /* @__PURE__ */ jsx25("p", { className: "mt-1 text-sm text-ph-subtle", children: "Turn incoming integration events into tasks, time entries, or notifications for this workspace." })
+              /* @__PURE__ */ jsx26("h3", { className: "font-medium text-ph-ink", children: "Automation rules" }),
+              /* @__PURE__ */ jsx26("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__ */ jsx25(
+            canManage && onCreate ? /* @__PURE__ */ jsx26(
               Button,
               {
                 type: "button",
@@ -4548,13 +4775,13 @@ function SuiteIntegrationRules({
                 onClick: () => setFormOpen((open) => !open),
                 "data-test": `${dataTest}-new`,
                 children: /* @__PURE__ */ jsxs22("span", { className: "flex items-center gap-1.5", children: [
-                  /* @__PURE__ */ jsx25(Plus, { className: "h-4 w-4", "aria-hidden": true }),
+                  /* @__PURE__ */ jsx26(Plus, { className: "h-4 w-4", "aria-hidden": true }),
                   "New rule"
                 ] })
               }
             ) : null
           ] }),
-          error ? /* @__PURE__ */ jsx25(
+          error ? /* @__PURE__ */ jsx26(
             Alert,
             {
               status: "danger",
@@ -4562,7 +4789,7 @@ function SuiteIntegrationRules({
               description: error
             }
           ) : null,
-          loading ? /* @__PURE__ */ jsx25("p", { className: "mt-4 text-sm text-ph-subtle", children: "Loading rules..." }) : rules.length === 0 ? /* @__PURE__ */ jsx25(
+          loading ? /* @__PURE__ */ jsx26("p", { className: "mt-4 text-sm text-ph-subtle", children: "Loading rules..." }) : rules.length === 0 ? /* @__PURE__ */ jsx26(
             "div",
             {
               className: "mt-4 rounded-lg border border-dashed border-ph-border px-4 py-6 text-center",
@@ -4572,14 +4799,14 @@ function SuiteIntegrationRules({
                 canManage ? " Create one to get started." : ""
               ] })
             }
-          ) : /* @__PURE__ */ jsx25("ul", { className: "mt-4 space-y-2", "data-test": `${dataTest}-list`, children: rules.map((rule) => /* @__PURE__ */ jsxs22(
+          ) : /* @__PURE__ */ jsx26("ul", { className: "mt-4 space-y-2", "data-test": `${dataTest}-list`, children: rules.map((rule) => /* @__PURE__ */ jsxs22(
             "li",
             {
               className: "flex items-center justify-between gap-3 rounded-lg border border-ph-border bg-ph-muted px-3 py-3",
               "data-test": `${dataTest}-rule-${rule.id}`,
               children: [
                 /* @__PURE__ */ jsxs22("div", { className: "min-w-0", children: [
-                  /* @__PURE__ */ jsx25("p", { className: "truncate text-sm font-medium text-ph-ink", children: rule.name }),
+                  /* @__PURE__ */ jsx26("p", { className: "truncate text-sm font-medium text-ph-ink", children: rule.name }),
                   /* @__PURE__ */ jsxs22("p", { className: "mt-0.5 truncate text-xs text-ph-subtle", children: [
                     rule.trigger_event_type,
                     " \u2192 ",
@@ -4591,7 +4818,7 @@ function SuiteIntegrationRules({
                   ] })
                 ] }),
                 canManage ? /* @__PURE__ */ jsxs22("div", { className: "flex shrink-0 items-center gap-2", children: [
-                  /* @__PURE__ */ jsx25(
+                  /* @__PURE__ */ jsx26(
                     Toggle,
                     {
                       checked: rule.enabled,
@@ -4600,7 +4827,7 @@ function SuiteIntegrationRules({
                       "aria-label": `Enable ${rule.name}`
                     }
                   ),
-                  /* @__PURE__ */ jsx25(
+                  /* @__PURE__ */ jsx26(
                     Button,
                     {
                       type: "button",
@@ -4609,10 +4836,10 @@ function SuiteIntegrationRules({
                       disabled: busyId === rule.id,
                       onClick: () => requestDelete(rule),
                       "aria-label": `Delete ${rule.name}`,
-                      children: /* @__PURE__ */ jsx25(Xmark2, { className: "h-4 w-4", "aria-hidden": true })
+                      children: /* @__PURE__ */ jsx26(Xmark2, { className: "h-4 w-4", "aria-hidden": true })
                     }
                   )
-                ] }) : /* @__PURE__ */ jsx25(
+                ] }) : /* @__PURE__ */ jsx26(
                   Badge,
                   {
                     variant: rule.enabled ? "success" : "neutral",
@@ -4631,8 +4858,8 @@ function SuiteIntegrationRules({
               onSubmit: (event) => void submitForm(event),
               "data-test": `${dataTest}-form`,
               children: [
-                formError ? /* @__PURE__ */ jsx25("p", { className: "text-sm text-ph-danger", role: "alert", children: formError }) : null,
-                /* @__PURE__ */ jsx25(
+                formError ? /* @__PURE__ */ jsx26("p", { className: "text-sm text-ph-danger", role: "alert", children: formError }) : null,
+                /* @__PURE__ */ jsx26(
                   Input,
                   {
                     label: "Rule name",
@@ -4643,7 +4870,7 @@ function SuiteIntegrationRules({
                     "data-test": `${dataTest}-name`
                   }
                 ),
-                /* @__PURE__ */ jsx25(
+                /* @__PURE__ */ jsx26(
                   Input,
                   {
                     label: "Trigger event type",
@@ -4655,7 +4882,7 @@ function SuiteIntegrationRules({
                     "data-test": `${dataTest}-trigger`
                   }
                 ),
-                /* @__PURE__ */ jsx25(
+                /* @__PURE__ */ jsx26(
                   Select,
                   {
                     label: "Action",
@@ -4664,7 +4891,7 @@ function SuiteIntegrationRules({
                       event.target.value
                     ),
                     "data-test": `${dataTest}-action`,
-                    children: Object.entries(ACTION_LABELS).map(([value, label]) => /* @__PURE__ */ jsx25("option", { value, children: label }, value))
+                    children: Object.entries(ACTION_LABELS).map(([value, label]) => /* @__PURE__ */ jsx26("option", { value, children: label }, value))
                   }
                 ),
                 needsProject ? /* @__PURE__ */ jsxs22(
@@ -4675,12 +4902,12 @@ function SuiteIntegrationRules({
                     onChange: (event) => setProjectId(event.target.value),
                     "data-test": `${dataTest}-project`,
                     children: [
-                      /* @__PURE__ */ jsx25("option", { value: "", children: "Choose a project..." }),
-                      projects.map((project) => /* @__PURE__ */ jsx25("option", { value: project.id, children: project.name }, project.id))
+                      /* @__PURE__ */ jsx26("option", { value: "", children: "Choose a project..." }),
+                      projects.map((project) => /* @__PURE__ */ jsx26("option", { value: project.id, children: project.name }, project.id))
                     ]
                   }
                 ) : null,
-                actionType === "draft_time_entry" ? /* @__PURE__ */ jsx25(
+                actionType === "draft_time_entry" ? /* @__PURE__ */ jsx26(
                   Input,
                   {
                     label: "Minutes (optional)",
@@ -4699,15 +4926,15 @@ function SuiteIntegrationRules({
                     onChange: (event) => setPriority(event.target.value),
                     "data-test": `${dataTest}-priority`,
                     children: [
-                      /* @__PURE__ */ jsx25("option", { value: "low", children: "Low" }),
-                      /* @__PURE__ */ jsx25("option", { value: "medium", children: "Medium" }),
-                      /* @__PURE__ */ jsx25("option", { value: "high", children: "High" }),
-                      /* @__PURE__ */ jsx25("option", { value: "urgent", children: "Urgent" })
+                      /* @__PURE__ */ jsx26("option", { value: "low", children: "Low" }),
+                      /* @__PURE__ */ jsx26("option", { value: "medium", children: "Medium" }),
+                      /* @__PURE__ */ jsx26("option", { value: "high", children: "High" }),
+                      /* @__PURE__ */ jsx26("option", { value: "urgent", children: "Urgent" })
                     ]
                   }
                 ) : null,
                 /* @__PURE__ */ jsxs22("div", { className: "flex justify-end gap-2 border-t border-ph-border pt-3", children: [
-                  /* @__PURE__ */ jsx25(
+                  /* @__PURE__ */ jsx26(
                     Button,
                     {
                       type: "button",
@@ -4717,7 +4944,7 @@ function SuiteIntegrationRules({
                       children: "Cancel"
                     }
                   ),
-                  /* @__PURE__ */ jsx25(Button, { type: "submit", variant: "primary", disabled: submitting, children: submitting ? "Creating..." : "Create rule" })
+                  /* @__PURE__ */ jsx26(Button, { type: "submit", variant: "primary", disabled: submitting, children: submitting ? "Creating..." : "Create rule" })
                 ] })
               ]
             }
@@ -4736,7 +4963,7 @@ function SuiteIntegrationRules({
         description: "This action cannot be undone.",
         dataTest: `${dataTest}-delete-confirmation`,
         footer: /* @__PURE__ */ jsxs22("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsx26(
             Button,
             {
               type: "button",
@@ -4746,7 +4973,7 @@ function SuiteIntegrationRules({
               children: "Cancel"
             }
           ),
-          /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsx26(
             Button,
             {
               type: "button",
@@ -4759,7 +4986,7 @@ function SuiteIntegrationRules({
           )
         ] }),
         children: [
-          deleteError ? /* @__PURE__ */ jsx25("p", { className: "text-sm text-ph-danger", role: "alert", children: deleteError }) : null,
+          deleteError ? /* @__PURE__ */ jsx26("p", { className: "text-sm text-ph-danger", role: "alert", children: deleteError }) : null,
           /* @__PURE__ */ jsxs22("p", { className: "text-sm text-ph-ink", children: [
             "Delete ",
             ruleToDelete == null ? void 0 : ruleToDelete.name,
@@ -4775,16 +5002,16 @@ function SuiteIntegrationRules({
         bodyClassName: "p-5",
         "data-test": `${dataTest}-events-card`,
         children: [
-          /* @__PURE__ */ jsx25("h3", { className: "font-medium text-ph-ink", children: "Recent events" }),
-          /* @__PURE__ */ jsx25("p", { className: "mt-1 text-sm text-ph-subtle", children: "The latest events received from your connected apps." }),
-          events.length === 0 ? /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsx26("h3", { className: "font-medium text-ph-ink", children: "Recent events" }),
+          /* @__PURE__ */ jsx26("p", { className: "mt-1 text-sm text-ph-subtle", children: "The latest events received from your connected apps." }),
+          events.length === 0 ? /* @__PURE__ */ jsx26(
             "p",
             {
               className: "mt-4 rounded-lg border border-dashed border-ph-border px-4 py-6 text-center text-sm text-ph-subtle",
               "data-test": `${dataTest}-events-empty`,
               children: "No integration events yet."
             }
-          ) : /* @__PURE__ */ jsx25("ul", { className: "mt-4 space-y-2", "data-test": `${dataTest}-events-list`, children: events.map((event) => /* @__PURE__ */ jsxs22(
+          ) : /* @__PURE__ */ jsx26("ul", { className: "mt-4 space-y-2", "data-test": `${dataTest}-events-list`, children: events.map((event) => /* @__PURE__ */ jsxs22(
             "li",
             {
               className: "flex items-center justify-between gap-3 rounded-lg border border-ph-border bg-ph-muted px-3 py-2",
@@ -4795,9 +5022,9 @@ function SuiteIntegrationRules({
                     " \xB7 ",
                     event.event_type
                   ] }),
-                  /* @__PURE__ */ jsx25("p", { className: "mt-0.5 text-xs text-ph-subtle", children: formatDateTime(event.created_at) })
+                  /* @__PURE__ */ jsx26("p", { className: "mt-0.5 text-xs text-ph-subtle", children: formatDateTime(event.created_at) })
                 ] }),
-                /* @__PURE__ */ jsx25(
+                /* @__PURE__ */ jsx26(
                   Badge,
                   {
                     variant: event.processed_at ? "success" : "warning",
@@ -4817,10 +5044,10 @@ function SuiteIntegrationRules({
 
 // src/suite/components/suite-clients-projects-directory.tsx
 import {
-  useEffect as useEffect9,
-  useMemo as useMemo2,
-  useRef as useRef4,
-  useState as useState12
+  useEffect as useEffect10,
+  useMemo as useMemo3,
+  useRef as useRef5,
+  useState as useState13
 } from "react";
 import {
   ArrowLeft,
@@ -4830,7 +5057,7 @@ import {
   Search as Search2,
   Trash
 } from "iconoir-react";
-import { Fragment as Fragment9, jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 var DEFAULT_ICON = "castle-emblem";
 var DEFAULT_COLOR = "#6366f1";
 var DIRECTORY_ICON_OPTIONS = [
@@ -4909,7 +5136,7 @@ function DirectoryIconPicker({
   onClear,
   onChange
 }) {
-  const iconRefs = useRef4({});
+  const iconRefs = useRef5({});
   function moveSelection(event, index) {
     var _a;
     let nextIndex = null;
@@ -4929,8 +5156,8 @@ function DirectoryIconPicker({
     (_a = iconRefs.current[nextIcon]) == null ? void 0 : _a.focus();
   }
   return /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsx26("span", { className: "mb-1.5 block text-sm font-medium text-ph-ink", children: "Icon" }),
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx27("span", { className: "mb-1.5 block text-sm font-medium text-ph-ink", children: "Icon" }),
+    /* @__PURE__ */ jsx27(
       "div",
       {
         role: "radiogroup",
@@ -4938,7 +5165,7 @@ function DirectoryIconPicker({
         className: "grid grid-cols-6 gap-1.5 rounded-lg border border-ph-border p-1.5 sm:grid-cols-8",
         children: DIRECTORY_ICON_OPTIONS.map(([name, label], index) => {
           const selected = value === name;
-          return /* @__PURE__ */ jsx26(
+          return /* @__PURE__ */ jsx27(
             "button",
             {
               type: "button",
@@ -4956,7 +5183,7 @@ function DirectoryIconPicker({
                 "flex h-9 items-center justify-center rounded-md text-ph-mutedtext hover:bg-ph-muted hover:text-ph-ink",
                 selected && "bg-ph-muted text-ph-ink ring-2 ring-ph-brand ring-inset"
               ),
-              children: /* @__PURE__ */ jsx26(
+              children: /* @__PURE__ */ jsx27(
                 "i",
                 {
                   className: cn("ra", `ra-${name}`, "text-base leading-none"),
@@ -4971,11 +5198,11 @@ function DirectoryIconPicker({
     ),
     /* @__PURE__ */ jsxs23("div", { className: "rounded-lg border border-ph-border bg-ph-muted p-2", children: [
       /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2 text-sm font-medium text-ph-ink", children: [
-        /* @__PURE__ */ jsx26(ImagePlus, { className: "h-4 w-4", "aria-hidden": true }),
+        /* @__PURE__ */ jsx27(ImagePlus, { className: "h-4 w-4", "aria-hidden": true }),
         " Custom image"
       ] }),
-      /* @__PURE__ */ jsx26("p", { className: "mt-1 text-xs text-ph-mutedtext", children: "PNG, JPG, GIF, WebP, or SVG \u2014 max 512 KB." }),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx27("p", { className: "mt-1 text-xs text-ph-mutedtext", children: "PNG, JPG, GIF, WebP, or SVG \u2014 max 512 KB." }),
+      /* @__PURE__ */ jsx27(
         FileUpload,
         {
           accept: "image/png,image/jpeg,image/gif,image/webp,image/svg+xml,.svg",
@@ -4986,7 +5213,7 @@ function DirectoryIconPicker({
         }
       ),
       preview ? /* @__PURE__ */ jsxs23("div", { className: "mt-2 flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx27(
           "img",
           {
             src: preview,
@@ -5001,7 +5228,7 @@ function DirectoryIconPicker({
             className: "text-xs text-ph-mutedtext hover:text-ph-ink",
             onClick: onClear,
             children: [
-              /* @__PURE__ */ jsx26(Trash, { className: "mr-1 inline h-3.5 w-3.5", "aria-hidden": true }),
+              /* @__PURE__ */ jsx27(Trash, { className: "mr-1 inline h-3.5 w-3.5", "aria-hidden": true }),
               " Remove custom image"
             ]
           }
@@ -5014,14 +5241,14 @@ function DirectoryIcon({
   item
 }) {
   const icon = item.icon && isDirectoryIcon(item.icon) ? item.icon : DEFAULT_ICON;
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "span",
     {
       className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-white",
       style: { backgroundColor: item.color || "var(--ph-brand)" },
       children: item.icon_image ? (
         // eslint-disable-next-line @next/next/no-img-element
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx27(
           "img",
           {
             src: item.icon_image,
@@ -5029,7 +5256,7 @@ function DirectoryIcon({
             className: "h-full w-full rounded-lg object-cover"
           }
         )
-      ) : /* @__PURE__ */ jsx26(
+      ) : /* @__PURE__ */ jsx27(
         "i",
         {
           className: cn("ra", `ra-${icon}`, "text-base leading-none"),
@@ -5054,31 +5281,31 @@ function SuiteClientsProjectsDirectory({
   dataTest = "suite-clients-projects-directory"
 }) {
   var _a;
-  const [query, setQuery] = useState12("");
-  const [selectedClientId, setSelectedClientId] = useState12(null);
-  const [mobileDetail, setMobileDetail] = useState12(false);
-  const [editing, setEditing] = useState12(null);
-  const [draft, setDraft] = useState12({
+  const [query, setQuery] = useState13("");
+  const [selectedClientId, setSelectedClientId] = useState13(null);
+  const [mobileDetail, setMobileDetail] = useState13(false);
+  const [editing, setEditing] = useState13(null);
+  const [draft, setDraft] = useState13({
     name: "",
     icon: DEFAULT_ICON,
     color: DEFAULT_COLOR
   });
-  const [draftClientId, setDraftClientId] = useState12(null);
-  const [preview, setPreview] = useState12(null);
-  const [draftArchived, setDraftArchived] = useState12(false);
-  const [confirming, setConfirming] = useState12(null);
-  const [saving, setSaving] = useState12(false);
-  const [mutationError, setMutationError] = useState12(null);
-  const clientButtonRefs = useRef4({});
-  const backToClientsRef = useRef4(null);
-  const mobileFocusTarget = useRef4(null);
-  useEffect9(() => {
+  const [draftClientId, setDraftClientId] = useState13(null);
+  const [preview, setPreview] = useState13(null);
+  const [draftArchived, setDraftArchived] = useState13(false);
+  const [confirming, setConfirming] = useState13(null);
+  const [saving, setSaving] = useState13(false);
+  const [mutationError, setMutationError] = useState13(null);
+  const clientButtonRefs = useRef5({});
+  const backToClientsRef = useRef5(null);
+  const mobileFocusTarget = useRef5(null);
+  useEffect10(() => {
     var _a2, _b;
     if (selectedClientId && clients.some((client) => client.id === selectedClientId))
       return;
     setSelectedClientId((_b = (_a2 = clients[0]) == null ? void 0 : _a2.id) != null ? _b : null);
   }, [clients, selectedClientId]);
-  useEffect9(() => {
+  useEffect10(() => {
     var _a2, _b;
     const target = mobileFocusTarget.current;
     if (!target) return;
@@ -5087,7 +5314,7 @@ function SuiteClientsProjectsDirectory({
     else if (selectedClientId)
       (_b = clientButtonRefs.current[selectedClientId]) == null ? void 0 : _b.focus();
   }, [mobileDetail, selectedClientId]);
-  const filteredClients = useMemo2(() => {
+  const filteredClients = useMemo3(() => {
     const value = query.trim().toLowerCase();
     return [...clients].sort((a, b) => a.name.localeCompare(b.name)).filter((client) => !value || client.name.toLowerCase().includes(value));
   }, [clients, query]);
@@ -5241,8 +5468,8 @@ function SuiteClientsProjectsDirectory({
     }
   }
   return /* @__PURE__ */ jsxs23("div", { "data-test": dataTest, className: "space-y-3", children: [
-    error || mutationError ? /* @__PURE__ */ jsx26(Alert, { status: "danger", live: "assertive", children: error || mutationError }) : null,
-    loading ? /* @__PURE__ */ jsx26("p", { className: "text-sm text-ph-mutedtext", children: "Loading directory..." }) : /* @__PURE__ */ jsxs23("div", { className: "overflow-hidden rounded-xl border border-ph-border bg-ph-surface lg:grid lg:min-h-[22rem] lg:grid-cols-[minmax(14rem,18rem)_1fr]", children: [
+    error || mutationError ? /* @__PURE__ */ jsx27(Alert, { status: "danger", live: "assertive", children: error || mutationError }) : null,
+    loading ? /* @__PURE__ */ jsx27("p", { className: "text-sm text-ph-mutedtext", children: "Loading directory..." }) : /* @__PURE__ */ jsxs23("div", { className: "overflow-hidden rounded-xl border border-ph-border bg-ph-surface lg:grid lg:min-h-[22rem] lg:grid-cols-[minmax(14rem,18rem)_1fr]", children: [
       /* @__PURE__ */ jsxs23(
         "section",
         {
@@ -5253,14 +5480,14 @@ function SuiteClientsProjectsDirectory({
           children: [
             /* @__PURE__ */ jsxs23("div", { className: "flex h-14 items-center gap-2 border-b border-ph-border px-3", children: [
               /* @__PURE__ */ jsxs23("div", { className: "relative min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsx26(
+                /* @__PURE__ */ jsx27(
                   Search2,
                   {
                     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__ */ jsx26(
+                /* @__PURE__ */ jsx27(
                   Input,
                   {
                     hideLabel: true,
@@ -5272,18 +5499,18 @@ function SuiteClientsProjectsDirectory({
                   }
                 )
               ] }),
-              canEdit && onCreateClient ? /* @__PURE__ */ jsx26(
+              canEdit && onCreateClient ? /* @__PURE__ */ jsx27(
                 Button,
                 {
                   size: "sm",
                   variant: "primary",
-                  icon: /* @__PURE__ */ jsx26(Plus2, { className: "h-4 w-4" }),
+                  icon: /* @__PURE__ */ jsx27(Plus2, { className: "h-4 w-4" }),
                   onClick: () => openNew("client"),
                   children: "New client"
                 }
               ) : null
             ] }),
-            /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx27(
               "ul",
               {
                 role: "listbox",
@@ -5294,7 +5521,7 @@ function SuiteClientsProjectsDirectory({
                   const count = projects.filter(
                     (project) => project.clientId === client.id
                   ).length;
-                  return /* @__PURE__ */ jsx26("li", { role: "none", children: /* @__PURE__ */ jsxs23(
+                  return /* @__PURE__ */ jsx27("li", { role: "none", children: /* @__PURE__ */ jsxs23(
                     "button",
                     {
                       type: "button",
@@ -5311,9 +5538,9 @@ function SuiteClientsProjectsDirectory({
                         selected ? "bg-ph-muted" : "hover:bg-ph-canvas"
                       ),
                       children: [
-                        /* @__PURE__ */ jsx26(DirectoryIcon, { item: client }),
+                        /* @__PURE__ */ jsx27(DirectoryIcon, { item: client }),
                         /* @__PURE__ */ jsxs23("span", { className: "min-w-0 flex-1", children: [
-                          /* @__PURE__ */ jsx26("span", { className: "block truncate text-sm font-medium text-ph-ink", children: client.name }),
+                          /* @__PURE__ */ jsx27("span", { className: "block truncate text-sm font-medium text-ph-ink", children: client.name }),
                           /* @__PURE__ */ jsxs23("span", { className: "text-xs text-ph-mutedtext", children: [
                             count,
                             " project",
@@ -5323,7 +5550,7 @@ function SuiteClientsProjectsDirectory({
                       ]
                     }
                   ) }, client.id);
-                }) : /* @__PURE__ */ jsx26("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__ */ jsx27("li", { className: "px-3 py-8 text-center text-sm text-ph-mutedtext", children: clients.length ? "No matches." : "Add a client to get started." })
               }
             )
           ]
@@ -5337,8 +5564,8 @@ function SuiteClientsProjectsDirectory({
             mobileDetail ? "flex" : "hidden lg:flex"
           ),
           children: [
-            /* @__PURE__ */ jsx26("div", { className: "flex min-h-14 items-center gap-2 border-b border-ph-border px-3 py-2", children: selectedClient ? /* @__PURE__ */ jsxs23(Fragment9, { children: [
-              /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx27("div", { className: "flex min-h-14 items-center gap-2 border-b border-ph-border px-3 py-2", children: selectedClient ? /* @__PURE__ */ jsxs23(Fragment9, { children: [
+              /* @__PURE__ */ jsx27(
                 "button",
                 {
                   type: "button",
@@ -5349,36 +5576,36 @@ function SuiteClientsProjectsDirectory({
                     setMobileDetail(false);
                   },
                   "aria-label": "Back to clients",
-                  children: /* @__PURE__ */ jsx26(ArrowLeft, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx27(ArrowLeft, { className: "h-4 w-4" })
                 }
               ),
-              /* @__PURE__ */ jsx26(DirectoryIcon, { item: selectedClient }),
+              /* @__PURE__ */ jsx27(DirectoryIcon, { item: selectedClient }),
               /* @__PURE__ */ jsxs23("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsx26("h3", { className: "truncate text-sm font-semibold text-ph-ink", children: selectedClient.name }),
+                /* @__PURE__ */ jsx27("h3", { className: "truncate text-sm font-semibold text-ph-ink", children: selectedClient.name }),
                 /* @__PURE__ */ jsxs23("p", { className: "text-xs text-ph-mutedtext", children: [
                   selectedProjects.length,
                   " project",
                   selectedProjects.length === 1 ? "" : "s"
                 ] })
               ] }),
-              canEdit && (onUpdateClient || onDeleteClient) ? /* @__PURE__ */ jsx26("div", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsx26(
+              canEdit && (onUpdateClient || onDeleteClient) ? /* @__PURE__ */ jsx27("div", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsx27(
                 DropdownMenu,
                 {
                   "aria-label": `Actions for ${selectedClient.name}`,
                   align: "end",
                   trigger: /* @__PURE__ */ jsxs23("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__ */ jsx26(MoreHorizontal, { className: "h-4 w-4", "aria-hidden": true }),
-                    /* @__PURE__ */ jsx26("span", { className: "sr-only", children: "Client actions" })
+                    /* @__PURE__ */ jsx27(MoreHorizontal, { className: "h-4 w-4", "aria-hidden": true }),
+                    /* @__PURE__ */ jsx27("span", { className: "sr-only", children: "Client actions" })
                   ] }),
                   children: /* @__PURE__ */ jsxs23("div", { className: "p-1", children: [
-                    onUpdateClient ? /* @__PURE__ */ jsx26(
+                    onUpdateClient ? /* @__PURE__ */ jsx27(
                       DropdownItem,
                       {
                         onClick: () => openEdit(selectedClient, "client"),
                         children: "Edit client"
                       }
                     ) : null,
-                    onDeleteClient ? /* @__PURE__ */ jsx26(
+                    onDeleteClient ? /* @__PURE__ */ jsx27(
                       DropdownItem,
                       {
                         className: "text-red-600",
@@ -5389,17 +5616,17 @@ function SuiteClientsProjectsDirectory({
                   ] })
                 }
               ) }) : null
-            ] }) : /* @__PURE__ */ jsx26("p", { className: "text-sm text-ph-mutedtext", children: "Select a client" }) }),
-            canEdit && onCreateProject ? /* @__PURE__ */ jsx26("div", { className: "border-b border-ph-border p-3", children: /* @__PURE__ */ jsx26(
+            ] }) : /* @__PURE__ */ jsx27("p", { className: "text-sm text-ph-mutedtext", children: "Select a client" }) }),
+            canEdit && onCreateProject ? /* @__PURE__ */ jsx27("div", { className: "border-b border-ph-border p-3", children: /* @__PURE__ */ jsx27(
               Button,
               {
                 variant: "primary",
-                icon: /* @__PURE__ */ jsx26(Plus2, { className: "h-4 w-4" }),
+                icon: /* @__PURE__ */ jsx27(Plus2, { className: "h-4 w-4" }),
                 onClick: () => openNew("project"),
                 children: "Add project"
               }
             ) }) : null,
-            /* @__PURE__ */ jsx26("ul", { className: "flex-1 p-2", children: selectedClient && selectedProjects.length ? selectedProjects.map((project) => /* @__PURE__ */ jsx26("li", { children: /* @__PURE__ */ jsxs23(
+            /* @__PURE__ */ jsx27("ul", { className: "flex-1 p-2", children: selectedClient && selectedProjects.length ? selectedProjects.map((project) => /* @__PURE__ */ jsx27("li", { children: /* @__PURE__ */ jsxs23(
               "div",
               {
                 className: "flex items-center gap-3 rounded-lg px-2 py-1 hover:bg-ph-canvas",
@@ -5412,9 +5639,9 @@ function SuiteClientsProjectsDirectory({
                       className: "flex min-w-0 flex-1 items-center gap-3 rounded-lg py-1 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-brand",
                       onClick: () => openEdit(project, "project"),
                       children: [
-                        /* @__PURE__ */ jsx26(DirectoryIcon, { item: project }),
+                        /* @__PURE__ */ jsx27(DirectoryIcon, { item: project }),
                         /* @__PURE__ */ jsxs23("span", { className: "min-w-0 flex-1", children: [
-                          /* @__PURE__ */ jsx26(
+                          /* @__PURE__ */ jsx27(
                             "span",
                             {
                               className: cn(
@@ -5424,36 +5651,36 @@ function SuiteClientsProjectsDirectory({
                               children: project.name
                             }
                           ),
-                          /* @__PURE__ */ jsx26("span", { className: "text-xs text-ph-mutedtext", children: project.isArchived ? "Archived" : "Active" })
+                          /* @__PURE__ */ jsx27("span", { className: "text-xs text-ph-mutedtext", children: project.isArchived ? "Archived" : "Active" })
                         ] })
                       ]
                     }
                   ),
-                  canEdit && (onUpdateProject || onDeleteProject) ? /* @__PURE__ */ jsx26("div", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsx26(
+                  canEdit && (onUpdateProject || onDeleteProject) ? /* @__PURE__ */ jsx27("div", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsx27(
                     DropdownMenu,
                     {
                       "aria-label": `Actions for ${project.name}`,
                       align: "end",
                       trigger: /* @__PURE__ */ jsxs23("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__ */ jsx26(
+                        /* @__PURE__ */ jsx27(
                           MoreHorizontal,
                           {
                             className: "h-4 w-4",
                             "aria-hidden": true
                           }
                         ),
-                        /* @__PURE__ */ jsx26("span", { className: "sr-only", children: "Project actions" })
+                        /* @__PURE__ */ jsx27("span", { className: "sr-only", children: "Project actions" })
                       ] }),
                       children: /* @__PURE__ */ jsxs23("div", { className: "p-1", children: [
                         onUpdateProject ? /* @__PURE__ */ jsxs23(Fragment9, { children: [
-                          /* @__PURE__ */ jsx26(
+                          /* @__PURE__ */ jsx27(
                             DropdownItem,
                             {
                               onClick: () => openEdit(project, "project"),
                               children: "Edit project"
                             }
                           ),
-                          /* @__PURE__ */ jsx26(
+                          /* @__PURE__ */ jsx27(
                             DropdownItem,
                             {
                               onClick: () => void toggleArchive(project),
@@ -5461,7 +5688,7 @@ function SuiteClientsProjectsDirectory({
                             }
                           )
                         ] }) : null,
-                        onDeleteProject ? /* @__PURE__ */ jsx26(
+                        onDeleteProject ? /* @__PURE__ */ jsx27(
                           DropdownItem,
                           {
                             className: "text-red-600",
@@ -5474,20 +5701,20 @@ function SuiteClientsProjectsDirectory({
                   ) }) : null
                 ]
               }
-            ) }, project.id)) : /* @__PURE__ */ jsx26("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__ */ jsx27("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__ */ jsx26(
+    /* @__PURE__ */ jsx27(
       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__ */ jsxs23("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ jsx26(Button, { variant: "tertiary", onClick: closeEditor, disabled: saving, children: "Cancel" }),
-          /* @__PURE__ */ jsx26(
+          /* @__PURE__ */ jsx27(Button, { variant: "tertiary", onClick: closeEditor, disabled: saving, children: "Cancel" }),
+          /* @__PURE__ */ jsx27(
             Button,
             {
               variant: "primary",
@@ -5498,7 +5725,7 @@ function SuiteClientsProjectsDirectory({
           )
         ] }),
         children: /* @__PURE__ */ jsxs23("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsx26(
+          /* @__PURE__ */ jsx27(
             Input,
             {
               label: "Name",
@@ -5507,7 +5734,7 @@ function SuiteClientsProjectsDirectory({
               onChange: (event) => setDraft(__spreadProps(__spreadValues({}, draft), { name: event.target.value }))
             }
           ),
-          /* @__PURE__ */ jsx26(
+          /* @__PURE__ */ jsx27(
             DirectoryIconPicker,
             {
               value: isDirectoryIcon(draft.icon) ? draft.icon : DEFAULT_ICON,
@@ -5521,7 +5748,7 @@ function SuiteClientsProjectsDirectory({
             }
           ),
           /* @__PURE__ */ jsxs23("div", { children: [
-            /* @__PURE__ */ jsx26("span", { className: "mb-1.5 block text-sm font-medium text-ph-ink", children: "Colour" }),
+            /* @__PURE__ */ jsx27("span", { className: "mb-1.5 block text-sm font-medium text-ph-ink", children: "Colour" }),
             /* @__PURE__ */ jsxs23("div", { className: "flex flex-wrap gap-2", children: [
               [
                 "#6366f1",
@@ -5531,7 +5758,7 @@ function SuiteClientsProjectsDirectory({
                 "#ef4444",
                 "#a855f7",
                 "#64748b"
-              ].map((color) => /* @__PURE__ */ jsx26(
+              ].map((color) => /* @__PURE__ */ jsx27(
                 "button",
                 {
                   type: "button",
@@ -5546,7 +5773,7 @@ function SuiteClientsProjectsDirectory({
                 },
                 color
               )),
-              /* @__PURE__ */ jsx26(
+              /* @__PURE__ */ jsx27(
                 Input,
                 {
                   hideLabel: true,
@@ -5566,13 +5793,13 @@ function SuiteClientsProjectsDirectory({
               value: draftClientId != null ? draftClientId : "",
               onChange: (event) => setDraftClientId(event.target.value || null),
               children: [
-                /* @__PURE__ */ jsx26("option", { value: "", children: "No client" }),
-                clients.map((client) => /* @__PURE__ */ jsx26("option", { value: client.id, children: client.name }, client.id))
+                /* @__PURE__ */ jsx27("option", { value: "", children: "No client" }),
+                clients.map((client) => /* @__PURE__ */ jsx27("option", { value: client.id, children: client.name }, client.id))
               ]
             }
           ) : null,
           (editing == null ? void 0 : editing.kind.includes("project")) ? /* @__PURE__ */ jsxs23("label", { className: "flex items-center gap-2 text-sm text-ph-ink", children: [
-            /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx27(
               "input",
               {
                 type: "checkbox",
@@ -5585,15 +5812,15 @@ function SuiteClientsProjectsDirectory({
         ] })
       }
     ),
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx27(
       Modal,
       {
         open: confirming !== null,
         onClose: () => setConfirming(null),
         title: "Confirm deletion",
         footer: /* @__PURE__ */ jsxs23("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ jsx26(Button, { variant: "tertiary", onClick: () => setConfirming(null), children: "Cancel" }),
-          /* @__PURE__ */ jsx26(Button, { variant: "primary", onClick: () => void confirmRemove(), children: "Delete" })
+          /* @__PURE__ */ jsx27(Button, { variant: "tertiary", onClick: () => setConfirming(null), children: "Cancel" }),
+          /* @__PURE__ */ jsx27(Button, { variant: "primary", onClick: () => void confirmRemove(), children: "Delete" })
         ] }),
         children: /* @__PURE__ */ jsxs23("p", { className: "text-sm text-ph-ink", children: [
           "Delete ",