@xenide-io/the-old-ui-theme 0.6.14 → 0.7.1

package/dist/suite.js

@@ -64,7 +64,7 @@ function preventGesture(event) {
   event.preventDefault();
 }
 function useLockMobilePageZoom() {
-  (0, import_react7.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (typeof window.matchMedia !== "function") return;
     const media = window.matchMedia(MOBILE_PAGE_ZOOM_QUERY);
     const meta = document.querySelector('meta[name="viewport"]');
@@ -96,12 +96,12 @@ function useLockMobilePageZoom() {
     };
   }, []);
 }
-var import_react7, MOBILE_PAGE_ZOOM_QUERY, LOCKED_VIEWPORT;
+var import_react10, MOBILE_PAGE_ZOOM_QUERY, LOCKED_VIEWPORT;
 var init_use_lock_mobile_page_zoom = __esm({
   "src/suite/lib/use-lock-mobile-page-zoom.ts"() {
     "use strict";
     "use client";
-    import_react7 = require("react");
+    import_react10 = require("react");
     MOBILE_PAGE_ZOOM_QUERY = "(hover: none) and (pointer: coarse)";
     LOCKED_VIEWPORT = "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover";
   }
@@ -145,7 +145,7 @@ function SuiteThemeProvider({
   children
 }) {
   useLockMobilePageZoom();
-  const [state, setState] = (0, import_react8.useState)(() => {
+  const [state, setState] = (0, import_react11.useState)(() => {
     const theme2 = readStoredTheme(config.storageKey);
     if (typeof document === "undefined") {
       return { theme: theme2, resolvedTheme: config.fallbackTheme };
@@ -155,10 +155,10 @@ function SuiteThemeProvider({
     return { theme: theme2, resolvedTheme: resolvedTheme2 };
   });
   const { theme, resolvedTheme } = state;
-  (0, import_react8.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     applyTheme(theme, config);
   }, [theme, config]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (theme !== "system") return;
     const media = window.matchMedia("(prefers-color-scheme: dark)");
     const update = () => {
@@ -168,7 +168,7 @@ function SuiteThemeProvider({
     media.addEventListener("change", update);
     return () => media.removeEventListener("change", update);
   }, [theme, config]);
-  const setTheme = (0, import_react8.useCallback)(
+  const setTheme = (0, import_react11.useCallback)(
     (next) => {
       const resolved = applyTheme(next, config);
       setState({ theme: next, resolvedTheme: resolved });
@@ -176,7 +176,7 @@ function SuiteThemeProvider({
     },
     [config]
   );
-  const toggleTheme = (0, import_react8.useCallback)(() => {
+  const toggleTheme = (0, import_react11.useCallback)(() => {
     setState((prev) => {
       const next = resolveTheme(prev.theme, config.fallbackTheme) === "dark" ? "light" : "dark";
       const resolved = applyTheme(next, config);
@@ -184,26 +184,26 @@ function SuiteThemeProvider({
       return { theme: next, resolvedTheme: resolved };
     });
   }, [config]);
-  const value = (0, import_react8.useMemo)(
+  const value = (0, import_react11.useMemo)(
     () => ({ theme, resolvedTheme, setTheme, toggleTheme }),
     [theme, resolvedTheme, setTheme, toggleTheme]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SuiteThemeContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SuiteThemeContext.Provider, { value, children });
 }
 function useSuiteTheme() {
-  const ctx = (0, import_react8.useContext)(SuiteThemeContext);
+  const ctx = (0, import_react11.useContext)(SuiteThemeContext);
   if (!ctx) throw new Error("useTheme must be used within ThemeProvider");
   return ctx;
 }
-var import_react8, import_jsx_runtime18, SuiteThemeContext;
+var import_react11, import_jsx_runtime22, SuiteThemeContext;
 var init_theme_provider = __esm({
   "src/suite/components/theme-provider.tsx"() {
     "use strict";
     "use client";
-    import_react8 = require("react");
+    import_react11 = require("react");
     init_use_lock_mobile_page_zoom();
-    import_jsx_runtime18 = require("react/jsx-runtime");
-    SuiteThemeContext = (0, import_react8.createContext)(null);
+    import_jsx_runtime22 = require("react/jsx-runtime");
+    SuiteThemeContext = (0, import_react11.createContext)(null);
   }
 });
 
@@ -216,8 +216,8 @@ function SuiteAiBlockNoteMessage({
   markdown
 }) {
   const { resolvedTheme } = useSuiteTheme();
-  const editor = (0, import_react11.useCreateBlockNote)({ schema: assistantSchema });
-  (0, import_react10.useEffect)(() => {
+  const editor = (0, import_react14.useCreateBlockNote)({ schema: assistantSchema });
+  (0, import_react13.useEffect)(() => {
     try {
       const blocks = editor.tryParseMarkdownToBlocks(markdown);
       editor.replaceBlocks(
@@ -230,8 +230,8 @@ function SuiteAiBlockNoteMessage({
       ]);
     }
   }, [editor, markdown]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-    import_react11.BlockNoteViewRaw,
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_react14.BlockNoteViewRaw,
     {
       editor,
       editable: false,
@@ -247,17 +247,17 @@ function SuiteAiBlockNoteMessage({
     }
   );
 }
-var import_react10, import_core, import_react11, import_style, import_jsx_runtime20, assistantSchema;
+var import_react13, import_core, import_react14, import_style, import_jsx_runtime24, assistantSchema;
 var init_ai_message_blocknote = __esm({
   "src/suite/components/ai-message-blocknote.tsx"() {
     "use strict";
     "use client";
-    import_react10 = require("react");
+    import_react13 = require("react");
     import_core = require("@blocknote/core");
-    import_react11 = require("@blocknote/react");
+    import_react14 = require("@blocknote/react");
     import_style = require("@blocknote/react/style.css");
     init_theme_provider();
-    import_jsx_runtime20 = require("react/jsx-runtime");
+    import_jsx_runtime24 = require("react/jsx-runtime");
     assistantSchema = import_core.BlockNoteSchema.create({
       blockSpecs: {
         paragraph: import_core.defaultBlockSpecs.paragraph,
@@ -311,6 +311,7 @@ __export(suite_exports, {
   SuiteBreadcrumbs: () => SuiteBreadcrumbs,
   SuiteEmptyState: () => SuiteEmptyState,
   SuiteIcon: () => SuiteIcon,
+  SuiteIntegrationPicker: () => SuiteIntegrationPicker,
   SuiteMobileDrawer: () => SuiteMobileDrawer,
   SuiteMobileHeader: () => SuiteMobileHeader,
   SuiteMotionProvider: () => SuiteMotionProvider,
@@ -350,7 +351,7 @@ __export(suite_exports, {
   consumePendingAskAiPrompt: () => consumePendingAskAiPrompt,
   consumeSuiteAskAiOpenFromLocation: () => consumeSuiteAskAiOpenFromLocation,
   getTodayGreeting: () => getTodayGreeting,
-  m: () => import_react15.m,
+  m: () => import_react18.m,
   openSuiteAskAi: () => openSuiteAskAi,
   pathWithSuiteAskAiOpen: () => pathWithSuiteAskAiOpen,
   persistSidebarWidth: () => persistSidebarWidth,
@@ -474,7 +475,7 @@ var APP_GLYPHS = {
 // src/suite/icons/glyph-parts.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function GlyphElement({ element }) {
-  const fill = element.filled ? "currentColor" : "none";
+  const fill2 = element.filled ? "currentColor" : "none";
   const stroke = element.filled ? "none" : void 0;
   switch (element.kind) {
     case "path":
@@ -482,7 +483,7 @@ function GlyphElement({ element }) {
         "path",
         {
           d: element.d,
-          fill,
+          fill: fill2,
           stroke,
           transform: element.transform
         }
@@ -494,7 +495,7 @@ function GlyphElement({ element }) {
           cx: element.cx,
           cy: element.cy,
           r: element.r,
-          fill,
+          fill: fill2,
           stroke
         }
       );
@@ -507,7 +508,7 @@ function GlyphElement({ element }) {
           width: element.width,
           height: element.height,
           rx: element.rx,
-          fill,
+          fill: fill2,
           stroke
         }
       );
@@ -1370,43 +1371,53 @@ function AppSwitcher({
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { id: "app-switcher-menu", className: "p-1", "data-test": "app-switcher-menu", children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "px-3 py-2 text-[10px] font-semibold uppercase tracking-[0.14em] text-ph-mutedtext", children: "Switch application" }),
-        apps.map((app) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          DropdownItem2,
-          {
-            id: `switch-app-${app.slug}`,
-            "data-test": `switch-app-${app.slug}`,
-            onMouseDown: (e) => e.preventDefault(),
-            onClick: () => {
-              setOpen(false);
-              onSelect(app);
-            },
-            className: appSwitcherMenuItemClass(),
-            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "flex min-w-0 items-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                import_image.default,
-                {
-                  src: app.icon,
-                  alt: "",
-                  width: 28,
-                  height: 28,
-                  className: "h-7 w-7 shrink-0 rounded-md object-contain"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "block truncate text-sm font-medium text-ph-ink", children: app.name }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "block truncate text-xs text-ph-mutedtext", children: app.description })
-              ] }),
-              app.slug === currentApp ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                import_iconoir_react2.Check,
-                {
-                  className: "h-4 w-4 shrink-0 text-ph-brand",
-                  "aria-hidden": "true"
-                }
-              ) : null
-            ] })
-          },
-          app.slug
-        ))
+        apps.filter((app) => app.slug !== currentApp).map((app) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            DropdownItem2,
+            {
+              id: `switch-app-${app.slug}`,
+              "data-test": `switch-app-${app.slug}`,
+              onMouseDown: (e) => e.preventDefault(),
+              onClick: () => {
+                setOpen(false);
+                onSelect(app);
+              },
+              className: cn(appSwitcherMenuItemClass(), "pr-11"),
+              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "flex min-w-0 items-center gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  import_image.default,
+                  {
+                    src: app.icon,
+                    alt: "",
+                    width: 28,
+                    height: 28,
+                    className: "h-7 w-7 shrink-0 rounded-md object-contain"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "block truncate text-sm font-medium text-ph-ink", children: app.name }),
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "block truncate text-xs text-ph-mutedtext", children: app.description })
+                ] })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "button",
+            {
+              type: "button",
+              id: `switch-app-${app.slug}-new-tab`,
+              "data-test": `switch-app-${app.slug}-new-tab`,
+              "aria-label": `Open ${app.name} in a new tab`,
+              onMouseDown: (e) => e.preventDefault(),
+              onClick: () => {
+                setOpen(false);
+                onSelect(app, { newTab: true });
+              },
+              className: "absolute right-1.5 top-1/2 z-[1] flex h-8 w-8 -translate-y-1/2 items-center justify-center rounded-md text-ph-mutedtext transition-colors hover:bg-ph-muted hover:text-ph-ink focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ph-brand/35",
+              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_iconoir_react2.OpenNewWindow, { className: "h-4 w-4", "aria-hidden": "true" })
+            }
+          )
+        ] }, app.slug))
       ] })
     }
   );
@@ -1643,10 +1654,10 @@ function SuiteNotificationBell({
       panelClassName: "w-80 overflow-hidden p-0",
       open,
       onOpenChange,
-      trigger: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("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: [
+      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-0 top-0 z-[1] flex h-4 min-w-4 translate-x-1/2 items-center justify-center rounded-full bg-ph-brand px-1 text-[9px] font-semibold leading-none text-white ring-2 ring-ph-surface", children: unread > 9 ? "9+" : unread }) : null
-      ] }),
+        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-white ring-2 ring-ph-surface", children: unread > 9 ? "9+" : unread }) : null
+      ] }) }),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center justify-between border-b border-ph-border px-3 py-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-sm font-semibold text-ph-ink", children: "Notifications" }),
@@ -2259,13 +2270,552 @@ var import_iconoir_react6 = require("iconoir-react");
 // src/components/ui/DropdownMenu.tsx
 var DropdownPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
 
+// src/components/icons/IconBase.tsx
+var import_react7 = require("react");
+
 // src/lib/cn.ts
 function cn2(...parts) {
   return parts.filter(Boolean).join(" ");
 }
 
-// src/components/ui/DropdownMenu.tsx
+// src/components/icons/IconBase.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
+var IconBase = (0, import_react7.forwardRef)(function IconBase2(_a, ref) {
+  var _b = _a, {
+    className,
+    size,
+    children,
+    viewBox = "0 0 24 24",
+    fill: fill2 = "none",
+    xmlns = "http://www.w3.org/2000/svg",
+    focusable = "false",
+    style,
+    role,
+    "aria-hidden": ariaHidden,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size",
+    "children",
+    "viewBox",
+    "fill",
+    "xmlns",
+    "focusable",
+    "style",
+    "role",
+    "aria-hidden",
+    "aria-label",
+    "aria-labelledby"
+  ]);
+  const hasAccessibleName = Boolean(ariaLabel || ariaLabelledBy);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    "svg",
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn2("ph-icon", className),
+      viewBox,
+      fill: fill2,
+      xmlns,
+      focusable,
+      role: role != null ? role : hasAccessibleName ? "img" : void 0,
+      "aria-hidden": ariaHidden != null ? ariaHidden : hasAccessibleName ? void 0 : true,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      style: __spreadValues({ width: size, height: size }, style)
+    }, props), {
+      children
+    })
+  );
+});
+IconBase.displayName = "IconBase";
+
+// src/components/icons/createIconBase.tsx
+var import_react8 = 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) {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IconBase, __spreadProps(__spreadValues({ ref, viewBox }, props), { children: paths }));
+  });
+  IconGlyph.displayName = name;
+  return IconGlyph;
+}
+function createIconBasePath(d, viewBox = "0 0 24 24", name) {
+  return createIconBase({
+    name,
+    viewBox,
+    paths: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d, fill: "currentColor" })
+  });
+}
+
+// src/components/icons/icons.tsx
+var import_react9 = 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({
+  paths: fill("M3 20V7l4 3 5-7 5 4h4v13Zm5-3 4-5.5 7 5.45V9h-2.7l-3.9-3.125-4.95 6.95L5 11v3.6Z")
+});
+var IconCumulativeChart = createIconBase({
+  paths: fill(
+    "M20.8805 7.97408C15.0614 18.7809 6.51281 19.5979 2.71265 18.4578L3.28734 16.5422C6.15384 17.4021 13.7386 17.0191 19.1195 7.02588L20.8805 7.97408Z"
+  )
+});
+var IconTableChart = createIconBase({
+  paths: fill(
+    "M20 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 2v3H5V5h15zm-5 14h-5v-9h5v9zM5 10h3v9H5v-9zm12 9v-9h3v9h-3z"
+  )
+});
+var IconHandClick = createIconBase({
+  viewBox: "0 0 18 18",
+  paths: fill(
+    "M14.9942 7.90164C14.9942 7.82992 14.9583 7.46993 14.6342 7.10993C14.2925 6.71407 13.7524 6.49822 13.05 6.44407C12.9783 6.33579 12.8883 6.22822 12.7442 6.11993C12.3483 5.81407 11.7359 5.65164 10.9442 5.63407C10.8724 5.54407 10.7459 5.43578 10.6024 5.32822C10.2425 5.0765 9.79245 4.93236 9.23416 4.87822V3.41993C9.23416 3.27579 9.25244 2.66407 8.83831 2.23164C8.65831 2.03335 8.31659 1.79993 7.74002 1.79993C7.14587 1.79993 6.80416 2.03407 6.60587 2.23164C6.22759 2.64578 6.22759 3.18578 6.22759 3.31164V8.46C5.88587 8.1 5.50759 7.70414 5.29173 7.56C4.84173 7.21829 3.99587 7.39828 3.51002 7.75829C3.04173 8.1 2.88002 8.62243 3.06002 9.12658C3.38416 10.0266 4.19416 10.9266 4.39173 11.1424C4.57173 11.4841 5.38173 12.9782 6.10173 13.5182C6.48002 13.8065 6.76759 14.9941 6.84002 15.7499L6.87588 16.1457H13.6801V14.364C13.7701 14.1123 13.9859 13.5723 14.2201 13.3199C14.7783 12.7616 14.9583 11.3582 14.9583 10.9257V7.91986L14.9942 7.90164ZM14.1117 10.89C14.1117 11.4117 13.8959 12.4017 13.6259 12.6717C13.1576 13.14 12.87 14.04 12.8517 14.13L12.8335 14.1841V15.2283H7.68583C7.64997 15.03 7.61411 14.7783 7.54169 14.5083C7.32583 13.6441 7.03754 13.0866 6.65998 12.7983C6.13826 12.4024 5.39998 11.1241 5.16583 10.6566L5.09411 10.5484C5.09411 10.5301 4.2124 9.63008 3.90582 8.80251C3.86996 8.69423 3.86996 8.60422 3.99582 8.47836C4.22997 8.26251 4.67997 8.20836 4.78754 8.24422C5.05754 8.46008 5.88582 9.34251 6.35339 9.86422L7.12754 10.7284L7.12824 3.29418V3.25762C7.12824 3.1859 7.14652 2.95176 7.27238 2.82591C7.36238 2.71763 7.52409 2.66419 7.75824 2.66419C7.95652 2.66419 8.09995 2.71833 8.20824 2.80833C8.35238 2.97005 8.36996 3.25833 8.36996 3.36662V8.02826H9.25167V5.7599C10.0617 5.8499 10.2958 6.19161 10.3317 6.24575L10.3675 6.33575V8.02747H11.2492V6.53332C12.0051 6.60504 12.2934 6.83918 12.3651 6.94747V8.65747H13.2468V7.34332C14.021 7.4516 14.1468 7.86504 14.1651 7.95504L14.1658 10.8899L14.1117 10.89Z"
+  )
+});
+var IconSurveys = createIconBase({
+  paths: fill(
+    "M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17l-.59.59-.58.58V4h16v12zm-9.5-2H18v-2h-5.5zm3.86-5.87c.2-.2.2-.51 0-.71l-1.77-1.77c-.2-.2-.51-.2-.71 0L6 11.53V14h2.47l5.89-5.87z"
+  )
+});
+var IconCohort = createIconBase({
+  paths: fill(
+    "m4 13c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm1.13 1.1c-.37-.06-.74-.1-1.13-.1-.99 0-1.93.21-2.78.58-.74.32-1.22 1.04-1.22 1.85v1.57h4.5v-1.61c0-.83.23-1.61.63-2.29zm14.87-1.1c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm4 3.43c0-.81-.48-1.53-1.22-1.85-.85-.37-1.79-.58-2.78-.58-.39 0-.76.04-1.13.1.4.68.63 1.46.63 2.29v1.61h4.5zm-7.76-2.78c-1.17-.52-2.61-.9-4.24-.9s-3.07.39-4.24.9c-1.08.48-1.76 1.56-1.76 2.74v1.61h12v-1.61c0-1.18-.68-2.26-1.76-2.74zm-8.17 2.35c.09-.23.13-.39.91-.69.97-.38 1.99-.56 3.02-.56s2.05.18 3.02.56c.77.3.81.46.91.69zm3.93-8c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0-2c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"
+  )
+});
+var IconRecording = createIconBase({
+  paths: fill(
+    "m10 8v8l5-4zm9-5h-14c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2zm0 16h-14v-14h14z"
+  )
+});
+var IconFlare = createIconBase({
+  paths: fill(
+    "m7 11h-6v2h6zm2.17-3.24-2.12-2.12-1.41 1.41 2.12 2.12zm3.83-6.76h-2v6h2zm5.36 6.05-1.41-1.41-2.12 2.12 1.41 1.41zm-1.36 3.95v2h6v-2zm-5-2c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3zm2.83 7.24 2.12 2.12 1.41-1.41-2.12-2.12zm-9.19.71 1.41 1.41 2.12-2.12-1.41-1.41zm5.36 6.05h2v-6h-2z"
+  )
+});
+var IconSelectEvents = createIconBase({
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+    fill("M17.5 9L16.56 6.94L14.5 6L16.56 5.06L17.5 3L18.44 5.06L20.5 6L18.44 6.94L17.5 9Z"),
+    fill("M6 12.5L6.94 14.56L9 15.5L6.94 16.44L6 18.5L5.06 16.44L3 15.5L5.06 14.56L6 12.5Z"),
+    fill("M6 9L5.06 6.94L3 6L5.06 5.06L6 3L6.94 5.06L9 6L6.94 6.94L6 9Z"),
+    fill("M16.23 14.26L20 13L10 10L13 20L14.26 16.23L18.53 20.5L20.51 18.52L16.23 14.26Z")
+  ] })
+});
+var IconClipboardEdit = createIconBase({
+  paths: fill(
+    "M21.04 12.13C21.18 12.13 21.31 12.19 21.42 12.3L22.7 13.58C22.92 13.79 22.92 14.14 22.7 14.35L21.7 15.35L19.65 13.3L20.65 12.3C20.76 12.19 20.9 12.13 21.04 12.13M19.07 13.88L21.12 15.93L15.06 22H13V19.94L19.07 13.88M11 19L9 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H9.18C9.6 1.84 10.7 1 12 1C13.3 1 14.4 1.84 14.82 3H19C20.1 3 21 3.9 21 5V9L19 11V5H17V7H7V5H5V19H11M12 3C11.45 3 11 3.45 11 4C11 4.55 11.45 5 12 5C12.55 5 13 4.55 13 4C13 3.45 12.55 3 12 3Z"
+  )
+});
+var IconQueryEditor = createIconBase({
+  paths: fill(
+    "M4,14V17C4,19 7.05,20.72 11,21V18.11L11.13,18C7.12,17.76 4,16.06 4,14M12,13C7.58,13 4,11.21 4,9V12C4,14.21 7.58,16 12,16C12.39,16 12.77,16 13.16,16L17,12.12C15.4,12.72 13.71,13 12,13M12,3C7.58,3 4,4.79 4,7C4,9.21 7.58,11 12,11C16.42,11 20,9.21 20,7C20,4.79 16.42,3 12,3M21,11.13C20.85,11.13 20.71,11.19 20.61,11.3L19.61,12.3L21.66,14.3L22.66,13.3C22.87,13.1 22.88,12.76 22.66,12.53L21.42,11.3C21.32,11.19 21.18,11.13 21.04,11.13M19.04,12.88L13,18.94V21H15.06L21.12,14.93L19.04,12.88Z"
+  )
+});
+var IconTuning = createIconBase({
+  paths: fill(
+    "M3,17V19H9V17H3M3,5V7H13V5H3M13,21V19H21V17H13V15H11V21H13M7,9V11H3V13H7V15H9V9H7M21,13V11H11V13H21M15,9H17V7H21V5H17V3H15V9Z"
+  )
+});
+var IconSync = createIconBase({
+  paths: fill(
+    "m12.5 4v-3l-4 4 4 4v-3c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46c.78-1.23 1.24-2.69 1.24-4.26 0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8l-1.46-1.46c-.78 1.23-1.24 2.69-1.24 4.26 0 4.42 3.58 8 8 8v3l4-4-4-4z"
+  )
+});
+var IconPlayCircle = createIconBase({
+  paths: fill(
+    "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM9.5 16.5L16.5 12L9.5 7.5V16.5Z"
+  )
+});
+var IconGridView = createIconBase({
+  paths: fill(
+    "M3,3v8h8V3H3z M9,9H5V5h4V9z M3,13v8h8v-8H3z M9,19H5v-4h4V19z M13,3v8h8V3H13z M19,9h-4V5h4V9z M13,13v8h8v-8H13z M19,19h-4v-4h4V19z"
+  )
+});
+var IconListView = createIconBase({
+  paths: fill(
+    "M3,5v14h18V5H3z M7,7v2H5V7H7z M5,13v-2h2v2H5z M5,15h2v2H5V15z M19,17H9v-2h10V17z M19,13H9v-2h10V13z M19,9H9V7h10V9z"
+  )
+});
+var IconPremium = createIconBase({
+  paths: fill(
+    "m9.68 13.69 2.32-1.76 2.31 1.76-.88-2.85 2.32-1.84h-2.84l-.91-2.81-.91 2.81h-2.84l2.31 1.84zm10.32-3.69c0-4.42-3.58-8-8-8s-8 3.58-8 8c0 2.03.76 3.87 2 5.28v7.72l6-2 6 2v-7.72c1.24-1.41 2-3.25 2-5.28zm-8-6c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6 2.69-6 6-6zm0 15-4 1.02v-3.1c1.18.68 2.54 1.08 4 1.08s2.82-.4 4-1.08v3.1z"
+  )
+});
+var IconGift = createIconBase({
+  paths: fill(
+    "M14.4495 4.55495C15.264 4.31223 15.8631 4.48426 16.1 4.80007C16.4013 5.20182 16.4765 5.57305 16.4336 5.91424C16.3888 6.27088 16.2084 6.63998 15.9211 7.00139C15.3397 7.73275 14.4193 8.30877 13.8244 8.53186C13.598 8.61674 13.4648 8.85138 13.508 9.08924C13.5511 9.32709 13.7582 9.50002 13.9999 9.50002L19.4999 9.50002V12.5H17.9999C17.7237 12.5 17.4999 12.7239 17.4999 13V20.5H6.49988V14.5C6.49988 14.2239 6.27602 14 5.99988 14C5.72374 14 5.49988 14.2239 5.49988 14.5V21C5.49988 21.2762 5.72374 21.5 5.99988 21.5H17.9999C18.276 21.5 18.4999 21.2762 18.4999 21V13.5H19.9999C20.276 13.5 20.4999 13.2762 20.4999 13V9.00002C20.4999 8.86741 20.4472 8.74023 20.3534 8.64646C20.2597 8.5527 20.1325 8.50002 19.9999 8.50002L15.8202 8.50002C16.1407 8.24235 16.4465 7.94742 16.7039 7.62365C17.0625 7.17257 17.3508 6.63541 17.4258 6.03894C17.5027 5.42702 17.3487 4.79826 16.8999 4.20003C16.2882 3.3845 15.1373 3.30652 14.1639 3.5966C13.3806 3.83005 12.5842 4.3279 12.0008 5.07014C11.4285 4.33982 10.6586 3.86464 9.88727 3.64427C8.91382 3.36616 7.82238 3.47045 7.14633 4.14645C6.65753 4.63523 6.41235 5.18234 6.41347 5.75925C6.41457 6.32144 6.64952 6.84016 6.97799 7.28883C7.30058 7.72946 7.7389 8.13769 8.22434 8.50002L3.99988 8.50002C3.86727 8.50002 3.74009 8.5527 3.64632 8.64646C3.55256 8.74023 3.49988 8.86741 3.49988 9.00002V13C3.49988 13.2762 3.72374 13.5 3.99988 13.5H15.4999C15.776 13.5 15.9999 13.2762 15.9999 13C15.9999 12.7239 15.776 12.5 15.4999 12.5H4.49988V9.50002L9.99995 9.50002C10.2318 9.50002 10.4333 9.34058 10.4866 9.1149C10.5398 8.88921 10.431 8.65651 10.2236 8.55281C9.25206 8.06706 8.29723 7.39797 7.78487 6.69811C7.53216 6.35292 7.41402 6.03722 7.41347 5.7573C7.41295 5.49209 7.51758 5.1894 7.85342 4.85358C8.17738 4.52964 8.83597 4.38393 9.61256 4.6058C10.3657 4.82096 11.1212 5.36045 11.5528 6.22359C11.6375 6.39298 11.8106 6.49997 12 6.49997C12.1894 6.49997 12.3625 6.39297 12.4472 6.22358C12.8783 5.36141 13.672 4.78667 14.4495 4.55495Z"
+  )
+});
+var IconRobot = createIconBase({
+  paths: fill(
+    "M17.5 15.5C17.5 16.61 16.61 17.5 15.5 17.5S13.5 16.61 13.5 15.5 14.4 13.5 15.5 13.5 17.5 14.4 17.5 15.5M8.5 13.5C7.4 13.5 6.5 14.4 6.5 15.5S7.4 17.5 8.5 17.5 10.5 16.61 10.5 15.5 9.61 13.5 8.5 13.5M23 15V18C23 18.55 22.55 19 22 19H21V20C21 21.11 20.11 22 19 22H5C3.9 22 3 21.11 3 20V19H2C1.45 19 1 18.55 1 18V15C1 14.45 1.45 14 2 14H3C3 10.13 6.13 7 10 7H11V5.73C10.4 5.39 10 4.74 10 4C10 2.9 10.9 2 12 2S14 2.9 14 4C14 4.74 13.6 5.39 13 5.73V7H14C17.87 7 21 10.13 21 14H22C22.55 14 23 14.45 23 15M21 16H19V14C19 11.24 16.76 9 14 9H10C7.24 9 5 11.24 5 14V16H3V17H5V20H19V17H21V16Z"
+  )
+});
+var IconExclamation = createIconBase({
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("g", { fill: "currentColor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "m12 21c1.1046 0 2-.8954 2-2s-.8954-2-2-2-2 .8954-2 2 .8954 2 2 2z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "m10 3h4v12h-4z" })
+  ] })
+});
+var IconErrorOutline = createIconBase({
+  paths: fill(
+    "m11 15h2v2h-2zm0-8h2v6h-2zm.99-5c-5.52 0-9.99 4.48-9.99 10s4.47 10 9.99 10c5.53 0 10.01-4.48 10.01-10s-4.48-10-10.01-10zm.01 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+  )
+});
+var IconInfo = createIconBase({
+  name: "IconInfo",
+  paths: fill(
+    "M11 10h2v7h-2v-7zm0-3h2v2h-2V7zm1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+  )
+});
+var IconCancel = createIconBase({
+  paths: fill(
+    "m12 2c-5.53 0-10 4.47-10 10s4.47 10 10 10 10-4.47 10-10-4.47-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3.59-13-3.59 3.59-3.59-3.59-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59z"
+  )
+});
+var IconCheckCircle = createIconBase({
+  paths: fill(
+    "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+  )
+});
+var IconArrowUp = createIconBase({
+  paths: fill("M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z")
+});
+var IconArrowDown = createIconBase({
+  paths: fill("M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z")
+});
+var IconChevronLeft = createIconBasePath("M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z");
+var IconChevronRight = createIconBasePath("M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z");
+var IconChevronDown = createIconBasePath("M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z");
+var IconSubArrowRight = createIconBase({
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("g", { transform: "translate(4 5.5)", children: fill("M2 0H0V10H12.01V13L16 9L12.01 5V8H2V0Z") })
+});
+var IconSearch = createIconBasePath(
+  "M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
+);
+var IconBell = createIconBasePath(
+  "M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2m6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1z"
+);
+var IconBellOff = createIconBasePath(
+  "M20 18.69 7.84 6.14 5.27 3.49 4 4.76l2.8 2.8v.01c-.52.99-.8 2.16-.8 3.42v5l-2 2v1h13.73l2 2L21 19.72zM12 22c1.11 0 2-.89 2-2h-4c0 1.11.89 2 2 2m6-7.32V11c0-3.08-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68c-.15.03-.29.08-.42.12-.1.03-.2.07-.3.11h-.01c-.01 0-.01 0-.02.01-.23.09-.46.2-.68.31 0 0-.01 0-.01.01z"
+);
+var IconPerson = createIconBasePath(
+  "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
+);
+var IconHome = createIconBasePath("M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z");
+var IconPanelRight = createIconBasePath(
+  "M3 5v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2zm12 4h-5v10h5V9zm-7 0H5v10h3V9z"
+);
+var IconPlus = createIconBasePath("M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z");
+var IconCheck = createIconBasePath("M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z");
+var IconClose = createIconBasePath("M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z");
+var IconTrash = createIconBasePath("M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z");
+var IconDownload = createIconBasePath("M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z");
+var IconUpload = createIconBasePath("M9 16h6v-6h4l-7-7-7 7h4v6zm-4 2h14v2H5v-2z");
+var IconSave = createIconBasePath(
+  "M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"
+);
+var IconCopy = createIconBasePath(
+  "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"
+);
+var IconEdit = createIconBasePath(
+  "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"
+);
+var IconLogout = createIconBasePath(
+  "M17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.59L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4V5z"
+);
+var IconStar = createIconBasePath(
+  "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"
+);
+var IconMail = createIconBasePath(
+  "M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"
+);
+var IconShoppingCart = createIconBasePath(
+  "M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"
+);
+var IconMoon = createIconBasePath(
+  "M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1z"
+);
+var IconSun = createIconBasePath(
+  "M6.76 4.84l-1.8-1.79-1.41 1.41 1.79 1.79 1.42-1.41zM4 10.5H1v2h3v-2zm9-9.95h-2V3.5h2V.55zm7.45 3.91l-1.41-1.41-1.79 1.79 1.41 1.41 1.79-1.79zm-3.21 13.7l1.79 1.8 1.41-1.41-1.8-1.79-1.4 1.4zM20 10.5v2h3v-2h-3zm-8-5c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm-1 16.95h2V19.5h-2v2.95zm-7.45-3.91l1.41 1.41 1.79-1.8-1.41-1.41-1.79 1.8z"
+);
+var IconVolume = createIconBasePath(
+  "M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"
+);
+var IconVolumeOff = createIconBasePath(
+  "M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"
+);
+var IconFlag = createIconBasePath("M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6h-5.6z");
+var IconDatabase = createIconBasePath(
+  "M12 3C7.58 3 4 4.79 4 7s3.58 4 8 4 8-1.79 8-4-3.58-4-8-4zM4 9v3c0 2.21 3.58 4 8 4s8-1.79 8-4V9c0 2.21-3.58 4-8 4s-8-1.79-8-4zm0 5v3c0 2.21 3.58 4 8 4s8-1.79 8-4v-3c0 2.21-3.58 4-8 4s-8-1.79-8-4z"
+);
+var IconLayers = createIconBasePath("M11.99 18.54l-7.37-5.73L3 14.07l9 7 9-7-1.63-1.27-7.38 5.74zM12 16l7.36-5.73L21 9l-9-7-9 7 1.63 1.27L12 16z");
+var IconBox = createIconBasePath(
+  "M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"
+);
+var IconBolt = createIconBasePath(
+  "M11 21h-1l1-7H7.5c-.58 0-.57-.32-.38-.66-.19-.34-.04-.12-.07-.12C8.48 10.94 10.42 7.54 11 7V3h1v4c.58 0 .57.32.38.66-.19-.34-.04-.12-.07-.12-.95 2.28-2.96 5.66-3.31 6.22H13l-1 7h-1z"
+);
+var IconRadar = createIconBasePath(
+  "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z"
+);
+var IconToggle = createIconBasePath(
+  "M17 7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h10c2.76 0 5-2.24 5-5s-2.24-5-5-5zm0 8H7c-1.66 0-3-1.34-3-3s1.34-3 3-3h10c1.66 0 3 1.34 3 3s-1.34 3-3 3zM7 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
+);
+var IconRocket = createIconBasePath(
+  "M9.19 6.35c-2.04 2.29-3.44 5.58-3.57 5.89L2 10.69l4.05-4.05c.47-.47 1.15-.68 1.81-.55l1.33 1.26zm5.45 8.67l-1.33-1.26c-.66-.13-1.34.08-1.81.55L2 18.31l3.62 3.57c.31-.13 3.6-1.53 5.89-3.57 1.53-1.72 2.52-3.76 2.87-5.02zM12 2c-1.1 0-2 .9-2 2v1.09c2.84.48 5 2.94 5 5.91 0 2.97-2.16 5.43-5 5.91V20c0 1.1.9 2 2 2s2-.9 2-2v-1.09c-2.84-.48-5-2.94-5-5.91 0-2.97 2.16-5.43 5-5.91V4c0-1.1-.9-2-2-2z"
+);
+var IconTerminal = createIconBase({
+  name: "IconTerminal",
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "path",
+    {
+      d: "M3 4v16h18V4H3zm2 2h14v12H5V6zm2 2.2L10.8 12 7 15.8 8.4 17.2l5.2-5.2-5.2-5.2L7 8.2zM13 17h5v-2h-5v2z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  )
+});
+var IconOldWindow = createIconBase({
+  name: "IconOldWindow",
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "path",
+    {
+      d: "M3 3v18h18V3H3zm2 7v9h14v-9H5zm1-4h2v1H6V6zm3 0h2v1H9V6z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  )
+});
+var IconCommandCursor = createIconBase({
+  name: "IconCommandCursor",
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "path",
+    {
+      d: "M4 3v18h16V3H4zm2 2h12v14H6V5zm1.5 3.5L11 12l-3.5 3.5L9 17l5-5-5-5-1.5 1.5zM13 17h4v-2h-4v2z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  )
+});
+var IconDataReel = createIconBase({
+  name: "IconDataReel",
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "path",
+    {
+      d: "M3 5v14h18V5H3zm2 2h14v10H5V7zm3 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm8 0a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM10 11h4v1.5h-4V11z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  )
+});
+var IconCodePreview = createIconBase({
+  name: "IconCodePreview",
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "path",
+    {
+      d: "M3 3v15h18V3H3zm2 2h14v11H5V5zm3.5 2L5 10.5 8.5 14l1.4-1.4-2.1-2.1 2.1-2.1L8.5 7zm7 0-1.4 1.4 2.1 2.1-2.1 2.1 1.4 1.4 3.5-3.5L15.5 7zM9 20h6v2H9v-2z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  )
+});
+var IconInsightBoard = createIconBase({
+  name: "IconInsightBoard",
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "path",
+    {
+      d: "M3 3v18h18V3H3zm2 2h14v3H5V5zm0 5h6v9H5v-9zm8 0h6v4h-6v-4zm0 6h6v3h-6v-3zM6 6h2v1H6V6zm3 0h2v1H9V6z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  )
+});
+var IconEventStream = createIconBase({
+  name: "IconEventStream",
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M5 4h2v16H5V4z", fill: "currentColor", opacity: "0.45" }),
+    fill("M6 3a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0 8a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm5-6h10v2H11V5zm0 8h7v2h-7v-2zm0 5h10v2H11v-2z")
+  ] })
+});
+var IconFeatureGate = createIconBase({
+  name: "IconFeatureGate",
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "path",
+    {
+      d: "M4 3h2v18H4V3zm3 2h12l-3 4 3 4H7V5zm4 1-2.2 4H12l-1 4 4.2-5H12l1-3h-2z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  )
+});
+var IconReplayFrame = createIconBase({
+  name: "IconReplayFrame",
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "path",
+    {
+      d: "M3 3v18h18V3H3zm2 2h14v11H5V5zm5 2v7l6-3.5L10 7zm-5 11h9v1H5v-1zm11 0h3v1h-3v-1z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  )
+});
+var IconQueryStack = createIconBase({
+  name: "IconQueryStack",
+  paths: fill(
+    "M4 5c0-1.66 3.58-3 8-3s8 1.34 8 3-3.58 3-8 3-8-1.34-8-3zm0 3v3c0 1.66 3.58 3 8 3 .7 0 1.38-.04 2-.12V11.8c-.64.13-1.31.2-2 .2-4.42 0-8-1.34-8-3zm0 6v3c0 1.66 3.58 3 8 3 .7 0 1.38-.04 2-.12v-2.08c-.64.13-1.31.2-2 .2-4.42 0-8-1.34-8-3zm12-1 5 4-5 4v-3h-4v-2h4v-3z"
+  )
+});
+var IconExperimentSplit = createIconBase({
+  name: "IconExperimentSplit",
+  paths: fill(
+    "M5 3a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm14 0a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM5 15a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm1-6h2c0 2.2 1.8 4 4 4h2.17A3 3 0 0 1 19 11v2a3 3 0 0 1-4.83-2H12a6 6 0 0 1-6-6v4zm0 4a6 6 0 0 0 6-6h2a8 8 0 0 1-8 8v-2z"
+  )
+});
+var IconSurveyCard = createIconBase({
+  name: "IconSurveyCard",
+  paths: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "path",
+    {
+      d: "M3 3v18h18V3H3zm2 2h14v14H5V5zm2 2h7v2H7V7zm0 4h4v2H7v-2zm7-.4-2.5 2.5-1-1-1.4 1.4 2.4 2.4 3.9-3.9-1.4-1.4zM7 16h10v1H7v-1z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  )
+});
+var IconActivity = createIconBasePath(
+  "M22 12h-4l-3 9L9 3l-3 9H2v2h6.76l2.24-6.72L15 15l2.24-6.72L19 14h3v-2z"
+);
+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(_a, ref) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconSync, __spreadValues({ ref, className: cn2("ph-icon-spin", className) }, props));
+});
+IconSpinner.displayName = "IconSpinner";
+var CANONICAL_ICONS = {
+  activity: IconActivity,
+  areaChart: IconAreaChart,
+  arrowDown: IconArrowDown,
+  arrowUp: IconArrowUp,
+  bell: IconBell,
+  bellOff: IconBellOff,
+  bolt: IconBolt,
+  box: IconBox,
+  cancel: IconCancel,
+  check: IconCheck,
+  checkCircle: IconCheckCircle,
+  chevronDown: IconChevronDown,
+  chevronLeft: IconChevronLeft,
+  chevronRight: IconChevronRight,
+  clipboardEdit: IconClipboardEdit,
+  close: IconClose,
+  codePreview: IconCodePreview,
+  cohort: IconCohort,
+  commandCursor: IconCommandCursor,
+  copy: IconCopy,
+  cumulativeChart: IconCumulativeChart,
+  dataReel: IconDataReel,
+  database: IconDatabase,
+  download: IconDownload,
+  edit: IconEdit,
+  errorOutline: IconErrorOutline,
+  eventStream: IconEventStream,
+  exclamation: IconExclamation,
+  experimentSplit: IconExperimentSplit,
+  featureGate: IconFeatureGate,
+  flag: IconFlag,
+  flare: IconFlare,
+  flask: IconFlask,
+  gift: IconGift,
+  gridView: IconGridView,
+  handClick: IconHandClick,
+  home: IconHome,
+  info: IconInfo,
+  insightBoard: IconInsightBoard,
+  layers: IconLayers,
+  listView: IconListView,
+  logout: IconLogout,
+  mail: IconMail,
+  moon: IconMoon,
+  oldWindow: IconOldWindow,
+  panelRight: IconPanelRight,
+  person: IconPerson,
+  playCircle: IconPlayCircle,
+  plus: IconPlus,
+  premium: IconPremium,
+  queryEditor: IconQueryEditor,
+  queryStack: IconQueryStack,
+  radar: IconRadar,
+  recording: IconRecording,
+  replayFrame: IconReplayFrame,
+  robot: IconRobot,
+  rocket: IconRocket,
+  save: IconSave,
+  search: IconSearch,
+  selectEvents: IconSelectEvents,
+  shoppingCart: IconShoppingCart,
+  spinner: IconSpinner,
+  star: IconStar,
+  subArrowRight: IconSubArrowRight,
+  sun: IconSun,
+  surveyCard: IconSurveyCard,
+  surveys: IconSurveys,
+  sync: IconSync,
+  tableChart: IconTableChart,
+  terminal: IconTerminal,
+  toggle: IconToggle,
+  trash: IconTrash,
+  tuning: IconTuning,
+  upload: IconUpload,
+  volume: IconVolume,
+  volumeOff: IconVolumeOff
+};
+var PH_ICON_ALIASES = {
+  clipboard: IconClipboardEdit,
+  grid: IconGridView,
+  list: IconListView,
+  play: IconPlayCircle,
+  settings: IconTuning,
+  trendingUp: IconArrowUp,
+  warning: IconExclamation,
+  xCircle: IconCancel
+};
+var PH_ICONS = __spreadValues(__spreadValues({}, CANONICAL_ICONS), PH_ICON_ALIASES);
+for (const [name, Icon] of Object.entries(CANONICAL_ICONS)) {
+  const namedIcon = Icon;
+  if (!namedIcon.displayName || namedIcon.displayName === "IconGlyph") {
+    namedIcon.displayName = `Icon${name[0].toUpperCase()}${name.slice(1)}`;
+  }
+}
+var IconByName = (0, import_react9.forwardRef)(function IconByName2(_a, ref) {
+  var _b = _a, { name } = _b, props = __objRest(_b, ["name"]);
+  const Icon = PH_ICONS[name];
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, __spreadValues({ ref }, props));
+});
+IconByName.displayName = "IconByName";
+
+// src/components/ui/ButtonChrome.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function ButtonChrome({ label, icon, sideIcon, split }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "ph-btn-chrome", children: [
+    icon != null ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ph-btn-icon", children: icon }) : null,
+    label != null ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ph-btn-label", children: label }) : null,
+    split ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ph-btn-split-divider", "aria-hidden": true }) : null,
+    sideIcon != null ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ph-btn-side-icon", children: sideIcon }) : null
+  ] });
+}
+
+// src/components/ui/DropdownMenu.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function DropdownContent({
   children,
   align = "start",
@@ -2276,7 +2826,7 @@ function DropdownContent({
   avoidCollisions = true,
   panelClassName
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     DropdownPrimitive.Content,
     {
       className: cn2("ph-dropdown-panel", panelClassName),
@@ -2289,7 +2839,7 @@ function DropdownContent({
       sticky: "partial",
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           DropdownPrimitive.Arrow,
           {
             className: "ph-dropdown-arrow",
@@ -2341,7 +2891,7 @@ function DropdownMenu(_a) {
     "modal",
     "disabled"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", __spreadProps(__spreadValues({ className: cn2("ph-dropdown", className) }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", __spreadProps(__spreadValues({ className: cn2("ph-dropdown", className) }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     DropdownPrimitive.Root,
     {
       open,
@@ -2349,7 +2899,7 @@ function DropdownMenu(_a) {
       onOpenChange,
       modal,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownPrimitive.Trigger, { asChild: true, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownPrimitive.Trigger, { asChild: true, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           "button",
           {
             type: "button",
@@ -2360,7 +2910,7 @@ function DropdownMenu(_a) {
             children: trigger
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           DropdownContent,
           {
             align,
@@ -2387,7 +2937,7 @@ function DropdownItem(_a) {
     "children",
     "disabled"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownPrimitive.Item, { asChild: true, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownPrimitive.Item, { asChild: true, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "button",
     __spreadProps(__spreadValues({
       type: "button",
@@ -2400,7 +2950,7 @@ function DropdownItem(_a) {
 }
 
 // src/suite/components/suite-user-menu.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function computeInitials(name, email) {
   const source = (name || email || "?").trim();
   return source.split(/[\s@]+/).filter(Boolean).slice(0, 2).map((part) => part[0]).join("").toUpperCase();
@@ -2435,7 +2985,7 @@ function SuiteUserMenu({
   const router = (0, import_navigation2.useRouter)();
   const initials = fallbackInitials != null ? fallbackInitials : computeInitials(name, email);
   const fallbackColor = avatarColorClass(email || name || "?");
-  const avatar = /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "inline-flex h-10 w-10 items-center justify-center overflow-hidden rounded-full border border-ph-border", children: image ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  const avatar = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "inline-flex h-10 w-10 items-center justify-center overflow-hidden rounded-full border border-ph-border", children: image ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     import_image2.default,
     {
       src: image,
@@ -2445,7 +2995,7 @@ function SuiteUserMenu({
       className: "h-full w-full object-cover",
       unoptimized: true
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "span",
     {
       className: cn(
@@ -2455,7 +3005,7 @@ function SuiteUserMenu({
       children: initials
     }
   ) });
-  const accountMenu = /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  const accountMenu = /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     DropdownMenu,
     {
       trigger: avatar,
@@ -2473,24 +3023,24 @@ function SuiteUserMenu({
       ),
       "data-test": dataTest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "px-2 py-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "truncate text-sm font-medium text-ph-ink", children: name || email || "Account" }),
-          email ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "truncate text-xs text-ph-mutedtext", children: email }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "px-2 py-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "truncate text-sm font-medium text-ph-ink", children: name || email || "Account" }),
+          email ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "truncate text-xs text-ph-mutedtext", children: email }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "my-1 border-t border-ph-border" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "my-1 border-t border-ph-border" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
           DropdownItem,
           {
             "data-test": `${dataTest}-settings`,
             onClick: () => router.push(settingsHref),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_iconoir_react6.Settings, { className: "h-4 w-4 text-ph-mutedtext", "aria-hidden": true }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_iconoir_react6.Settings, { className: "h-4 w-4 text-ph-mutedtext", "aria-hidden": true }),
               "Profile settings"
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownItem, { "data-test": `${dataTest}-sign-out`, onClick: onSignOut, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_iconoir_react6.LogOut, { className: "h-4 w-4 text-ph-mutedtext", "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownItem, { "data-test": `${dataTest}-sign-out`, onClick: onSignOut, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_iconoir_react6.LogOut, { className: "h-4 w-4 text-ph-mutedtext", "aria-hidden": true }),
           "Sign out"
         ] })
       ]
@@ -2499,7 +3049,7 @@ function SuiteUserMenu({
   if (!showSignOutAction) {
     return accountMenu;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "div",
     {
       className: cn(
@@ -2507,8 +3057,8 @@ function SuiteUserMenu({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "shrink-0", children: accountMenu }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "shrink-0", children: accountMenu }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           "button",
           {
             type: "button",
@@ -2517,7 +3067,7 @@ function SuiteUserMenu({
             "aria-label": "Sign out",
             className: "inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg text-ph-mutedtext transition-colors hover:bg-ph-muted hover:text-ph-ink focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ph-focus-ring",
             onClick: onSignOut,
-            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_iconoir_react6.LogOut, { className: "h-4 w-4", "aria-hidden": true })
+            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_iconoir_react6.LogOut, { className: "h-4 w-4", "aria-hidden": true })
           }
         )
       ]
@@ -2527,7 +3077,7 @@ function SuiteUserMenu({
 
 // src/suite/components/suite-bottom-nav.tsx
 var import_link = __toESM(require("next/link"));
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function SuiteBottomNav({
   items,
   ariaLabel = "Primary navigation",
@@ -2540,8 +3090,8 @@ function SuiteBottomNav({
     );
   }
   const activeIndex = items.findIndex((item) => item.active);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "div",
       {
         "aria-hidden": true,
@@ -2549,7 +3099,7 @@ function SuiteBottomNav({
         style: { height: "calc(60px + env(safe-area-inset-bottom))" }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
       "nav",
       {
         "aria-label": ariaLabel,
@@ -2564,12 +3114,12 @@ function SuiteBottomNav({
           "--suite-nav-active": activeIndex >= 0 ? activeIndex : 0
         },
         children: [
-          activeIndex >= 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { "aria-hidden": true, className: "suite-bottom-nav__indicator" }) : null,
+          activeIndex >= 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { "aria-hidden": true, className: "suite-bottom-nav__indicator" }) : null,
           items.map((item) => {
             var _a;
             const Icon = item.icon;
             const active = Boolean(item.active);
-            return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
               import_link.default,
               {
                 href: item.href,
@@ -2581,14 +3131,14 @@ function SuiteBottomNav({
                   active && "font-semibold text-ph-brand"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                     "span",
                     {
                       className: cn(
                         "suite-bottom-nav__icon relative z-10 inline-flex items-center justify-center",
                         active && "suite-bottom-nav__icon--active"
                       ),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                         Icon,
                         {
                           className: "h-6 w-6",
@@ -2598,7 +3148,7 @@ function SuiteBottomNav({
                       )
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "relative z-10 max-w-full truncate", children: item.label })
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "relative z-10 max-w-full truncate", children: item.label })
                 ]
               },
               item.href
@@ -2612,7 +3162,7 @@ function SuiteBottomNav({
 
 // src/suite/components/today-calibrating.tsx
 var import_iconoir_react7 = require("iconoir-react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function TodayCalibrating({
   onRetry,
   retrying = false,
@@ -2622,7 +3172,7 @@ function TodayCalibrating({
   retrySpinnerClassName = "text-ph-brand"
 }) {
   void _variant;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     "div",
     {
       className: cn(
@@ -2631,18 +3181,18 @@ function TodayCalibrating({
       ),
       "data-test": "today-calibrating",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           "div",
           {
             className: "pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_50%_35%,rgba(251,191,36,0.1),transparent_55%)]",
             "aria-hidden": true
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "relative mb-5 flex h-14 w-14 items-center justify-center rounded-2xl border border-ph-border bg-ph-surface text-ph-ink shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_iconoir_react7.SunLight, { className: "h-8 w-8", strokeWidth: 2, "aria-hidden": true }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h2", { className: "relative text-base font-semibold tracking-tight text-ph-ink sm:text-lg md:text-xl", children: "Calibrating your day" }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "relative mt-1.5 max-w-sm text-sm sm:text-[15px] leading-relaxed text-ph-subtle", children: "Pulling together tasks, time and updates from your workspace\u2026" }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "relative mt-5 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Spinner, { size: "sm", className: "opacity-70", label: "Loading today" }) }),
-        onRetry ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "relative mb-5 flex h-14 w-14 items-center justify-center rounded-2xl border border-ph-border bg-ph-surface text-ph-ink shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_iconoir_react7.SunLight, { className: "h-8 w-8", strokeWidth: 2, "aria-hidden": true }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h2", { className: "relative text-base font-semibold tracking-tight text-ph-ink sm:text-lg md:text-xl", children: "Calibrating your day" }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "relative mt-1.5 max-w-sm text-sm sm:text-[15px] leading-relaxed text-ph-subtle", children: "Pulling together tasks, time and updates from your workspace\u2026" }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "relative mt-5 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Spinner, { size: "sm", className: "opacity-70", label: "Loading today" }) }),
+        onRetry ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
           "button",
           {
             type: "button",
@@ -2650,7 +3200,7 @@ function TodayCalibrating({
             disabled: retrying,
             className: "relative mt-6 inline-flex items-center gap-2 rounded-xl border border-ph-border bg-ph-canvas px-4 py-2 text-sm font-medium text-ph-ink transition hover:bg-ph-muted disabled:opacity-60",
             children: [
-              retrying ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Spinner, { size: "sm", className: retrySpinnerClassName }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_iconoir_react7.Refresh, { className: "h-4 w-4", "aria-hidden": true }),
+              retrying ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Spinner, { size: "sm", className: retrySpinnerClassName }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_iconoir_react7.Refresh, { className: "h-4 w-4", "aria-hidden": true }),
               "Try again"
             ]
           }
@@ -2664,14 +3214,14 @@ function TodayCalibrating({
 init_theme_provider();
 
 // src/suite/components/ai-panel.tsx
-var import_react12 = require("react");
+var import_react15 = require("react");
 var import_iconoir_react8 = require("iconoir-react");
 
 // src/components/ui/Tooltip.tsx
-var import_react9 = require("react");
+var import_react12 = require("react");
 var import_react_dom = require("react-dom");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var TooltipDelayContext = (0, import_react9.createContext)(0);
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var TooltipDelayContext = (0, import_react12.createContext)(0);
 function tooltipPosition(trigger, side, align, offset) {
   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;
@@ -2711,12 +3261,12 @@ function Tooltip({
   onOpenChange,
   delayDuration
 }) {
-  const providerDelay = (0, import_react9.useContext)(TooltipDelayContext);
-  const generatedId = (0, import_react9.useId)().replace(/:/g, "");
-  const triggerRef = (0, import_react9.useRef)(null);
-  const timerRef = (0, import_react9.useRef)(null);
-  const [internalOpen, setInternalOpen] = (0, import_react9.useState)(defaultOpen);
-  const [position, setPosition] = (0, import_react9.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 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}`;
@@ -2750,7 +3300,7 @@ function Tooltip({
     clearTimer();
     setOpen(false);
   }
-  (0, import_react9.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!isOpen) return;
     const reposition = () => updatePosition();
     window.addEventListener("resize", reposition);
@@ -2760,11 +3310,11 @@ function Tooltip({
       window.removeEventListener("scroll", reposition, true);
     };
   });
-  (0, import_react9.useEffect)(() => () => clearTimer(), []);
+  (0, import_react12.useEffect)(() => () => clearTimer(), []);
   const describedBy = [children.props["aria-describedby"], tooltipId].filter(Boolean).join(" ");
-  const trigger = (0, import_react9.cloneElement)(children, { "aria-describedby": describedBy });
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  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",
       {
         ref: triggerRef,
@@ -2780,12 +3330,12 @@ function Tooltip({
       }
     ),
     isOpen && position && typeof document !== "undefined" ? (0, import_react_dom.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         "span",
         {
           style: __spreadValues({ position: "fixed" }, position),
           className: "pointer-events-none z-[200]",
-          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             "span",
             {
               id: tooltipId,
@@ -2803,8 +3353,8 @@ function Tooltip({
 }
 
 // src/suite/components/ai-panel.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var SuiteAiBlockNoteMessage2 = (0, import_react12.lazy)(() => Promise.resolve().then(() => (init_ai_message_blocknote(), ai_message_blocknote_exports)));
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var SuiteAiBlockNoteMessage2 = (0, import_react15.lazy)(() => Promise.resolve().then(() => (init_ai_message_blocknote(), ai_message_blocknote_exports)));
 var SUITE_OPEN_ASK_AI_EVENT = "shellstack:open-ask-ai";
 var SUITE_ASK_AI_OPEN_KEY = "shellstack:shelly-open";
 var SUITE_ASK_AI_OPEN_QUERY = "shelly";
@@ -2888,11 +3438,11 @@ function SuiteAiPanel({
   onSameAppNavigate,
   resolveAction
 }) {
-  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_react15.useId)();
+  const [uncontrolledOpen, setUncontrolledOpen] = (0, import_react15.useState)(false);
+  const [resolvingId, setResolvingId] = (0, import_react15.useState)("");
   const open = openProp != null ? openProp : uncontrolledOpen;
-  const setOpen = (0, import_react12.useCallback)(
+  const setOpen = (0, import_react15.useCallback)(
     (next) => {
       persistSuiteAskAiOpen(next);
       if (openProp === void 0) setUncontrolledOpen(next);
@@ -2900,17 +3450,17 @@ 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);
-  (0, import_react12.useEffect)(() => {
+  const [prompt, setPrompt] = (0, import_react15.useState)("");
+  const [messages, setMessages] = (0, import_react15.useState)([]);
+  const [loading, setLoading] = (0, import_react15.useState)(false);
+  const [hydrating, setHydrating] = (0, import_react15.useState)(false);
+  const [error, setError] = (0, import_react15.useState)("");
+  const [atBottom, setAtBottom] = (0, import_react15.useState)(true);
+  const scrollerRef = (0, import_react15.useRef)(null);
+  const textareaRef = (0, import_react15.useRef)(null);
+  const abortRef = (0, import_react15.useRef)(null);
+  const pendingPromptRef = (0, import_react15.useRef)(null);
+  (0, import_react15.useEffect)(() => {
     function onOpen(event) {
       var _a;
       const detail = event.detail;
@@ -2924,19 +3474,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_react15.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_react15.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_react15.useCallback)(async () => {
     var _a;
     setHydrating(true);
     setError("");
@@ -2954,7 +3504,7 @@ function SuiteAiPanel({
       setHydrating(false);
     }
   }, [fetchChat]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     var _a;
     if (!open) return;
     const queued = (_a = pendingPromptRef.current) != null ? _a : consumePendingAskAiPrompt();
@@ -2965,14 +3515,14 @@ function SuiteAiPanel({
       if (pending) setPrompt(pending);
     });
   }, [open, hydrate]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (open && atBottom) scrollToBottom();
   }, [messages, loading, open, atBottom, scrollToBottom]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     var _a;
     if (open && !hydrating) (_a = textareaRef.current) == null ? void 0 : _a.focus();
   }, [open, hydrating]);
-  (0, import_react12.useLayoutEffect)(() => {
+  (0, import_react15.useLayoutEffect)(() => {
     const el = textareaRef.current;
     if (!el) return;
     el.style.height = "auto";
@@ -3097,16 +3647,16 @@ function SuiteAiPanel({
   }
   if (!open) return null;
   const Icon = BrandIcon != null ? BrandIcon : import_iconoir_react8.Sparks;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "aside",
     {
       className: "flex h-full min-h-0 flex-col bg-ph-canvas",
       "data-test": "suite-ask-ai-panel",
       "aria-label": title,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("header", { className: "flex items-center gap-2 px-2 pb-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h2", { className: "sr-only", children: title }),
-          messages.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("header", { className: "flex items-center gap-2 px-2 pb-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h2", { className: "sr-only", children: title }),
+          messages.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
             "button",
             {
               type: "button",
@@ -3115,14 +3665,14 @@ function SuiteAiPanel({
               className: "ml-auto inline-flex h-9 items-center gap-1.5 rounded-lg px-2 text-xs font-medium text-ph-subtle transition-colors hover:bg-ph-muted hover:text-ph-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus disabled:opacity-40",
               "data-test": "ask-ai-clear",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_iconoir_react8.Erase, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_iconoir_react8.Erase, { className: "h-3.5 w-3.5" }),
                 "Clear"
               ]
             }
           ) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "relative min-h-0 flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "relative min-h-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
             "div",
             {
               ref: scrollerRef,
@@ -3133,15 +3683,15 @@ function SuiteAiPanel({
               "aria-label": "Conversation",
               className: "suite-scroll-lock h-full space-y-5 overflow-y-auto px-2 py-3",
               children: [
-                hydrating && messages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-2 text-sm text-ph-subtle", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Spinner, { className: "h-4 w-4 animate-spin" }),
+                hydrating && messages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2 text-sm text-ph-subtle", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Spinner, { className: "h-4 w-4 animate-spin" }),
                   "Loading your chat\u2026"
                 ] }) : null,
-                !hydrating && messages.length === 0 && !error ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "mx-auto mt-4 flex max-w-sm flex-col items-center px-1 text-center", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "flex h-10 w-10 items-center justify-center rounded-2xl bg-ph-brand/10 text-ph-brand", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon, { className: "h-5 w-5" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mt-3 font-display text-base font-semibold text-ph-ink", children: "How can I help?" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mt-1 text-sm leading-relaxed text-ph-subtle", children: emptyState }),
-                  presets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "mt-4 flex w-full flex-col gap-2", children: presets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                !hydrating && messages.length === 0 && !error ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "mx-auto mt-4 flex max-w-sm flex-col items-center px-1 text-center", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "flex h-10 w-10 items-center justify-center rounded-2xl bg-ph-brand/10 text-ph-brand", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Icon, { className: "h-5 w-5" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "mt-3 font-display text-base font-semibold text-ph-ink", children: "How can I help?" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "mt-1 text-sm leading-relaxed text-ph-subtle", children: emptyState }),
+                  presets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mt-4 flex w-full flex-col gap-2", children: presets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -3149,9 +3699,9 @@ function SuiteAiPanel({
                       disabled: loading || hydrating,
                       className: "group flex w-full items-center gap-2 rounded-xl border border-ph-border bg-ph-surface px-3 py-2 text-left text-sm text-ph-ink transition-colors hover:border-ph-brand/40 hover:bg-ph-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus disabled:opacity-40",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_iconoir_react8.Sparks, { className: "h-4 w-4 shrink-0 text-ph-brand" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "min-w-0 flex-1 truncate", children: preset.label }),
-                        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_iconoir_react8.ArrowUp, { className: "h-3.5 w-3.5 shrink-0 rotate-45 text-ph-mutedtext transition-transform group-hover:translate-x-0.5" })
+                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_iconoir_react8.Sparks, { className: "h-4 w-4 shrink-0 text-ph-brand" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "min-w-0 flex-1 truncate", children: preset.label }),
+                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_iconoir_react8.ArrowUp, { className: "h-3.5 w-3.5 shrink-0 rotate-45 text-ph-mutedtext transition-transform group-hover:translate-x-0.5" })
                       ]
                     },
                     preset.label
@@ -3161,48 +3711,48 @@ function SuiteAiPanel({
                   var _a;
                   const isUser = message.role === "user";
                   if (isUser) {
-                    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                       "div",
                       {
                         className: "flex justify-end",
                         "data-test": "ask-ai-user",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "w-fit max-w-[85%] whitespace-pre-wrap break-words rounded-2xl rounded-br-md bg-ph-brand px-3 py-2 text-sm leading-relaxed text-[var(--ph-on-accent)] [overflow-wrap:anywhere]", children: message.content })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "w-fit max-w-[85%] whitespace-pre-wrap break-words rounded-2xl rounded-br-md bg-ph-brand px-3 py-2 text-sm leading-relaxed text-[var(--ph-on-accent)] [overflow-wrap:anywhere]", children: message.content })
                       },
                       `user-${index}`
                     );
                   }
-                  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
                     "div",
                     {
                       className: "flex items-end gap-2",
                       "data-test": "ask-ai-assistant",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                           "span",
                           {
                             className: "mb-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-ph-brand/10 text-ph-brand",
                             "aria-hidden": true,
-                            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon, { className: "h-3.5 w-3.5" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Icon, { className: "h-3.5 w-3.5" })
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "min-w-0 max-w-[85%] space-y-2", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "rounded-2xl rounded-bl-md bg-ph-muted px-3 py-2 text-sm leading-relaxed text-ph-ink", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                            import_react12.Suspense,
+                        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "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_react15.Suspense,
                             {
-                              fallback: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "whitespace-pre-wrap break-words", children: message.content }),
-                              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SuiteAiBlockNoteMessage2, { markdown: message.content })
+                              fallback: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "whitespace-pre-wrap break-words", children: message.content }),
+                              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SuiteAiBlockNoteMessage2, { markdown: message.content })
                             }
                           ) }),
-                          ((_a = message.actions) != null ? _a : []).map((action) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                          ((_a = message.actions) != null ? _a : []).map((action) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
                             "div",
                             {
                               "data-test": "ask-ai-action",
                               "data-status": action.status,
                               className: "rounded-xl border border-ph-border bg-ph-surface px-3 py-2 text-sm text-ph-ink",
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "font-medium", children: action.summary }),
-                                action.status === "proposed" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "mt-2 flex flex-wrap gap-2", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "font-medium", children: action.summary }),
+                                action.status === "proposed" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "mt-2 flex flex-wrap gap-2", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                                     "button",
                                     {
                                       type: "button",
@@ -3213,7 +3763,7 @@ function SuiteAiPanel({
                                       children: resolvingId === action.id ? "Working\u2026" : "Confirm"
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                                     "button",
                                     {
                                       type: "button",
@@ -3225,11 +3775,11 @@ function SuiteAiPanel({
                                     }
                                   )
                                 ] }) : null,
-                                action.status === "applied" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("p", { className: "mt-1 text-xs text-ph-subtle", children: [
+                                action.status === "applied" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { className: "mt-1 text-xs text-ph-subtle", children: [
                                   "Done",
-                                  action.href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+                                  action.href ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
                                     " \xB7 ",
-                                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                                       "a",
                                       {
                                         href: action.href,
@@ -3239,8 +3789,8 @@ function SuiteAiPanel({
                                     )
                                   ] }) : null
                                 ] }) : null,
-                                action.status === "cancelled" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mt-1 text-xs text-ph-subtle", children: "Cancelled" }) : null,
-                                action.status === "failed" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mt-1 text-xs text-ph-danger", children: action.error || "Could not apply that." }) : null
+                                action.status === "cancelled" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "mt-1 text-xs text-ph-subtle", children: "Cancelled" }) : null,
+                                action.status === "failed" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "mt-1 text-xs text-ph-danger", children: action.error || "Could not apply that." }) : null
                               ]
                             },
                             action.id
@@ -3251,26 +3801,26 @@ function SuiteAiPanel({
                     `assistant-${index}`
                   );
                 }),
-                loading ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-end gap-2", "aria-hidden": true, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "mb-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-ph-brand/10 text-ph-brand", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon, { className: "h-3.5 w-3.5" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-1.5 rounded-2xl rounded-bl-md bg-ph-muted px-3 py-2.5", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "h-1.5 w-1.5 rounded-full bg-ph-mutedtext motion-safe:animate-bounce" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "h-1.5 w-1.5 rounded-full bg-ph-mutedtext motion-safe:animate-bounce [animation-delay:0.15s]" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "h-1.5 w-1.5 rounded-full bg-ph-mutedtext motion-safe:animate-bounce [animation-delay:0.3s]" })
+                loading ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-end gap-2", "aria-hidden": true, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "mb-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-ph-brand/10 text-ph-brand", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Icon, { className: "h-3.5 w-3.5" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-1.5 rounded-2xl rounded-bl-md bg-ph-muted px-3 py-2.5", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "h-1.5 w-1.5 rounded-full bg-ph-mutedtext motion-safe:animate-bounce" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "h-1.5 w-1.5 rounded-full bg-ph-mutedtext motion-safe:animate-bounce [animation-delay:0.15s]" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "h-1.5 w-1.5 rounded-full bg-ph-mutedtext motion-safe:animate-bounce [animation-delay:0.3s]" })
                   ] })
                 ] }) : null,
-                loading ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "sr-only", "aria-live": "polite", children: "Assistant is responding\u2026" }) : null,
-                error ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                loading ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "sr-only", "aria-live": "polite", children: "Assistant is responding\u2026" }) : null,
+                error ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
                   "div",
                   {
                     role: "alert",
                     className: "flex items-start gap-2 rounded-xl border border-ph-danger/30 bg-ph-danger/10 px-3 py-2.5 text-sm text-ph-ink",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_iconoir_react8.WarningTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-ph-danger" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "min-w-0 flex-1", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "font-medium text-ph-danger", children: "Something went wrong" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mt-0.5 text-ph-subtle", children: error }),
-                        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_iconoir_react8.WarningTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-ph-danger" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "min-w-0 flex-1", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "font-medium text-ph-danger", children: "Something went wrong" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "mt-0.5 text-ph-subtle", children: error }),
+                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                           "button",
                           {
                             type: "button",
@@ -3287,20 +3837,20 @@ function SuiteAiPanel({
               ]
             }
           ),
-          !atBottom ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "absolute bottom-3 left-1/2 -translate-x-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Tooltip, { content: "Scroll to latest", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          !atBottom ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "absolute bottom-3 left-1/2 -translate-x-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Tooltip, { content: "Scroll to latest", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             "button",
             {
               type: "button",
               onClick: () => scrollToBottom("smooth"),
               className: "flex h-9 w-9 items-center justify-center rounded-full border border-ph-border bg-ph-surface text-ph-subtle shadow-ph-md transition-colors hover:text-ph-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus",
               "aria-label": "Scroll to latest",
-              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_iconoir_react8.ArrowDown, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_iconoir_react8.ArrowDown, { className: "h-4 w-4" })
             }
           ) }) }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "px-2 pt-2 pb-[max(2rem,calc(env(safe-area-inset-bottom)+1rem))]", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-end gap-1.5 rounded-2xl border border-ph-border bg-ph-surface px-1.5 py-1 transition-colors focus-within:border-ph-brand/45 focus-within:ring-2 focus-within:ring-ph-focus/35", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("label", { htmlFor: inputId, className: "sr-only", children: "Ask a question" }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "px-2 pt-2 pb-[max(2rem,calc(env(safe-area-inset-bottom)+1rem))]", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-end gap-1.5 rounded-2xl border border-ph-border bg-ph-surface px-1.5 py-1 transition-colors focus-within:border-ph-brand/45 focus-within:ring-2 focus-within:ring-ph-focus/35", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { htmlFor: inputId, className: "sr-only", children: "Ask a question" }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             "textarea",
             {
               id: inputId,
@@ -3319,7 +3869,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__ */ (0, import_jsx_runtime21.jsx)(Tooltip, { content: "Stop generating", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          loading ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Tooltip, { content: "Stop generating", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             "button",
             {
               type: "button",
@@ -3327,9 +3877,9 @@ function SuiteAiPanel({
               "data-test": "ask-ai-stop",
               className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-ph-muted text-ph-ink transition-colors hover:bg-ph-border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus",
               "aria-label": "Stop generating",
-              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_iconoir_react8.Square, { className: "h-3.5 w-3.5 fill-current" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_iconoir_react8.Square, { className: "h-3.5 w-3.5 fill-current" })
             }
-          ) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Tooltip, { content: "Send message", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          ) }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Tooltip, { content: "Send message", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             "button",
             {
               type: "button",
@@ -3338,7 +3888,7 @@ function SuiteAiPanel({
               "data-test": "ask-ai-send",
               className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-ph-brand text-[color:var(--ph-on-accent)] transition-opacity hover:bg-ph-brand-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus disabled:opacity-40",
               "aria-label": "Send message",
-              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_iconoir_react8.ArrowUp, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_iconoir_react8.ArrowUp, { className: "h-4 w-4" })
             }
           ) })
         ] }) })
@@ -3348,9 +3898,9 @@ function SuiteAiPanel({
 }
 
 // src/suite/components/workspace-switcher.tsx
-var import_react13 = require("react");
+var import_react16 = require("react");
 var import_iconoir_react9 = require("iconoir-react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function SuiteWorkspaceSwitcher({
   workspaces = [],
   groups,
@@ -3366,9 +3916,9 @@ function SuiteWorkspaceSwitcher({
   footer
 }) {
   var _a;
-  const [open, setOpen] = (0, import_react13.useState)(false);
+  const [open, setOpen] = (0, import_react16.useState)(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__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     DropdownMenu2,
     {
       "aria-label": "Switch workspace",
@@ -3379,7 +3929,7 @@ function SuiteWorkspaceSwitcher({
       align: "start",
       open,
       onOpenChange: setOpen,
-      trigger: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
         "span",
         {
           className: cn(
@@ -3390,10 +3940,10 @@ function SuiteWorkspaceSwitcher({
           "data-test": "workspace-switcher-trigger",
           "aria-expanded": open,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_iconoir_react9.Building, { className: "h-4 w-4 shrink-0 text-ph-ink", "aria-hidden": true }),
-            !collapsed ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-ph-ink", children: name }),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_iconoir_react9.Building, { className: "h-4 w-4 shrink-0 text-ph-ink", "aria-hidden": true }),
+            !collapsed ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-ph-ink", children: name }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                 import_iconoir_react9.NavArrowDown,
                 {
                   className: cn(
@@ -3407,16 +3957,16 @@ function SuiteWorkspaceSwitcher({
           ]
         }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
         "div",
         {
           id: "workspace-switcher-menu",
           className: "p-1",
           "data-test": "workspace-switcher-menu",
           children: [
-            sections.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "px-3 py-2 text-sm text-ph-mutedtext", children: emptyLabel }) : sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "px-3 py-2 text-[10px] font-semibold uppercase tracking-[0.14em] text-ph-mutedtext", children: section.label }),
-              section.workspaces.map((workspace) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            sections.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "px-3 py-2 text-sm text-ph-mutedtext", children: emptyLabel }) : sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "px-3 py-2 text-[10px] font-semibold uppercase tracking-[0.14em] text-ph-mutedtext", children: section.label }),
+              section.workspaces.map((workspace) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                 DropdownItem2,
                 {
                   id: `workspace-option-${workspace.id}`,
@@ -3430,12 +3980,12 @@ function SuiteWorkspaceSwitcher({
                     onSelect(workspace);
                   },
                   className: appSwitcherMenuItemClass(),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { className: "flex min-w-0 w-full items-center gap-3", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { className: "min-w-0 flex-1", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "block truncate text-sm font-medium text-ph-ink", children: workspace.name }),
-                      workspace.description ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "block truncate text-xs text-ph-mutedtext", children: workspace.description }) : null
+                  children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { className: "flex min-w-0 w-full items-center gap-3", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { className: "min-w-0 flex-1", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "block truncate text-sm font-medium text-ph-ink", children: workspace.name }),
+                      workspace.description ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "block truncate text-xs text-ph-mutedtext", children: workspace.description }) : null
                     ] }),
-                    workspace.id === currentId ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                    workspace.id === currentId ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                       import_iconoir_react9.Check,
                       {
                         className: "h-4 w-4 shrink-0 text-ph-brand",
@@ -3447,7 +3997,7 @@ function SuiteWorkspaceSwitcher({
                 workspace.id
               ))
             ] }, section.id)),
-            footer ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "mt-1 border-t border-ph-border pt-1", children: footer }) : null
+            footer ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mt-1 border-t border-ph-border pt-1", children: footer }) : null
           ]
         }
       )
@@ -3456,7 +4006,7 @@ function SuiteWorkspaceSwitcher({
 }
 
 // src/suite/lib/use-sidebar-width.ts
-var import_react14 = require("react");
+var import_react17 = require("react");
 var SIDEBAR_RAIL_WIDTH = 56;
 var SIDEBAR_COLLAPSE_THRESHOLD = 80;
 var SIDEBAR_MIN_EXPANDED_WIDTH = 180;
@@ -3585,10 +4135,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_react17.useState)(fallbackWidth);
+  const [narrowViewport, setNarrowViewport] = (0, import_react17.useState)(false);
   const collapsed = narrowViewport || width <= SIDEBAR_COLLAPSE_THRESHOLD;
-  (0, import_react14.useLayoutEffect)(() => {
+  (0, import_react17.useLayoutEffect)(() => {
     const sync = () => {
       const stored = readSidebarWidth(storageKey);
       if (stored == null) return;
@@ -3604,20 +4154,20 @@ function useSidebarWidth(storageKey = SUITE_SIDEBAR_WIDTH_KEY, defaultWidth = SI
       document.removeEventListener("visibilitychange", sync);
     };
   }, [storageKey]);
-  (0, import_react14.useLayoutEffect)(() => {
+  (0, import_react17.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_react17.useCallback)(
     (value) => {
       persistSidebarWidth(storageKey, value);
     },
     [storageKey]
   );
-  const setCollapsed = (0, import_react14.useCallback)(
+  const setCollapsed = (0, import_react17.useCallback)(
     (value) => {
       setWidth((current) => {
         const next = value ? SIDEBAR_RAIL_WIDTH : current <= SIDEBAR_COLLAPSE_THRESHOLD ? fallbackWidth : snapWidth(current);
@@ -3627,11 +4177,11 @@ function useSidebarWidth(storageKey = SUITE_SIDEBAR_WIDTH_KEY, defaultWidth = SI
     },
     [fallbackWidth, persist]
   );
-  const resetWidth = (0, import_react14.useCallback)(() => {
+  const resetWidth = (0, import_react17.useCallback)(() => {
     setWidth(fallbackWidth);
     persist(fallbackWidth);
   }, [fallbackWidth, persist]);
-  const startResize = (0, import_react14.useCallback)(
+  const startResize = (0, import_react17.useCallback)(
     (event) => {
       event.preventDefault();
       const startX = event.clientX;
@@ -3653,7 +4203,7 @@ function useSidebarWidth(storageKey = SUITE_SIDEBAR_WIDTH_KEY, defaultWidth = SI
     },
     [persist, width]
   );
-  const resizeBy = (0, import_react14.useCallback)(
+  const resizeBy = (0, import_react17.useCallback)(
     (delta) => {
       setWidth((current) => {
         const next = clampWidth(current + delta);
@@ -3667,10 +4217,10 @@ function useSidebarWidth(storageKey = SUITE_SIDEBAR_WIDTH_KEY, defaultWidth = SI
 }
 
 // src/suite/lib/motion.tsx
-var import_react15 = require("motion/react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_react18 = require("motion/react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function SuiteMotionProvider({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react15.LazyMotion, { features: import_react15.domAnimation, strict: true, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react18.LazyMotion, { features: import_react18.domAnimation, strict: true, children });
 }
 var SUITE_SPRINGS = {
   /** Snappy panel/sheet entrances — small overshoot. */
@@ -3682,24 +4232,24 @@ var SUITE_SPRINGS = {
 };
 
 // src/suite/components/suite-skeleton.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function SuiteSkeleton({
   className,
   lines = 1,
   circle,
   width
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "div",
     {
       className: cn("space-y-2", circle ? "flex flex-col items-center" : ""),
       "aria-hidden": true,
-      children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         "div",
         {
           className: "animate-[skeleton-stagger_0.6s_ease-out_both]",
           style: { animationDelay: `${index * 80}ms` },
-          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             "div",
             {
               className: cn(
@@ -3723,7 +4273,7 @@ function SuiteSkeletonCard({
   rows = 3,
   header = true
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     "div",
     {
       className: cn(
@@ -3732,26 +4282,26 @@ function SuiteSkeletonCard({
       ),
       "aria-hidden": true,
       children: [
-        header ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+        header ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
           "div",
           {
             className: "mb-5 flex items-center gap-3 animate-[skeleton-stagger_0.5s_ease-out_both]",
             style: { animationDelay: "100ms" },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "ph-skeleton h-10 w-10 rounded-xl" }),
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex-1 space-y-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "ph-skeleton h-4 w-1/3" }),
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "ph-skeleton h-3 w-1/2" })
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "ph-skeleton h-10 w-10 rounded-xl" }),
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex-1 space-y-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "ph-skeleton h-4 w-1/3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "ph-skeleton h-3 w-1/2" })
               ] })
             ]
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           "div",
           {
             className: "animate-[skeleton-stagger_0.5s_ease-out_both]",
             style: { animationDelay: `${200 + index * 80}ms` },
-            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
               "div",
               {
                 className: "ph-skeleton h-3",
@@ -3769,16 +4319,16 @@ function SuiteSkeletonList({
   className,
   items = 4
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cn("space-y-3", className), "aria-hidden": true, children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("space-y-3", className), "aria-hidden": true, children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "div",
     {
       className: "animate-[skeleton-stagger_0.6s_ease-out_both]",
       style: { animationDelay: `${index * 100}ms` },
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-3 rounded-xl border border-ph-border bg-ph-surface p-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "ph-skeleton h-10 w-10 rounded-lg" }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "min-w-0 flex-1 space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "ph-skeleton h-3.5 w-3/4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "ph-skeleton h-3 w-1/2" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-3 rounded-xl border border-ph-border bg-ph-surface p-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "ph-skeleton h-10 w-10 rounded-lg" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "min-w-0 flex-1 space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "ph-skeleton h-3.5 w-3/4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "ph-skeleton h-3 w-1/2" })
         ] })
       ] })
     },
@@ -3793,7 +4343,7 @@ function SuiteEmptyState({
   className,
   size = "md"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     "div",
     {
       className: cn(
@@ -3802,13 +4352,13 @@ function SuiteEmptyState({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "pointer-events-none absolute inset-0 overflow-hidden opacity-60", "aria-hidden": true, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute -left-10 -top-10 h-40 w-40 rounded-full bg-ph-brand/10 blur-3xl" }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute -bottom-10 -right-10 h-40 w-40 rounded-full bg-ph-accent/10 blur-3xl" })
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "pointer-events-none absolute inset-0 overflow-hidden opacity-60", "aria-hidden": true, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "absolute -left-10 -top-10 h-40 w-40 rounded-full bg-ph-brand/10 blur-3xl" }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "absolute -bottom-10 -right-10 h-40 w-40 rounded-full bg-ph-accent/10 blur-3xl" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "relative", children: [
-          icon ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mx-auto mb-4 inline-flex items-center justify-center rounded-2xl bg-ph-muted p-3 shadow-sm ring-1 ring-black/[0.06]", children: icon }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "relative", children: [
+          icon ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "mx-auto mb-4 inline-flex items-center justify-center rounded-2xl bg-ph-muted p-3 shadow-sm ring-1 ring-black/[0.06]", children: icon }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             "h3",
             {
               className: cn(
@@ -3818,8 +4368,8 @@ function SuiteEmptyState({
               children: title
             }
           ),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "mx-auto mt-2 max-w-sm text-sm leading-relaxed text-ph-subtle", children: description }) : null,
-          action ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mt-5 flex flex-wrap items-center justify-center gap-2", children: action }) : null
+          description ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "mx-auto mt-2 max-w-sm text-sm leading-relaxed text-ph-subtle", children: description }) : null,
+          action ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "mt-5 flex flex-wrap items-center justify-center gap-2", children: action }) : null
         ] })
       ]
     }
@@ -3827,8 +4377,8 @@ function SuiteEmptyState({
 }
 
 // src/suite/components/suite-settings-mobile-nav.tsx
-var import_react16 = require("react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_react19 = require("react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function SuiteSettingsMobileNav({
   items,
   activeHref,
@@ -3837,16 +4387,16 @@ function SuiteSettingsMobileNav({
   ariaLabel = "Settings sections",
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "nav",
     {
       "data-test": dataTest,
       "aria-label": ariaLabel,
       className: cn("suite-settings-mobile-nav lg:hidden", className),
-      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex snap-x gap-2 overflow-x-auto pb-3 pt-1 scrollbar-hide [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: items.map((item) => {
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex snap-x gap-2 overflow-x-auto pb-3 pt-1 scrollbar-hide [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: items.map((item) => {
         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_runtime25.jsx)(
+        const iconNode = (0, import_react19.isValidElement)(item.icon) ? item.icon : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           Icon,
           {
             className: cn(
@@ -3856,7 +4406,7 @@ function SuiteSettingsMobileNav({
             "aria-hidden": true
           }
         );
-        return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
           "button",
           {
             type: "button",
@@ -3871,8 +4421,8 @@ function SuiteSettingsMobileNav({
             ),
             children: [
               iconNode,
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "whitespace-nowrap", children: item.label }),
-              active ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "absolute inset-x-0 -bottom-3 h-0.5 rounded-full bg-ph-ink lg:hidden" }) : null
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "whitespace-nowrap", children: item.label }),
+              active ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "absolute inset-x-0 -bottom-3 h-0.5 rounded-full bg-ph-ink lg:hidden" }) : null
             ]
           },
           item.href
@@ -3884,9 +4434,9 @@ function SuiteSettingsMobileNav({
 
 // src/suite/components/suite-sidebar.tsx
 var import_link2 = __toESM(require("next/link"));
-var import_react17 = require("react");
+var import_react20 = require("react");
 var import_iconoir_react10 = require("iconoir-react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function renderNode(node, collapsed) {
   if (typeof node === "function") return node(collapsed);
   return node;
@@ -3909,14 +4459,14 @@ function SuiteSidebar({
 }) {
   const showAskAi = Boolean(onAskAiOpenChange && askAi);
   const chatOpen = showAskAi && askAiOpen && !collapsed;
-  const setAskAi = (0, import_react17.useCallback)(
+  const setAskAi = (0, import_react20.useCallback)(
     (next) => {
       persistSuiteAskAiOpen(next);
       onAskAiOpenChange == null ? void 0 : onAskAiOpenChange(next);
     },
     [onAskAiOpenChange]
   );
-  (0, import_react17.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (!onAskAiOpenChange) return;
     function onOpen() {
       onRequestExpand == null ? void 0 : onRequestExpand();
@@ -3925,7 +4475,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_react20.useEffect)(() => {
     if (!chatOpen) return;
     function onKey(event) {
       if (event.key === "Escape") setAskAi(false);
@@ -3941,7 +4491,7 @@ function SuiteSidebar({
     if (collapsed) onRequestExpand == null ? void 0 : onRequestExpand();
     setAskAi(true);
   }
-  const askAiButton = /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  const askAiButton = /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "button",
     {
       type: "button",
@@ -3953,11 +4503,11 @@ function SuiteSidebar({
         "inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ph-focus-ring",
         askAiOpen ? "bg-ph-brand/10 text-ph-brand" : "text-ph-mutedtext hover:bg-ph-muted hover:text-ph-ink"
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_iconoir_react10.Sparks, { className: "h-4 w-4", "aria-hidden": true })
+      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_iconoir_react10.Sparks, { className: "h-4 w-4", "aria-hidden": true })
     }
   );
   if (chatOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
       "div",
       {
         "data-suite-chat-open": "",
@@ -3967,7 +4517,7 @@ function SuiteSidebar({
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
             "div",
             {
               className: cn(
@@ -3975,7 +4525,7 @@ function SuiteSidebar({
                 surface ? "bg-ph-surface" : "bg-ph-canvas"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Tooltip, { content: "Back to navigation", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Tooltip, { content: "Back to navigation", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                   "button",
                   {
                     type: "button",
@@ -3983,19 +4533,19 @@ function SuiteSidebar({
                     "aria-label": "Back to navigation",
                     onClick: () => setAskAi(false),
                     className: "inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg text-ph-subtle transition-colors hover:bg-ph-muted hover:text-ph-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-brand",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_iconoir_react10.NavArrowLeft, { className: "h-4 w-4", "aria-hidden": true })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_iconoir_react10.NavArrowLeft, { className: "h-4 w-4", "aria-hidden": true })
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-ph-ink", children: "Shelly AI" })
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-ph-ink", children: "Shelly AI" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "min-h-0 flex-1", children: askAi })
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "min-h-0 flex-1", children: askAi })
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     "div",
     {
       className: cn(
@@ -4004,7 +4554,7 @@ function SuiteSidebar({
         className
       ),
       children: [
-        appSwitcher || notificationBell ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+        appSwitcher || notificationBell ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
           "div",
           {
             className: cn(
@@ -4013,12 +4563,12 @@ function SuiteSidebar({
               collapsed ? "flex-col items-center gap-1 px-1 py-2" : "h-14 items-center justify-between gap-2 px-3"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("min-w-0", collapsed ? "shrink-0" : "flex-1"), children: renderNode(appSwitcher, collapsed) }),
-              collapsed ? null : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "shrink-0", children: renderNode(notificationBell, collapsed) })
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("min-w-0", collapsed ? "shrink-0" : "flex-1"), children: renderNode(appSwitcher, collapsed) }),
+              collapsed ? null : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "shrink-0", children: renderNode(notificationBell, collapsed) })
             ]
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
           "div",
           {
             className: cn(
@@ -4028,10 +4578,10 @@ function SuiteSidebar({
               collapsed ? "px-1.5 py-2" : "p-2"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("mb-3 w-full shrink-0", collapsed && "flex justify-center"), children: renderNode(contextSwitcher, collapsed) }),
-              chatOpen ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex min-h-0 flex-1 flex-col", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "mb-2 flex shrink-0 items-center gap-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("mb-3 w-full shrink-0", collapsed && "flex justify-center"), children: renderNode(contextSwitcher, collapsed) }),
+              chatOpen ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "mb-2 flex shrink-0 items-center gap-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -4039,20 +4589,20 @@ function SuiteSidebar({
                       onClick: () => setAskAi(false),
                       className: "inline-flex h-9 items-center gap-1 rounded-lg px-2 text-sm font-medium text-ph-subtle transition-colors hover:bg-ph-muted hover:text-ph-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-brand",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_iconoir_react10.NavArrowLeft, { className: "h-4 w-4", "aria-hidden": true }),
+                        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_iconoir_react10.NavArrowLeft, { className: "h-4 w-4", "aria-hidden": true }),
                         "Nav"
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "truncate text-sm font-semibold text-ph-ink", children: "Shelly AI" })
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "truncate text-sm font-semibold text-ph-ink", children: "Shelly AI" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "min-h-0 flex-1", children: askAi })
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("nav", { "aria-label": "Pages", className: "shrink-0 space-y-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "space-y-0.5", children: navItems.map((item) => {
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "min-h-0 flex-1", children: askAi })
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("nav", { "aria-label": "Pages", className: "shrink-0 space-y-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "space-y-0.5", children: navItems.map((item) => {
                   var _a;
                   const Icon = item.icon;
                   const active = Boolean(item.active);
-                  const link = /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+                  const link = /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
                     import_link2.default,
                     {
                       href: item.href,
@@ -4066,7 +4616,7 @@ function SuiteSidebar({
                         collapsed ? "mx-auto size-11 shrink-0 justify-center gap-0 px-0 py-0" : "w-full px-2.5 py-2"
                       ),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                           "span",
                           {
                             className: cn(
@@ -4074,7 +4624,7 @@ function SuiteSidebar({
                               item.iconClassName
                             ),
                             "aria-hidden": true,
-                            children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                            children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                               Icon,
                               {
                                 className: "h-full w-full",
@@ -4083,7 +4633,7 @@ function SuiteSidebar({
                             )
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                           "span",
                           {
                             className: cn(
@@ -4094,14 +4644,14 @@ function SuiteSidebar({
                             children: item.label
                           }
                         ),
-                        !collapsed && item.badge ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "relative ml-auto shrink-0", children: item.badge }) : null
+                        !collapsed && item.badge ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "relative ml-auto shrink-0", children: item.badge }) : null
                       ]
                     },
                     item.label
                   );
-                  return collapsed ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Tooltip, { content: item.label, side: "right", children: link }, item.label) : link;
+                  return collapsed ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Tooltip, { content: item.label, side: "right", children: link }, item.label) : link;
                 }) }) }),
-                secondaryNav ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                secondaryNav ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                   "div",
                   {
                     className: "min-h-0 flex-1",
@@ -4113,7 +4663,7 @@ function SuiteSidebar({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           "div",
           {
             className: cn(
@@ -4121,7 +4671,7 @@ function SuiteSidebar({
               surface ? "bg-ph-surface" : "bg-ph-canvas",
               collapsed ? "p-1.5" : "p-3"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
               "div",
               {
                 className: cn(
@@ -4130,14 +4680,14 @@ function SuiteSidebar({
                 ),
                 children: [
                   renderNode(userMenu, collapsed),
-                  showAskAi ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                  showAskAi ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                     "div",
                     {
                       className: cn("shrink-0", collapsed ? "mt-2" : "ml-auto"),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Tooltip, { content: "Shelly AI", side: collapsed ? "right" : "top", children: askAiButton })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Tooltip, { content: "Shelly AI", side: collapsed ? "right" : "top", children: askAiButton })
                     }
-                  ) : footerExtras ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("shrink-0", collapsed ? "mt-2" : "ml-auto"), children: renderNode(footerExtras, collapsed) }) : null,
-                  showAskAi && footerExtras ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("shrink-0", collapsed && "mt-2"), children: renderNode(footerExtras, collapsed) }) : null
+                  ) : footerExtras ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("shrink-0", collapsed ? "mt-2" : "ml-auto"), children: renderNode(footerExtras, collapsed) }) : null,
+                  showAskAi && footerExtras ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("shrink-0", collapsed && "mt-2"), children: renderNode(footerExtras, collapsed) }) : null
                 ]
               }
             )
@@ -4149,7 +4699,7 @@ function SuiteSidebar({
 }
 
 // src/suite/components/suite-app-layout.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function SuiteAppLayout({
   sidebar,
   children,
@@ -4163,7 +4713,7 @@ function SuiteAppLayout({
   onResetWidth,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     "div",
     {
       "data-test": "app-shell",
@@ -4172,15 +4722,15 @@ function SuiteAppLayout({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
           "aside",
           {
             className: "relative hidden shrink-0 flex-col overflow-visible border-r border-ph-border ease-out lg:flex",
             style: { width: `${sidebarWidth}px` },
             "data-collapsed": collapsed ? "true" : "false",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "relative z-0 h-full min-h-0 isolate", children: sidebar }),
-              onStartResize ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "relative z-0 h-full min-h-0 isolate", children: sidebar }),
+              onStartResize ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 "div",
                 {
                   role: "separator",
@@ -4208,9 +4758,9 @@ function SuiteAppLayout({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [
-          mobileHeader ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "shrink-0 lg:hidden", children: mobileHeader }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [
+          mobileHeader ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "shrink-0 lg:hidden", children: mobileHeader }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "main",
             {
               id: "main-content",
@@ -4224,12 +4774,686 @@ function SuiteAppLayout({
               children
             }
           ),
-          bottomNav ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "shrink-0 lg:hidden", children: bottomNav }) : null
+          bottomNav ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "shrink-0 lg:hidden", children: bottomNav }) : null
         ] })
       ]
     }
   );
 }
+
+// src/suite/components/suite-integration-picker.tsx
+var import_react25 = require("react");
+var import_iconoir_react11 = require("iconoir-react");
+
+// src/components/ui/Button.tsx
+var import_react21 = require("react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var variantClass = {
+  primary: "ph-btn-primary",
+  secondary: "ph-btn-secondary",
+  tertiary: "ph-btn-tertiary",
+  signal: "ph-btn-signal",
+  accent: "ph-btn-accent",
+  neutral: "ph-btn-neutral",
+  info: "ph-btn-info",
+  success: "ph-btn-success",
+  warning: "ph-btn-warning",
+  danger: "ph-btn-danger",
+  ghost: "ph-btn-ghost",
+  link: "ph-btn-link"
+};
+var sizeClass = {
+  xs: "ph-btn-xs",
+  sm: "ph-btn-sm",
+  md: "",
+  lg: "ph-btn-lg"
+};
+var shapeClass = {
+  default: "",
+  circle: "ph-btn-circle",
+  square: "ph-btn-square",
+  wide: "ph-btn-wide"
+};
+var Button = (0, import_react21.forwardRef)(function Button2(_a, ref) {
+  var _b = _a, {
+    variant = "secondary",
+    size = "md",
+    shape = "default",
+    outline = false,
+    split = false,
+    icon,
+    sideIcon,
+    loading = false,
+    loadingLabel,
+    className,
+    children,
+    type = "button",
+    disabled
+  } = _b, props = __objRest(_b, [
+    "variant",
+    "size",
+    "shape",
+    "outline",
+    "split",
+    "icon",
+    "sideIcon",
+    "loading",
+    "loadingLabel",
+    "className",
+    "children",
+    "type",
+    "disabled"
+  ]);
+  const usesLemonChrome = !["tertiary", "ghost", "link"].includes(variant);
+  const label = loadingLabel != null ? loadingLabel : children;
+  const leadingIcon = loading ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "ph-btn-spinner", "aria-hidden": true }) : icon;
+  const content = usesLemonChrome ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ButtonChrome, { label, icon: leadingIcon, sideIcon, split }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+    leadingIcon != null ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "ph-btn-icon", children: leadingIcon }) : null,
+    label != null ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "ph-btn-label", children: label }) : null,
+    split ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "ph-btn-split-divider", "aria-hidden": true }) : null,
+    sideIcon != null ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "ph-btn-side-icon", children: sideIcon }) : null
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    "button",
+    __spreadProps(__spreadValues({
+      ref,
+      type,
+      disabled: disabled || loading,
+      "aria-busy": loading || void 0,
+      className: cn2(
+        "ph-btn",
+        usesLemonChrome && "ph-btn-raised",
+        outline && "ph-btn-outline",
+        variantClass[variant],
+        sizeClass[size],
+        shapeClass[shape],
+        split && "ph-btn-split",
+        className
+      )
+    }, props), {
+      children: content
+    })
+  );
+});
+Button.displayName = "Button";
+
+// src/components/ui/Input.tsx
+var import_react23 = require("react");
+
+// src/components/ui/FormField.tsx
+var import_react22 = require("react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+function FormField(_a) {
+  var _b = _a, {
+    controlId,
+    label,
+    hideLabel = false,
+    helperText,
+    error,
+    required = false,
+    disabled = false,
+    children,
+    className
+  } = _b, props = __objRest(_b, [
+    "controlId",
+    "label",
+    "hideLabel",
+    "helperText",
+    "error",
+    "required",
+    "disabled",
+    "children",
+    "className"
+  ]);
+  const generatedId = (0, import_react22.useId)();
+  const id = controlId != null ? controlId : generatedId;
+  const descriptionId = helperText && !error ? `${id}-description` : void 0;
+  const errorId = error ? `${id}-error` : void 0;
+  const controlProps = {
+    id,
+    "aria-describedby": descriptionId,
+    "aria-errormessage": errorId,
+    "aria-invalid": error ? true : void 0
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", __spreadProps(__spreadValues({ className: cn2("ph-field", className) }, props), { children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+      "label",
+      {
+        htmlFor: id,
+        className: cn2("ph-label", hideLabel && "sr-only", disabled && "opacity-50"),
+        children: [
+          label,
+          required ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { "aria-hidden": "true", children: " *" }) : null
+        ]
+      }
+    ) : null,
+    typeof children === "function" ? children(controlProps) : children,
+    descriptionId ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { id: descriptionId, className: "mt-1 text-xs text-ph-subtle", children: helperText }) : null,
+    errorId ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { id: errorId, className: "mt-1 text-xs font-medium text-ph-danger", children: error }) : null
+  ] }));
+}
+
+// src/components/ui/Input.tsx
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var sizeMap = {
+  sm: "ph-input-sm",
+  md: "",
+  lg: "ph-input-lg"
+};
+function joinIds(...ids) {
+  const value = ids.filter(Boolean).join(" ");
+  return value || void 0;
+}
+var Input = (0, import_react23.forwardRef)(function Input2(_a, ref) {
+  var _b = _a, {
+    id: idProp,
+    label,
+    hideLabel = false,
+    error,
+    helperText,
+    size = "md",
+    variant = "default",
+    className,
+    wrapperClassName,
+    disabled,
+    required,
+    "aria-describedby": ariaDescribedBy
+  } = _b, props = __objRest(_b, [
+    "id",
+    "label",
+    "hideLabel",
+    "error",
+    "helperText",
+    "size",
+    "variant",
+    "className",
+    "wrapperClassName",
+    "disabled",
+    "required",
+    "aria-describedby"
+  ]);
+  const autoId = (0, import_react23.useId)();
+  const id = idProp != null ? idProp : autoId;
+  const hasError = Boolean(error);
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    FormField,
+    {
+      controlId: id,
+      label,
+      hideLabel,
+      helperText,
+      error,
+      required,
+      disabled,
+      className: wrapperClassName,
+      children: (fieldProps) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        "input",
+        __spreadValues(__spreadProps(__spreadValues({}, fieldProps), {
+          ref,
+          disabled,
+          required,
+          "aria-describedby": joinIds(ariaDescribedBy, fieldProps["aria-describedby"]),
+          className: cn2(
+            "ph-input w-full",
+            sizeMap[size],
+            variant === "ghost" && "ph-input-ghost",
+            hasError && "ph-input-error",
+            disabled && "cursor-not-allowed opacity-60",
+            className
+          )
+        }), props)
+      )
+    }
+  );
+});
+Input.displayName = "Input";
+var Select = (0, import_react23.forwardRef)(function Select2(_a, ref) {
+  var _b = _a, {
+    id: idProp,
+    label,
+    hideLabel = false,
+    error,
+    helperText,
+    size = "md",
+    className,
+    wrapperClassName,
+    disabled,
+    children,
+    required,
+    "aria-describedby": ariaDescribedBy
+  } = _b, props = __objRest(_b, [
+    "id",
+    "label",
+    "hideLabel",
+    "error",
+    "helperText",
+    "size",
+    "className",
+    "wrapperClassName",
+    "disabled",
+    "children",
+    "required",
+    "aria-describedby"
+  ]);
+  const autoId = (0, import_react23.useId)();
+  const id = idProp != null ? idProp : autoId;
+  const hasError = Boolean(error);
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(FormField, { controlId: id, label, hideLabel, helperText, error, required, disabled, className: wrapperClassName, children: (fieldProps) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    "select",
+    __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, fieldProps), {
+      ref,
+      disabled,
+      required,
+      "aria-describedby": joinIds(ariaDescribedBy, fieldProps["aria-describedby"]),
+      className: cn2(
+        "ph-select w-full",
+        sizeMap[size],
+        hasError && "ph-input-error",
+        disabled && "cursor-not-allowed opacity-60",
+        className
+      )
+    }), props), {
+      children
+    })
+  ) });
+});
+Select.displayName = "Select";
+var Textarea = (0, import_react23.forwardRef)(function Textarea2(_a, ref) {
+  var _b = _a, {
+    id: idProp,
+    label,
+    hideLabel = false,
+    error,
+    helperText,
+    size = "md",
+    className,
+    wrapperClassName,
+    disabled,
+    required,
+    "aria-describedby": ariaDescribedBy
+  } = _b, props = __objRest(_b, [
+    "id",
+    "label",
+    "hideLabel",
+    "error",
+    "helperText",
+    "size",
+    "className",
+    "wrapperClassName",
+    "disabled",
+    "required",
+    "aria-describedby"
+  ]);
+  const autoId = (0, import_react23.useId)();
+  const id = idProp != null ? idProp : autoId;
+  const hasError = Boolean(error);
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(FormField, { controlId: id, label, hideLabel, helperText, error, required, disabled, className: wrapperClassName, children: (fieldProps) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    "textarea",
+    __spreadValues(__spreadProps(__spreadValues({}, fieldProps), {
+      ref,
+      disabled,
+      required,
+      "aria-describedby": joinIds(ariaDescribedBy, fieldProps["aria-describedby"]),
+      className: cn2(
+        "ph-textarea w-full",
+        sizeMap[size],
+        hasError && "ph-input-error",
+        disabled && "cursor-not-allowed opacity-60",
+        className
+      )
+    }), props)
+  ) });
+});
+Textarea.displayName = "Textarea";
+var Checkbox = (0, import_react23.forwardRef)(function Checkbox2(_a, ref) {
+  var _b = _a, {
+    id: idProp,
+    label,
+    error,
+    helperText,
+    className,
+    wrapperClassName,
+    disabled,
+    "aria-describedby": ariaDescribedBy
+  } = _b, props = __objRest(_b, [
+    "id",
+    "label",
+    "error",
+    "helperText",
+    "className",
+    "wrapperClassName",
+    "disabled",
+    "aria-describedby"
+  ]);
+  const autoId = (0, import_react23.useId)();
+  const id = idProp != null ? idProp : autoId;
+  const hasError = Boolean(error);
+  const descriptionId = helperText && !hasError ? `${id}-description` : void 0;
+  const errorId = error ? `${id}-error` : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: cn2("ph-control-row", wrapperClassName), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "ph-checkbox-wrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        "input",
+        __spreadValues({
+          ref,
+          id,
+          type: "checkbox",
+          disabled,
+          "aria-invalid": hasError || void 0,
+          "aria-describedby": joinIds(ariaDescribedBy, descriptionId),
+          "aria-errormessage": errorId,
+          className: cn2(
+            "ph-checkbox",
+            hasError && "border-ph-danger",
+            disabled && "cursor-not-allowed opacity-60",
+            className
+          )
+        }, props)
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(IconCheck, { className: "ph-checkbox-icon", "aria-hidden": true })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "ph-control-copy", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("label", { htmlFor: id, className: cn2("cursor-pointer", disabled && "opacity-60"), children: label }),
+      descriptionId ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { id: descriptionId, className: "text-xs text-ph-subtle", children: helperText }) : null,
+      errorId ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { id: errorId, className: "text-xs font-medium text-ph-danger", children: error }) : null
+    ] })
+  ] });
+});
+Checkbox.displayName = "Checkbox";
+var Radio = (0, import_react23.forwardRef)(function Radio2(_a, ref) {
+  var _b = _a, {
+    id: idProp,
+    label,
+    className,
+    wrapperClassName,
+    disabled
+  } = _b, props = __objRest(_b, [
+    "id",
+    "label",
+    "className",
+    "wrapperClassName",
+    "disabled"
+  ]);
+  const autoId = (0, import_react23.useId)();
+  const id = idProp != null ? idProp : autoId;
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: cn2("ph-control-row", wrapperClassName, disabled && "opacity-60"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      "input",
+      __spreadValues({
+        ref,
+        id,
+        type: "radio",
+        disabled,
+        className: cn2("ph-radio", disabled && "cursor-not-allowed", className)
+      }, props)
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("label", { htmlFor: id, className: cn2("cursor-pointer", disabled && "opacity-60"), children: label })
+  ] });
+});
+Radio.displayName = "Radio";
+var Toggle = (0, import_react23.forwardRef)(function Toggle2(_a, ref) {
+  var _b = _a, {
+    id: idProp,
+    label,
+    className,
+    wrapperClassName,
+    disabled
+  } = _b, props = __objRest(_b, [
+    "id",
+    "label",
+    "className",
+    "wrapperClassName",
+    "disabled"
+  ]);
+  const autoId = (0, import_react23.useId)();
+  const id = idProp != null ? idProp : autoId;
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("label", { className: cn2("ph-control-row-between", wrapperClassName, disabled && "opacity-60"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: disabled ? "opacity-60" : void 0, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      "input",
+      __spreadValues({
+        ref,
+        id,
+        type: "checkbox",
+        role: "switch",
+        disabled,
+        className: cn2("ph-toggle", disabled && "cursor-not-allowed", className)
+      }, props)
+    )
+  ] });
+});
+Toggle.displayName = "Toggle";
+var Range = (0, import_react23.forwardRef)(function Range2(_a, ref) {
+  var _b = _a, {
+    id: idProp,
+    label,
+    minLabel,
+    maxLabel,
+    valueLabel,
+    wrapperClassName,
+    className
+  } = _b, props = __objRest(_b, [
+    "id",
+    "label",
+    "minLabel",
+    "maxLabel",
+    "valueLabel",
+    "wrapperClassName",
+    "className"
+  ]);
+  const autoId = (0, import_react23.useId)();
+  const id = idProp != null ? idProp : autoId;
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: cn2("ph-field", wrapperClassName), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("label", { htmlFor: id, className: "ph-label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("input", __spreadValues({ ref, id, type: "range", className: cn2("ph-range", className) }, props)),
+    (minLabel || valueLabel || maxLabel) && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex justify-between text-xs text-ph-mutedtext", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: minLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: valueLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: maxLabel })
+    ] })
+  ] });
+});
+Range.displayName = "Range";
+var FileUpload = (0, import_react23.forwardRef)(function FileUpload2(_a, ref) {
+  var _b = _a, {
+    id: idProp,
+    label,
+    prompt = "Drop file or browse",
+    wrapperClassName,
+    className
+  } = _b, props = __objRest(_b, [
+    "id",
+    "label",
+    "prompt",
+    "wrapperClassName",
+    "className"
+  ]);
+  const autoId = (0, import_react23.useId)();
+  const id = idProp != null ? idProp : autoId;
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: cn2("ph-field", wrapperClassName), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("label", { htmlFor: id, className: "ph-label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("label", { htmlFor: id, className: "ph-file-upload", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("input", __spreadValues({ ref, id, type: "file", className: cn2("sr-only", className) }, props)),
+      prompt
+    ] })
+  ] });
+});
+FileUpload.displayName = "FileUpload";
+
+// src/components/ui/Modal.tsx
+var Dialog = __toESM(require("@radix-ui/react-dialog"));
+var import_react24 = require("react");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var sizeMap2 = {
+  sm: "max-w-sm",
+  md: "max-w-lg",
+  lg: "max-w-2xl",
+  xl: "max-w-4xl",
+  full: "max-w-none"
+};
+function Modal({
+  open = false,
+  onClose,
+  title,
+  description,
+  children,
+  footer,
+  size = "md",
+  className,
+  customLayout = false,
+  showCloseButton = true,
+  closeOnOutsideClick = true,
+  closeOnEscape = true,
+  dataTest,
+  panelDataTest,
+  zIndex,
+  id,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy
+}) {
+  const canDismiss = Boolean(onClose);
+  const restoreFocusRef = (0, import_react24.useRef)(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    Dialog.Root,
+    {
+      open,
+      onOpenChange: (nextOpen) => {
+        if (!nextOpen) onClose == null ? void 0 : onClose();
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Dialog.Portal, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          Dialog.Overlay,
+          {
+            "data-test": dataTest,
+            className: "ph-modal-overlay",
+            style: zIndex ? { zIndex } : void 0
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          Dialog.Content,
+          __spreadProps(__spreadValues(__spreadProps(__spreadValues(__spreadValues({
+            id,
+            "data-test": panelDataTest,
+            className: cn2("ph-modal-panel", sizeMap2[size], className)
+          }, ariaLabel ? { "aria-label": ariaLabel } : {}), ariaLabelledBy ? { "aria-labelledby": ariaLabelledBy } : {}), {
+            style: zIndex ? { zIndex } : void 0
+          }), description ? {} : { "aria-describedby": void 0 }), {
+            onOpenAutoFocus: () => {
+              restoreFocusRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+            },
+            onCloseAutoFocus: (event) => {
+              var _a;
+              event.preventDefault();
+              (_a = restoreFocusRef.current) == null ? void 0 : _a.focus();
+            },
+            onEscapeKeyDown: (event) => {
+              if (!canDismiss || !closeOnEscape) event.preventDefault();
+            },
+            onPointerDownOutside: (event) => {
+              if (!canDismiss || !closeOnOutsideClick) event.preventDefault();
+            },
+            children: customLayout ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Dialog.Title, { className: "sr-only", children: ariaLabel != null ? ariaLabel : "Dialog" }),
+              children
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+              title ? null : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Dialog.Title, { className: "sr-only", children: ariaLabel != null ? ariaLabel : "Dialog" }),
+              title || description || showCloseButton && canDismiss ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("header", { className: "ph-modal-header", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "min-w-0", children: [
+                  title ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Dialog.Title, { className: "text-lg font-bold text-ph-ink", children: title }) : null,
+                  description ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Dialog.Description, { className: "mt-1 text-sm text-ph-subtle", children: description }) : null
+                ] }),
+                showCloseButton && canDismiss ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    className: "ph-modal-close",
+                    "aria-label": "Close dialog",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(IconClose, { className: "h-5 w-5", "aria-hidden": true })
+                  }
+                ) }) : null
+              ] }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "ph-modal-body", children }),
+              footer ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "ph-modal-footer", children: footer }) : null
+            ] })
+          })
+        )
+      ] })
+    }
+  );
+}
+
+// src/suite/components/suite-integration-picker.tsx
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var DESCRIPTION_LIMIT = 90;
+function SuiteIntegrationPicker({
+  open,
+  items,
+  connectedItems = [],
+  loading = false,
+  onClose,
+  onConnect,
+  onDisconnect,
+  title = "Integrate an app",
+  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 [expanded, setExpanded] = (0, import_react25.useState)(null);
+  const categories = (0, import_react25.useMemo)(
+    () => Array.from(new Set(items.flatMap((item) => {
+      var _a;
+      return (_a = item.categories) != null ? _a : [];
+    }))).sort(),
+    [items]
+  );
+  const filtered = items.filter((item) => {
+    var _a;
+    const haystack = `${item.label} ${item.description}`.toLowerCase();
+    return haystack.includes(query.trim().toLowerCase()) && (category === "all" || ((_a = item.categories) != null ? _a : []).includes(category));
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Modal, { open, onClose, title, description, size: "xl", dataTest, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Input, { value: query, onChange: (event) => setQuery(event.target.value), placeholder: "Search apps...", "aria-label": "Search apps" }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex flex-wrap gap-2", role: "group", "aria-label": "Integration categories", children: ["all", ...categories].map((value) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("button", { type: "button", onClick: () => setCategory(value), className: category === value ? "rounded-full bg-ph-brand px-3 py-1.5 text-xs font-semibold text-white" : "rounded-full border border-ph-border px-3 py-1.5 text-xs text-ph-subtle hover:bg-ph-muted", children: value === "all" ? "All apps" : value }, value)) }),
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-sm text-ph-subtle", children: "Loading apps..." }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "grid max-h-[60vh] gap-3 overflow-y-auto sm:grid-cols-2 lg:grid-cols-3", children: filtered.map((item) => {
+      var _a, _b;
+      const isExpanded = expanded === item.id;
+      const longDescription = item.description.length > DESCRIPTION_LIMIT;
+      const text = isExpanded || !longDescription ? item.description : `${item.description.slice(0, DESCRIPTION_LIMIT).trimEnd()}...`;
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex min-h-36 flex-col justify-between rounded-xl border border-ph-border bg-ph-surface p-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("button", { type: "button", className: "text-left", onClick: () => longDescription && setExpanded(isExpanded ? null : item.id), "aria-expanded": isExpanded, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("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__ */ (0, import_jsx_runtime36.jsx)(import_iconoir_react11.Server, { className: "h-5 w-5", "aria-hidden": true }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "block font-medium text-ph-ink", children: item.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "mt-1 block text-xs text-ph-subtle", children: text }),
+            longDescription ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "mt-1 block text-xs font-medium text-ph-brand", children: [
+              isExpanded ? "See less" : "See more",
+              " ",
+              isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_iconoir_react11.NavArrowUp, { className: "inline h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_iconoir_react11.NavArrowDown, { className: "inline h-3 w-3" })
+            ] }) : null
+          ] })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Button, { type: "button", variant: "primary", className: "mt-3 self-start", disabled: Boolean(item.unavailableReason) || item.connecting, onClick: () => onConnect(item), children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_iconoir_react11.Server, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+          item.connecting ? "Connecting..." : (_b = item.unavailableReason) != null ? _b : "Connect"
+        ] }) })
+      ] }, item.id);
+    }) }),
+    connectedItems.length > 0 && onDisconnect ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "space-y-2 border-t border-ph-border pt-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h3", { className: "font-medium text-ph-ink", children: "Connected apps" }),
+      connectedItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center justify-between gap-3 rounded-lg border border-ph-border bg-ph-muted p-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "flex min-w-0 items-center gap-2 text-sm text-ph-ink", children: [
+          item.icon,
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "truncate", children: item.label })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Button, { type: "button", variant: "danger", onClick: () => onDisconnect(item), children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_iconoir_react11.Xmark, { className: "h-4 w-4", "aria-hidden": true }),
+          "Disconnect"
+        ] }) })
+      ] }, item.id))
+    ] }) : null
+  ] }) });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   APP_ACCENTS,
@@ -4266,6 +5490,7 @@ function SuiteAppLayout({
   SuiteBreadcrumbs,
   SuiteEmptyState,
   SuiteIcon,
+  SuiteIntegrationPicker,
   SuiteMobileDrawer,
   SuiteMobileHeader,
   SuiteMotionProvider,