@xenide-io/the-old-ui-theme 0.6.6 → 0.6.8

package/dist/suite.js

@@ -106,6 +106,9 @@ function SuiteThemeProvider({
     return { theme: theme2, resolvedTheme: resolvedTheme2 };
   });
   const { theme, resolvedTheme } = state;
+  (0, import_react7.useEffect)(() => {
+    applyTheme(theme, config);
+  }, [theme, config]);
   (0, import_react7.useEffect)(() => {
     if (theme !== "system") return;
     const media = window.matchMedia("(prefers-color-scheme: dark)");
@@ -163,8 +166,8 @@ function SuiteAiBlockNoteMessage({
   markdown
 }) {
   const { resolvedTheme } = useSuiteTheme();
-  const editor = (0, import_react9.useCreateBlockNote)({ schema: assistantSchema });
-  (0, import_react8.useEffect)(() => {
+  const editor = (0, import_react10.useCreateBlockNote)({ schema: assistantSchema });
+  (0, import_react9.useEffect)(() => {
     try {
       const blocks = editor.tryParseMarkdownToBlocks(markdown);
       editor.replaceBlocks(
@@ -177,8 +180,8 @@ function SuiteAiBlockNoteMessage({
       ]);
     }
   }, [editor, markdown]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    import_react9.BlockNoteViewRaw,
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_react10.BlockNoteViewRaw,
     {
       editor,
       editable: false,
@@ -194,17 +197,17 @@ function SuiteAiBlockNoteMessage({
     }
   );
 }
-var import_react8, import_core, import_react9, import_style, import_jsx_runtime19, assistantSchema;
+var import_react9, import_core, import_react10, import_style, import_jsx_runtime20, assistantSchema;
 var init_ai_message_blocknote = __esm({
   "src/suite/components/ai-message-blocknote.tsx"() {
     "use strict";
     "use client";
-    import_react8 = require("react");
+    import_react9 = require("react");
     import_core = require("@blocknote/core");
-    import_react9 = require("@blocknote/react");
+    import_react10 = require("@blocknote/react");
     import_style = require("@blocknote/react/style.css");
     init_theme_provider();
-    import_jsx_runtime19 = require("react/jsx-runtime");
+    import_jsx_runtime20 = require("react/jsx-runtime");
     assistantSchema = import_core.BlockNoteSchema.create({
       blockSpecs: {
         paragraph: import_core.defaultBlockSpecs.paragraph,
@@ -270,6 +273,7 @@ __export(suite_exports, {
   SuiteThemeProvider: () => SuiteThemeProvider,
   SuiteToolbar: () => SuiteToolbar,
   SuiteUserMenu: () => SuiteUserMenu,
+  SuiteWorkspaceSwitcher: () => SuiteWorkspaceSwitcher,
   TodayAskAiCard: () => TodayAskAiCard,
   TodayCalibrating: () => TodayCalibrating,
   TodayEmptyAction: () => TodayEmptyAction,
@@ -285,11 +289,14 @@ __export(suite_exports, {
   appSwitcherMarkClass: () => appSwitcherMarkClass,
   appSwitcherMenuItemClass: () => appSwitcherMenuItemClass,
   appSwitcherTriggerClass: () => appSwitcherTriggerClass,
+  classifySuiteHref: () => classifySuiteHref,
   cn: () => cn,
+  consumePendingAskAiPrompt: () => consumePendingAskAiPrompt,
   getTodayGreeting: () => getTodayGreeting,
-  m: () => import_react12.m,
+  m: () => import_react14.m,
   openSuiteAskAi: () => openSuiteAskAi,
   resolveSuiteNotificationHref: () => resolveSuiteNotificationHref,
+  sidebarColumnWidth: () => sidebarColumnWidth,
   sourceToSuiteApp: () => sourceToSuiteApp,
   suiteAppBaseUrl: () => suiteAppBaseUrl,
   suiteAppLabel: () => suiteAppLabel,
@@ -1085,7 +1092,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,
@@ -1418,6 +1425,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
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -2562,12 +2594,152 @@ function TodayCalibrating({
 init_theme_provider();
 
 // src/suite/components/ai-panel.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 var import_iconoir_react8 = require("iconoir-react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var SuiteAiBlockNoteMessage2 = (0, import_react10.lazy)(() => Promise.resolve().then(() => (init_ai_message_blocknote(), ai_message_blocknote_exports)));
+
+// src/components/ui/Tooltip.tsx
+var import_react8 = require("react");
+var import_react_dom = require("react-dom");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var TooltipDelayContext = (0, import_react8.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;
+  if (side === "top")
+    return {
+      left: horizontal,
+      top: trigger.top - offset,
+      transform: "translate(-50%, -100%)"
+    };
+  if (side === "bottom")
+    return {
+      left: horizontal,
+      top: trigger.bottom + offset,
+      transform: "translate(-50%, 0)"
+    };
+  if (side === "left")
+    return {
+      left: trigger.left - offset,
+      top: vertical,
+      transform: "translate(-100%, -50%)"
+    };
+  return {
+    left: trigger.right + offset,
+    top: vertical,
+    transform: "translate(0, -50%)"
+  };
+}
+function Tooltip({
+  content,
+  children,
+  side = "top",
+  align = "center",
+  sideOffset = 7,
+  className,
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  delayDuration
+}) {
+  const providerDelay = (0, import_react8.useContext)(TooltipDelayContext);
+  const generatedId = (0, import_react8.useId)().replace(/:/g, "");
+  const triggerRef = (0, import_react8.useRef)(null);
+  const timerRef = (0, import_react8.useRef)(null);
+  const [internalOpen, setInternalOpen] = (0, import_react8.useState)(defaultOpen);
+  const [position, setPosition] = (0, import_react8.useState)(null);
+  const isOpen = open != null ? open : internalOpen;
+  const triggerId = children.props.id;
+  const tooltipId = triggerId ? `${triggerId}-tooltip` : `ph-tooltip-${generatedId}`;
+  function setOpen(next) {
+    if (open === void 0) setInternalOpen(next);
+    onOpenChange == null ? void 0 : onOpenChange(next);
+  }
+  function clearTimer() {
+    if (timerRef.current) clearTimeout(timerRef.current);
+    timerRef.current = null;
+  }
+  function updatePosition() {
+    if (!triggerRef.current) return;
+    setPosition(
+      tooltipPosition(
+        triggerRef.current.getBoundingClientRect(),
+        side,
+        align,
+        sideOffset
+      )
+    );
+  }
+  function show(immediate) {
+    clearTimer();
+    updatePosition();
+    const delay = immediate ? 0 : delayDuration != null ? delayDuration : providerDelay;
+    if (!delay) setOpen(true);
+    else timerRef.current = setTimeout(() => setOpen(true), delay);
+  }
+  function hide() {
+    clearTimer();
+    setOpen(false);
+  }
+  (0, import_react8.useEffect)(() => {
+    if (!isOpen) return;
+    const reposition = () => updatePosition();
+    window.addEventListener("resize", reposition);
+    window.addEventListener("scroll", reposition, true);
+    return () => {
+      window.removeEventListener("resize", reposition);
+      window.removeEventListener("scroll", reposition, true);
+    };
+  });
+  (0, import_react8.useEffect)(() => () => clearTimer(), []);
+  const describedBy = [children.props["aria-describedby"], tooltipId].filter(Boolean).join(" ");
+  const trigger = (0, import_react8.cloneElement)(children, { "aria-describedby": describedBy });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      "span",
+      {
+        ref: triggerRef,
+        className: "inline-flex",
+        onMouseEnter: () => show(false),
+        onMouseLeave: hide,
+        onFocusCapture: () => show(true),
+        onBlurCapture: hide,
+        onKeyDown: (event) => {
+          if (event.key === "Escape") hide();
+        },
+        children: trigger
+      }
+    ),
+    isOpen && position && typeof document !== "undefined" ? (0, import_react_dom.createPortal)(
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        "span",
+        {
+          style: __spreadValues({ position: "fixed" }, position),
+          className: "pointer-events-none z-[200]",
+          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            "span",
+            {
+              id: tooltipId,
+              role: "tooltip",
+              "data-side": side,
+              className: cn2("ph-tooltip-content", className),
+              children: content
+            }
+          )
+        }
+      ),
+      document.body
+    ) : null
+  ] });
+}
+
+// src/suite/components/ai-panel.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var SuiteAiBlockNoteMessage2 = (0, import_react11.lazy)(() => Promise.resolve().then(() => (init_ai_message_blocknote(), ai_message_blocknote_exports)));
 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, {
@@ -2575,138 +2747,72 @@ 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",
+  title = "Shelly AI",
   fetchChat,
   sendMessage,
   clearChat,
   brandIcon: BrandIcon,
   spinner: Spinner,
-  hideLauncher = false
+  open: openProp,
+  onOpenChange,
+  suiteAppBases,
+  onSwitchApp
 }) {
-  const [open, setOpen] = (0, import_react10.useState)(false);
-  const [prompt, setPrompt] = (0, import_react10.useState)("");
-  const [messages, setMessages] = (0, import_react10.useState)([]);
-  const [loading, setLoading] = (0, import_react10.useState)(false);
-  const [hydrating, setHydrating] = (0, import_react10.useState)(false);
-  const [error, setError] = (0, import_react10.useState)("");
-  const [copiedId, setCopiedId] = (0, import_react10.useState)(null);
-  const [atBottom, setAtBottom] = (0, import_react10.useState)(true);
-  const [launcherSide, setLauncherSide] = (0, import_react10.useState)("right");
-  const [panelSide, setPanelSide] = (0, import_react10.useState)("right");
-  const [launcherPosition, setLauncherPosition] = (0, import_react10.useState)(null);
-  const [draggingLauncher, setDraggingLauncher] = (0, import_react10.useState)(false);
-  const scrollerRef = (0, import_react10.useRef)(null);
-  const textareaRef = (0, import_react10.useRef)(null);
-  const abortRef = (0, import_react10.useRef)(null);
-  const launcherRef = (0, import_react10.useRef)(null);
-  const launcherSideRef = (0, import_react10.useRef)("right");
-  const launcherPositionRef = (0, import_react10.useRef)(null);
-  const launcherDragRef = (0, import_react10.useRef)(null);
-  const suppressLauncherClickRef = (0, import_react10.useRef)(false);
-  const pendingPromptRef = (0, import_react10.useRef)(null);
-  (0, import_react10.useEffect)(() => {
-    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) {
+  const inputId = (0, import_react11.useId)();
+  const [uncontrolledOpen, setUncontrolledOpen] = (0, import_react11.useState)(false);
+  const open = openProp != null ? openProp : uncontrolledOpen;
+  const setOpen = (0, import_react11.useCallback)(
+    (next) => {
+      if (openProp === void 0) setUncontrolledOpen(next);
+      onOpenChange == null ? void 0 : onOpenChange(next);
+    },
+    [onOpenChange, openProp]
+  );
+  const [prompt, setPrompt] = (0, import_react11.useState)("");
+  const [messages, setMessages] = (0, import_react11.useState)([]);
+  const [loading, setLoading] = (0, import_react11.useState)(false);
+  const [hydrating, setHydrating] = (0, import_react11.useState)(false);
+  const [error, setError] = (0, import_react11.useState)("");
+  const [atBottom, setAtBottom] = (0, import_react11.useState)(true);
+  const scrollerRef = (0, import_react11.useRef)(null);
+  const textareaRef = (0, import_react11.useRef)(null);
+  const abortRef = (0, import_react11.useRef)(null);
+  const pendingPromptRef = (0, import_react11.useRef)(null);
+  (0, import_react11.useEffect)(() => {
+    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);
-  }, []);
-  const scrollToBottom = (0, import_react10.useCallback)((behavior = "auto") => {
+    window.addEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
+    return () => window.removeEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
+  }, [setOpen]);
+  const scrollToBottom = (0, import_react11.useCallback)((behavior = "auto") => {
     const el = scrollerRef.current;
     if (!el) return;
     el.scrollTo({ top: el.scrollHeight, behavior });
     setAtBottom(true);
   }, []);
-  const handleScroll = (0, import_react10.useCallback)(() => {
+  const handleScroll = (0, import_react11.useCallback)(() => {
     const el = scrollerRef.current;
     if (!el) return;
     const distance = el.scrollHeight - el.scrollTop - el.clientHeight;
     setAtBottom(distance < 64);
   }, []);
-  const hydrate = (0, import_react10.useCallback)(async () => {
+  const hydrate = (0, import_react11.useCallback)(async () => {
     var _a;
     setHydrating(true);
     setError("");
@@ -2718,51 +2824,31 @@ 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]);
-  (0, import_react10.useEffect)(() => {
-    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);
-  }, []);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
+    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]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (open && atBottom) scrollToBottom();
   }, [messages, loading, open, atBottom, scrollToBottom]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     var _a;
     if (open && !hydrating) (_a = textareaRef.current) == null ? void 0 : _a.focus();
   }, [open, hydrating]);
-  (0, import_react10.useEffect)(() => {
-    if (!open) return;
-    function onKey(event) {
-      if (event.key === "Escape") setOpen(false);
-    }
-    window.addEventListener("keydown", onKey);
-    return () => window.removeEventListener("keydown", onKey);
-  }, [open]);
-  (0, import_react10.useLayoutEffect)(() => {
+  (0, import_react11.useLayoutEffect)(() => {
     const el = textareaRef.current;
     if (!el) return;
     el.style.height = "auto";
@@ -2811,7 +2897,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();
@@ -2828,417 +2914,346 @@ 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;
+  function onConversationClick(event) {
+    var _a;
+    if (event.defaultPrevented) return;
+    if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {
+      return;
     }
-    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);
-    }
-    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 : import_iconoir_react8.Sparks;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-    !hideLauncher ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-        "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__ */ (0, import_jsx_runtime20.jsx)(Icon, { className: "h-4 w-4 text-ph-brand" }),
-            "Ask AI"
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("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__ */ (0, import_jsx_runtime20.jsxs)(
-      "div",
-      {
-        className: "fixed inset-0 z-40",
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-label": title,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.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)(
             "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__ */ (0, import_jsx_runtime21.jsx)(import_iconoir_react8.Erase, { className: "h-3.5 w-3.5" }),
+                "Clear"
+              ]
             }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-            "aside",
+          ) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "relative min-h-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+            "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__ */ (0, import_jsx_runtime20.jsxs)("header", { className: "flex items-center gap-2 px-4 py-3", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h2", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-ph-ink", children: title }),
-                  messages.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                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" }),
+                  "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)(
                     "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__ */ (0, import_jsx_runtime20.jsx)(import_iconoir_react8.Erase, { className: "h-3.5 w-3.5" }),
-                        "Clear"
+                        /* @__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" })
                       ]
-                    }
-                  ) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                    "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__ */ (0, import_jsx_runtime20.jsx)(import_iconoir_react8.Xmark, { className: "h-4 w-4" })
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "relative min-h-0 flex-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                    },
+                    preset.label
+                  )) }) : null
+                ] }) : null,
+                messages.map((message, index) => {
+                  const isUser = message.role === "user";
+                  if (isUser) {
+                    return /* @__PURE__ */ (0, import_jsx_runtime21.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 })
+                      },
+                      `user-${index}`
+                    );
+                  }
+                  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
                     "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__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2 text-sm text-ph-subtle", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Spinner, { className: "h-4 w-4 animate-spin" }),
-                          "Loading your chat\u2026"
-                        ] }) : null,
-                        !hydrating && messages.length === 0 && !error ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "mx-auto mt-6 flex max-w-sm flex-col items-center px-2 text-center", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "flex h-12 w-12 items-center justify-center rounded-2xl bg-ph-brand/10 text-ph-brand", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { className: "h-6 w-6" }) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "mt-4 font-display text-lg font-semibold text-ph-ink", children: "How can I help?" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "mt-1.5 text-sm leading-relaxed text-ph-subtle", children: emptyState }),
-                          presets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "mt-5 flex w-full flex-col gap-2", children: presets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-                            "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__ */ (0, import_jsx_runtime20.jsx)(import_iconoir_react8.Sparks, { className: "h-4 w-4 shrink-0 text-ph-brand" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "min-w-0 flex-1 truncate", children: preset.label }),
-                                /* @__PURE__ */ (0, import_jsx_runtime20.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
-                          )) }) : null
-                        ] }) : null,
-                        messages.map((message, index) => {
-                          const isUser = message.role === "user";
-                          if (isUser) {
-                            return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                              "div",
-                              {
-                                className: "flex justify-end",
-                                "data-test": "ask-ai-user",
-                                children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("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__ */ (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",
+                            "aria-hidden": true,
+                            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon, { className: "h-3.5 w-3.5" })
                           }
-                          return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-                            "div",
-                            {
-                              className: "flex gap-3",
-                              "data-test": "ask-ai-assistant",
-                              children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                                  "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__ */ (0, import_jsx_runtime20.jsx)(Icon, { className: "h-4 w-4" })
-                                  }
-                                ),
-                                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "min-w-0 flex-1", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "text-sm leading-relaxed text-ph-ink", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                                    import_react10.Suspense,
-                                    {
-                                      fallback: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "whitespace-pre-wrap break-words", children: message.content }),
-                                      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                                        SuiteAiBlockNoteMessage2,
-                                        {
-                                          markdown: message.content
-                                        }
-                                      )
-                                    }
-                                  ) }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-                                    "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__ */ (0, import_jsx_runtime20.jsx)(import_iconoir_react8.Check, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_iconoir_react8.Copy, { className: "h-3 w-3" }),
-                                        copiedId === index ? "Copied" : "Copy"
-                                      ]
-                                    }
-                                  )
-                                ] })
-                              ]
-                            },
-                            `assistant-${index}`
-                          );
-                        }),
-                        loading ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex gap-3", "aria-hidden": true, children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("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__ */ (0, import_jsx_runtime20.jsx)(Icon, { className: "h-4 w-4" }) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-1.5 py-1.5", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "h-1.5 w-1.5 rounded-full bg-ph-mutedtext motion-safe:animate-bounce" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime20.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_runtime20.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_runtime20.jsx)("span", { className: "sr-only", "aria-live": "polite", children: "Assistant is responding\u2026" }) : null,
-                        error ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-                          "div",
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("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__ */ (0, import_jsx_runtime21.jsx)(
+                          import_react11.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__ */ (0, import_jsx_runtime20.jsx)(import_iconoir_react8.WarningTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-ph-danger" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "min-w-0 flex-1", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "font-medium text-ph-danger", children: "Something went wrong" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "mt-0.5 text-ph-subtle", children: error }),
-                                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                                  "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__ */ (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 })
                           }
-                        ) : null
+                        ) })
                       ]
-                    }
-                  ),
-                  !atBottom ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                    "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__ */ (0, import_jsx_runtime20.jsx)(import_iconoir_react8.ArrowDown, { className: "h-4 w-4" })
-                    }
-                  ) : null
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "px-3 pb-[max(0.75rem,env(safe-area-inset-bottom))] pt-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("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__ */ (0, import_jsx_runtime20.jsx)("label", { htmlFor: "suite-ask-ai-input", className: "sr-only", children: "Ask a question" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                      "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);
-                          }
-                        },
-                        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__ */ (0, import_jsx_runtime20.jsx)(
-                      "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__ */ (0, import_jsx_runtime20.jsx)(import_iconoir_react8.Square, { className: "h-3.5 w-3.5 fill-current" })
-                      }
-                    ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                      "button",
-                      {
-                        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__ */ (0, import_jsx_runtime20.jsx)(import_iconoir_react8.ArrowUp, { className: "h-[18px] w-[18px]" })
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { className: "mt-1.5 px-1 text-center text-xs text-ph-mutedtext", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("kbd", { className: "font-mono", children: "Enter" }),
-                    " to send \xB7",
-                    " ",
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("kbd", { className: "font-mono", children: "Shift" }),
-                    "+",
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("kbd", { className: "font-mono", children: "Enter" }),
-                    " for a new line"
+                    },
+                    `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]" })
                   ] })
-                ] })
+                ] }) : 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)(
+                  "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)(
+                          "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"
+                          }
+                        )
+                      ] })
+                    ]
+                  }
+                ) : null
               ]
             }
-          )
-        ]
-      }
-    ) : null
-  ] });
+          ),
+          !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)(
+            "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" })
+            }
+          ) }) }) : 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)(
+            "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__ */ (0, import_jsx_runtime21.jsx)(Tooltip, { content: "Stop generating", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            "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__ */ (0, import_jsx_runtime21.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)(
+            "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__ */ (0, import_jsx_runtime21.jsx)(import_iconoir_react8.ArrowUp, { className: "h-4 w-4" })
+            }
+          ) })
+        ] }) })
+      ]
+    }
+  );
+}
+
+// src/suite/components/workspace-switcher.tsx
+var import_react12 = require("react");
+var import_iconoir_react9 = require("iconoir-react");
+var import_jsx_runtime22 = require("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] = (0, import_react12.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)(
+    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__ */ (0, import_jsx_runtime22.jsxs)(
+        "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__ */ (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)(
+                import_iconoir_react9.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__ */ (0, import_jsx_runtime22.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)(
+                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__ */ (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
+                    ] }),
+                    workspace.id === currentId ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                      import_iconoir_react9.Check,
+                      {
+                        className: "h-4 w-4 shrink-0 text-ph-brand",
+                        "aria-hidden": "true"
+                      }
+                    ) : null
+                  ] })
+                },
+                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
+          ]
+        }
+      )
+    }
+  );
 }
 
 // src/suite/lib/use-sidebar-width.ts
-var import_react11 = require("react");
+var import_react13 = require("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));
 }
@@ -3249,10 +3264,10 @@ function snapWidth(width) {
 }
 function useSidebarWidth(storageKey, defaultWidth = SIDEBAR_DEFAULT_WIDTH) {
   const fallbackWidth = snapWidth(clampWidth(defaultWidth));
-  const [width, setWidth] = (0, import_react11.useState)(fallbackWidth);
-  const [narrowViewport, setNarrowViewport] = (0, import_react11.useState)(false);
+  const [width, setWidth] = (0, import_react13.useState)(fallbackWidth);
+  const [narrowViewport, setNarrowViewport] = (0, import_react13.useState)(false);
   const collapsed = narrowViewport || width <= SIDEBAR_COLLAPSE_THRESHOLD;
-  (0, import_react11.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     let stored = null;
     try {
       stored = localStorage.getItem(storageKey);
@@ -3264,14 +3279,14 @@ function useSidebarWidth(storageKey, defaultWidth = SIDEBAR_DEFAULT_WIDTH) {
       queueMicrotask(() => setWidth(snapWidth(clampWidth(parsed))));
     }
   }, [storageKey]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     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_react11.useCallback)(
+  const persist = (0, import_react13.useCallback)(
     (value) => {
       try {
         localStorage.setItem(storageKey, String(value));
@@ -3280,7 +3295,7 @@ function useSidebarWidth(storageKey, defaultWidth = SIDEBAR_DEFAULT_WIDTH) {
     },
     [storageKey]
   );
-  const setCollapsed = (0, import_react11.useCallback)(
+  const setCollapsed = (0, import_react13.useCallback)(
     (value) => {
       setWidth((current) => {
         const next = value ? SIDEBAR_RAIL_WIDTH : current <= SIDEBAR_COLLAPSE_THRESHOLD ? fallbackWidth : snapWidth(current);
@@ -3290,11 +3305,11 @@ function useSidebarWidth(storageKey, defaultWidth = SIDEBAR_DEFAULT_WIDTH) {
     },
     [fallbackWidth, persist]
   );
-  const resetWidth = (0, import_react11.useCallback)(() => {
+  const resetWidth = (0, import_react13.useCallback)(() => {
     setWidth(fallbackWidth);
     persist(fallbackWidth);
   }, [fallbackWidth, persist]);
-  const startResize = (0, import_react11.useCallback)(
+  const startResize = (0, import_react13.useCallback)(
     (event) => {
       event.preventDefault();
       const startX = event.clientX;
@@ -3316,7 +3331,7 @@ function useSidebarWidth(storageKey, defaultWidth = SIDEBAR_DEFAULT_WIDTH) {
     },
     [persist, width]
   );
-  const resizeBy = (0, import_react11.useCallback)(
+  const resizeBy = (0, import_react13.useCallback)(
     (delta) => {
       setWidth((current) => {
         const next = clampWidth(current + delta);
@@ -3330,10 +3345,10 @@ function useSidebarWidth(storageKey, defaultWidth = SIDEBAR_DEFAULT_WIDTH) {
 }
 
 // src/suite/lib/motion.tsx
-var import_react12 = require("motion/react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_react14 = require("motion/react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function SuiteMotionProvider({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react12.LazyMotion, { features: import_react12.domAnimation, strict: true, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react14.LazyMotion, { features: import_react14.domAnimation, strict: true, children });
 }
 var SUITE_SPRINGS = {
   /** Snappy panel/sheet entrances — small overshoot. */
@@ -3345,24 +3360,24 @@ var SUITE_SPRINGS = {
 };
 
 // src/suite/components/suite-skeleton.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function SuiteSkeleton({
   className,
   lines = 1,
   circle,
   width
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.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_runtime22.jsx)(
+      children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         "div",
         {
           className: "animate-[skeleton-stagger_0.6s_ease-out_both]",
           style: { animationDelay: `${index * 80}ms` },
-          children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             "div",
             {
               className: cn(
@@ -3386,7 +3401,7 @@ function SuiteSkeletonCard({
   rows = 3,
   header = true
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     "div",
     {
       className: cn(
@@ -3395,26 +3410,26 @@ function SuiteSkeletonCard({
       ),
       "aria-hidden": true,
       children: [
-        header ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+        header ? /* @__PURE__ */ (0, import_jsx_runtime24.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_runtime22.jsx)("div", { className: "ph-skeleton h-10 w-10 rounded-xl" }),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex-1 space-y-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "ph-skeleton h-4 w-1/3" }),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "ph-skeleton h-3 w-1/2" })
+              /* @__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" })
               ] })
             ]
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           "div",
           {
             className: "animate-[skeleton-stagger_0.5s_ease-out_both]",
             style: { animationDelay: `${200 + index * 80}ms` },
-            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               "div",
               {
                 className: "ph-skeleton h-3",
@@ -3432,16 +3447,16 @@ function SuiteSkeletonList({
   className,
   items = 4
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cn("space-y-3", className), "aria-hidden": true, children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  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)(
     "div",
     {
       className: "animate-[skeleton-stagger_0.6s_ease-out_both]",
       style: { animationDelay: `${index * 100}ms` },
-      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-3 rounded-xl border border-ph-border bg-ph-surface p-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "ph-skeleton h-10 w-10 rounded-lg" }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "min-w-0 flex-1 space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "ph-skeleton h-3.5 w-3/4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "ph-skeleton h-3 w-1/2" })
+      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" })
         ] })
       ] })
     },
@@ -3456,7 +3471,7 @@ function SuiteEmptyState({
   className,
   size = "md"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     "div",
     {
       className: cn(
@@ -3465,13 +3480,13 @@ function SuiteEmptyState({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "pointer-events-none absolute inset-0 overflow-hidden opacity-60", "aria-hidden": true, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "absolute -left-10 -top-10 h-40 w-40 rounded-full bg-ph-brand/10 blur-3xl" }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.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: "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_runtime22.jsxs)("div", { className: "relative", children: [
-          icon ? /* @__PURE__ */ (0, import_jsx_runtime22.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_runtime22.jsx)(
+        /* @__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)(
             "h3",
             {
               className: cn(
@@ -3481,8 +3496,8 @@ function SuiteEmptyState({
               children: title
             }
           ),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime22.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_runtime22.jsx)("div", { className: "mt-5 flex flex-wrap items-center justify-center gap-2", children: action }) : null
+          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
         ] })
       ]
     }
@@ -3490,8 +3505,8 @@ function SuiteEmptyState({
 }
 
 // src/suite/components/suite-settings-mobile-nav.tsx
-var import_react13 = require("react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_react15 = require("react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function SuiteSettingsMobileNav({
   items,
   activeHref,
@@ -3500,16 +3515,16 @@ function SuiteSettingsMobileNav({
   ariaLabel = "Settings sections",
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "nav",
     {
       "data-test": dataTest,
       "aria-label": ariaLabel,
       className: cn("suite-settings-mobile-nav lg:hidden", className),
-      children: /* @__PURE__ */ (0, import_jsx_runtime23.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_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) => {
         const Icon = item.icon;
         const active = activeHref === item.href || activeHref.startsWith(`${item.href}/`);
-        const iconNode = (0, import_react13.isValidElement)(item.icon) ? item.icon : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        const iconNode = (0, import_react15.isValidElement)(item.icon) ? item.icon : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           Icon,
           {
             className: cn(
@@ -3519,7 +3534,7 @@ function SuiteSettingsMobileNav({
             "aria-hidden": true
           }
         );
-        return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
           "button",
           {
             type: "button",
@@ -3534,8 +3549,8 @@ function SuiteSettingsMobileNav({
             ),
             children: [
               iconNode,
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "whitespace-nowrap", children: item.label }),
-              active ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "absolute inset-x-0 -bottom-3 h-0.5 rounded-full bg-ph-ink lg:hidden" }) : null
+              /* @__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
             ]
           },
           item.href
@@ -3547,144 +3562,9 @@ function SuiteSettingsMobileNav({
 
 // src/suite/components/suite-sidebar.tsx
 var import_link2 = __toESM(require("next/link"));
-
-// src/components/ui/Tooltip.tsx
-var import_react14 = require("react");
-var import_react_dom = require("react-dom");
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var TooltipDelayContext = (0, import_react14.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;
-  if (side === "top")
-    return {
-      left: horizontal,
-      top: trigger.top - offset,
-      transform: "translate(-50%, -100%)"
-    };
-  if (side === "bottom")
-    return {
-      left: horizontal,
-      top: trigger.bottom + offset,
-      transform: "translate(-50%, 0)"
-    };
-  if (side === "left")
-    return {
-      left: trigger.left - offset,
-      top: vertical,
-      transform: "translate(-100%, -50%)"
-    };
-  return {
-    left: trigger.right + offset,
-    top: vertical,
-    transform: "translate(0, -50%)"
-  };
-}
-function Tooltip({
-  content,
-  children,
-  side = "top",
-  align = "center",
-  sideOffset = 7,
-  className,
-  open,
-  defaultOpen = false,
-  onOpenChange,
-  delayDuration
-}) {
-  const providerDelay = (0, import_react14.useContext)(TooltipDelayContext);
-  const generatedId = (0, import_react14.useId)().replace(/:/g, "");
-  const triggerRef = (0, import_react14.useRef)(null);
-  const timerRef = (0, import_react14.useRef)(null);
-  const [internalOpen, setInternalOpen] = (0, import_react14.useState)(defaultOpen);
-  const [position, setPosition] = (0, import_react14.useState)(null);
-  const isOpen = open != null ? open : internalOpen;
-  const triggerId = children.props.id;
-  const tooltipId = triggerId ? `${triggerId}-tooltip` : `ph-tooltip-${generatedId}`;
-  function setOpen(next) {
-    if (open === void 0) setInternalOpen(next);
-    onOpenChange == null ? void 0 : onOpenChange(next);
-  }
-  function clearTimer() {
-    if (timerRef.current) clearTimeout(timerRef.current);
-    timerRef.current = null;
-  }
-  function updatePosition() {
-    if (!triggerRef.current) return;
-    setPosition(
-      tooltipPosition(
-        triggerRef.current.getBoundingClientRect(),
-        side,
-        align,
-        sideOffset
-      )
-    );
-  }
-  function show(immediate) {
-    clearTimer();
-    updatePosition();
-    const delay = immediate ? 0 : delayDuration != null ? delayDuration : providerDelay;
-    if (!delay) setOpen(true);
-    else timerRef.current = setTimeout(() => setOpen(true), delay);
-  }
-  function hide() {
-    clearTimer();
-    setOpen(false);
-  }
-  (0, import_react14.useEffect)(() => {
-    if (!isOpen) return;
-    const reposition = () => updatePosition();
-    window.addEventListener("resize", reposition);
-    window.addEventListener("scroll", reposition, true);
-    return () => {
-      window.removeEventListener("resize", reposition);
-      window.removeEventListener("scroll", reposition, true);
-    };
-  });
-  (0, import_react14.useEffect)(() => () => clearTimer(), []);
-  const describedBy = [children.props["aria-describedby"], tooltipId].filter(Boolean).join(" ");
-  const trigger = (0, import_react14.cloneElement)(children, { "aria-describedby": describedBy });
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-      "span",
-      {
-        ref: triggerRef,
-        className: "inline-flex",
-        onMouseEnter: () => show(false),
-        onMouseLeave: hide,
-        onFocusCapture: () => show(true),
-        onBlurCapture: hide,
-        onKeyDown: (event) => {
-          if (event.key === "Escape") hide();
-        },
-        children: trigger
-      }
-    ),
-    isOpen && position && typeof document !== "undefined" ? (0, import_react_dom.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-        "span",
-        {
-          style: __spreadValues({ position: "fixed" }, position),
-          className: "pointer-events-none z-[200]",
-          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-            "span",
-            {
-              id: tooltipId,
-              role: "tooltip",
-              "data-side": side,
-              className: cn2("ph-tooltip-content", className),
-              children: content
-            }
-          )
-        }
-      ),
-      document.body
-    ) : null
-  ] });
-}
-
-// src/suite/components/suite-sidebar.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_react16 = require("react");
+var import_iconoir_react10 = require("iconoir-react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function renderNode(node, collapsed) {
   if (typeof node === "function") return node(collapsed);
   return node;
@@ -3699,9 +3579,94 @@ function SuiteSidebar({
   footerExtras,
   collapsed = false,
   className,
-  surface = false
+  surface = false,
+  askAiOpen = false,
+  onAskAiOpenChange,
+  askAi,
+  onRequestExpand
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  const showAskAi = Boolean(onAskAiOpenChange && askAi);
+  const chatOpen = showAskAi && askAiOpen && !collapsed;
+  (0, import_react16.useEffect)(() => {
+    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]);
+  (0, import_react16.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime26.jsx)(
+    "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__ */ (0, import_jsx_runtime26.jsx)(import_iconoir_react10.Sparks, { className: "h-4 w-4", "aria-hidden": true })
+    }
+  );
+  if (chatOpen) {
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+      "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__ */ (0, import_jsx_runtime26.jsxs)(
+            "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__ */ (0, import_jsx_runtime26.jsx)(Tooltip, { content: "Back to navigation", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                  "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__ */ (0, import_jsx_runtime26.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_runtime26.jsx)("div", { className: "min-h-0 flex-1", children: askAi })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "div",
     {
       className: cn(
@@ -3710,7 +3675,7 @@ function SuiteSidebar({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+        appSwitcher || notificationBell ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
           "div",
           {
             className: cn(
@@ -3719,27 +3684,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__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn("min-w-0", collapsed ? "shrink-0" : "flex-1"), children: renderNode(appSwitcher, collapsed) }),
-              collapsed ? null : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "shrink-0", children: renderNode(notificationBell, collapsed) })
+              /* @__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_runtime25.jsxs)(
+        ) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
           "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__ */ (0, import_jsx_runtime25.jsxs)("nav", { "aria-label": "Pages", className: "shrink-0 space-y-0.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn("mb-3", collapsed && "flex justify-center"), children: renderNode(contextSwitcher, collapsed) }),
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "space-y-0.5", children: navItems.map((item) => {
+              /* @__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)(
+                    "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__ */ (0, import_jsx_runtime26.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_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) => {
                   var _a;
                   const Icon = item.icon;
                   const active = Boolean(item.active);
-                  const link = /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+                  const link = /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
                     import_link2.default,
                     {
                       href: item.href,
@@ -3753,7 +3737,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_runtime25.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                           "span",
                           {
                             className: cn(
@@ -3761,7 +3745,7 @@ function SuiteSidebar({
                               item.iconClassName
                             ),
                             "aria-hidden": true,
-                            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                            children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                               Icon,
                               {
                                 className: "h-full w-full",
@@ -3770,7 +3754,7 @@ function SuiteSidebar({
                             )
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                           "span",
                           {
                             className: cn(
@@ -3781,26 +3765,26 @@ function SuiteSidebar({
                             children: item.label
                           }
                         ),
-                        !collapsed && item.badge ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "relative ml-auto shrink-0", children: item.badge }) : null
+                        !collapsed && item.badge ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "relative ml-auto shrink-0", children: item.badge }) : null
                       ]
                     },
                     item.label
                   );
-                  return collapsed ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Tooltip, { content: item.label, side: "right", children: link }, item.label) : link;
-                }) })
-              ] }),
-              secondaryNav ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-                "div",
-                {
-                  className: "min-h-0 flex-1",
-                  "data-test": "suite-sidebar-secondary-nav",
-                  children: secondaryNav
-                }
-              ) : null
+                  return collapsed ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Tooltip, { content: item.label, side: "right", children: link }, item.label) : link;
+                }) }) }),
+                secondaryNav ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                  "div",
+                  {
+                    className: "min-h-0 flex-1",
+                    "data-test": "suite-sidebar-secondary-nav",
+                    children: secondaryNav
+                  }
+                ) : null
+              ] })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "div",
           {
             className: cn(
@@ -3808,16 +3792,23 @@ function SuiteSidebar({
               surface ? "bg-ph-surface" : "bg-ph-canvas",
               collapsed ? "p-1.5" : "p-3"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
               "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__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn("shrink-0", collapsed ? "mt-2" : "ml-auto"), children: renderNode(footerExtras, collapsed) }) : null
+                  showAskAi ? /* @__PURE__ */ (0, import_jsx_runtime26.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 })
+                    }
+                  ) : 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
                 ]
               }
             )
@@ -3829,7 +3820,7 @@ function SuiteSidebar({
 }
 
 // src/suite/components/suite-app-layout.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function SuiteAppLayout({
   sidebar,
   children,
@@ -3843,7 +3834,7 @@ function SuiteAppLayout({
   onResetWidth,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "div",
     {
       "data-test": "app-shell",
@@ -3852,15 +3843,15 @@ function SuiteAppLayout({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.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: [
-              sidebar,
-              onStartResize ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              /* @__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)(
                 "div",
                 {
                   role: "separator",
@@ -3882,15 +3873,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__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [
-          mobileHeader ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "shrink-0 lg:hidden", children: mobileHeader }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        /* @__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)(
             "main",
             {
               id: "main-content",
@@ -3904,7 +3895,7 @@ function SuiteAppLayout({
               children
             }
           ),
-          bottomNav ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "shrink-0 lg:hidden", children: bottomNav }) : null
+          bottomNav ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "shrink-0 lg:hidden", children: bottomNav }) : null
         ] })
       ]
     }
@@ -3958,6 +3949,7 @@ function SuiteAppLayout({
   SuiteThemeProvider,
   SuiteToolbar,
   SuiteUserMenu,
+  SuiteWorkspaceSwitcher,
   TodayAskAiCard,
   TodayCalibrating,
   TodayEmptyAction,
@@ -3973,11 +3965,14 @@ function SuiteAppLayout({
   appSwitcherMarkClass,
   appSwitcherMenuItemClass,
   appSwitcherTriggerClass,
+  classifySuiteHref,
   cn,
+  consumePendingAskAiPrompt,
   getTodayGreeting,
   m,
   openSuiteAskAi,
   resolveSuiteNotificationHref,
+  sidebarColumnWidth,
   sourceToSuiteApp,
   suiteAppBaseUrl,
   suiteAppLabel,