@xenide-io/the-old-ui-theme 0.4.8 → 0.4.9

package/dist/suite.mjs

@@ -3,6 +3,10 @@ import {
   DropdownMenu,
   Tooltip
 } from "./chunk-G53YLHVE.mjs";
+import {
+  SuiteThemeProvider,
+  useSuiteTheme
+} from "./chunk-IAH7Z46I.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -1979,110 +1983,20 @@ function TodayCalibrating({
   );
 }
 
-// src/suite/components/theme-provider.tsx
+// src/suite/components/ai-panel.tsx
 import {
-  createContext,
+  lazy,
+  Suspense,
   useCallback as useCallback2,
-  useContext,
   useEffect as useEffect6,
-  useMemo,
-  useState as useState7
-} from "react";
-import { jsx as jsx17 } from "react/jsx-runtime";
-var SuiteThemeContext = createContext(null);
-function systemTheme(fallback) {
-  if (typeof window === "undefined") return fallback;
-  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-}
-function resolveTheme(theme, fallback) {
-  return theme === "system" ? systemTheme(fallback) : theme;
-}
-function applyTheme(theme, config) {
-  const resolved = resolveTheme(theme, config.fallbackTheme);
-  if (typeof document === "undefined") return resolved;
-  document.documentElement.setAttribute(
-    "data-theme",
-    resolved === "dark" ? config.darkThemeId : config.lightThemeId
-  );
-  document.documentElement.classList.toggle("dark", resolved === "dark");
-  if (config.themeColorLight && config.themeColorDark) {
-    const meta = document.getElementById(
-      "theme-color-meta"
-    );
-    if (meta) {
-      meta.content = resolved === "light" ? config.themeColorLight : config.themeColorDark;
-    }
-  }
-  return resolved;
-}
-function readStoredTheme(storageKey) {
-  if (typeof window === "undefined") return "system";
-  const stored = localStorage.getItem(storageKey);
-  if (stored === "light" || stored === "dark" || stored === "system")
-    return stored;
-  return "system";
-}
-function SuiteThemeProvider({
-  config,
-  children
-}) {
-  const [state, setState] = useState7(() => {
-    const theme2 = readStoredTheme(config.storageKey);
-    if (typeof document === "undefined") {
-      return { theme: theme2, resolvedTheme: config.fallbackTheme };
-    }
-    const domTheme = document.documentElement.getAttribute("data-theme");
-    const resolvedTheme2 = domTheme === config.darkThemeId ? "dark" : domTheme === config.lightThemeId ? "light" : resolveTheme(theme2, config.fallbackTheme);
-    return { theme: theme2, resolvedTheme: resolvedTheme2 };
-  });
-  const { theme, resolvedTheme } = state;
-  useEffect6(() => {
-    if (theme !== "system") return;
-    const media = window.matchMedia("(prefers-color-scheme: dark)");
-    const update = () => {
-      const resolved = applyTheme("system", config);
-      setState((current) => __spreadProps(__spreadValues({}, current), { resolvedTheme: resolved }));
-    };
-    media.addEventListener("change", update);
-    return () => media.removeEventListener("change", update);
-  }, [theme, config]);
-  const setTheme = useCallback2(
-    (next) => {
-      const resolved = applyTheme(next, config);
-      setState({ theme: next, resolvedTheme: resolved });
-      localStorage.setItem(config.storageKey, next);
-    },
-    [config]
-  );
-  const toggleTheme = useCallback2(() => {
-    setState((prev) => {
-      const next = resolveTheme(prev.theme, config.fallbackTheme) === "dark" ? "light" : "dark";
-      const resolved = applyTheme(next, config);
-      localStorage.setItem(config.storageKey, next);
-      return { theme: next, resolvedTheme: resolved };
-    });
-  }, [config]);
-  const value = useMemo(
-    () => ({ theme, resolvedTheme, setTheme, toggleTheme }),
-    [theme, resolvedTheme, setTheme, toggleTheme]
-  );
-  return /* @__PURE__ */ jsx17(SuiteThemeContext.Provider, { value, children });
-}
-function useSuiteTheme() {
-  const ctx = useContext(SuiteThemeContext);
-  if (!ctx) throw new Error("useTheme must be used within ThemeProvider");
-  return ctx;
-}
-
-// src/suite/components/ai-panel.tsx
-import {
-  useCallback as useCallback3,
-  useEffect as useEffect7,
   useRef as useRef3,
-  useState as useState8
+  useState as useState7
 } from "react";
 import { Check as Check2, Copy, Sparks, Xmark as X2 } from "iconoir-react";
-import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+var SuiteAiBlockNoteMessage = lazy(
+  () => import("./ai-message-blocknote-4Q4U2T2W.mjs")
+);
 var SUITE_OPEN_ASK_AI_EVENT = "shellstack:open-ask-ai";
 function openSuiteAskAi(detail) {
   if (typeof window === "undefined") return;
@@ -2119,16 +2033,16 @@ function SuiteAiPanel({
   spinner: Spinner,
   hideLauncher = false
 }) {
-  const [open, setOpen] = useState8(false);
-  const [prompt, setPrompt] = useState8("");
-  const [messages, setMessages] = useState8([]);
-  const [loading, setLoading] = useState8(false);
-  const [hydrating, setHydrating] = useState8(false);
-  const [error, setError] = useState8("");
-  const [copiedId, setCopiedId] = useState8(null);
-  const [launcherSide, setLauncherSide] = useState8("right");
-  const [launcherPosition, setLauncherPosition] = useState8(null);
-  const [draggingLauncher, setDraggingLauncher] = useState8(false);
+  const [open, setOpen] = useState7(false);
+  const [prompt, setPrompt] = useState7("");
+  const [messages, setMessages] = useState7([]);
+  const [loading, setLoading] = useState7(false);
+  const [hydrating, setHydrating] = useState7(false);
+  const [error, setError] = useState7("");
+  const [copiedId, setCopiedId] = useState7(null);
+  const [launcherSide, setLauncherSide] = useState7("right");
+  const [launcherPosition, setLauncherPosition] = useState7(null);
+  const [draggingLauncher, setDraggingLauncher] = useState7(false);
   const scrollerRef = useRef3(null);
   const launcherRef = useRef3(null);
   const launcherSideRef = useRef3("right");
@@ -2136,7 +2050,7 @@ function SuiteAiPanel({
   const launcherDragRef = useRef3(null);
   const suppressLauncherClickRef = useRef3(false);
   const pendingPromptRef = useRef3(null);
-  useEffect7(() => {
+  useEffect6(() => {
     const launcher = launcherRef.current;
     if (!launcher) return;
     let side = "right";
@@ -2171,12 +2085,12 @@ function SuiteAiPanel({
     window.addEventListener("resize", placeLauncher);
     return () => window.removeEventListener("resize", placeLauncher);
   }, []);
-  const scrollToBottom = useCallback3(() => {
+  const scrollToBottom = useCallback2(() => {
     const el = scrollerRef.current;
     if (!el) return;
     el.scrollTop = el.scrollHeight;
   }, []);
-  const hydrate = useCallback3(async () => {
+  const hydrate = useCallback2(async () => {
     var _a;
     setHydrating(true);
     setError("");
@@ -2194,7 +2108,7 @@ function SuiteAiPanel({
       setHydrating(false);
     }
   }, [fetchChat]);
-  useEffect7(() => {
+  useEffect6(() => {
     function onOpen(event) {
       var _a;
       const detail = event.detail;
@@ -2207,7 +2121,7 @@ function SuiteAiPanel({
     window.addEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
     return () => window.removeEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
   }, []);
-  useEffect7(() => {
+  useEffect6(() => {
     if (!open) return;
     void hydrate().then(() => {
       const pending = pendingPromptRef.current;
@@ -2217,7 +2131,7 @@ function SuiteAiPanel({
       }
     });
   }, [open, hydrate]);
-  useEffect7(() => {
+  useEffect6(() => {
     if (open) scrollToBottom();
   }, [messages, loading, open, scrollToBottom]);
   async function ask(text) {
@@ -2388,15 +2302,15 @@ function SuiteAiPanel({
           "aria-label": "Open Ask AI",
           "aria-describedby": "suite-ask-ai-launcher-help",
           children: [
-            /* @__PURE__ */ jsx18(Icon, { className: "h-4 w-4 text-ph-brand" }),
+            /* @__PURE__ */ jsx17(Icon, { className: "h-4 w-4 text-ph-brand" }),
             "Ask AI"
           ]
         }
       ),
-      /* @__PURE__ */ jsx18("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." })
+      /* @__PURE__ */ jsx17("span", { id: "suite-ask-ai-launcher-help", className: "sr-only", children: "Drag to reposition, or use arrow keys. The launcher docks to the nearest screen edge." })
     ] }) : null,
     open ? /* @__PURE__ */ jsxs15("div", { className: "fixed inset-0 z-40", role: "dialog", "aria-modal": "true", children: [
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx17(
         "button",
         {
           type: "button",
@@ -2414,13 +2328,13 @@ function SuiteAiPanel({
             /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between border-b border-ph-border px-4 py-3", children: [
               /* @__PURE__ */ jsxs15("div", { className: "min-w-0", children: [
                 /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx18(Icon, { className: "h-4 w-4 shrink-0 text-ph-brand" }),
-                  /* @__PURE__ */ jsx18("span", { className: "text-sm font-semibold text-ph-ink", children: title })
+                  /* @__PURE__ */ jsx17(Icon, { className: "h-4 w-4 shrink-0 text-ph-brand" }),
+                  /* @__PURE__ */ jsx17("span", { className: "text-sm font-semibold text-ph-ink", children: title })
                 ] }),
-                /* @__PURE__ */ jsx18("p", { className: "mt-0.5 text-[11px] text-ph-mutedtext", children: "Shared across your suite \xB7 same chat in every app" })
+                /* @__PURE__ */ jsx17("p", { className: "mt-0.5 text-[11px] text-ph-mutedtext", children: "Shared across your suite \xB7 same chat in every app" })
               ] }),
               /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-1", children: [
-                messages.length > 0 ? /* @__PURE__ */ jsx18(
+                messages.length > 0 ? /* @__PURE__ */ jsx17(
                   "button",
                   {
                     type: "button",
@@ -2431,19 +2345,19 @@ function SuiteAiPanel({
                     children: "Clear"
                   }
                 ) : null,
-                /* @__PURE__ */ jsx18(
+                /* @__PURE__ */ jsx17(
                   "button",
                   {
                     type: "button",
                     onClick: () => setOpen(false),
                     className: "rounded p-1 hover:bg-ph-muted",
                     "aria-label": "Close",
-                    children: /* @__PURE__ */ jsx18(X2, { className: "h-4 w-4" })
+                    children: /* @__PURE__ */ jsx17(X2, { className: "h-4 w-4" })
                   }
                 )
               ] })
             ] }),
-            presets.length > 0 && messages.length === 0 ? /* @__PURE__ */ jsx18("div", { className: "flex flex-wrap gap-1.5 border-b border-ph-border px-4 py-2", children: presets.map((preset) => /* @__PURE__ */ jsx18(
+            presets.length > 0 && messages.length === 0 ? /* @__PURE__ */ jsx17("div", { className: "flex flex-wrap gap-1.5 border-b border-ph-border px-4 py-2", children: presets.map((preset) => /* @__PURE__ */ jsx17(
               "button",
               {
                 type: "button",
@@ -2460,14 +2374,14 @@ function SuiteAiPanel({
                 ref: scrollerRef,
                 className: "flex-1 space-y-3 overflow-y-auto p-4",
                 children: [
-                  error ? /* @__PURE__ */ jsx18("p", { className: "bg-ph-danger/10 rounded-lg px-3 py-2 text-sm text-ph-danger", children: error }) : null,
+                  error ? /* @__PURE__ */ jsx17("p", { className: "bg-ph-danger/10 rounded-lg px-3 py-2 text-sm text-ph-danger", children: error }) : null,
                   hydrating && messages.length === 0 ? /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2 text-sm text-ph-mutedtext", children: [
-                    /* @__PURE__ */ jsx18(Spinner, { className: "h-4 w-4 animate-spin" }),
+                    /* @__PURE__ */ jsx17(Spinner, { className: "h-4 w-4 animate-spin" }),
                     "Loading chat\u2026"
                   ] }) : null,
                   !hydrating && messages.length === 0 && !error ? /* @__PURE__ */ jsxs15("div", { className: "mt-10 px-2 text-center", children: [
-                    /* @__PURE__ */ jsx18("p", { className: "font-display text-base font-semibold text-ph-ink", children: "How can I help?" }),
-                    /* @__PURE__ */ jsx18("p", { className: "mt-2 text-sm leading-relaxed text-ph-subtle", children: emptyState })
+                    /* @__PURE__ */ jsx17("p", { className: "font-display text-base font-semibold text-ph-ink", children: "How can I help?" }),
+                    /* @__PURE__ */ jsx17("p", { className: "mt-2 text-sm leading-relaxed text-ph-subtle", children: emptyState })
                   ] }) : null,
                   messages.map((message, index) => {
                     const isUser = message.role === "user";
@@ -2477,7 +2391,13 @@ function SuiteAiPanel({
                         className: isUser ? "ml-8 rounded-2xl bg-ph-brand/10 px-3.5 py-2.5 text-sm text-ph-ink" : "mr-4 rounded-2xl bg-ph-muted px-3.5 py-2.5 text-sm text-ph-ink",
                         "data-test": isUser ? "ask-ai-user" : "ask-ai-assistant",
                         children: [
-                          /* @__PURE__ */ jsx18("p", { className: "whitespace-pre-wrap", children: message.content }),
+                          isUser ? /* @__PURE__ */ jsx17("p", { className: "whitespace-pre-wrap", children: message.content }) : /* @__PURE__ */ jsx17(
+                            Suspense,
+                            {
+                              fallback: /* @__PURE__ */ jsx17("p", { className: "whitespace-pre-wrap", children: message.content }),
+                              children: /* @__PURE__ */ jsx17(SuiteAiBlockNoteMessage, { markdown: message.content })
+                            }
+                          ),
                           !isUser ? /* @__PURE__ */ jsxs15(
                             "button",
                             {
@@ -2485,7 +2405,7 @@ function SuiteAiPanel({
                               onClick: () => void copyMessage(index, message.content),
                               className: "mt-2 inline-flex items-center gap-1 text-xs text-ph-mutedtext hover:text-ph-ink",
                               children: [
-                                copiedId === index ? /* @__PURE__ */ jsx18(Check2, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx18(Copy, { className: "h-3 w-3" }),
+                                copiedId === index ? /* @__PURE__ */ jsx17(Check2, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx17(Copy, { className: "h-3 w-3" }),
                                 copiedId === index ? "Copied" : "Copy"
                               ]
                             }
@@ -2496,14 +2416,14 @@ function SuiteAiPanel({
                     );
                   }),
                   loading ? /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2 text-sm text-ph-mutedtext", children: [
-                    /* @__PURE__ */ jsx18(Spinner, { className: "h-4 w-4 animate-spin" }),
+                    /* @__PURE__ */ jsx17(Spinner, { className: "h-4 w-4 animate-spin" }),
                     "Thinking\u2026"
                   ] }) : null
                 ]
               }
             ),
-            /* @__PURE__ */ jsx18("div", { className: "border-t border-ph-border p-3", children: /* @__PURE__ */ jsxs15("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx17("div", { className: "border-t border-ph-border p-3", children: /* @__PURE__ */ jsxs15("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsx17(
                 "textarea",
                 {
                   value: prompt,
@@ -2521,7 +2441,7 @@ function SuiteAiPanel({
                   className: "flex-1 resize-none rounded-xl border border-ph-border bg-ph-canvas p-2.5 text-sm text-ph-ink outline-none focus:ring-1 focus:ring-ph-brand"
                 }
               ),
-              /* @__PURE__ */ jsx18(
+              /* @__PURE__ */ jsx17(
                 "button",
                 {
                   type: "button",
@@ -2542,9 +2462,9 @@ function SuiteAiPanel({
 
 // src/suite/lib/use-sidebar-width.ts
 import {
-  useCallback as useCallback4,
-  useEffect as useEffect8,
-  useState as useState9
+  useCallback as useCallback3,
+  useEffect as useEffect7,
+  useState as useState8
 } from "react";
 var SIDEBAR_RAIL_WIDTH = 56;
 var SIDEBAR_COLLAPSE_THRESHOLD = 80;
@@ -2560,10 +2480,10 @@ function snapWidth(width) {
   return Math.min(SIDEBAR_MAX_WIDTH, width);
 }
 function useSidebarWidth(storageKey) {
-  const [width, setWidth] = useState9(SIDEBAR_DEFAULT_WIDTH);
-  const [narrowViewport, setNarrowViewport] = useState9(false);
+  const [width, setWidth] = useState8(SIDEBAR_DEFAULT_WIDTH);
+  const [narrowViewport, setNarrowViewport] = useState8(false);
   const collapsed = narrowViewport || width <= SIDEBAR_COLLAPSE_THRESHOLD;
-  useEffect8(() => {
+  useEffect7(() => {
     let stored = null;
     try {
       stored = localStorage.getItem(storageKey);
@@ -2575,14 +2495,14 @@ function useSidebarWidth(storageKey) {
       queueMicrotask(() => setWidth(snapWidth(clampWidth(parsed))));
     }
   }, [storageKey]);
-  useEffect8(() => {
+  useEffect7(() => {
     const media = window.matchMedia("(max-width: 639px)");
     const sync = () => setNarrowViewport(media.matches);
     sync();
     media.addEventListener("change", sync);
     return () => media.removeEventListener("change", sync);
   }, []);
-  const persist = useCallback4(
+  const persist = useCallback3(
     (value) => {
       try {
         localStorage.setItem(storageKey, String(value));
@@ -2591,7 +2511,7 @@ function useSidebarWidth(storageKey) {
     },
     [storageKey]
   );
-  const setCollapsed = useCallback4(
+  const setCollapsed = useCallback3(
     (value) => {
       setWidth((current) => {
         const next = value ? SIDEBAR_RAIL_WIDTH : current <= SIDEBAR_COLLAPSE_THRESHOLD ? SIDEBAR_DEFAULT_WIDTH : snapWidth(current);
@@ -2601,11 +2521,11 @@ function useSidebarWidth(storageKey) {
     },
     [persist]
   );
-  const resetWidth = useCallback4(() => {
+  const resetWidth = useCallback3(() => {
     setWidth(SIDEBAR_DEFAULT_WIDTH);
     persist(SIDEBAR_DEFAULT_WIDTH);
   }, [persist]);
-  const startResize = useCallback4(
+  const startResize = useCallback3(
     (event) => {
       event.preventDefault();
       const startX = event.clientX;
@@ -2632,9 +2552,9 @@ function useSidebarWidth(storageKey) {
 
 // src/suite/lib/motion.tsx
 import { LazyMotion, domAnimation, m } from "motion/react";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function SuiteMotionProvider({ children }) {
-  return /* @__PURE__ */ jsx19(LazyMotion, { features: domAnimation, strict: true, children });
+  return /* @__PURE__ */ jsx18(LazyMotion, { features: domAnimation, strict: true, children });
 }
 var SUITE_SPRINGS = {
   /** Snappy panel/sheet entrances — small overshoot. */
@@ -2646,24 +2566,24 @@ var SUITE_SPRINGS = {
 };
 
 // src/suite/components/suite-skeleton.tsx
-import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 function SuiteSkeleton({
   className,
   lines = 1,
   circle,
   width
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       className: cn("space-y-2", circle ? "flex flex-col items-center" : ""),
       "aria-hidden": true,
-      children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx20(
+      children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx19(
         "div",
         {
           className: "animate-[skeleton-stagger_0.6s_ease-out_both]",
           style: { animationDelay: `${index * 80}ms` },
-          children: /* @__PURE__ */ jsx20(
+          children: /* @__PURE__ */ jsx19(
             "div",
             {
               className: cn(
@@ -2702,20 +2622,20 @@ function SuiteSkeletonCard({
             className: "mb-5 flex items-center gap-3 animate-[skeleton-stagger_0.5s_ease-out_both]",
             style: { animationDelay: "100ms" },
             children: [
-              /* @__PURE__ */ jsx20("div", { className: "ph-skeleton h-10 w-10 rounded-xl" }),
+              /* @__PURE__ */ jsx19("div", { className: "ph-skeleton h-10 w-10 rounded-xl" }),
               /* @__PURE__ */ jsxs16("div", { className: "flex-1 space-y-2", children: [
-                /* @__PURE__ */ jsx20("div", { className: "ph-skeleton h-4 w-1/3" }),
-                /* @__PURE__ */ jsx20("div", { className: "ph-skeleton h-3 w-1/2" })
+                /* @__PURE__ */ jsx19("div", { className: "ph-skeleton h-4 w-1/3" }),
+                /* @__PURE__ */ jsx19("div", { className: "ph-skeleton h-3 w-1/2" })
               ] })
             ]
           }
         ) : null,
-        /* @__PURE__ */ jsx20("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx19("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsx19(
           "div",
           {
             className: "animate-[skeleton-stagger_0.5s_ease-out_both]",
             style: { animationDelay: `${200 + index * 80}ms` },
-            children: /* @__PURE__ */ jsx20(
+            children: /* @__PURE__ */ jsx19(
               "div",
               {
                 className: "ph-skeleton h-3",
@@ -2733,16 +2653,16 @@ function SuiteSkeletonList({
   className,
   items = 4
 }) {
-  return /* @__PURE__ */ jsx20("div", { className: cn("space-y-3", className), "aria-hidden": true, children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx19("div", { className: cn("space-y-3", className), "aria-hidden": true, children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsx19(
     "div",
     {
       className: "animate-[skeleton-stagger_0.6s_ease-out_both]",
       style: { animationDelay: `${index * 100}ms` },
       children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3 rounded-xl border border-ph-border bg-ph-surface p-4", children: [
-        /* @__PURE__ */ jsx20("div", { className: "ph-skeleton h-10 w-10 rounded-lg" }),
+        /* @__PURE__ */ jsx19("div", { className: "ph-skeleton h-10 w-10 rounded-lg" }),
         /* @__PURE__ */ jsxs16("div", { className: "min-w-0 flex-1 space-y-2", children: [
-          /* @__PURE__ */ jsx20("div", { className: "ph-skeleton h-3.5 w-3/4" }),
-          /* @__PURE__ */ jsx20("div", { className: "ph-skeleton h-3 w-1/2" })
+          /* @__PURE__ */ jsx19("div", { className: "ph-skeleton h-3.5 w-3/4" }),
+          /* @__PURE__ */ jsx19("div", { className: "ph-skeleton h-3 w-1/2" })
         ] })
       ] })
     },
@@ -2767,12 +2687,12 @@ function SuiteEmptyState({
       ),
       children: [
         /* @__PURE__ */ jsxs16("div", { className: "pointer-events-none absolute inset-0 overflow-hidden opacity-60", "aria-hidden": true, children: [
-          /* @__PURE__ */ jsx20("div", { className: "absolute -left-10 -top-10 h-40 w-40 rounded-full bg-ph-brand/10 blur-3xl" }),
-          /* @__PURE__ */ jsx20("div", { className: "absolute -bottom-10 -right-10 h-40 w-40 rounded-full bg-ph-accent/10 blur-3xl" })
+          /* @__PURE__ */ jsx19("div", { className: "absolute -left-10 -top-10 h-40 w-40 rounded-full bg-ph-brand/10 blur-3xl" }),
+          /* @__PURE__ */ jsx19("div", { className: "absolute -bottom-10 -right-10 h-40 w-40 rounded-full bg-ph-accent/10 blur-3xl" })
         ] }),
         /* @__PURE__ */ jsxs16("div", { className: "relative", children: [
-          icon ? /* @__PURE__ */ jsx20("div", { className: "mx-auto mb-4 inline-flex items-center justify-center rounded-2xl bg-ph-muted p-3 shadow-sm ring-1 ring-black/[0.06]", children: icon }) : null,
-          /* @__PURE__ */ jsx20(
+          icon ? /* @__PURE__ */ jsx19("div", { className: "mx-auto mb-4 inline-flex items-center justify-center rounded-2xl bg-ph-muted p-3 shadow-sm ring-1 ring-black/[0.06]", children: icon }) : null,
+          /* @__PURE__ */ jsx19(
             "h3",
             {
               className: cn(
@@ -2782,8 +2702,8 @@ function SuiteEmptyState({
               children: title
             }
           ),
-          description ? /* @__PURE__ */ jsx20("p", { className: "mx-auto mt-2 max-w-sm text-sm leading-relaxed text-ph-subtle", children: description }) : null,
-          action ? /* @__PURE__ */ jsx20("div", { className: "mt-5 flex flex-wrap items-center justify-center gap-2", children: action }) : null
+          description ? /* @__PURE__ */ jsx19("p", { className: "mx-auto mt-2 max-w-sm text-sm leading-relaxed text-ph-subtle", children: description }) : null,
+          action ? /* @__PURE__ */ jsx19("div", { className: "mt-5 flex flex-wrap items-center justify-center gap-2", children: action }) : null
         ] })
       ]
     }
@@ -2792,7 +2712,7 @@ function SuiteEmptyState({
 
 // src/suite/components/suite-settings-mobile-nav.tsx
 import { isValidElement } from "react";
-import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function SuiteSettingsMobileNav({
   items,
   activeHref,
@@ -2801,16 +2721,16 @@ function SuiteSettingsMobileNav({
   ariaLabel = "Settings sections",
   className
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "nav",
     {
       "data-test": dataTest,
       "aria-label": ariaLabel,
       className: cn("suite-settings-mobile-nav lg:hidden", className),
-      children: /* @__PURE__ */ jsx21("div", { className: "flex snap-x gap-2 overflow-x-auto pb-3 pt-1 scrollbar-hide [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: items.map((item) => {
+      children: /* @__PURE__ */ jsx20("div", { className: "flex snap-x gap-2 overflow-x-auto pb-3 pt-1 scrollbar-hide [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: items.map((item) => {
         const Icon = item.icon;
         const active = activeHref === item.href || activeHref.startsWith(`${item.href}/`);
-        const iconNode = isValidElement(item.icon) ? item.icon : /* @__PURE__ */ jsx21(
+        const iconNode = isValidElement(item.icon) ? item.icon : /* @__PURE__ */ jsx20(
           Icon,
           {
             className: cn(
@@ -2834,8 +2754,8 @@ function SuiteSettingsMobileNav({
             ),
             children: [
               iconNode,
-              /* @__PURE__ */ jsx21("span", { className: "whitespace-nowrap", children: item.label }),
-              active ? /* @__PURE__ */ jsx21("span", { className: "absolute inset-x-0 -bottom-3 h-0.5 rounded-full bg-ph-ink lg:hidden" }) : null
+              /* @__PURE__ */ jsx20("span", { className: "whitespace-nowrap", children: item.label }),
+              active ? /* @__PURE__ */ jsx20("span", { className: "absolute inset-x-0 -bottom-3 h-0.5 rounded-full bg-ph-ink lg:hidden" }) : null
             ]
           },
           item.href
@@ -2847,7 +2767,7 @@ function SuiteSettingsMobileNav({
 
 // src/suite/components/suite-sidebar.tsx
 import Link2 from "next/link";
-import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 function renderNode(node, collapsed) {
   if (typeof node === "function") return node(collapsed);
   return node;
@@ -2882,8 +2802,8 @@ function SuiteSidebar({
               collapsed ? "flex-col items-center gap-1 px-1 py-2" : "h-14 items-center justify-between gap-2 px-3"
             ),
             children: [
-              /* @__PURE__ */ jsx22("div", { className: cn("min-w-0", collapsed ? "shrink-0" : "flex-1"), children: renderNode(appSwitcher, collapsed) }),
-              collapsed ? null : /* @__PURE__ */ jsx22("div", { className: "shrink-0", children: renderNode(notificationBell, collapsed) })
+              /* @__PURE__ */ jsx21("div", { className: cn("min-w-0", collapsed ? "shrink-0" : "flex-1"), children: renderNode(appSwitcher, collapsed) }),
+              collapsed ? null : /* @__PURE__ */ jsx21("div", { className: "shrink-0", children: renderNode(notificationBell, collapsed) })
             ]
           }
         ),
@@ -2902,8 +2822,8 @@ function SuiteSidebar({
                   "aria-label": "Pages",
                   className: "shrink-0 space-y-0.5",
                   children: [
-                    /* @__PURE__ */ jsx22("div", { className: cn("mb-3", collapsed && "flex justify-center"), children: renderNode(contextSwitcher, collapsed) }),
-                    /* @__PURE__ */ jsx22("div", { className: "space-y-0.5", children: navItems.map((item) => {
+                    /* @__PURE__ */ jsx21("div", { className: cn("mb-3", collapsed && "flex justify-center"), children: renderNode(contextSwitcher, collapsed) }),
+                    /* @__PURE__ */ jsx21("div", { className: "space-y-0.5", children: navItems.map((item) => {
                       const Icon = item.icon;
                       const active = Boolean(item.active);
                       const link = /* @__PURE__ */ jsxs18(
@@ -2919,7 +2839,7 @@ function SuiteSidebar({
                             collapsed ? "mx-auto size-10 shrink-0 justify-center gap-0 px-0 py-0" : "w-full px-2.5 py-2"
                           ),
                           children: [
-                            /* @__PURE__ */ jsx22(
+                            /* @__PURE__ */ jsx21(
                               "span",
                               {
                                 className: cn(
@@ -2927,7 +2847,7 @@ function SuiteSidebar({
                                   item.iconClassName
                                 ),
                                 "aria-hidden": true,
-                                children: /* @__PURE__ */ jsx22(
+                                children: /* @__PURE__ */ jsx21(
                                   Icon,
                                   {
                                     className: "h-full w-full",
@@ -2936,7 +2856,7 @@ function SuiteSidebar({
                                 )
                               }
                             ),
-                            /* @__PURE__ */ jsx22(
+                            /* @__PURE__ */ jsx21(
                               "span",
                               {
                                 className: cn(
@@ -2947,17 +2867,17 @@ function SuiteSidebar({
                                 children: item.label
                               }
                             ),
-                            !collapsed && item.badge ? /* @__PURE__ */ jsx22("span", { className: "relative ml-auto shrink-0", children: item.badge }) : null
+                            !collapsed && item.badge ? /* @__PURE__ */ jsx21("span", { className: "relative ml-auto shrink-0", children: item.badge }) : null
                           ]
                         },
                         item.label
                       );
-                      return collapsed ? /* @__PURE__ */ jsx22(Tooltip, { content: item.label, side: "right", children: link }, item.label) : link;
+                      return collapsed ? /* @__PURE__ */ jsx21(Tooltip, { content: item.label, side: "right", children: link }, item.label) : link;
                     }) })
                   ]
                 }
               ),
-              secondaryNav ? /* @__PURE__ */ jsx22(
+              secondaryNav ? /* @__PURE__ */ jsx21(
                 "div",
                 {
                   className: "min-h-0 flex-1",
@@ -2968,7 +2888,7 @@ function SuiteSidebar({
             ]
           }
         ),
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx21(
           "div",
           {
             className: cn(
@@ -2985,7 +2905,7 @@ function SuiteSidebar({
                 ),
                 children: [
                   renderNode(userMenu, collapsed),
-                  !collapsed && footerExtras ? /* @__PURE__ */ jsx22("div", { className: "ml-auto shrink-0", children: renderNode(footerExtras, collapsed) }) : null
+                  !collapsed && footerExtras ? /* @__PURE__ */ jsx21("div", { className: "ml-auto shrink-0", children: renderNode(footerExtras, collapsed) }) : null
                 ]
               }
             )
@@ -2997,7 +2917,7 @@ function SuiteSidebar({
 }
 
 // src/suite/components/suite-app-layout.tsx
-import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 function SuiteAppLayout({
   sidebar,
   children,
@@ -3024,7 +2944,7 @@ function SuiteAppLayout({
             "data-collapsed": collapsed ? "true" : "false",
             children: [
               sidebar,
-              onStartResize ? /* @__PURE__ */ jsx23(
+              onStartResize ? /* @__PURE__ */ jsx22(
                 "div",
                 {
                   role: "separator",
@@ -3039,8 +2959,8 @@ function SuiteAppLayout({
           }
         ),
         /* @__PURE__ */ jsxs19("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [
-          mobileHeader ? /* @__PURE__ */ jsx23("div", { className: "shrink-0 lg:hidden", children: mobileHeader }) : null,
-          /* @__PURE__ */ jsx23(
+          mobileHeader ? /* @__PURE__ */ jsx22("div", { className: "shrink-0 lg:hidden", children: mobileHeader }) : null,
+          /* @__PURE__ */ jsx22(
             "main",
             {
               id: "main-content",
@@ -3053,7 +2973,7 @@ function SuiteAppLayout({
               children
             }
           ),
-          bottomNav ? /* @__PURE__ */ jsx23("div", { className: "shrink-0 lg:hidden", children: bottomNav }) : null
+          bottomNav ? /* @__PURE__ */ jsx22("div", { className: "shrink-0 lg:hidden", children: bottomNav }) : null
         ] })
       ]
     }