@xenide-io/the-old-ui-theme 0.6.7 → 0.6.9

package/dist/suite.mjs

@@ -798,7 +798,7 @@ function TodayLayout({
   );
 }
 function TodayAskAiCard({
-  title = "Ask AI",
+  title = "Shelly AI",
   description = "Ask about your workspace, draft something, or look a fact up online.",
   cta = "Ask",
   className,
@@ -1131,6 +1131,31 @@ function resolveSuiteNotificationHref(href, sourceApp) {
   if (!slug) return path;
   return `${suiteAppBaseUrl(slug)}${path}`;
 }
+function classifySuiteHref(href, bases, currentOrigin = "") {
+  let url;
+  try {
+    url = new URL(href, currentOrigin || "http://local.invalid");
+  } catch (e) {
+    return null;
+  }
+  if (url.protocol !== "http:" && url.protocol !== "https:") return null;
+  for (const slug of Object.keys(bases)) {
+    const base = bases[slug];
+    if (!base) continue;
+    try {
+      if (new URL(base).origin !== url.origin) continue;
+    } catch (e) {
+      continue;
+    }
+    const path = `${url.pathname}${url.search}${url.hash}` || "/";
+    return {
+      slug,
+      path,
+      sameApp: Boolean(currentOrigin && url.origin === currentOrigin)
+    };
+  }
+  return null;
+}
 
 // src/suite/components/suite-notification-bell.tsx
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
@@ -2136,6 +2161,7 @@ import {
   Suspense,
   useCallback as useCallback2,
   useEffect as useEffect6,
+  useId,
   useLayoutEffect,
   useRef as useRef3,
   useState as useState7
@@ -2143,18 +2169,18 @@ import {
 import {
   ArrowDown,
   ArrowUp,
-  Check as Check2,
-  Copy,
   Erase,
   Sparks,
   Square,
-  WarningTriangle,
-  Xmark as X2
+  WarningTriangle
 } from "iconoir-react";
-import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 var SuiteAiBlockNoteMessage = lazy(() => import("./ai-message-blocknote-DIUICX3G.mjs"));
 var SUITE_OPEN_ASK_AI_EVENT = "shellstack:open-ask-ai";
+var pendingAskAiPrompt = null;
 function openSuiteAskAi(detail) {
+  var _a;
+  pendingAskAiPrompt = ((_a = detail == null ? void 0 : detail.prompt) == null ? void 0 : _a.trim()) || null;
   if (typeof window === "undefined") return;
   window.dispatchEvent(
     new CustomEvent(SUITE_OPEN_ASK_AI_EVENT, {
@@ -2162,125 +2188,59 @@ function openSuiteAskAi(detail) {
     })
   );
 }
-var LAUNCHER_EDGE_GAP = 12;
-var LAUNCHER_STORAGE_KEY = "suite-ask-ai-launcher-position";
-function resolveSuiteAiLauncherPosition(edge, desiredX, desiredY, viewportWidth, viewportHeight, launcherWidth, launcherHeight) {
-  const maxX = Math.max(
-    LAUNCHER_EDGE_GAP,
-    viewportWidth - launcherWidth - LAUNCHER_EDGE_GAP
-  );
-  const maxY = Math.max(
-    LAUNCHER_EDGE_GAP,
-    viewportHeight - launcherHeight - LAUNCHER_EDGE_GAP
-  );
-  const clampX = (x) => Math.min(Math.max(x, LAUNCHER_EDGE_GAP), maxX);
-  const clampY = (y) => Math.min(Math.max(y, LAUNCHER_EDGE_GAP), maxY);
-  switch (edge) {
-    case "left":
-      return { x: LAUNCHER_EDGE_GAP, y: clampY(desiredY) };
-    case "right":
-      return { x: maxX, y: clampY(desiredY) };
-    case "top":
-      return { x: clampX(desiredX), y: LAUNCHER_EDGE_GAP };
-    case "bottom":
-      return { x: clampX(desiredX), y: maxY };
-  }
-}
-function resolveSuiteAiNearestEdge(x, y, width, height, viewportWidth, viewportHeight) {
-  const centerX = x + width / 2;
-  const centerY = y + height / 2;
-  const candidates = [
-    { edge: "left", distance: centerX },
-    { edge: "right", distance: viewportWidth - centerX },
-    { edge: "top", distance: centerY },
-    { edge: "bottom", distance: viewportHeight - centerY }
-  ];
-  return candidates.reduce(
-    (nearest, candidate) => candidate.distance < nearest.distance ? candidate : nearest
-  ).edge;
-}
-function resolveSuiteAiPanelSide(edge, x, viewportWidth) {
-  if (edge === "left") return "left";
-  if (edge === "right") return "right";
-  return x < viewportWidth / 2 ? "left" : "right";
+function consumePendingAskAiPrompt() {
+  const next = pendingAskAiPrompt;
+  pendingAskAiPrompt = null;
+  return next;
 }
 function SuiteAiPanel({
   presets = [],
-  emptyState = "Ask anything about your workspace, or look something up online.",
-  title = "Ask AI",
+  emptyState = "Ask when you are ready \u2014 overdue work, a running timer, or anything else.",
+  title = "Shelly AI",
   fetchChat,
   sendMessage,
   clearChat,
   brandIcon: BrandIcon,
   spinner: Spinner,
-  hideLauncher = false
+  open: openProp,
+  onOpenChange,
+  suiteAppBases,
+  onSwitchApp
 }) {
-  const [open, setOpen] = useState7(false);
+  const inputId = useId();
+  const [uncontrolledOpen, setUncontrolledOpen] = useState7(false);
+  const open = openProp != null ? openProp : uncontrolledOpen;
+  const setOpen = useCallback2(
+    (next) => {
+      if (openProp === void 0) setUncontrolledOpen(next);
+      onOpenChange == null ? void 0 : onOpenChange(next);
+    },
+    [onOpenChange, openProp]
+  );
   const [prompt, setPrompt] = useState7("");
   const [messages, setMessages] = useState7([]);
   const [loading, setLoading] = useState7(false);
   const [hydrating, setHydrating] = useState7(false);
   const [error, setError] = useState7("");
-  const [copiedId, setCopiedId] = useState7(null);
   const [atBottom, setAtBottom] = useState7(true);
-  const [launcherSide, setLauncherSide] = useState7("right");
-  const [panelSide, setPanelSide] = useState7("right");
-  const [launcherPosition, setLauncherPosition] = useState7(null);
-  const [draggingLauncher, setDraggingLauncher] = useState7(false);
   const scrollerRef = useRef3(null);
   const textareaRef = useRef3(null);
   const abortRef = useRef3(null);
-  const launcherRef = useRef3(null);
-  const launcherSideRef = useRef3("right");
-  const launcherPositionRef = useRef3(null);
-  const launcherDragRef = useRef3(null);
-  const suppressLauncherClickRef = useRef3(false);
   const pendingPromptRef = useRef3(null);
   useEffect6(() => {
-    const launcher = launcherRef.current;
-    if (!launcher) return;
-    let side = "right";
-    let desiredX = LAUNCHER_EDGE_GAP;
-    let desiredY = window.innerHeight - launcher.offsetHeight - 20;
-    try {
-      const stored = JSON.parse(
-        localStorage.getItem(LAUNCHER_STORAGE_KEY) || "null"
-      );
-      if ((stored == null ? void 0 : stored.side) === "top" || (stored == null ? void 0 : stored.side) === "right" || (stored == null ? void 0 : stored.side) === "bottom" || (stored == null ? void 0 : stored.side) === "left")
-        side = stored.side;
-      if (typeof (stored == null ? void 0 : stored.x) === "number") desiredX = stored.x;
-      if (typeof (stored == null ? void 0 : stored.y) === "number") desiredY = stored.y;
-    } catch (e) {
+    function onOpen(event) {
+      var _a;
+      const detail = event.detail;
+      const queued = ((_a = detail == null ? void 0 : detail.prompt) == null ? void 0 : _a.trim()) || consumePendingAskAiPrompt();
+      setOpen(true);
+      if (queued) {
+        pendingPromptRef.current = queued;
+        setPrompt(queued);
+      }
     }
-    launcherSideRef.current = side;
-    setLauncherSide(side);
-    const placeLauncher = () => {
-      var _a, _b, _c, _d;
-      const element = launcherRef.current;
-      if (!element) return;
-      const next = resolveSuiteAiLauncherPosition(
-        launcherSideRef.current,
-        (_b = (_a = launcherPositionRef.current) == null ? void 0 : _a.x) != null ? _b : desiredX,
-        (_d = (_c = launcherPositionRef.current) == null ? void 0 : _c.y) != null ? _d : desiredY,
-        window.innerWidth,
-        window.innerHeight,
-        element.offsetWidth,
-        element.offsetHeight
-      );
-      launcherPositionRef.current = next;
-      setLauncherPosition(next);
-      setPanelSide(
-        resolveSuiteAiPanelSide(
-          launcherSideRef.current,
-          next.x,
-          window.innerWidth
-        )
-      );
-    };
-    placeLauncher();
-    window.addEventListener("resize", placeLauncher);
-    return () => window.removeEventListener("resize", placeLauncher);
-  }, []);
+    window.addEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
+    return () => window.removeEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
+  }, [setOpen]);
   const scrollToBottom = useCallback2((behavior = "auto") => {
     const el = scrollerRef.current;
     if (!el) return;
@@ -2305,33 +2265,21 @@ function SuiteAiPanel({
       }
     } catch (err) {
       setError(
-        err instanceof Error ? err.message : "Could not load your Ask AI chat."
+        err instanceof Error ? err.message : "Could not load Shelly AI."
       );
     } finally {
       setHydrating(false);
     }
   }, [fetchChat]);
   useEffect6(() => {
-    function onOpen(event) {
-      var _a;
-      const detail = event.detail;
-      setOpen(true);
-      if ((_a = detail == null ? void 0 : detail.prompt) == null ? void 0 : _a.trim()) {
-        pendingPromptRef.current = detail.prompt.trim();
-        setPrompt(detail.prompt.trim());
-      }
-    }
-    window.addEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
-    return () => window.removeEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
-  }, []);
-  useEffect6(() => {
+    var _a;
     if (!open) return;
+    const queued = (_a = pendingPromptRef.current) != null ? _a : consumePendingAskAiPrompt();
+    pendingPromptRef.current = queued;
     void hydrate().then(() => {
       const pending = pendingPromptRef.current;
       pendingPromptRef.current = null;
-      if (pending) {
-        setPrompt(pending);
-      }
+      if (pending) setPrompt(pending);
     });
   }, [open, hydrate]);
   useEffect6(() => {
@@ -2341,14 +2289,6 @@ function SuiteAiPanel({
     var _a;
     if (open && !hydrating) (_a = textareaRef.current) == null ? void 0 : _a.focus();
   }, [open, hydrating]);
-  useEffect6(() => {
-    if (!open) return;
-    function onKey(event) {
-      if (event.key === "Escape") setOpen(false);
-    }
-    window.addEventListener("keydown", onKey);
-    return () => window.removeEventListener("keydown", onKey);
-  }, [open]);
   useLayoutEffect(() => {
     const el = textareaRef.current;
     if (!el) return;
@@ -2398,7 +2338,7 @@ function SuiteAiPanel({
   }
   function retry() {
     var _a;
-    const lastUser = (_a = [...messages].reverse().find((m2) => m2.role === "user")) == null ? void 0 : _a.content;
+    const lastUser = (_a = [...messages].reverse().find((message) => message.role === "user")) == null ? void 0 : _a.content;
     setError("");
     if (lastUser) void ask(lastUser);
     else void hydrate();
@@ -2415,421 +2355,350 @@ function SuiteAiPanel({
       );
     }
   }
-  async function copyMessage(index, content) {
-    try {
-      await navigator.clipboard.writeText(content);
-      setCopiedId(index);
-      window.setTimeout(() => setCopiedId(null), 1500);
-    } catch (e) {
-    }
-  }
-  function saveLauncherPosition(edge, position) {
-    try {
-      localStorage.setItem(
-        LAUNCHER_STORAGE_KEY,
-        JSON.stringify({ side: edge, x: position.x, y: position.y })
-      );
-    } catch (e) {
-    }
-  }
-  function dockLauncher(edge, desiredX, desiredY) {
-    const launcher = launcherRef.current;
-    if (!launcher) return;
-    const next = resolveSuiteAiLauncherPosition(
-      edge,
-      desiredX,
-      desiredY,
-      window.innerWidth,
-      window.innerHeight,
-      launcher.offsetWidth,
-      launcher.offsetHeight
-    );
-    launcherSideRef.current = edge;
-    launcherPositionRef.current = next;
-    setLauncherSide(edge);
-    setLauncherPosition(next);
-    setPanelSide(resolveSuiteAiPanelSide(edge, next.x, window.innerWidth));
-    saveLauncherPosition(edge, next);
-  }
-  function startLauncherDrag(event) {
-    if (event.pointerType === "mouse" && event.button !== 0) return;
-    const rect = event.currentTarget.getBoundingClientRect();
-    launcherDragRef.current = {
-      pointerId: event.pointerId,
-      offsetX: event.clientX - rect.left,
-      offsetY: event.clientY - rect.top,
-      startX: event.clientX,
-      startY: event.clientY
-    };
-    suppressLauncherClickRef.current = false;
-    event.currentTarget.setPointerCapture(event.pointerId);
-    setDraggingLauncher(true);
-  }
-  function moveLauncher(event) {
-    const drag = launcherDragRef.current;
-    if (!drag || drag.pointerId !== event.pointerId) return;
-    const launcher = event.currentTarget;
-    const maxX = Math.max(
-      LAUNCHER_EDGE_GAP,
-      window.innerWidth - launcher.offsetWidth - LAUNCHER_EDGE_GAP
-    );
-    const maxY = Math.max(
-      LAUNCHER_EDGE_GAP,
-      window.innerHeight - launcher.offsetHeight - LAUNCHER_EDGE_GAP
-    );
-    const next = {
-      x: Math.min(
-        Math.max(event.clientX - drag.offsetX, LAUNCHER_EDGE_GAP),
-        maxX
-      ),
-      y: Math.min(
-        Math.max(event.clientY - drag.offsetY, LAUNCHER_EDGE_GAP),
-        maxY
-      )
-    };
-    if (Math.hypot(event.clientX - drag.startX, event.clientY - drag.startY) > 4) {
-      suppressLauncherClickRef.current = true;
-    }
-    launcherPositionRef.current = next;
-    setLauncherPosition(next);
-  }
-  function finishLauncherDrag(event) {
-    var _a, _b, _c, _d;
-    const drag = launcherDragRef.current;
-    if (!drag || drag.pointerId !== event.pointerId) return;
-    if (event.currentTarget.hasPointerCapture(event.pointerId)) {
-      event.currentTarget.releasePointerCapture(event.pointerId);
+  function onConversationClick(event) {
+    var _a;
+    if (event.defaultPrevented) return;
+    if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {
+      return;
     }
-    launcherDragRef.current = null;
-    setDraggingLauncher(false);
-    const rect = event.currentTarget.getBoundingClientRect();
-    const currentX = (_b = (_a = launcherPositionRef.current) == null ? void 0 : _a.x) != null ? _b : rect.left;
-    const currentY = (_d = (_c = launcherPositionRef.current) == null ? void 0 : _c.y) != null ? _d : rect.top;
-    const edge = resolveSuiteAiNearestEdge(
-      currentX,
-      currentY,
-      rect.width,
-      rect.height,
-      window.innerWidth,
-      window.innerHeight
+    const anchor = (_a = event.target) == null ? void 0 : _a.closest("a");
+    if (!anchor || !suiteAppBases) return;
+    const href = anchor.href;
+    if (!href) return;
+    const match = classifySuiteHref(
+      href,
+      suiteAppBases,
+      window.location.origin
     );
-    dockLauncher(edge, currentX, currentY);
-  }
-  function moveLauncherWithKeyboard(event) {
-    var _a, _b, _c, _d;
-    const edgeByKey = {
-      ArrowLeft: "left",
-      ArrowRight: "right",
-      ArrowUp: "top",
-      ArrowDown: "bottom"
-    };
-    const edge = edgeByKey[event.key];
-    if (!edge) return;
+    if (!match) return;
     event.preventDefault();
-    const rect = event.currentTarget.getBoundingClientRect();
-    const currentX = (_b = (_a = launcherPositionRef.current) == null ? void 0 : _a.x) != null ? _b : rect.left;
-    const currentY = (_d = (_c = launcherPositionRef.current) == null ? void 0 : _c.y) != null ? _d : rect.top;
-    dockLauncher(edge, currentX, currentY);
+    if (match.sameApp) {
+      window.location.assign(match.path);
+      return;
+    }
+    if (onSwitchApp) onSwitchApp(match.slug, match.path);
+    else window.location.assign(anchor.href);
   }
+  if (!open) return null;
   const Icon = BrandIcon != null ? BrandIcon : Sparks;
-  return /* @__PURE__ */ jsxs15(Fragment5, { children: [
-    !hideLauncher ? /* @__PURE__ */ jsxs15(Fragment5, { children: [
-      /* @__PURE__ */ jsxs15(
-        "button",
-        {
-          ref: launcherRef,
-          type: "button",
-          "data-test": "ai-panel-launcher",
-          onClick: () => {
-            if (suppressLauncherClickRef.current) {
-              suppressLauncherClickRef.current = false;
-              return;
-            }
-            setOpen(true);
-          },
-          onPointerDown: startLauncherDrag,
-          onPointerMove: moveLauncher,
-          onPointerUp: finishLauncherDrag,
-          onPointerCancel: finishLauncherDrag,
-          onKeyDown: moveLauncherWithKeyboard,
-          className: `fixed z-30 flex touch-none select-none items-center gap-2 rounded-full border border-ph-border bg-ph-surface px-4 py-2.5 text-sm font-medium text-ph-ink shadow-ph hover:bg-ph-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-brand ${draggingLauncher ? "cursor-grabbing" : "cursor-grab"}`,
-          style: launcherPosition ? { left: launcherPosition.x, top: launcherPosition.y } : { bottom: 20, right: 20 },
-          "aria-label": "Open Ask AI",
-          "aria-describedby": "suite-ask-ai-launcher-help",
-          children: [
-            /* @__PURE__ */ jsx17(Icon, { className: "h-4 w-4 text-ph-brand" }),
-            "Ask AI"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx17("span", { id: "suite-ask-ai-launcher-help", className: "sr-only", children: "Drag to reposition, or use arrow keys. The launcher docks to the nearest screen edge." })
-    ] }) : null,
-    open ? /* @__PURE__ */ jsxs15(
-      "div",
-      {
-        className: "fixed inset-0 z-40",
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-label": title,
-        children: [
-          /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs15(
+    "aside",
+    {
+      className: "flex h-full min-h-0 flex-col bg-ph-canvas",
+      "data-test": "suite-ask-ai-panel",
+      "aria-label": title,
+      children: [
+        /* @__PURE__ */ jsxs15("header", { className: "flex items-center gap-2 px-2 pb-2", children: [
+          /* @__PURE__ */ jsx17("h2", { className: "sr-only", children: title }),
+          messages.length > 0 ? /* @__PURE__ */ jsxs15(
             "button",
             {
               type: "button",
-              className: "absolute inset-0 bg-ph-ink/25",
-              onClick: () => setOpen(false),
-              "aria-label": "Close Ask AI",
-              tabIndex: -1
+              onClick: () => void handleClear(),
+              disabled: loading,
+              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__ */ jsx17(Erase, { className: "h-3.5 w-3.5" }),
+                "Clear"
+              ]
             }
-          ),
+          ) : null
+        ] }),
+        /* @__PURE__ */ jsxs15("div", { className: "relative min-h-0 flex-1", children: [
           /* @__PURE__ */ jsxs15(
-            "aside",
+            "div",
             {
-              className: `absolute inset-y-0 flex w-full flex-col bg-ph-canvas shadow-2xl sm:max-w-xl ${panelSide === "left" ? "left-0 border-r border-ph-border" : "right-0 border-l border-ph-border"}`,
-              "data-test": "suite-ask-ai-panel",
+              ref: scrollerRef,
+              onScroll: handleScroll,
+              onClick: onConversationClick,
+              role: "log",
+              "aria-live": "polite",
+              "aria-label": "Conversation",
+              className: "suite-scroll-lock h-full space-y-5 overflow-y-auto px-2 py-3",
               children: [
-                /* @__PURE__ */ jsxs15("header", { className: "flex items-center gap-2 px-4 py-3", children: [
-                  /* @__PURE__ */ jsx17("h2", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-ph-ink", children: title }),
-                  messages.length > 0 ? /* @__PURE__ */ jsxs15(
+                hydrating && messages.length === 0 ? /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2 text-sm text-ph-subtle", children: [
+                  /* @__PURE__ */ jsx17(Spinner, { className: "h-4 w-4 animate-spin" }),
+                  "Loading your chat\u2026"
+                ] }) : null,
+                !hydrating && messages.length === 0 && !error ? /* @__PURE__ */ jsxs15("div", { className: "mx-auto mt-4 flex max-w-sm flex-col items-center px-1 text-center", children: [
+                  /* @__PURE__ */ jsx17("span", { className: "flex h-10 w-10 items-center justify-center rounded-2xl bg-ph-brand/10 text-ph-brand", children: /* @__PURE__ */ jsx17(Icon, { className: "h-5 w-5" }) }),
+                  /* @__PURE__ */ jsx17("p", { className: "mt-3 font-display text-base font-semibold text-ph-ink", children: "How can I help?" }),
+                  /* @__PURE__ */ jsx17("p", { className: "mt-1 text-sm leading-relaxed text-ph-subtle", children: emptyState }),
+                  presets.length > 0 ? /* @__PURE__ */ jsx17("div", { className: "mt-4 flex w-full flex-col gap-2", children: presets.map((preset) => /* @__PURE__ */ jsxs15(
                     "button",
                     {
                       type: "button",
-                      onClick: () => void handleClear(),
-                      disabled: loading,
-                      className: "inline-flex h-10 items-center gap-1.5 rounded-lg px-2.5 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",
+                      onClick: () => void ask(preset.prompt),
+                      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__ */ jsx17(Erase, { className: "h-3.5 w-3.5" }),
-                        "Clear"
+                        /* @__PURE__ */ jsx17(Sparks, { className: "h-4 w-4 shrink-0 text-ph-brand" }),
+                        /* @__PURE__ */ jsx17("span", { className: "min-w-0 flex-1 truncate", children: preset.label }),
+                        /* @__PURE__ */ jsx17(ArrowUp, { className: "h-3.5 w-3.5 shrink-0 rotate-45 text-ph-mutedtext transition-transform group-hover:translate-x-0.5" })
                       ]
-                    }
-                  ) : null,
-                  /* @__PURE__ */ jsx17(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => setOpen(false),
-                      className: "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-focus",
-                      "aria-label": "Close Ask AI",
-                      children: /* @__PURE__ */ jsx17(X2, { className: "h-4 w-4" })
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsxs15("div", { className: "relative min-h-0 flex-1", children: [
-                  /* @__PURE__ */ jsxs15(
+                    },
+                    preset.label
+                  )) }) : null
+                ] }) : null,
+                messages.map((message, index) => {
+                  const isUser = message.role === "user";
+                  if (isUser) {
+                    return /* @__PURE__ */ jsx17(
+                      "div",
+                      {
+                        className: "flex justify-end",
+                        "data-test": "ask-ai-user",
+                        children: /* @__PURE__ */ jsx17("div", { className: "w-fit max-w-[85%] whitespace-pre-wrap break-words rounded-2xl rounded-br-md bg-ph-brand px-3 py-2 text-sm leading-relaxed text-[var(--ph-on-accent)] [overflow-wrap:anywhere]", children: message.content })
+                      },
+                      `user-${index}`
+                    );
+                  }
+                  return /* @__PURE__ */ jsxs15(
                     "div",
                     {
-                      ref: scrollerRef,
-                      onScroll: handleScroll,
-                      role: "log",
-                      "aria-live": "polite",
-                      "aria-label": "Conversation",
-                      className: "suite-scroll-lock h-full space-y-5 overflow-y-auto px-4 py-5",
+                      className: "flex items-end gap-2",
+                      "data-test": "ask-ai-assistant",
                       children: [
-                        hydrating && messages.length === 0 ? /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2 text-sm text-ph-subtle", children: [
-                          /* @__PURE__ */ jsx17(Spinner, { className: "h-4 w-4 animate-spin" }),
-                          "Loading your chat\u2026"
-                        ] }) : null,
-                        !hydrating && messages.length === 0 && !error ? /* @__PURE__ */ jsxs15("div", { className: "mx-auto mt-6 flex max-w-sm flex-col items-center px-2 text-center", children: [
-                          /* @__PURE__ */ jsx17("span", { className: "flex h-12 w-12 items-center justify-center rounded-2xl bg-ph-brand/10 text-ph-brand", children: /* @__PURE__ */ jsx17(Icon, { className: "h-6 w-6" }) }),
-                          /* @__PURE__ */ jsx17("p", { className: "mt-4 font-display text-lg font-semibold text-ph-ink", children: "How can I help?" }),
-                          /* @__PURE__ */ jsx17("p", { className: "mt-1.5 text-sm leading-relaxed text-ph-subtle", children: emptyState }),
-                          presets.length > 0 ? /* @__PURE__ */ jsx17("div", { className: "mt-5 flex w-full flex-col gap-2", children: presets.map((preset) => /* @__PURE__ */ jsxs15(
-                            "button",
-                            {
-                              type: "button",
-                              onClick: () => void ask(preset.prompt),
-                              disabled: loading || hydrating,
-                              className: "group flex w-full items-center gap-2 rounded-xl border border-ph-border bg-ph-surface px-3.5 py-2.5 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__ */ jsx17(Sparks, { className: "h-4 w-4 shrink-0 text-ph-brand" }),
-                                /* @__PURE__ */ jsx17("span", { className: "min-w-0 flex-1 truncate", children: preset.label }),
-                                /* @__PURE__ */ jsx17(ArrowUp, { className: "h-3.5 w-3.5 shrink-0 rotate-45 text-ph-mutedtext transition-transform group-hover:translate-x-0.5" })
-                              ]
-                            },
-                            preset.label
-                          )) }) : null
-                        ] }) : null,
-                        messages.map((message, index) => {
-                          const isUser = message.role === "user";
-                          if (isUser) {
-                            return /* @__PURE__ */ jsx17(
-                              "div",
-                              {
-                                className: "flex justify-end",
-                                "data-test": "ask-ai-user",
-                                children: /* @__PURE__ */ jsx17("div", { className: "max-w-[min(85%,42rem)] whitespace-pre-wrap break-words rounded-2xl rounded-br-md bg-ph-brand/12 px-3.5 py-2.5 text-sm leading-relaxed text-ph-ink", children: message.content })
-                              },
-                              `user-${index}`
-                            );
+                        /* @__PURE__ */ jsx17(
+                          "span",
+                          {
+                            className: "mb-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-ph-brand/10 text-ph-brand",
+                            "aria-hidden": true,
+                            children: /* @__PURE__ */ jsx17(Icon, { className: "h-3.5 w-3.5" })
                           }
-                          return /* @__PURE__ */ jsxs15(
-                            "div",
-                            {
-                              className: "flex gap-3",
-                              "data-test": "ask-ai-assistant",
-                              children: [
-                                /* @__PURE__ */ jsx17(
-                                  "span",
-                                  {
-                                    className: "mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-ph-brand/10 text-ph-brand",
-                                    "aria-hidden": true,
-                                    children: /* @__PURE__ */ jsx17(Icon, { className: "h-4 w-4" })
-                                  }
-                                ),
-                                /* @__PURE__ */ jsxs15("div", { className: "min-w-0 flex-1", children: [
-                                  /* @__PURE__ */ jsx17("div", { className: "text-sm leading-relaxed text-ph-ink", children: /* @__PURE__ */ jsx17(
-                                    Suspense,
-                                    {
-                                      fallback: /* @__PURE__ */ jsx17("p", { className: "whitespace-pre-wrap break-words", children: message.content }),
-                                      children: /* @__PURE__ */ jsx17(
-                                        SuiteAiBlockNoteMessage,
-                                        {
-                                          markdown: message.content
-                                        }
-                                      )
-                                    }
-                                  ) }),
-                                  /* @__PURE__ */ jsxs15(
-                                    "button",
-                                    {
-                                      type: "button",
-                                      onClick: () => void copyMessage(index, message.content),
-                                      className: "mt-1.5 inline-flex items-center gap-1 rounded-md px-1.5 py-0.5 text-xs text-ph-mutedtext transition-colors hover:bg-ph-muted hover:text-ph-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus",
-                                      children: [
-                                        copiedId === index ? /* @__PURE__ */ jsx17(Check2, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx17(Copy, { className: "h-3 w-3" }),
-                                        copiedId === index ? "Copied" : "Copy"
-                                      ]
-                                    }
-                                  )
-                                ] })
-                              ]
-                            },
-                            `assistant-${index}`
-                          );
-                        }),
-                        loading ? /* @__PURE__ */ jsxs15("div", { className: "flex gap-3", "aria-hidden": true, children: [
-                          /* @__PURE__ */ jsx17("span", { className: "mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-ph-brand/10 text-ph-brand", children: /* @__PURE__ */ jsx17(Icon, { className: "h-4 w-4" }) }),
-                          /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-1.5 py-1.5", children: [
-                            /* @__PURE__ */ jsx17("span", { className: "h-1.5 w-1.5 rounded-full bg-ph-mutedtext motion-safe:animate-bounce" }),
-                            /* @__PURE__ */ jsx17("span", { className: "h-1.5 w-1.5 rounded-full bg-ph-mutedtext motion-safe:animate-bounce [animation-delay:0.15s]" }),
-                            /* @__PURE__ */ jsx17("span", { className: "h-1.5 w-1.5 rounded-full bg-ph-mutedtext motion-safe:animate-bounce [animation-delay:0.3s]" })
-                          ] })
-                        ] }) : null,
-                        loading ? /* @__PURE__ */ jsx17("span", { className: "sr-only", "aria-live": "polite", children: "Assistant is responding\u2026" }) : null,
-                        error ? /* @__PURE__ */ jsxs15(
-                          "div",
+                        ),
+                        /* @__PURE__ */ jsx17("div", { className: "min-w-0 max-w-[85%] rounded-2xl rounded-bl-md bg-ph-muted px-3 py-2 text-sm leading-relaxed text-ph-ink", children: /* @__PURE__ */ jsx17(
+                          Suspense,
                           {
-                            role: "alert",
-                            className: "flex items-start gap-2.5 rounded-xl border border-ph-danger/30 bg-ph-danger/10 px-3.5 py-3 text-sm text-ph-ink",
-                            children: [
-                              /* @__PURE__ */ jsx17(WarningTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-ph-danger" }),
-                              /* @__PURE__ */ jsxs15("div", { className: "min-w-0 flex-1", children: [
-                                /* @__PURE__ */ jsx17("p", { className: "font-medium text-ph-danger", children: "Something went wrong" }),
-                                /* @__PURE__ */ jsx17("p", { className: "mt-0.5 text-ph-subtle", children: error }),
-                                /* @__PURE__ */ jsx17(
-                                  "button",
-                                  {
-                                    type: "button",
-                                    onClick: retry,
-                                    disabled: loading,
-                                    className: "mt-2 inline-flex min-h-8 items-center gap-1.5 rounded-lg border border-ph-border bg-ph-surface px-2.5 text-xs font-medium text-ph-ink transition-colors hover:bg-ph-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus disabled:opacity-40",
-                                    children: "Try again"
-                                  }
-                                )
-                              ] })
-                            ]
+                            fallback: /* @__PURE__ */ jsx17("p", { className: "whitespace-pre-wrap break-words", children: message.content }),
+                            children: /* @__PURE__ */ jsx17(SuiteAiBlockNoteMessage, { markdown: message.content })
                           }
-                        ) : null
+                        ) })
                       ]
-                    }
-                  ),
-                  !atBottom ? /* @__PURE__ */ jsx17(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => scrollToBottom("smooth"),
-                      className: "absolute bottom-3 left-1/2 flex h-9 w-9 -translate-x-1/2 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 motion-safe:animate-[suite-ai-fade_150ms_ease-out]",
-                      "aria-label": "Scroll to latest",
-                      children: /* @__PURE__ */ jsx17(ArrowDown, { className: "h-4 w-4" })
-                    }
-                  ) : null
-                ] }),
-                /* @__PURE__ */ jsxs15("div", { className: "px-3 pb-[max(0.75rem,env(safe-area-inset-bottom))] pt-1", children: [
-                  /* @__PURE__ */ jsxs15("div", { className: "flex items-end gap-2 rounded-3xl border border-ph-border bg-ph-surface px-2 py-1 shadow-sm transition-colors focus-within:border-ph-brand/45 focus-within:ring-2 focus-within:ring-ph-focus/35", children: [
-                    /* @__PURE__ */ jsx17("label", { htmlFor: "suite-ask-ai-input", className: "sr-only", children: "Ask a question" }),
-                    /* @__PURE__ */ jsx17(
-                      "textarea",
-                      {
-                        id: "suite-ask-ai-input",
-                        ref: textareaRef,
-                        value: prompt,
-                        onChange: (e) => setPrompt(e.target.value),
-                        onKeyDown: (e) => {
-                          if (e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing) {
-                            e.preventDefault();
-                            void ask(prompt);
+                    },
+                    `assistant-${index}`
+                  );
+                }),
+                loading ? /* @__PURE__ */ jsxs15("div", { className: "flex items-end gap-2", "aria-hidden": true, children: [
+                  /* @__PURE__ */ jsx17("span", { className: "mb-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-ph-brand/10 text-ph-brand", children: /* @__PURE__ */ jsx17(Icon, { className: "h-3.5 w-3.5" }) }),
+                  /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-1.5 rounded-2xl rounded-bl-md bg-ph-muted px-3 py-2.5", children: [
+                    /* @__PURE__ */ jsx17("span", { className: "h-1.5 w-1.5 rounded-full bg-ph-mutedtext motion-safe:animate-bounce" }),
+                    /* @__PURE__ */ jsx17("span", { className: "h-1.5 w-1.5 rounded-full bg-ph-mutedtext motion-safe:animate-bounce [animation-delay:0.15s]" }),
+                    /* @__PURE__ */ jsx17("span", { className: "h-1.5 w-1.5 rounded-full bg-ph-mutedtext motion-safe:animate-bounce [animation-delay:0.3s]" })
+                  ] })
+                ] }) : null,
+                loading ? /* @__PURE__ */ jsx17("span", { className: "sr-only", "aria-live": "polite", children: "Assistant is responding\u2026" }) : null,
+                error ? /* @__PURE__ */ jsxs15(
+                  "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__ */ jsx17(WarningTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-ph-danger" }),
+                      /* @__PURE__ */ jsxs15("div", { className: "min-w-0 flex-1", children: [
+                        /* @__PURE__ */ jsx17("p", { className: "font-medium text-ph-danger", children: "Something went wrong" }),
+                        /* @__PURE__ */ jsx17("p", { className: "mt-0.5 text-ph-subtle", children: error }),
+                        /* @__PURE__ */ jsx17(
+                          "button",
+                          {
+                            type: "button",
+                            onClick: retry,
+                            disabled: loading,
+                            className: "mt-2 inline-flex min-h-8 items-center gap-1.5 rounded-lg border border-ph-border bg-ph-surface px-2.5 text-xs font-medium text-ph-ink transition-colors hover:bg-ph-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus disabled:opacity-40",
+                            children: "Try again"
                           }
-                        },
-                        placeholder: "Ask anything\u2026",
-                        rows: 1,
-                        "data-test": "ask-ai-input",
-                        className: "max-h-44 min-h-[44px] flex-1 resize-none bg-transparent px-2 py-2.5 text-sm leading-relaxed text-ph-ink outline-none placeholder:text-ph-mutedtext"
-                      }
-                    ),
-                    loading ? /* @__PURE__ */ jsx17(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: stop,
-                        "data-test": "ask-ai-stop",
-                        className: "flex h-11 w-11 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__ */ jsx17(Square, { className: "h-3.5 w-3.5 fill-current" })
-                      }
-                    ) : /* @__PURE__ */ jsx17(
-                      "button",
+                        )
+                      ] })
+                    ]
+                  }
+                ) : null
+              ]
+            }
+          ),
+          !atBottom ? /* @__PURE__ */ jsx17("div", { className: "absolute bottom-3 left-1/2 -translate-x-1/2", children: /* @__PURE__ */ jsx17(Tooltip, { content: "Scroll to latest", children: /* @__PURE__ */ jsx17(
+            "button",
+            {
+              type: "button",
+              onClick: () => scrollToBottom("smooth"),
+              className: "flex h-9 w-9 items-center justify-center rounded-full border border-ph-border bg-ph-surface text-ph-subtle shadow-ph-md transition-colors hover:text-ph-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-focus",
+              "aria-label": "Scroll to latest",
+              children: /* @__PURE__ */ jsx17(ArrowDown, { className: "h-4 w-4" })
+            }
+          ) }) }) : null
+        ] }),
+        /* @__PURE__ */ jsx17("div", { className: "px-2 pt-2 pb-[max(2rem,calc(env(safe-area-inset-bottom)+1rem))]", children: /* @__PURE__ */ jsxs15("div", { className: "flex items-end gap-1.5 rounded-2xl border border-ph-border bg-ph-surface px-1.5 py-1 transition-colors focus-within:border-ph-brand/45 focus-within:ring-2 focus-within:ring-ph-focus/35", children: [
+          /* @__PURE__ */ jsx17("label", { htmlFor: inputId, className: "sr-only", children: "Ask a question" }),
+          /* @__PURE__ */ jsx17(
+            "textarea",
+            {
+              id: inputId,
+              ref: textareaRef,
+              value: prompt,
+              onChange: (event) => setPrompt(event.target.value),
+              onKeyDown: (event) => {
+                if (event.key === "Enter" && !event.shiftKey && !event.nativeEvent.isComposing) {
+                  event.preventDefault();
+                  void ask(prompt);
+                }
+              },
+              placeholder: "Ask anything\u2026",
+              rows: 1,
+              "data-test": "ask-ai-input",
+              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__ */ jsx17(Tooltip, { content: "Stop generating", children: /* @__PURE__ */ jsx17(
+            "button",
+            {
+              type: "button",
+              onClick: stop,
+              "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__ */ jsx17(Square, { className: "h-3.5 w-3.5 fill-current" })
+            }
+          ) }) : /* @__PURE__ */ jsx17(Tooltip, { content: "Send message", children: /* @__PURE__ */ jsx17(
+            "button",
+            {
+              type: "button",
+              onClick: () => void ask(prompt),
+              disabled: !prompt.trim(),
+              "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__ */ jsx17(ArrowUp, { className: "h-4 w-4" })
+            }
+          ) })
+        ] }) })
+      ]
+    }
+  );
+}
+
+// src/suite/components/workspace-switcher.tsx
+import { useState as useState8 } from "react";
+import { Building, Check as Check2, NavArrowDown } from "iconoir-react";
+import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+function SuiteWorkspaceSwitcher({
+  workspaces = [],
+  groups,
+  currentId,
+  onSelect,
+  name,
+  collapsed = false,
+  emptyLabel = "No workspaces yet.",
+  dropdownMenu: DropdownMenu2,
+  dropdownItem: DropdownItem2,
+  triggerId,
+  triggerDataTest,
+  footer
+}) {
+  var _a;
+  const [open, setOpen] = useState8(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__ */ jsx18(
+    DropdownMenu2,
+    {
+      "aria-label": "Switch workspace",
+      triggerId: triggerId != null ? triggerId : "workspace-switcher-trigger",
+      triggerDataTest: triggerDataTest != null ? triggerDataTest : "workspace-switcher-trigger",
+      className: collapsed ? "w-11 shrink-0" : "w-full min-w-0 max-w-full [&_.ph-dropdown-trigger]:w-full",
+      panelClassName: "w-64 max-w-full",
+      align: "start",
+      open,
+      onOpenChange: setOpen,
+      trigger: /* @__PURE__ */ jsxs16(
+        "span",
+        {
+          className: cn(
+            "flex min-w-0 max-w-full items-center gap-2 rounded-lg border border-ph-border bg-ph-muted text-left transition-colors hover:bg-ph-muted",
+            collapsed ? "h-10 w-10 justify-center p-0" : "w-full px-3 py-2",
+            open && "border-ph-brand/40"
+          ),
+          "data-test": "workspace-switcher-trigger",
+          "aria-expanded": open,
+          children: [
+            /* @__PURE__ */ jsx18(Building, { className: "h-4 w-4 shrink-0 text-ph-ink", "aria-hidden": true }),
+            !collapsed ? /* @__PURE__ */ jsxs16(Fragment5, { children: [
+              /* @__PURE__ */ jsx18("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-ph-ink", children: name }),
+              /* @__PURE__ */ jsx18(
+                NavArrowDown,
+                {
+                  className: cn(
+                    "h-3.5 w-3.5 shrink-0 text-ph-mutedtext transition-transform",
+                    open && "rotate-180"
+                  ),
+                  "aria-hidden": true
+                }
+              )
+            ] }) : null
+          ]
+        }
+      ),
+      children: /* @__PURE__ */ jsxs16(
+        "div",
+        {
+          id: "workspace-switcher-menu",
+          className: "p-1",
+          "data-test": "workspace-switcher-menu",
+          children: [
+            sections.length === 0 ? /* @__PURE__ */ jsx18("p", { className: "px-3 py-2 text-sm text-ph-mutedtext", children: emptyLabel }) : sections.map((section) => /* @__PURE__ */ jsxs16("div", { children: [
+              /* @__PURE__ */ jsx18("p", { className: "px-3 py-2 text-[10px] font-semibold uppercase tracking-[0.14em] text-ph-mutedtext", children: section.label }),
+              section.workspaces.map((workspace) => /* @__PURE__ */ jsx18(
+                DropdownItem2,
+                {
+                  id: `workspace-option-${workspace.id}`,
+                  role: "option",
+                  "aria-selected": workspace.id === currentId,
+                  "data-test": "workspace-option",
+                  "data-workspace-id": workspace.id,
+                  onMouseDown: (event) => event.preventDefault(),
+                  onClick: () => {
+                    setOpen(false);
+                    onSelect(workspace);
+                  },
+                  className: appSwitcherMenuItemClass(),
+                  children: /* @__PURE__ */ jsxs16("span", { className: "flex min-w-0 w-full items-center gap-3", children: [
+                    /* @__PURE__ */ jsxs16("span", { className: "min-w-0 flex-1", children: [
+                      /* @__PURE__ */ jsx18("span", { className: "block truncate text-sm font-medium text-ph-ink", children: workspace.name }),
+                      workspace.description ? /* @__PURE__ */ jsx18("span", { className: "block truncate text-xs text-ph-mutedtext", children: workspace.description }) : null
+                    ] }),
+                    workspace.id === currentId ? /* @__PURE__ */ jsx18(
+                      Check2,
                       {
-                        type: "button",
-                        onClick: () => void ask(prompt),
-                        disabled: !prompt.trim(),
-                        "data-test": "ask-ai-send",
-                        className: "flex h-11 w-11 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__ */ jsx17(ArrowUp, { className: "h-[18px] w-[18px]" })
+                        className: "h-4 w-4 shrink-0 text-ph-brand",
+                        "aria-hidden": "true"
                       }
-                    )
-                  ] }),
-                  /* @__PURE__ */ jsxs15("p", { className: "mt-1.5 px-1 text-center text-xs text-ph-mutedtext", children: [
-                    /* @__PURE__ */ jsx17("kbd", { className: "font-mono", children: "Enter" }),
-                    " to send \xB7",
-                    " ",
-                    /* @__PURE__ */ jsx17("kbd", { className: "font-mono", children: "Shift" }),
-                    "+",
-                    /* @__PURE__ */ jsx17("kbd", { className: "font-mono", children: "Enter" }),
-                    " for a new line"
+                    ) : null
                   ] })
-                ] })
-              ]
-            }
-          )
-        ]
-      }
-    ) : null
-  ] });
+                },
+                workspace.id
+              ))
+            ] }, section.id)),
+            footer ? /* @__PURE__ */ jsx18("div", { className: "mt-1 border-t border-ph-border pt-1", children: footer }) : null
+          ]
+        }
+      )
+    }
+  );
 }
 
 // src/suite/lib/use-sidebar-width.ts
 import {
   useCallback as useCallback3,
   useEffect as useEffect7,
-  useState as useState8
+  useState as useState9
 } from "react";
 var SIDEBAR_RAIL_WIDTH = 56;
 var SIDEBAR_COLLAPSE_THRESHOLD = 80;
 var SIDEBAR_MIN_EXPANDED_WIDTH = 180;
-var SIDEBAR_MAX_WIDTH = 320;
+var SIDEBAR_MAX_WIDTH = 640;
 var SIDEBAR_DEFAULT_WIDTH = 320;
+function sidebarColumnWidth(width, collapsed, _chatOpen = false) {
+  if (collapsed) return SIDEBAR_RAIL_WIDTH;
+  return width;
+}
 function clampWidth(width) {
   return Math.min(SIDEBAR_MAX_WIDTH, Math.max(SIDEBAR_RAIL_WIDTH, width));
 }
@@ -2840,8 +2709,8 @@ function snapWidth(width) {
 }
 function useSidebarWidth(storageKey, defaultWidth = SIDEBAR_DEFAULT_WIDTH) {
   const fallbackWidth = snapWidth(clampWidth(defaultWidth));
-  const [width, setWidth] = useState8(fallbackWidth);
-  const [narrowViewport, setNarrowViewport] = useState8(false);
+  const [width, setWidth] = useState9(fallbackWidth);
+  const [narrowViewport, setNarrowViewport] = useState9(false);
   const collapsed = narrowViewport || width <= SIDEBAR_COLLAPSE_THRESHOLD;
   useEffect7(() => {
     let stored = null;
@@ -2922,9 +2791,9 @@ function useSidebarWidth(storageKey, defaultWidth = SIDEBAR_DEFAULT_WIDTH) {
 
 // src/suite/lib/motion.tsx
 import { LazyMotion, domAnimation, m } from "motion/react";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function SuiteMotionProvider({ children }) {
-  return /* @__PURE__ */ jsx18(LazyMotion, { features: domAnimation, strict: true, children });
+  return /* @__PURE__ */ jsx19(LazyMotion, { features: domAnimation, strict: true, children });
 }
 var SUITE_SPRINGS = {
   /** Snappy panel/sheet entrances — small overshoot. */
@@ -2936,24 +2805,24 @@ var SUITE_SPRINGS = {
 };
 
 // src/suite/components/suite-skeleton.tsx
-import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function SuiteSkeleton({
   className,
   lines = 1,
   circle,
   width
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       className: cn("space-y-2", circle ? "flex flex-col items-center" : ""),
       "aria-hidden": true,
-      children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx19(
+      children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx20(
         "div",
         {
           className: "animate-[skeleton-stagger_0.6s_ease-out_both]",
           style: { animationDelay: `${index * 80}ms` },
-          children: /* @__PURE__ */ jsx19(
+          children: /* @__PURE__ */ jsx20(
             "div",
             {
               className: cn(
@@ -2977,7 +2846,7 @@ function SuiteSkeletonCard({
   rows = 3,
   header = true
 }) {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       className: cn(
@@ -2986,26 +2855,26 @@ function SuiteSkeletonCard({
       ),
       "aria-hidden": true,
       children: [
-        header ? /* @__PURE__ */ jsxs16(
+        header ? /* @__PURE__ */ jsxs17(
           "div",
           {
             className: "mb-5 flex items-center gap-3 animate-[skeleton-stagger_0.5s_ease-out_both]",
             style: { animationDelay: "100ms" },
             children: [
-              /* @__PURE__ */ jsx19("div", { className: "ph-skeleton h-10 w-10 rounded-xl" }),
-              /* @__PURE__ */ jsxs16("div", { className: "flex-1 space-y-2", children: [
-                /* @__PURE__ */ jsx19("div", { className: "ph-skeleton h-4 w-1/3" }),
-                /* @__PURE__ */ jsx19("div", { className: "ph-skeleton h-3 w-1/2" })
+              /* @__PURE__ */ jsx20("div", { className: "ph-skeleton h-10 w-10 rounded-xl" }),
+              /* @__PURE__ */ jsxs17("div", { className: "flex-1 space-y-2", children: [
+                /* @__PURE__ */ jsx20("div", { className: "ph-skeleton h-4 w-1/3" }),
+                /* @__PURE__ */ jsx20("div", { className: "ph-skeleton h-3 w-1/2" })
               ] })
             ]
           }
         ) : null,
-        /* @__PURE__ */ jsx19("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsx20(
           "div",
           {
             className: "animate-[skeleton-stagger_0.5s_ease-out_both]",
             style: { animationDelay: `${200 + index * 80}ms` },
-            children: /* @__PURE__ */ jsx19(
+            children: /* @__PURE__ */ jsx20(
               "div",
               {
                 className: "ph-skeleton h-3",
@@ -3023,16 +2892,16 @@ function SuiteSkeletonList({
   className,
   items = 4
 }) {
-  return /* @__PURE__ */ jsx19("div", { className: cn("space-y-3", className), "aria-hidden": true, children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20("div", { className: cn("space-y-3", className), "aria-hidden": true, children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsx20(
     "div",
     {
       className: "animate-[skeleton-stagger_0.6s_ease-out_both]",
       style: { animationDelay: `${index * 100}ms` },
-      children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3 rounded-xl border border-ph-border bg-ph-surface p-4", children: [
-        /* @__PURE__ */ jsx19("div", { className: "ph-skeleton h-10 w-10 rounded-lg" }),
-        /* @__PURE__ */ jsxs16("div", { className: "min-w-0 flex-1 space-y-2", children: [
-          /* @__PURE__ */ jsx19("div", { className: "ph-skeleton h-3.5 w-3/4" }),
-          /* @__PURE__ */ jsx19("div", { className: "ph-skeleton h-3 w-1/2" })
+      children: /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-3 rounded-xl border border-ph-border bg-ph-surface p-4", children: [
+        /* @__PURE__ */ jsx20("div", { className: "ph-skeleton h-10 w-10 rounded-lg" }),
+        /* @__PURE__ */ jsxs17("div", { className: "min-w-0 flex-1 space-y-2", children: [
+          /* @__PURE__ */ jsx20("div", { className: "ph-skeleton h-3.5 w-3/4" }),
+          /* @__PURE__ */ jsx20("div", { className: "ph-skeleton h-3 w-1/2" })
         ] })
       ] })
     },
@@ -3047,7 +2916,7 @@ function SuiteEmptyState({
   className,
   size = "md"
 }) {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       className: cn(
@@ -3056,13 +2925,13 @@ function SuiteEmptyState({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs16("div", { className: "pointer-events-none absolute inset-0 overflow-hidden opacity-60", "aria-hidden": true, children: [
-          /* @__PURE__ */ jsx19("div", { className: "absolute -left-10 -top-10 h-40 w-40 rounded-full bg-ph-brand/10 blur-3xl" }),
-          /* @__PURE__ */ jsx19("div", { className: "absolute -bottom-10 -right-10 h-40 w-40 rounded-full bg-ph-accent/10 blur-3xl" })
+        /* @__PURE__ */ jsxs17("div", { className: "pointer-events-none absolute inset-0 overflow-hidden opacity-60", "aria-hidden": true, children: [
+          /* @__PURE__ */ jsx20("div", { className: "absolute -left-10 -top-10 h-40 w-40 rounded-full bg-ph-brand/10 blur-3xl" }),
+          /* @__PURE__ */ jsx20("div", { className: "absolute -bottom-10 -right-10 h-40 w-40 rounded-full bg-ph-accent/10 blur-3xl" })
         ] }),
-        /* @__PURE__ */ jsxs16("div", { className: "relative", children: [
-          icon ? /* @__PURE__ */ jsx19("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__ */ jsx19(
+        /* @__PURE__ */ jsxs17("div", { className: "relative", children: [
+          icon ? /* @__PURE__ */ jsx20("div", { className: "mx-auto mb-4 inline-flex items-center justify-center rounded-2xl bg-ph-muted p-3 shadow-sm ring-1 ring-black/[0.06]", children: icon }) : null,
+          /* @__PURE__ */ jsx20(
             "h3",
             {
               className: cn(
@@ -3072,8 +2941,8 @@ function SuiteEmptyState({
               children: title
             }
           ),
-          description ? /* @__PURE__ */ jsx19("p", { className: "mx-auto mt-2 max-w-sm text-sm leading-relaxed text-ph-subtle", children: description }) : null,
-          action ? /* @__PURE__ */ jsx19("div", { className: "mt-5 flex flex-wrap items-center justify-center gap-2", children: action }) : null
+          description ? /* @__PURE__ */ jsx20("p", { className: "mx-auto mt-2 max-w-sm text-sm leading-relaxed text-ph-subtle", children: description }) : null,
+          action ? /* @__PURE__ */ jsx20("div", { className: "mt-5 flex flex-wrap items-center justify-center gap-2", children: action }) : null
         ] })
       ]
     }
@@ -3082,7 +2951,7 @@ function SuiteEmptyState({
 
 // src/suite/components/suite-settings-mobile-nav.tsx
 import { isValidElement } from "react";
-import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 function SuiteSettingsMobileNav({
   items,
   activeHref,
@@ -3091,16 +2960,16 @@ function SuiteSettingsMobileNav({
   ariaLabel = "Settings sections",
   className
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "nav",
     {
       "data-test": dataTest,
       "aria-label": ariaLabel,
       className: cn("suite-settings-mobile-nav lg:hidden", className),
-      children: /* @__PURE__ */ jsx20("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__ */ jsx21("div", { className: "flex snap-x gap-2 overflow-x-auto pb-3 pt-1 scrollbar-hide [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: items.map((item) => {
         const Icon = item.icon;
         const active = activeHref === item.href || activeHref.startsWith(`${item.href}/`);
-        const iconNode = isValidElement(item.icon) ? item.icon : /* @__PURE__ */ jsx20(
+        const iconNode = isValidElement(item.icon) ? item.icon : /* @__PURE__ */ jsx21(
           Icon,
           {
             className: cn(
@@ -3110,7 +2979,7 @@ function SuiteSettingsMobileNav({
             "aria-hidden": true
           }
         );
-        return /* @__PURE__ */ jsxs17(
+        return /* @__PURE__ */ jsxs18(
           "button",
           {
             type: "button",
@@ -3125,8 +2994,8 @@ function SuiteSettingsMobileNav({
             ),
             children: [
               iconNode,
-              /* @__PURE__ */ jsx20("span", { className: "whitespace-nowrap", children: item.label }),
-              active ? /* @__PURE__ */ jsx20("span", { className: "absolute inset-x-0 -bottom-3 h-0.5 rounded-full bg-ph-ink lg:hidden" }) : null
+              /* @__PURE__ */ jsx21("span", { className: "whitespace-nowrap", children: item.label }),
+              active ? /* @__PURE__ */ jsx21("span", { className: "absolute inset-x-0 -bottom-3 h-0.5 rounded-full bg-ph-ink lg:hidden" }) : null
             ]
           },
           item.href
@@ -3138,7 +3007,9 @@ function SuiteSettingsMobileNav({
 
 // src/suite/components/suite-sidebar.tsx
 import Link2 from "next/link";
-import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+import { useEffect as useEffect8 } from "react";
+import { NavArrowLeft, Sparks as Sparks2 } from "iconoir-react";
+import { Fragment as Fragment6, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 function renderNode(node, collapsed) {
   if (typeof node === "function") return node(collapsed);
   return node;
@@ -3153,9 +3024,94 @@ function SuiteSidebar({
   footerExtras,
   collapsed = false,
   className,
-  surface = false
+  surface = false,
+  askAiOpen = false,
+  onAskAiOpenChange,
+  askAi,
+  onRequestExpand
 }) {
-  return /* @__PURE__ */ jsxs18(
+  const showAskAi = Boolean(onAskAiOpenChange && askAi);
+  const chatOpen = showAskAi && askAiOpen && !collapsed;
+  useEffect8(() => {
+    if (!onAskAiOpenChange) return;
+    function onOpen() {
+      onRequestExpand == null ? void 0 : onRequestExpand();
+      onAskAiOpenChange == null ? void 0 : onAskAiOpenChange(true);
+    }
+    window.addEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
+    return () => window.removeEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
+  }, [onAskAiOpenChange, onRequestExpand]);
+  useEffect8(() => {
+    if (!chatOpen) return;
+    function onKey(event) {
+      if (event.key === "Escape") onAskAiOpenChange == null ? void 0 : onAskAiOpenChange(false);
+    }
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [chatOpen, onAskAiOpenChange]);
+  function toggleAskAi() {
+    if (askAiOpen) {
+      onAskAiOpenChange == null ? void 0 : onAskAiOpenChange(false);
+      return;
+    }
+    if (collapsed) onRequestExpand == null ? void 0 : onRequestExpand();
+    onAskAiOpenChange == null ? void 0 : onAskAiOpenChange(true);
+  }
+  const askAiButton = /* @__PURE__ */ jsx22(
+    "button",
+    {
+      type: "button",
+      "data-test": "suite-ask-ai-toggle",
+      "aria-pressed": askAiOpen,
+      "aria-label": askAiOpen ? "Back to navigation" : "Shelly AI",
+      onClick: toggleAskAi,
+      className: cn(
+        "inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ph-focus-ring",
+        askAiOpen ? "bg-ph-brand/10 text-ph-brand" : "text-ph-mutedtext hover:bg-ph-muted hover:text-ph-ink"
+      ),
+      children: /* @__PURE__ */ jsx22(Sparks2, { className: "h-4 w-4", "aria-hidden": true })
+    }
+  );
+  if (chatOpen) {
+    return /* @__PURE__ */ jsxs19(
+      "div",
+      {
+        "data-suite-chat-open": "",
+        className: cn(
+          "flex h-full w-full min-w-0 flex-col text-ph-ink",
+          surface ? "bg-ph-surface" : "bg-ph-canvas",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxs19(
+            "div",
+            {
+              className: cn(
+                "flex h-14 shrink-0 items-center gap-1 border-b border-ph-border px-2",
+                surface ? "bg-ph-surface" : "bg-ph-canvas"
+              ),
+              children: [
+                /* @__PURE__ */ jsx22(Tooltip, { content: "Back to navigation", children: /* @__PURE__ */ jsx22(
+                  "button",
+                  {
+                    type: "button",
+                    "data-test": "suite-ask-ai-back",
+                    "aria-label": "Back to navigation",
+                    onClick: () => onAskAiOpenChange == null ? void 0 : onAskAiOpenChange(false),
+                    className: "inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg text-ph-subtle transition-colors hover:bg-ph-muted hover:text-ph-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-brand",
+                    children: /* @__PURE__ */ jsx22(NavArrowLeft, { className: "h-4 w-4", "aria-hidden": true })
+                  }
+                ) }),
+                /* @__PURE__ */ jsx22("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-ph-ink", children: "Shelly AI" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx22("div", { className: "min-h-0 flex-1", children: askAi })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       className: cn(
@@ -3164,7 +3120,7 @@ function SuiteSidebar({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs18(
+        appSwitcher || notificationBell ? /* @__PURE__ */ jsxs19(
           "div",
           {
             className: cn(
@@ -3173,27 +3129,46 @@ 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__ */ jsx21("div", { className: cn("min-w-0", collapsed ? "shrink-0" : "flex-1"), children: renderNode(appSwitcher, collapsed) }),
-              collapsed ? null : /* @__PURE__ */ jsx21("div", { className: "shrink-0", children: renderNode(notificationBell, collapsed) })
+              /* @__PURE__ */ jsx22("div", { className: cn("min-w-0", collapsed ? "shrink-0" : "flex-1"), children: renderNode(appSwitcher, collapsed) }),
+              collapsed ? null : /* @__PURE__ */ jsx22("div", { className: "shrink-0", children: renderNode(notificationBell, collapsed) })
             ]
           }
-        ),
-        /* @__PURE__ */ jsxs18(
+        ) : null,
+        /* @__PURE__ */ jsxs19(
           "div",
           {
             className: cn(
-              "flex min-h-0 flex-1 flex-col overflow-y-auto",
+              "flex min-h-0 flex-1 flex-col",
               surface ? "bg-ph-surface" : "bg-ph-canvas",
+              chatOpen ? "min-h-0" : "overflow-y-auto",
               collapsed ? "px-1.5 py-2" : "p-2"
             ),
             children: [
-              /* @__PURE__ */ jsxs18("nav", { "aria-label": "Pages", className: "shrink-0 space-y-0.5", children: [
-                /* @__PURE__ */ jsx21("div", { className: cn("mb-3", collapsed && "flex justify-center"), children: renderNode(contextSwitcher, collapsed) }),
-                /* @__PURE__ */ jsx21("div", { className: "space-y-0.5", children: navItems.map((item) => {
+              /* @__PURE__ */ jsx22("div", { className: cn("mb-3 w-full shrink-0", collapsed && "flex justify-center"), children: renderNode(contextSwitcher, collapsed) }),
+              chatOpen ? /* @__PURE__ */ jsxs19("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+                /* @__PURE__ */ jsxs19("div", { className: "mb-2 flex shrink-0 items-center gap-1", children: [
+                  /* @__PURE__ */ jsxs19(
+                    "button",
+                    {
+                      type: "button",
+                      "data-test": "suite-ask-ai-back",
+                      onClick: () => onAskAiOpenChange == null ? void 0 : onAskAiOpenChange(false),
+                      className: "inline-flex h-9 items-center gap-1 rounded-lg px-2 text-sm font-medium text-ph-subtle transition-colors hover:bg-ph-muted hover:text-ph-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-brand",
+                      children: [
+                        /* @__PURE__ */ jsx22(NavArrowLeft, { className: "h-4 w-4", "aria-hidden": true }),
+                        "Nav"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx22("span", { className: "truncate text-sm font-semibold text-ph-ink", children: "Shelly AI" })
+                ] }),
+                /* @__PURE__ */ jsx22("div", { className: "min-h-0 flex-1", children: askAi })
+              ] }) : /* @__PURE__ */ jsxs19(Fragment6, { children: [
+                /* @__PURE__ */ jsx22("nav", { "aria-label": "Pages", className: "shrink-0 space-y-0.5", children: /* @__PURE__ */ jsx22("div", { className: "space-y-0.5", children: navItems.map((item) => {
                   var _a;
                   const Icon = item.icon;
                   const active = Boolean(item.active);
-                  const link = /* @__PURE__ */ jsxs18(
+                  const link = /* @__PURE__ */ jsxs19(
                     Link2,
                     {
                       href: item.href,
@@ -3207,7 +3182,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__ */ jsx21(
+                        /* @__PURE__ */ jsx22(
                           "span",
                           {
                             className: cn(
@@ -3215,7 +3190,7 @@ function SuiteSidebar({
                               item.iconClassName
                             ),
                             "aria-hidden": true,
-                            children: /* @__PURE__ */ jsx21(
+                            children: /* @__PURE__ */ jsx22(
                               Icon,
                               {
                                 className: "h-full w-full",
@@ -3224,7 +3199,7 @@ function SuiteSidebar({
                             )
                           }
                         ),
-                        /* @__PURE__ */ jsx21(
+                        /* @__PURE__ */ jsx22(
                           "span",
                           {
                             className: cn(
@@ -3235,26 +3210,26 @@ function SuiteSidebar({
                             children: item.label
                           }
                         ),
-                        !collapsed && item.badge ? /* @__PURE__ */ jsx21("span", { className: "relative ml-auto shrink-0", children: item.badge }) : null
+                        !collapsed && item.badge ? /* @__PURE__ */ jsx22("span", { className: "relative ml-auto shrink-0", children: item.badge }) : null
                       ]
                     },
                     item.label
                   );
-                  return collapsed ? /* @__PURE__ */ jsx21(Tooltip, { content: item.label, side: "right", children: link }, item.label) : link;
-                }) })
-              ] }),
-              secondaryNav ? /* @__PURE__ */ jsx21(
-                "div",
-                {
-                  className: "min-h-0 flex-1",
-                  "data-test": "suite-sidebar-secondary-nav",
-                  children: secondaryNav
-                }
-              ) : null
+                  return collapsed ? /* @__PURE__ */ jsx22(Tooltip, { content: item.label, side: "right", children: link }, item.label) : link;
+                }) }) }),
+                secondaryNav ? /* @__PURE__ */ jsx22(
+                  "div",
+                  {
+                    className: "min-h-0 flex-1",
+                    "data-test": "suite-sidebar-secondary-nav",
+                    children: secondaryNav
+                  }
+                ) : null
+              ] })
             ]
           }
         ),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22(
           "div",
           {
             className: cn(
@@ -3262,16 +3237,23 @@ function SuiteSidebar({
               surface ? "bg-ph-surface" : "bg-ph-canvas",
               collapsed ? "p-1.5" : "p-3"
             ),
-            children: /* @__PURE__ */ jsxs18(
+            children: /* @__PURE__ */ jsxs19(
               "div",
               {
                 className: cn(
                   "flex items-center gap-2",
-                  collapsed ? "flex-col items-center justify-center [&_[data-test$='-visible-sign-out']]:hidden [&>div]:w-auto" : "w-full min-w-0"
+                  collapsed ? "flex-col items-center justify-center [&>div]:w-auto" : "w-full min-w-0"
                 ),
                 children: [
                   renderNode(userMenu, collapsed),
-                  footerExtras ? /* @__PURE__ */ jsx21("div", { className: cn("shrink-0", collapsed ? "mt-2" : "ml-auto"), children: renderNode(footerExtras, collapsed) }) : null
+                  showAskAi ? /* @__PURE__ */ jsx22(
+                    "div",
+                    {
+                      className: cn("shrink-0", collapsed ? "mt-2" : "ml-auto"),
+                      children: /* @__PURE__ */ jsx22(Tooltip, { content: "Shelly AI", side: collapsed ? "right" : "top", children: askAiButton })
+                    }
+                  ) : footerExtras ? /* @__PURE__ */ jsx22("div", { className: cn("shrink-0", collapsed ? "mt-2" : "ml-auto"), children: renderNode(footerExtras, collapsed) }) : null,
+                  showAskAi && footerExtras ? /* @__PURE__ */ jsx22("div", { className: cn("shrink-0", collapsed && "mt-2"), children: renderNode(footerExtras, collapsed) }) : null
                 ]
               }
             )
@@ -3283,7 +3265,7 @@ function SuiteSidebar({
 }
 
 // src/suite/components/suite-app-layout.tsx
-import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 function SuiteAppLayout({
   sidebar,
   children,
@@ -3297,7 +3279,7 @@ function SuiteAppLayout({
   onResetWidth,
   className
 }) {
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     "div",
     {
       "data-test": "app-shell",
@@ -3306,15 +3288,15 @@ function SuiteAppLayout({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs19(
+        /* @__PURE__ */ jsxs20(
           "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: [
-              sidebar,
-              onStartResize ? /* @__PURE__ */ jsx22(
+              /* @__PURE__ */ jsx23("div", { className: "relative z-0 h-full min-h-0 isolate", children: sidebar }),
+              onStartResize ? /* @__PURE__ */ jsx23(
                 "div",
                 {
                   role: "separator",
@@ -3336,15 +3318,15 @@ function SuiteAppLayout({
                       onResizeBy == null ? void 0 : onResizeBy(16);
                     }
                   },
-                  className: "absolute inset-y-0 -right-1 z-10 w-2 cursor-col-resize touch-none transition-colors hover:bg-[color-mix(in_oklab,var(--ph-accent)_30%,transparent)]"
+                  className: "absolute inset-y-0 right-0 z-20 w-2 cursor-col-resize touch-none transition-colors hover:bg-[color-mix(in_oklab,var(--ph-accent)_30%,transparent)]"
                 }
               ) : null
             ]
           }
         ),
-        /* @__PURE__ */ jsxs19("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [
-          mobileHeader ? /* @__PURE__ */ jsx22("div", { className: "shrink-0 lg:hidden", children: mobileHeader }) : null,
-          /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsxs20("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [
+          mobileHeader ? /* @__PURE__ */ jsx23("div", { className: "shrink-0 lg:hidden", children: mobileHeader }) : null,
+          /* @__PURE__ */ jsx23(
             "main",
             {
               id: "main-content",
@@ -3358,7 +3340,7 @@ function SuiteAppLayout({
               children
             }
           ),
-          bottomNav ? /* @__PURE__ */ jsx22("div", { className: "shrink-0 lg:hidden", children: bottomNav }) : null
+          bottomNav ? /* @__PURE__ */ jsx23("div", { className: "shrink-0 lg:hidden", children: bottomNav }) : null
         ] })
       ]
     }
@@ -3411,6 +3393,7 @@ export {
   SuiteThemeProvider,
   SuiteToolbar,
   SuiteUserMenu,
+  SuiteWorkspaceSwitcher,
   TodayAskAiCard,
   TodayCalibrating,
   TodayEmptyAction,
@@ -3426,11 +3409,14 @@ export {
   appSwitcherMarkClass,
   appSwitcherMenuItemClass,
   appSwitcherTriggerClass,
+  classifySuiteHref,
   cn,
+  consumePendingAskAiPrompt,
   getTodayGreeting,
   m,
   openSuiteAskAi,
   resolveSuiteNotificationHref,
+  sidebarColumnWidth,
   sourceToSuiteApp,
   suiteAppBaseUrl,
   suiteAppLabel,