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

package/dist/suite.js

@@ -217,7 +217,7 @@ __export(suite_exports, {
   fetchPaletteLibrary: () => fetchPaletteLibrary,
   findPaletteIcons: () => findPaletteIcons,
   getTodayGreeting: () => getTodayGreeting,
-  m: () => import_react15.m,
+  m: () => import_react16.m,
   openSuiteAskAi: () => openSuiteAskAi,
   pathWithSuiteAskAiOpen: () => pathWithSuiteAskAiOpen,
   persistSidebarWidth: () => persistSidebarWidth,
@@ -1243,6 +1243,7 @@ function AppSwitcher({
 }
 
 // src/suite/components/suite-notification-bell.tsx
+var import_react3 = require("react");
 var import_iconoir_react3 = require("iconoir-react");
 
 // src/suite/lib/suite-notifications.tsx
@@ -1375,7 +1376,6 @@ function SuiteNotificationsProvider({
   const router = (0, import_navigation.useRouter)();
   const [notifications, setNotifications] = (0, import_react2.useState)([]);
   const [unreadCount, setUnreadCount] = (0, import_react2.useState)(0);
-  const [open, setOpen] = (0, import_react2.useState)(false);
   const load = (0, import_react2.useCallback)(async () => {
     try {
       const data = await fetchNotifications();
@@ -1436,16 +1436,8 @@ function SuiteNotificationsProvider({
       document.removeEventListener("visibilitychange", onVisibilityChange);
     };
   }, [enabled, load, pollMs, cacheKey]);
-  const setOpenAndRefresh = (0, import_react2.useCallback)(
-    (next) => {
-      setOpen(next);
-      if (next) void load();
-    },
-    [load]
-  );
   const select = (0, import_react2.useCallback)(
     (notification) => {
-      setOpen(false);
       if (!notification.read_at) {
         setNotifications(
           (prev) => prev.map(
@@ -1518,21 +1510,11 @@ function SuiteNotificationsProvider({
     () => ({
       notifications,
       unreadCount,
-      open,
-      setOpen: setOpenAndRefresh,
       refresh: () => void load(),
       select,
       markAllRead
     }),
-    [
-      notifications,
-      unreadCount,
-      open,
-      setOpenAndRefresh,
-      load,
-      select,
-      markAllRead
-    ]
+    [notifications, unreadCount, load, select, markAllRead]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SuiteNotificationsContext.Provider, { value, children });
 }
@@ -1559,11 +1541,15 @@ function SuiteNotificationBell({
   const {
     notifications,
     unreadCount: unread,
-    open,
-    setOpen,
+    refresh,
     select,
     markAllRead
   } = useSuiteNotifications();
+  const [open, setOpen] = (0, import_react3.useState)(false);
+  const onOpenChange = (next) => {
+    setOpen(next);
+    if (next) refresh();
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     DropdownMenu2,
     {
@@ -1573,7 +1559,7 @@ function SuiteNotificationBell({
       align: "end",
       panelClassName: "w-80 overflow-hidden p-0",
       open,
-      onOpenChange: setOpen,
+      onOpenChange,
       trigger: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "relative inline-flex h-11 w-11 items-center justify-center overflow-visible rounded-full text-ph-mutedtext transition hover:bg-ph-muted hover:text-ph-ink", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "relative inline-flex h-5 w-5", children: [
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_iconoir_react3.Bell, { className: "h-5 w-5", strokeWidth: 1.75, "aria-hidden": true }),
         unread > 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "pointer-events-none absolute -right-2 -top-2 z-[1] flex h-4 min-w-4 items-center justify-center rounded-full bg-ph-brand px-1 text-[9px] font-semibold leading-none text-[var(--ph-on-accent)] ring-2 ring-ph-surface", children: unread > 9 ? "9+" : unread }) : null
@@ -1598,7 +1584,10 @@ function SuiteNotificationBell({
           {
             id: `${dataTest}-item-${n.id}`,
             "data-test": `${dataTest}-item-${n.id}`,
-            onClick: () => select(n),
+            onClick: () => {
+              setOpen(false);
+              select(n);
+            },
             className: "flex w-full flex-col gap-0.5 px-3 py-2 text-left transition hover:bg-ph-muted",
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "flex items-center gap-2", children: [
@@ -1627,7 +1616,7 @@ function SuiteNotificationBell({
 }
 
 // src/suite/components/command-palette-host.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function isEditableTarget() {
   if (typeof document === "undefined") return false;
@@ -1648,8 +1637,8 @@ function CommandPaletteHost({
   inputDataTest,
   commandPalette: CommandPalette
 }) {
-  const [open, setOpen] = (0, import_react3.useState)(false);
-  (0, import_react3.useEffect)(() => {
+  const [open, setOpen] = (0, import_react4.useState)(false);
+  (0, import_react4.useEffect)(() => {
     const onKey = (e) => {
       if (!((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k")) return;
       if (!open && isEditableTarget()) return;
@@ -1676,10 +1665,10 @@ function CommandPaletteHost({
 }
 
 // src/suite/lib/use-idle-mount.ts
-var import_react4 = require("react");
+var import_react5 = require("react");
 function useIdleMount(timeoutMs = 1200) {
-  const [ready, setReady] = (0, import_react4.useState)(false);
-  (0, import_react4.useEffect)(() => {
+  const [ready, setReady] = (0, import_react5.useState)(false);
+  (0, import_react5.useEffect)(() => {
     let timeoutId = 0;
     let idleId = 0;
     const activate = () => setReady(true);
@@ -1703,7 +1692,7 @@ function DeferredChrome({ children }) {
 
 // src/suite/components/suite-mobile-drawer.tsx
 var Dialog = __toESM(require("@radix-ui/react-dialog"));
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_iconoir_react4 = require("iconoir-react");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function SuiteMobileDrawer({
@@ -1725,9 +1714,9 @@ function SuiteMobileDrawer({
   closeButtonDataTest,
   panelClassName
 }) {
-  const [rendered, setRendered] = (0, import_react5.useState)(open);
-  const [shown, setShown] = (0, import_react5.useState)(open);
-  (0, import_react5.useEffect)(() => {
+  const [rendered, setRendered] = (0, import_react6.useState)(open);
+  const [shown, setShown] = (0, import_react6.useState)(open);
+  (0, import_react6.useEffect)(() => {
     if (open) {
       queueMicrotask(() => setRendered(true));
       let inner = 0;
@@ -1863,7 +1852,7 @@ function SuiteMobileHeader({
 }
 
 // src/suite/components/suite-layout.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function SuiteBreadcrumbs({ items, className }) {
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("nav", { "aria-label": "Breadcrumb", className, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ol", { className: "flex min-w-0 items-center gap-1.5", children: items.map((item, index) => {
@@ -1942,9 +1931,9 @@ function SuitePageHeader({
    */
   sticky = true
 }) {
-  const headerRef = (0, import_react6.useRef)(null);
-  const [stuck, setStuck] = (0, import_react6.useState)(false);
-  (0, import_react6.useEffect)(() => {
+  const headerRef = (0, import_react7.useRef)(null);
+  const [stuck, setStuck] = (0, import_react7.useState)(false);
+  (0, import_react7.useEffect)(() => {
     if (!sticky) return;
     if (typeof IntersectionObserver === "undefined") return;
     const el = headerRef.current;
@@ -2161,7 +2150,7 @@ var import_iconoir_react6 = require("iconoir-react");
 var DropdownPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
 
 // src/components/icons/IconBase.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 
 // src/lib/cn.ts
 function cn2(...parts) {
@@ -2170,7 +2159,7 @@ function cn2(...parts) {
 
 // src/components/icons/IconBase.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
-var IconBase = (0, import_react7.forwardRef)(function IconBase2(_a2, ref) {
+var IconBase = (0, import_react8.forwardRef)(function IconBase2(_a2, ref) {
   var _b = _a2, {
     className,
     size,
@@ -2221,10 +2210,10 @@ var IconBase = (0, import_react7.forwardRef)(function IconBase2(_a2, ref) {
 IconBase.displayName = "IconBase";
 
 // src/components/icons/createIconBase.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 function createIconBase({ name = "IconGlyph", viewBox = "0 0 24 24", paths }) {
-  const IconGlyph = (0, import_react8.forwardRef)(function IconGlyph2(props, ref) {
+  const IconGlyph = (0, import_react9.forwardRef)(function IconGlyph2(props, ref) {
     return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IconBase, __spreadProps(__spreadValues({ ref, viewBox }, props), { children: paths }));
   });
   IconGlyph.displayName = name;
@@ -2239,7 +2228,7 @@ function createIconBasePath(d, viewBox = "0 0 24 24", name) {
 }
 
 // src/components/icons/icons.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 var fill = (d) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d, fill: "currentColor" });
 var IconAreaChart = createIconBase({
@@ -2586,7 +2575,7 @@ var IconActivity = createIconBasePath(
 var IconFlask = createIconBasePath(
   "M19.8 18.4L14 10.67V6.5l1.35-1.35c.39-.39.39-1.02 0-1.41L14.65 2.7a.9959.9959 0 0 0-1.41 0L9.35 6.54c-.39.39-.39 1.02 0 1.41L10.7 9.3v4.17L4.2 18.4C3.53 19.07 4.04 20.25 5 20.25h14c.96 0 1.47-1.18.8-1.85zM6.91 18.25l5.09-5.09 5.09 5.09H6.91z"
 );
-var IconSpinner = (0, import_react9.forwardRef)(function IconSpinner2(_a2, ref) {
+var IconSpinner = (0, import_react10.forwardRef)(function IconSpinner2(_a2, ref) {
   var _b = _a2, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconSync, __spreadValues({ ref, className: cn2("ph-icon-spin", className) }, props));
 });
@@ -2686,7 +2675,7 @@ for (const [name, Icon] of Object.entries(CANONICAL_ICONS)) {
     namedIcon.displayName = `Icon${name[0].toUpperCase()}${name.slice(1)}`;
   }
 }
-var IconByName = (0, import_react9.forwardRef)(function IconByName2(_a2, ref) {
+var IconByName = (0, import_react10.forwardRef)(function IconByName2(_a2, ref) {
   var _b = _a2, { name } = _b, props = __objRest(_b, ["name"]);
   const Icon = PH_ICONS[name];
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, __spreadValues({ ref }, props));
@@ -3112,7 +3101,7 @@ function TodayCalibrating({
 }
 
 // src/suite/components/theme-provider.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 
 // src/suite/lib/cookies.ts
 function suiteCookieDomainAttr() {
@@ -3166,7 +3155,7 @@ var SUITE_THEME_CHANNEL = "xenide-suite-theme";
 
 // src/suite/components/theme-provider.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
-var SuiteThemeContext = (0, import_react10.createContext)(null);
+var SuiteThemeContext = (0, import_react11.createContext)(null);
 var suiteThemeChannel = null;
 function broadcastTheme(theme) {
   if (typeof BroadcastChannel === "undefined") return;
@@ -3232,7 +3221,7 @@ function SuiteThemeProvider({
   config,
   children
 }) {
-  const [state, setState] = (0, import_react10.useState)(() => {
+  const [state, setState] = (0, import_react11.useState)(() => {
     const theme = readStoredTheme(config.storageKey);
     if (typeof document === "undefined") {
       return { theme, resolvedTheme: config.fallbackTheme };
@@ -3241,15 +3230,15 @@ function SuiteThemeProvider({
     const resolvedTheme = domTheme === config.darkThemeId ? "dark" : domTheme === config.lightThemeId ? "light" : resolveTheme(theme, config.fallbackTheme);
     return { theme, resolvedTheme };
   });
-  const themeRef = (0, import_react10.useRef)(state.theme);
+  const themeRef = (0, import_react11.useRef)(state.theme);
   themeRef.current = state.theme;
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     applyTheme(state.theme, config);
   }, [state.theme, config]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (readSharedTheme() == null) writeSharedTheme(state.theme);
   }, []);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (state.theme !== "system") return;
     const media = window.matchMedia("(prefers-color-scheme: dark)");
     const update = () => {
@@ -3259,7 +3248,7 @@ function SuiteThemeProvider({
     media.addEventListener("change", update);
     return () => media.removeEventListener("change", update);
   }, [state.theme, config]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     let channel = null;
     try {
       channel = new BroadcastChannel(SUITE_THEME_CHANNEL);
@@ -3313,7 +3302,7 @@ function SuiteThemeProvider({
       stopPolling();
     };
   }, [config]);
-  const setTheme = (0, import_react10.useCallback)(
+  const setTheme = (0, import_react11.useCallback)(
     (next) => {
       const resolved = applyTheme(next, config);
       setState({ theme: next, resolvedTheme: resolved });
@@ -3326,18 +3315,18 @@ function SuiteThemeProvider({
     },
     [config]
   );
-  const toggleTheme = (0, import_react10.useCallback)(() => {
+  const toggleTheme = (0, import_react11.useCallback)(() => {
     const next = resolveTheme(themeRef.current, config.fallbackTheme) === "dark" ? "light" : "dark";
     setTheme(next);
   }, [config, setTheme]);
-  const value = (0, import_react10.useMemo)(
+  const value = (0, import_react11.useMemo)(
     () => ({ theme: state.theme, resolvedTheme: state.resolvedTheme, setTheme, toggleTheme }),
     [state.theme, state.resolvedTheme, setTheme, toggleTheme]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SuiteThemeContext.Provider, { value, children });
 }
 function useSuiteTheme() {
-  const ctx = (0, import_react10.useContext)(SuiteThemeContext);
+  const ctx = (0, import_react11.useContext)(SuiteThemeContext);
   if (!ctx) throw new Error("useTheme must be used within ThemeProvider");
   return ctx;
 }
@@ -3355,14 +3344,14 @@ function suiteThemeBootScript(options) {
 }
 
 // src/suite/components/ai-panel.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_iconoir_react8 = require("iconoir-react");
 
 // src/components/ui/Tooltip.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_react_dom = require("react-dom");
 var import_jsx_runtime23 = require("react/jsx-runtime");
-var TooltipDelayContext = (0, import_react11.createContext)(0);
+var TooltipDelayContext = (0, import_react12.createContext)(0);
 function tooltipPosition(trigger, content, side, align, offset, collisionPadding) {
   const horizontal = align === "start" ? trigger.left : align === "end" ? trigger.right : trigger.left + trigger.width / 2;
   const vertical = align === "start" ? trigger.top : align === "end" ? trigger.bottom : trigger.top + trigger.height / 2;
@@ -3388,13 +3377,13 @@ function Tooltip({
   delayDuration,
   disableHoverableContent = false
 }) {
-  const providerDelay = (0, import_react11.useContext)(TooltipDelayContext);
-  const generatedId = (0, import_react11.useId)().replace(/:/g, "");
-  const triggerRef = (0, import_react11.useRef)(null);
-  const contentRef = (0, import_react11.useRef)(null);
-  const timerRef = (0, import_react11.useRef)(null);
-  const [internalOpen, setInternalOpen] = (0, import_react11.useState)(defaultOpen);
-  const [position, setPosition] = (0, import_react11.useState)(null);
+  const providerDelay = (0, import_react12.useContext)(TooltipDelayContext);
+  const generatedId = (0, import_react12.useId)().replace(/:/g, "");
+  const triggerRef = (0, import_react12.useRef)(null);
+  const contentRef = (0, import_react12.useRef)(null);
+  const timerRef = (0, import_react12.useRef)(null);
+  const [internalOpen, setInternalOpen] = (0, import_react12.useState)(defaultOpen);
+  const [position, setPosition] = (0, import_react12.useState)(null);
   const isOpen = open != null ? open : internalOpen;
   const triggerId = children.props.id;
   const tooltipId = triggerId ? `${triggerId}-tooltip` : `ph-tooltip-${generatedId}`;
@@ -3406,7 +3395,7 @@ function Tooltip({
     if (timerRef.current) clearTimeout(timerRef.current);
     timerRef.current = null;
   }
-  const updatePosition = (0, import_react11.useCallback)(() => {
+  const updatePosition = (0, import_react12.useCallback)(() => {
     if (!triggerRef.current || !contentRef.current) return;
     setPosition(
       tooltipPosition(
@@ -3438,10 +3427,10 @@ function Tooltip({
     clearTimer();
     timerRef.current = setTimeout(() => setOpen(false), 100);
   }
-  (0, import_react11.useLayoutEffect)(() => {
+  (0, import_react12.useLayoutEffect)(() => {
     if (isOpen) updatePosition();
   }, [isOpen, updatePosition]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!isOpen) return;
     const reposition = () => updatePosition();
     window.addEventListener("resize", reposition);
@@ -3451,9 +3440,9 @@ function Tooltip({
       window.removeEventListener("scroll", reposition, true);
     };
   }, [isOpen, updatePosition]);
-  (0, import_react11.useEffect)(() => () => clearTimer(), []);
+  (0, import_react12.useEffect)(() => () => clearTimer(), []);
   const describedBy = [children.props["aria-describedby"], tooltipId].filter(Boolean).join(" ");
-  const trigger = (0, import_react11.cloneElement)(children, { "aria-describedby": describedBy });
+  const trigger = (0, import_react12.cloneElement)(children, { "aria-describedby": describedBy });
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "span",
@@ -3502,7 +3491,7 @@ function Tooltip({
 
 // src/suite/components/ai-panel.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
-var SuiteAiMarkdownMessage2 = (0, import_react12.lazy)(() => Promise.resolve().then(() => (init_ai_message_markdown(), ai_message_markdown_exports)));
+var SuiteAiMarkdownMessage2 = (0, import_react13.lazy)(() => Promise.resolve().then(() => (init_ai_message_markdown(), ai_message_markdown_exports)));
 var SUITE_OPEN_ASK_AI_EVENT = "shellstack:open-ask-ai";
 var SUITE_ASK_AI_OPEN_KEY = "shellstack:shelly-open";
 var SUITE_ASK_AI_OPEN_QUERY = "shelly";
@@ -3589,11 +3578,11 @@ function SuiteAiPanel({
   resolveAction,
   isWaitingForReply = false
 }) {
-  const inputId = (0, import_react12.useId)();
-  const [uncontrolledOpen, setUncontrolledOpen] = (0, import_react12.useState)(false);
-  const [resolvingId, setResolvingId] = (0, import_react12.useState)("");
+  const inputId = (0, import_react13.useId)();
+  const [uncontrolledOpen, setUncontrolledOpen] = (0, import_react13.useState)(false);
+  const [resolvingId, setResolvingId] = (0, import_react13.useState)("");
   const open = openProp != null ? openProp : uncontrolledOpen;
-  const setOpen = (0, import_react12.useCallback)(
+  const setOpen = (0, import_react13.useCallback)(
     (next) => {
       persistSuiteAskAiOpen(next);
       if (openProp === void 0) setUncontrolledOpen(next);
@@ -3601,21 +3590,21 @@ function SuiteAiPanel({
     },
     [onOpenChange, openProp]
   );
-  const [prompt, setPrompt] = (0, import_react12.useState)("");
-  const [messages, setMessages] = (0, import_react12.useState)([]);
-  const [loading, setLoading] = (0, import_react12.useState)(false);
-  const [hydrating, setHydrating] = (0, import_react12.useState)(false);
-  const [error, setError] = (0, import_react12.useState)("");
-  const [atBottom, setAtBottom] = (0, import_react12.useState)(true);
-  const scrollerRef = (0, import_react12.useRef)(null);
-  const textareaRef = (0, import_react12.useRef)(null);
-  const abortRef = (0, import_react12.useRef)(null);
-  const pendingPromptRef = (0, import_react12.useRef)(null);
-  const [editingIndex, setEditingIndex] = (0, import_react12.useState)(null);
-  const [editDraft, setEditDraft] = (0, import_react12.useState)("");
-  const [copiedIndex, setCopiedIndex] = (0, import_react12.useState)(null);
+  const [prompt, setPrompt] = (0, import_react13.useState)("");
+  const [messages, setMessages] = (0, import_react13.useState)([]);
+  const [loading, setLoading] = (0, import_react13.useState)(false);
+  const [hydrating, setHydrating] = (0, import_react13.useState)(false);
+  const [error, setError] = (0, import_react13.useState)("");
+  const [atBottom, setAtBottom] = (0, import_react13.useState)(true);
+  const scrollerRef = (0, import_react13.useRef)(null);
+  const textareaRef = (0, import_react13.useRef)(null);
+  const abortRef = (0, import_react13.useRef)(null);
+  const pendingPromptRef = (0, import_react13.useRef)(null);
+  const [editingIndex, setEditingIndex] = (0, import_react13.useState)(null);
+  const [editDraft, setEditDraft] = (0, import_react13.useState)("");
+  const [copiedIndex, setCopiedIndex] = (0, import_react13.useState)(null);
   const waiting = loading || isWaitingForReply;
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     function onOpen(event) {
       var _a2;
       const detail = event.detail;
@@ -3629,19 +3618,19 @@ function SuiteAiPanel({
     window.addEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
     return () => window.removeEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
   }, [setOpen]);
-  const scrollToBottom = (0, import_react12.useCallback)((behavior = "auto") => {
+  const scrollToBottom = (0, import_react13.useCallback)((behavior = "auto") => {
     const el = scrollerRef.current;
     if (!el) return;
     el.scrollTo({ top: el.scrollHeight, behavior });
     setAtBottom(true);
   }, []);
-  const handleScroll = (0, import_react12.useCallback)(() => {
+  const handleScroll = (0, import_react13.useCallback)(() => {
     const el = scrollerRef.current;
     if (!el) return;
     const distance = el.scrollHeight - el.scrollTop - el.clientHeight;
     setAtBottom(distance < 64);
   }, []);
-  const hydrate = (0, import_react12.useCallback)(async () => {
+  const hydrate = (0, import_react13.useCallback)(async () => {
     var _a2, _b, _c;
     setHydrating(true);
     setError("");
@@ -3664,7 +3653,7 @@ function SuiteAiPanel({
       setHydrating(false);
     }
   }, [fetchChat]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     var _a2;
     if (!open) return;
     const queued = (_a2 = pendingPromptRef.current) != null ? _a2 : consumePendingAskAiPrompt();
@@ -3675,19 +3664,19 @@ function SuiteAiPanel({
       if (pending) setPrompt(pending);
     });
   }, [open, hydrate]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (open && atBottom) scrollToBottom();
   }, [messages, waiting, open, atBottom, scrollToBottom]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     var _a2;
     if (open && !hydrating) (_a2 = textareaRef.current) == null ? void 0 : _a2.focus();
   }, [open, hydrating]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!open) return;
     void Promise.resolve().then(() => (init_ai_message_markdown(), ai_message_markdown_exports)).catch(() => {
     });
   }, [open]);
-  (0, import_react12.useLayoutEffect)(() => {
+  (0, import_react13.useLayoutEffect)(() => {
     const el = textareaRef.current;
     if (!el) return;
     el.style.height = "auto";
@@ -4047,7 +4036,7 @@ function SuiteAiPanel({
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "suite-msg-bubble min-w-0 max-w-[85%] space-y-2", children: [
                           /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "rounded-2xl rounded-bl-md bg-ph-muted px-3 py-2 text-sm leading-relaxed text-ph-ink", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-                            import_react12.Suspense,
+                            import_react13.Suspense,
                             {
                               fallback: (
                                 // The chunk is pre-warmed above, so this only shows on a
@@ -4219,7 +4208,7 @@ function SuiteAiPanel({
 }
 
 // src/suite/components/workspace-switcher.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_iconoir_react9 = require("iconoir-react");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 function SuiteWorkspaceSwitcher({
@@ -4237,7 +4226,7 @@ function SuiteWorkspaceSwitcher({
   footer
 }) {
   var _a2;
-  const [open, setOpen] = (0, import_react13.useState)(false);
+  const [open, setOpen] = (0, import_react14.useState)(false);
   const sections = (_a2 = groups == null ? void 0 : groups.filter((group) => group.workspaces.length > 0)) != null ? _a2 : workspaces.length > 0 ? [{ id: "workspaces", label: "Switch workspace", workspaces }] : [];
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     DropdownMenu2,
@@ -4382,7 +4371,7 @@ function SuiteIcon({
 }
 
 // src/suite/lib/use-sidebar-width.ts
-var import_react14 = require("react");
+var import_react15 = require("react");
 var SIDEBAR_RAIL_WIDTH = 56;
 var SIDEBAR_COLLAPSE_THRESHOLD = 80;
 var SIDEBAR_MIN_EXPANDED_WIDTH = 180;
@@ -4467,10 +4456,10 @@ function resetSuiteSidebarWidth() {
 }
 function useSidebarWidth(storageKey = SUITE_SIDEBAR_WIDTH_KEY, defaultWidth = SIDEBAR_DEFAULT_WIDTH) {
   const fallbackWidth = snapWidth(clampWidth(defaultWidth));
-  const [width, setWidth] = (0, import_react14.useState)(fallbackWidth);
-  const [narrowViewport, setNarrowViewport] = (0, import_react14.useState)(false);
+  const [width, setWidth] = (0, import_react15.useState)(fallbackWidth);
+  const [narrowViewport, setNarrowViewport] = (0, import_react15.useState)(false);
   const collapsed = narrowViewport || width <= SIDEBAR_COLLAPSE_THRESHOLD;
-  (0, import_react14.useLayoutEffect)(() => {
+  (0, import_react15.useLayoutEffect)(() => {
     const sync = () => {
       const stored = readSidebarWidth(storageKey);
       if (stored == null) return;
@@ -4486,20 +4475,20 @@ function useSidebarWidth(storageKey = SUITE_SIDEBAR_WIDTH_KEY, defaultWidth = SI
       document.removeEventListener("visibilitychange", sync);
     };
   }, [storageKey]);
-  (0, import_react14.useLayoutEffect)(() => {
+  (0, import_react15.useLayoutEffect)(() => {
     const media = window.matchMedia("(max-width: 639px)");
     const sync = () => setNarrowViewport(media.matches);
     sync();
     media.addEventListener("change", sync);
     return () => media.removeEventListener("change", sync);
   }, []);
-  const persist = (0, import_react14.useCallback)(
+  const persist = (0, import_react15.useCallback)(
     (value) => {
       persistSidebarWidth(storageKey, value);
     },
     [storageKey]
   );
-  const setCollapsed = (0, import_react14.useCallback)(
+  const setCollapsed = (0, import_react15.useCallback)(
     (value) => {
       setWidth((current) => {
         const next = value ? SIDEBAR_RAIL_WIDTH : current <= SIDEBAR_COLLAPSE_THRESHOLD ? fallbackWidth : snapWidth(current);
@@ -4509,11 +4498,11 @@ function useSidebarWidth(storageKey = SUITE_SIDEBAR_WIDTH_KEY, defaultWidth = SI
     },
     [fallbackWidth, persist]
   );
-  const resetWidth = (0, import_react14.useCallback)(() => {
+  const resetWidth = (0, import_react15.useCallback)(() => {
     setWidth(fallbackWidth);
     persist(fallbackWidth);
   }, [fallbackWidth, persist]);
-  const startResize = (0, import_react14.useCallback)(
+  const startResize = (0, import_react15.useCallback)(
     (event) => {
       event.preventDefault();
       const startX = event.clientX;
@@ -4535,7 +4524,7 @@ function useSidebarWidth(storageKey = SUITE_SIDEBAR_WIDTH_KEY, defaultWidth = SI
     },
     [persist, width]
   );
-  const resizeBy = (0, import_react14.useCallback)(
+  const resizeBy = (0, import_react15.useCallback)(
     (delta) => {
       setWidth((current) => {
         const next = clampWidth(current + delta);
@@ -4549,10 +4538,10 @@ function useSidebarWidth(storageKey = SUITE_SIDEBAR_WIDTH_KEY, defaultWidth = SI
 }
 
 // src/suite/lib/motion.tsx
-var import_react15 = require("motion/react");
+var import_react16 = require("motion/react");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 function SuiteMotionProvider({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react15.LazyMotion, { features: import_react15.domAnimation, strict: true, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react16.LazyMotion, { features: import_react16.domAnimation, strict: true, children });
 }
 var SUITE_SPRINGS = {
   /** Snappy panel/sheet entrances — small overshoot. */
@@ -4709,7 +4698,7 @@ function SuiteEmptyState({
 }
 
 // src/suite/components/suite-settings-mobile-nav.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function SuiteSettingsMobileNav({
   items,
@@ -4728,7 +4717,7 @@ function SuiteSettingsMobileNav({
       children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex snap-x gap-2 overflow-x-auto pb-3 pt-1 scrollbar-hide [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: items.map((item) => {
         const Icon = item.icon;
         const active = activeHref === item.href || activeHref.startsWith(`${item.href}/`);
-        const iconNode = (0, import_react16.isValidElement)(item.icon) ? item.icon : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        const iconNode = (0, import_react17.isValidElement)(item.icon) ? item.icon : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           Icon,
           {
             className: cn(
@@ -4766,7 +4755,7 @@ function SuiteSettingsMobileNav({
 
 // src/suite/components/suite-sidebar.tsx
 var import_link2 = __toESM(require("next/link"));
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_iconoir_react10 = require("iconoir-react");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 function renderNode(node, collapsed) {
@@ -4791,14 +4780,14 @@ function SuiteSidebar({
 }) {
   const showAskAi = Boolean(onAskAiOpenChange && askAi);
   const chatOpen = showAskAi && askAiOpen && !collapsed;
-  const setAskAi = (0, import_react17.useCallback)(
+  const setAskAi = (0, import_react18.useCallback)(
     (next) => {
       persistSuiteAskAiOpen(next);
       onAskAiOpenChange == null ? void 0 : onAskAiOpenChange(next);
     },
     [onAskAiOpenChange]
   );
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!onAskAiOpenChange) return;
     function onOpen() {
       onRequestExpand == null ? void 0 : onRequestExpand();
@@ -4807,7 +4796,7 @@ function SuiteSidebar({
     window.addEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
     return () => window.removeEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
   }, [onAskAiOpenChange, onRequestExpand, setAskAi]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!chatOpen) return;
     function onKey(event) {
       if (event.key === "Escape") setAskAi(false);
@@ -5122,11 +5111,11 @@ function SuiteAppLayout({
 }
 
 // src/suite/components/suite-integration-picker.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_iconoir_react12 = require("iconoir-react");
 
 // src/components/ui/Button.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var variantClass = {
   primary: "ph-btn-primary",
@@ -5154,7 +5143,7 @@ var shapeClass = {
   square: "ph-btn-square",
   wide: "ph-btn-wide"
 };
-var Button = (0, import_react18.forwardRef)(function Button2(_a2, ref) {
+var Button = (0, import_react19.forwardRef)(function Button2(_a2, ref) {
   var _b = _a2, {
     variant = "secondary",
     size = "md",
@@ -5218,7 +5207,7 @@ var Button = (0, import_react18.forwardRef)(function Button2(_a2, ref) {
 Button.displayName = "Button";
 
 // src/components/ui/Alert.tsx
-var import_react19 = require("react");
+var import_react20 = require("react");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var statusConfig = {
   info: { icon: IconInfo },
@@ -5232,7 +5221,7 @@ var statusClassMap = {
   warning: "ph-alert-warning",
   danger: "ph-alert-danger"
 };
-var Alert = (0, import_react19.forwardRef)(function Alert2(_a2, ref) {
+var Alert = (0, import_react20.forwardRef)(function Alert2(_a2, ref) {
   var _b = _a2, {
     status = "info",
     title,
@@ -5290,7 +5279,7 @@ var Alert = (0, import_react19.forwardRef)(function Alert2(_a2, ref) {
 Alert.displayName = "Alert";
 
 // src/components/ui/Badge.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var variantMap = {
   brand: "ph-badge-brand",
@@ -5305,7 +5294,7 @@ var sizeMap = {
   sm: "text-[10px] px-1.5 py-0.5",
   md: ""
 };
-var Badge = (0, import_react20.forwardRef)(function Badge2(_a2, ref) {
+var Badge = (0, import_react21.forwardRef)(function Badge2(_a2, ref) {
   var _b = _a2, {
     variant = "neutral",
     size = "md",
@@ -5335,7 +5324,7 @@ var Badge = (0, import_react20.forwardRef)(function Badge2(_a2, ref) {
 Badge.displayName = "Badge";
 
 // src/components/ui/Card.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var variantMap2 = {
   default: "",
@@ -5343,7 +5332,7 @@ var variantMap2 = {
   elevated: "ph-card-elevated",
   highlighted: "ph-card-highlighted"
 };
-var Card = (0, import_react21.forwardRef)(function Card2(_a2, ref) {
+var Card = (0, import_react22.forwardRef)(function Card2(_a2, ref) {
   var _b = _a2, {
     children,
     title,
@@ -5430,11 +5419,11 @@ var Card = (0, import_react21.forwardRef)(function Card2(_a2, ref) {
 Card.displayName = "Card";
 
 // src/components/ui/Input.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_iconoir_react11 = require("iconoir-react");
 
 // src/components/ui/FormField.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 function FormField(_a2) {
   var _b = _a2, {
@@ -5458,7 +5447,7 @@ function FormField(_a2) {
     "children",
     "className"
   ]);
-  const generatedId = (0, import_react22.useId)();
+  const generatedId = (0, import_react23.useId)();
   const id = controlId != null ? controlId : generatedId;
   const descriptionId = helperText && !error ? `${id}-description` : void 0;
   const errorId = error ? `${id}-error` : void 0;
@@ -5497,7 +5486,7 @@ function joinIds(...ids) {
   const value = ids.filter(Boolean).join(" ");
   return value || void 0;
 }
-var Input = (0, import_react23.forwardRef)(function Input2(_a2, ref) {
+var Input = (0, import_react24.forwardRef)(function Input2(_a2, ref) {
   var _b = _a2, {
     id: idProp,
     label,
@@ -5527,11 +5516,11 @@ var Input = (0, import_react23.forwardRef)(function Input2(_a2, ref) {
     "required",
     "aria-describedby"
   ]);
-  const autoId = (0, import_react23.useId)();
+  const autoId = (0, import_react24.useId)();
   const id = idProp != null ? idProp : autoId;
   const hasError = Boolean(error);
   const isPassword = type === "password";
-  const [revealed, setRevealed] = (0, import_react23.useState)(false);
+  const [revealed, setRevealed] = (0, import_react24.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     FormField,
     {
@@ -5580,7 +5569,7 @@ var Input = (0, import_react23.forwardRef)(function Input2(_a2, ref) {
   );
 });
 Input.displayName = "Input";
-var Select = (0, import_react23.forwardRef)(function Select2(_a2, ref) {
+var Select = (0, import_react24.forwardRef)(function Select2(_a2, ref) {
   var _b = _a2, {
     id: idProp,
     label,
@@ -5608,7 +5597,7 @@ var Select = (0, import_react23.forwardRef)(function Select2(_a2, ref) {
     "required",
     "aria-describedby"
   ]);
-  const autoId = (0, import_react23.useId)();
+  const autoId = (0, import_react24.useId)();
   const id = idProp != null ? idProp : autoId;
   const hasError = Boolean(error);
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(FormField, { controlId: id, label, hideLabel, helperText, error, required, disabled, className: wrapperClassName, children: (fieldProps) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
@@ -5631,7 +5620,7 @@ var Select = (0, import_react23.forwardRef)(function Select2(_a2, ref) {
   ) });
 });
 Select.displayName = "Select";
-var Textarea = (0, import_react23.forwardRef)(function Textarea2(_a2, ref) {
+var Textarea = (0, import_react24.forwardRef)(function Textarea2(_a2, ref) {
   var _b = _a2, {
     id: idProp,
     label,
@@ -5657,7 +5646,7 @@ var Textarea = (0, import_react23.forwardRef)(function Textarea2(_a2, ref) {
     "required",
     "aria-describedby"
   ]);
-  const autoId = (0, import_react23.useId)();
+  const autoId = (0, import_react24.useId)();
   const id = idProp != null ? idProp : autoId;
   const hasError = Boolean(error);
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(FormField, { controlId: id, label, hideLabel, helperText, error, required, disabled, className: wrapperClassName, children: (fieldProps) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
@@ -5678,7 +5667,7 @@ var Textarea = (0, import_react23.forwardRef)(function Textarea2(_a2, ref) {
   ) });
 });
 Textarea.displayName = "Textarea";
-var Checkbox = (0, import_react23.forwardRef)(function Checkbox2(_a2, ref) {
+var Checkbox = (0, import_react24.forwardRef)(function Checkbox2(_a2, ref) {
   var _b = _a2, {
     id: idProp,
     label,
@@ -5698,7 +5687,7 @@ var Checkbox = (0, import_react23.forwardRef)(function Checkbox2(_a2, ref) {
     "disabled",
     "aria-describedby"
   ]);
-  const autoId = (0, import_react23.useId)();
+  const autoId = (0, import_react24.useId)();
   const id = idProp != null ? idProp : autoId;
   const hasError = Boolean(error);
   const descriptionId = helperText && !hasError ? `${id}-description` : void 0;
@@ -5733,7 +5722,7 @@ var Checkbox = (0, import_react23.forwardRef)(function Checkbox2(_a2, ref) {
   ] });
 });
 Checkbox.displayName = "Checkbox";
-var Radio = (0, import_react23.forwardRef)(function Radio2(_a2, ref) {
+var Radio = (0, import_react24.forwardRef)(function Radio2(_a2, ref) {
   var _b = _a2, {
     id: idProp,
     label,
@@ -5747,7 +5736,7 @@ var Radio = (0, import_react23.forwardRef)(function Radio2(_a2, ref) {
     "wrapperClassName",
     "disabled"
   ]);
-  const autoId = (0, import_react23.useId)();
+  const autoId = (0, import_react24.useId)();
   const id = idProp != null ? idProp : autoId;
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: cn2("ph-control-row", wrapperClassName, disabled && "opacity-60"), children: [
     /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
@@ -5764,7 +5753,7 @@ var Radio = (0, import_react23.forwardRef)(function Radio2(_a2, ref) {
   ] });
 });
 Radio.displayName = "Radio";
-var Toggle = (0, import_react23.forwardRef)(function Toggle2(_a2, ref) {
+var Toggle = (0, import_react24.forwardRef)(function Toggle2(_a2, ref) {
   var _b = _a2, {
     id: idProp,
     label,
@@ -5778,7 +5767,7 @@ var Toggle = (0, import_react23.forwardRef)(function Toggle2(_a2, ref) {
     "wrapperClassName",
     "disabled"
   ]);
-  const autoId = (0, import_react23.useId)();
+  const autoId = (0, import_react24.useId)();
   const id = idProp != null ? idProp : autoId;
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("label", { className: cn2("ph-control-row-between", wrapperClassName, disabled && "opacity-60"), children: [
     /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: disabled ? "opacity-60" : void 0, children: label }),
@@ -5796,7 +5785,7 @@ var Toggle = (0, import_react23.forwardRef)(function Toggle2(_a2, ref) {
   ] });
 });
 Toggle.displayName = "Toggle";
-var Range = (0, import_react23.forwardRef)(function Range2(_a2, ref) {
+var Range = (0, import_react24.forwardRef)(function Range2(_a2, ref) {
   var _b = _a2, {
     id: idProp,
     label,
@@ -5814,7 +5803,7 @@ var Range = (0, import_react23.forwardRef)(function Range2(_a2, ref) {
     "wrapperClassName",
     "className"
   ]);
-  const autoId = (0, import_react23.useId)();
+  const autoId = (0, import_react24.useId)();
   const id = idProp != null ? idProp : autoId;
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: cn2("ph-field", wrapperClassName), children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("label", { htmlFor: id, className: "ph-label", children: label }),
@@ -5827,7 +5816,7 @@ var Range = (0, import_react23.forwardRef)(function Range2(_a2, ref) {
   ] });
 });
 Range.displayName = "Range";
-var FileUpload = (0, import_react23.forwardRef)(function FileUpload2(_a2, ref) {
+var FileUpload = (0, import_react24.forwardRef)(function FileUpload2(_a2, ref) {
   var _b = _a2, {
     id: idProp,
     label,
@@ -5841,7 +5830,7 @@ var FileUpload = (0, import_react23.forwardRef)(function FileUpload2(_a2, ref) {
     "wrapperClassName",
     "className"
   ]);
-  const autoId = (0, import_react23.useId)();
+  const autoId = (0, import_react24.useId)();
   const id = idProp != null ? idProp : autoId;
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: cn2("ph-field", wrapperClassName), children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("label", { htmlFor: id, className: "ph-label", children: label }),
@@ -5855,7 +5844,7 @@ FileUpload.displayName = "FileUpload";
 
 // src/components/ui/Modal.tsx
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var sizeMap3 = {
   sm: "max-w-sm",
@@ -5886,7 +5875,7 @@ function Modal({
   "aria-labelledby": ariaLabelledBy
 }) {
   const canDismiss = Boolean(onClose);
-  const restoreFocusRef = (0, import_react24.useRef)(null);
+  const restoreFocusRef = (0, import_react25.useRef)(null);
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     Dialog2.Root,
     {
@@ -6036,35 +6025,35 @@ function SuiteIntegrationPicker({
   description = "Connect an app to this workspace securely.",
   dataTest = "suite-integration-picker"
 }) {
-  const [query, setQuery] = (0, import_react25.useState)("");
-  const [category, setCategory] = (0, import_react25.useState)("all");
-  const [categoryQuery, setCategoryQuery] = (0, import_react25.useState)("");
-  const [categoryMenuOpen, setCategoryMenuOpen] = (0, import_react25.useState)(false);
-  const [expanded, setExpanded] = (0, import_react25.useState)(null);
-  const [bridgeOnlyInternal, setBridgeOnlyInternal] = (0, import_react25.useState)(false);
-  const categoryMenuRef = (0, import_react25.useRef)(null);
-  const categoryTriggerRef = (0, import_react25.useRef)(null);
-  const categorySearchRef = (0, import_react25.useRef)(null);
-  const categoryOptionRefs = (0, import_react25.useRef)({});
-  const pendingCategoryFocus = (0, import_react25.useRef)(
+  const [query, setQuery] = (0, import_react26.useState)("");
+  const [category, setCategory] = (0, import_react26.useState)("all");
+  const [categoryQuery, setCategoryQuery] = (0, import_react26.useState)("");
+  const [categoryMenuOpen, setCategoryMenuOpen] = (0, import_react26.useState)(false);
+  const [expanded, setExpanded] = (0, import_react26.useState)(null);
+  const [bridgeOnlyInternal, setBridgeOnlyInternal] = (0, import_react26.useState)(false);
+  const categoryMenuRef = (0, import_react26.useRef)(null);
+  const categoryTriggerRef = (0, import_react26.useRef)(null);
+  const categorySearchRef = (0, import_react26.useRef)(null);
+  const categoryOptionRefs = (0, import_react26.useRef)({});
+  const pendingCategoryFocus = (0, import_react26.useRef)(
     null
   );
-  const scrollViewportRef = (0, import_react25.useRef)(null);
-  const loadMoreSentinelRef = (0, import_react25.useRef)(null);
-  const loadMoreInFlightRef = (0, import_react25.useRef)(false);
-  const sentinelVisibleRef = (0, import_react25.useRef)(false);
-  const authRequestRef = (0, import_react25.useRef)(0);
-  const [methodItem, setMethodItem] = (0, import_react25.useState)(null);
-  const [authItem, setAuthItem] = (0, import_react25.useState)(null);
-  const [authValues, setAuthValues] = (0, import_react25.useState)({});
-  const [authLoading, setAuthLoading] = (0, import_react25.useState)(false);
-  const [authSubmitting, setAuthSubmitting] = (0, import_react25.useState)(false);
-  const [authError, setAuthError] = (0, import_react25.useState)(null);
-  const [connectionError, setConnectionError] = (0, import_react25.useState)(null);
-  const [itemToDisconnect, setItemToDisconnect] = (0, import_react25.useState)(null);
-  const [disconnecting, setDisconnecting] = (0, import_react25.useState)(false);
-  const [disconnectError, setDisconnectError] = (0, import_react25.useState)(null);
-  const itemCategories = (0, import_react25.useMemo)(
+  const scrollViewportRef = (0, import_react26.useRef)(null);
+  const loadMoreSentinelRef = (0, import_react26.useRef)(null);
+  const loadMoreInFlightRef = (0, import_react26.useRef)(false);
+  const sentinelVisibleRef = (0, import_react26.useRef)(false);
+  const authRequestRef = (0, import_react26.useRef)(0);
+  const [methodItem, setMethodItem] = (0, import_react26.useState)(null);
+  const [authItem, setAuthItem] = (0, import_react26.useState)(null);
+  const [authValues, setAuthValues] = (0, import_react26.useState)({});
+  const [authLoading, setAuthLoading] = (0, import_react26.useState)(false);
+  const [authSubmitting, setAuthSubmitting] = (0, import_react26.useState)(false);
+  const [authError, setAuthError] = (0, import_react26.useState)(null);
+  const [connectionError, setConnectionError] = (0, import_react26.useState)(null);
+  const [itemToDisconnect, setItemToDisconnect] = (0, import_react26.useState)(null);
+  const [disconnecting, setDisconnecting] = (0, import_react26.useState)(false);
+  const [disconnectError, setDisconnectError] = (0, import_react26.useState)(null);
+  const itemCategories = (0, import_react26.useMemo)(
     () => Array.from(
       new Set(items.flatMap((item) => {
         var _a2;
@@ -6254,7 +6243,7 @@ function SuiteIntegrationPicker({
       setAuthSubmitting(false);
     }
   }
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (!categoryMenuOpen) return;
     const handlePointerDown = (event) => {
       var _a2;
@@ -6272,7 +6261,7 @@ function SuiteIntegrationPicker({
       document.removeEventListener("keydown", handleKeyDown);
     };
   }, [categoryMenuOpen]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     var _a2, _b, _c;
     const target = pendingCategoryFocus.current;
     if (!target) return;
@@ -6281,10 +6270,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]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (!loadingMore) loadMoreInFlightRef.current = false;
   }, [loadingMore]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     const root = scrollViewportRef.current;
     const sentinel = loadMoreSentinelRef.current;
     if (!open || !root || !sentinel) {
@@ -6755,7 +6744,7 @@ function SuiteIntegrationPicker({
 }
 
 // src/suite/components/suite-integration-rules.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 var import_iconoir_react13 = require("iconoir-react");
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var ACTION_LABELS = {
@@ -6787,18 +6776,18 @@ function SuiteIntegrationRules({
   onRefresh,
   dataTest = "integration-rules"
 }) {
-  const [formOpen, setFormOpen] = (0, import_react26.useState)(false);
-  const [name, setName] = (0, import_react26.useState)("");
-  const [trigger, setTrigger] = (0, import_react26.useState)("");
-  const [actionType, setActionType] = (0, import_react26.useState)("create_tides_task");
-  const [projectId, setProjectId] = (0, import_react26.useState)("");
-  const [minutes, setMinutes] = (0, import_react26.useState)("");
-  const [priority, setPriority] = (0, import_react26.useState)("low");
-  const [submitting, setSubmitting] = (0, import_react26.useState)(false);
-  const [formError, setFormError] = (0, import_react26.useState)(null);
-  const [busyId, setBusyId] = (0, import_react26.useState)(null);
-  const [ruleToDelete, setRuleToDelete] = (0, import_react26.useState)(null);
-  const [deleteError, setDeleteError] = (0, import_react26.useState)(null);
+  const [formOpen, setFormOpen] = (0, import_react27.useState)(false);
+  const [name, setName] = (0, import_react27.useState)("");
+  const [trigger, setTrigger] = (0, import_react27.useState)("");
+  const [actionType, setActionType] = (0, import_react27.useState)("create_tides_task");
+  const [projectId, setProjectId] = (0, import_react27.useState)("");
+  const [minutes, setMinutes] = (0, import_react27.useState)("");
+  const [priority, setPriority] = (0, import_react27.useState)("low");
+  const [submitting, setSubmitting] = (0, import_react27.useState)(false);
+  const [formError, setFormError] = (0, import_react27.useState)(null);
+  const [busyId, setBusyId] = (0, import_react27.useState)(null);
+  const [ruleToDelete, setRuleToDelete] = (0, import_react27.useState)(null);
+  const [deleteError, setDeleteError] = (0, import_react27.useState)(null);
   const needsProject = actionType === "create_tides_task" || actionType === "draft_time_entry";
   async function submitForm(event) {
     event.preventDefault();
@@ -7153,8 +7142,11 @@ function SuiteIntegrationRules({
 }
 
 // src/suite/components/suite-clients-projects-directory.tsx
-var import_react28 = require("react");
-var import_iconoir_react15 = require("iconoir-react");
+var import_react29 = require("react");
+var import_iconoir_react16 = require("iconoir-react");
+
+// src/suite/components/suite-entity-icon.tsx
+var import_iconoir_react14 = require("iconoir-react");
 
 // src/suite/lib/palette-api.ts
 var _a;
@@ -7239,12 +7231,11 @@ function SuiteEntityIcon({
       }
     );
   }
-  const initial = label == null ? void 0 : label.trim().charAt(0).toUpperCase();
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "span",
     {
       className: cn2(
-        "inline-flex shrink-0 items-center justify-center font-semibold leading-none",
+        "inline-flex shrink-0 items-center justify-center leading-none",
         roundedClass,
         className
       ),
@@ -7253,14 +7244,22 @@ function SuiteEntityIcon({
         backgroundColor: tint ? `${tint}18` : neutralBackground
       }, style),
       "aria-hidden": "true",
-      children: initial ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-[0.7em]", children: initial }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "block h-1.5 w-1.5 rounded-full bg-current opacity-40" })
+      title: label != null ? label : void 0,
+      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        import_iconoir_react14.Folder,
+        {
+          className: "h-[0.85em] w-[0.85em]",
+          strokeWidth: 1.8,
+          "aria-hidden": true
+        }
+      )
     }
   );
 }
 
 // src/suite/components/suite-palette-library.tsx
-var import_react27 = require("react");
-var import_iconoir_react14 = require("iconoir-react");
+var import_react28 = require("react");
+var import_iconoir_react15 = require("iconoir-react");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 var PAGE_SIZE = 60;
 var DISCOVER_LIMIT = 120;
@@ -7298,7 +7297,7 @@ function FilterSelect({
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-      import_iconoir_react14.NavArrowDown,
+      import_iconoir_react15.NavArrowDown,
       {
         className: "pointer-events-none absolute right-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-ph-mutedtext",
         "aria-hidden": true
@@ -7310,21 +7309,21 @@ function SuitePaletteLibrary({
   onPick
 }) {
   var _a2, _b;
-  const [collections, setCollections] = (0, import_react27.useState)([]);
-  const [typeFilter, setTypeFilter] = (0, import_react27.useState)("all");
-  const [collectionFilter, setCollectionFilter] = (0, import_react27.useState)("");
-  const [libraryOpen, setLibraryOpen] = (0, import_react27.useState)(false);
-  const [libraryQuery, setLibraryQuery] = (0, import_react27.useState)("");
-  const libraryRef = (0, import_react27.useRef)(null);
-  const [icons, setIcons] = (0, import_react27.useState)([]);
-  const [total, setTotal] = (0, import_react27.useState)(0);
-  const [page, setPage] = (0, import_react27.useState)(1);
-  const [query, setQuery] = (0, import_react27.useState)("");
-  const [loading, setLoading] = (0, import_react27.useState)(true);
-  const [loadingMore, setLoadingMore] = (0, import_react27.useState)(false);
-  const [error, setError] = (0, import_react27.useState)(null);
-  const requestId = (0, import_react27.useRef)(0);
-  const libraryOptions = (0, import_react27.useMemo)(() => {
+  const [collections, setCollections] = (0, import_react28.useState)([]);
+  const [typeFilter, setTypeFilter] = (0, import_react28.useState)("all");
+  const [collectionFilter, setCollectionFilter] = (0, import_react28.useState)("");
+  const [libraryOpen, setLibraryOpen] = (0, import_react28.useState)(false);
+  const [libraryQuery, setLibraryQuery] = (0, import_react28.useState)("");
+  const libraryRef = (0, import_react28.useRef)(null);
+  const [icons, setIcons] = (0, import_react28.useState)([]);
+  const [total, setTotal] = (0, import_react28.useState)(0);
+  const [page, setPage] = (0, import_react28.useState)(1);
+  const [query, setQuery] = (0, import_react28.useState)("");
+  const [loading, setLoading] = (0, import_react28.useState)(true);
+  const [loadingMore, setLoadingMore] = (0, import_react28.useState)(false);
+  const [error, setError] = (0, import_react28.useState)(null);
+  const requestId = (0, import_react28.useRef)(0);
+  const libraryOptions = (0, import_react28.useMemo)(() => {
     const list = collections.filter(
       (item) => typeFilter === "all" || item.style === typeFilter
     );
@@ -7332,7 +7331,7 @@ function SuitePaletteLibrary({
       (a, b) => Number(b.featured) - Number(a.featured) || a.name.localeCompare(b.name)
     );
   }, [collections, typeFilter]);
-  const discoverIcons = (0, import_react27.useMemo)(() => {
+  const discoverIcons = (0, import_react28.useMemo)(() => {
     const seen = /* @__PURE__ */ new Set();
     const out = [];
     for (const collection of libraryOptions) {
@@ -7345,7 +7344,7 @@ function SuitePaletteLibrary({
     }
     return out;
   }, [libraryOptions]);
-  const loadCollection = (0, import_react27.useCallback)(async (slug, nextPage = 1) => {
+  const loadCollection = (0, import_react28.useCallback)(async (slug, nextPage = 1) => {
     const id = ++requestId.current;
     if (nextPage === 1) {
       setLoading(true);
@@ -7376,7 +7375,7 @@ function SuitePaletteLibrary({
       }
     }
   }, []);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     let cancelled = false;
     fetchPaletteLibrary().then((library) => {
       if (cancelled) return;
@@ -7390,13 +7389,13 @@ function SuitePaletteLibrary({
       cancelled = true;
     };
   }, []);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (!collections.length) return;
     if (collectionFilter && !libraryOptions.some((c) => c.slug === collectionFilter)) {
       setCollectionFilter("");
     }
   }, [libraryOptions, collectionFilter, collections.length]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (query.trim()) return;
     if (collectionFilter) {
       void loadCollection(collectionFilter, 1);
@@ -7408,7 +7407,7 @@ function SuitePaletteLibrary({
     setIcons(discoverIcons);
     setTotal(discoverIcons.length);
   }, [collectionFilter, query, loadCollection, discoverIcons]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     const term = query.trim();
     if (!term) return;
     const id = ++requestId.current;
@@ -7445,12 +7444,12 @@ function SuitePaletteLibrary({
   }, [query, collectionFilter, typeFilter]);
   const searching = Boolean(query.trim());
   const activeLibrary = (_a2 = collections.find((c) => c.slug === collectionFilter)) != null ? _a2 : null;
-  const filteredLibraries = (0, import_react27.useMemo)(() => {
+  const filteredLibraries = (0, import_react28.useMemo)(() => {
     const term = libraryQuery.trim().toLowerCase();
     if (!term) return libraryOptions;
     return libraryOptions.filter((c) => c.name.toLowerCase().includes(term));
   }, [libraryOptions, libraryQuery]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (!libraryOpen) return;
     const onPointerDown = (event) => {
       var _a3;
@@ -7464,7 +7463,7 @@ function SuitePaletteLibrary({
       /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-col gap-2 sm:flex-row", children: [
         /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "relative flex-1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-            import_iconoir_react14.Search,
+            import_iconoir_react15.Search,
             {
               className: "pointer-events-none absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-ph-mutedtext",
               "aria-hidden": true
@@ -7491,10 +7490,10 @@ function SuitePaletteLibrary({
             onClick: () => setLibraryOpen((open) => !open),
             className: "flex items-center gap-2 rounded-lg border border-ph-border bg-ph-surface px-2.5 py-2 text-sm text-ph-ink hover:border-ph-brand focus:outline-none focus-visible:ring-2 focus-visible:ring-ph-brand",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_iconoir_react14.FilterList, { className: "h-4 w-4 shrink-0 text-ph-mutedtext", "aria-hidden": true }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_iconoir_react15.FilterList, { className: "h-4 w-4 shrink-0 text-ph-mutedtext", "aria-hidden": true }),
               /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "max-w-[10rem] truncate", children: (_b = activeLibrary == null ? void 0 : activeLibrary.name) != null ? _b : "All libraries" }),
               /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-                import_iconoir_react14.NavArrowDown,
+                import_iconoir_react15.NavArrowDown,
                 {
                   className: cn2(
                     "h-3.5 w-3.5 shrink-0 text-ph-mutedtext transition-transform",
@@ -7509,7 +7508,7 @@ function SuitePaletteLibrary({
         /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
           FilterSelect,
           {
-            icon: import_iconoir_react14.Filter,
+            icon: import_iconoir_react15.Filter,
             label: "Filter by icon type",
             value: typeFilter,
             onChange: setTypeFilter,
@@ -7520,7 +7519,7 @@ function SuitePaletteLibrary({
       libraryOpen ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "rounded-lg border border-ph-border bg-ph-surface p-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "relative mb-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-            import_iconoir_react14.Search,
+            import_iconoir_react15.Search,
             {
               className: "pointer-events-none absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-ph-mutedtext",
               "aria-hidden": true
@@ -7693,7 +7692,7 @@ function DirectoryIconPicker({
           className: "mt-2 inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-xs text-ph-mutedtext hover:bg-ph-surface hover:text-ph-ink",
           onClick: onClear,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react15.Trash, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react16.Trash, { className: "h-3.5 w-3.5", "aria-hidden": true }),
             " Remove image"
           ]
         }
@@ -7732,32 +7731,32 @@ function SuiteClientsProjectsDirectory({
   dataTest = "suite-clients-projects-directory"
 }) {
   var _a2;
-  const [query, setQuery] = (0, import_react28.useState)("");
-  const [selectedClientId, setSelectedClientId] = (0, import_react28.useState)(null);
-  const [mobileDetail, setMobileDetail] = (0, import_react28.useState)(false);
-  const [editing, setEditing] = (0, import_react28.useState)(null);
-  const [draft, setDraft] = (0, import_react28.useState)({
+  const [query, setQuery] = (0, import_react29.useState)("");
+  const [selectedClientId, setSelectedClientId] = (0, import_react29.useState)(null);
+  const [mobileDetail, setMobileDetail] = (0, import_react29.useState)(false);
+  const [editing, setEditing] = (0, import_react29.useState)(null);
+  const [draft, setDraft] = (0, import_react29.useState)({
     name: "",
     icon: DEFAULT_ICON,
     color: DEFAULT_COLOR
   });
-  const [draftClientId, setDraftClientId] = (0, import_react28.useState)(null);
-  const [preview, setPreview] = (0, import_react28.useState)(null);
-  const [libraryOpen, setLibraryOpen] = (0, import_react28.useState)(false);
-  const [draftArchived, setDraftArchived] = (0, import_react28.useState)(false);
-  const [confirming, setConfirming] = (0, import_react28.useState)(null);
-  const [saving, setSaving] = (0, import_react28.useState)(false);
-  const [mutationError, setMutationError] = (0, import_react28.useState)(null);
-  const clientButtonRefs = (0, import_react28.useRef)({});
-  const backToClientsRef = (0, import_react28.useRef)(null);
-  const mobileFocusTarget = (0, import_react28.useRef)(null);
-  (0, import_react28.useEffect)(() => {
+  const [draftClientId, setDraftClientId] = (0, import_react29.useState)(null);
+  const [preview, setPreview] = (0, import_react29.useState)(null);
+  const [libraryOpen, setLibraryOpen] = (0, import_react29.useState)(false);
+  const [draftArchived, setDraftArchived] = (0, import_react29.useState)(false);
+  const [confirming, setConfirming] = (0, import_react29.useState)(null);
+  const [saving, setSaving] = (0, import_react29.useState)(false);
+  const [mutationError, setMutationError] = (0, import_react29.useState)(null);
+  const clientButtonRefs = (0, import_react29.useRef)({});
+  const backToClientsRef = (0, import_react29.useRef)(null);
+  const mobileFocusTarget = (0, import_react29.useRef)(null);
+  (0, import_react29.useEffect)(() => {
     var _a3, _b;
     if (selectedClientId && clients.some((client) => client.id === selectedClientId))
       return;
     setSelectedClientId((_b = (_a3 = clients[0]) == null ? void 0 : _a3.id) != null ? _b : null);
   }, [clients, selectedClientId]);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     var _a3, _b;
     const target = mobileFocusTarget.current;
     if (!target) return;
@@ -7766,7 +7765,7 @@ function SuiteClientsProjectsDirectory({
     else if (selectedClientId)
       (_b = clientButtonRefs.current[selectedClientId]) == null ? void 0 : _b.focus();
   }, [mobileDetail, selectedClientId]);
-  const filteredClients = (0, import_react28.useMemo)(() => {
+  const filteredClients = (0, import_react29.useMemo)(() => {
     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]);
@@ -7948,7 +7947,7 @@ function SuiteClientsProjectsDirectory({
             /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex h-14 items-center gap-2 border-b border-ph-border px-3", children: [
               /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "relative min-w-0 flex-1", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                  import_iconoir_react15.Search,
+                  import_iconoir_react16.Search,
                   {
                     className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-ph-mutedtext",
                     "aria-hidden": true
@@ -7971,7 +7970,7 @@ function SuiteClientsProjectsDirectory({
                 {
                   size: "sm",
                   variant: "primary",
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react15.Plus, { className: "h-4 w-4" }),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react16.Plus, { className: "h-4 w-4" }),
                   onClick: () => openNew("client"),
                   children: "New client"
                 }
@@ -8043,7 +8042,7 @@ function SuiteClientsProjectsDirectory({
                     setMobileDetail(false);
                   },
                   "aria-label": "Back to clients",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react15.ArrowLeft, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react16.ArrowLeft, { className: "h-4 w-4" })
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DirectoryIcon, { item: selectedClient }),
@@ -8061,7 +8060,7 @@ function SuiteClientsProjectsDirectory({
                   "aria-label": `Actions for ${selectedClient.name}`,
                   align: "end",
                   trigger: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "inline-flex h-8 w-8 items-center justify-center rounded-md text-ph-mutedtext hover:bg-ph-muted hover:text-ph-ink", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react15.MoreHoriz, { className: "h-4 w-4", "aria-hidden": true }),
+                    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react16.MoreHoriz, { className: "h-4 w-4", "aria-hidden": true }),
                     /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "sr-only", children: "Client actions" })
                   ] }),
                   children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "p-1", children: [
@@ -8088,7 +8087,7 @@ function SuiteClientsProjectsDirectory({
               Button,
               {
                 variant: "primary",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react15.Plus, { className: "h-4 w-4" }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react16.Plus, { className: "h-4 w-4" }),
                 onClick: () => openNew("project"),
                 children: "Add project"
               }
@@ -8130,7 +8129,7 @@ function SuiteClientsProjectsDirectory({
                       align: "end",
                       trigger: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-ph-mutedtext hover:bg-ph-muted hover:text-ph-ink", children: [
                         /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                          import_iconoir_react15.MoreHoriz,
+                          import_iconoir_react16.MoreHoriz,
                           {
                             className: "h-4 w-4",
                             "aria-hidden": true
@@ -8227,7 +8226,7 @@ function SuiteClientsProjectsDirectory({
                     "flex h-8 w-8 items-center justify-center rounded-full border border-ph-border bg-ph-surface text-ph-mutedtext ring-offset-2",
                     !draft.color && "ring-2 ring-ph-brand"
                   ),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react15.Prohibition, { className: "h-4 w-4", "aria-hidden": true })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react16.Prohibition, { className: "h-4 w-4", "aria-hidden": true })
                 }
               ),
               [
@@ -8281,7 +8280,7 @@ function SuiteClientsProjectsDirectory({
                       "#ef4444",
                       "#a855f7",
                       "#64748b"
-                    ].includes(draft.color) ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react15.Plus, { className: "h-3 w-3 text-ph-ink", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                    ].includes(draft.color) ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react16.Plus, { className: "h-3 w-3 text-ph-ink", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                       "span",
                       {
                         className: "h-2.5 w-2.5 rounded-full",