@timbal-ai/timbal-react 1.6.0 → 1.7.0

package/dist/index.cjs

@@ -1643,14 +1643,14 @@ function DialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_radix_ui2.Dialog.Description,
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_radix_ui2.Dialog.Description, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "div",
     {
       "data-slot": "dialog-description",
       className: cn("text-sm text-muted-foreground", className),
       ...props
     }
-  );
+  ) });
 }
 function DialogHeader({ className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -6070,9 +6070,9 @@ var TimbalChatShell = ({
 };
 
 // src/studio/shell/studio-shell.tsx
-var import_react49 = require("react");
+var import_react50 = require("react");
 var import_lucide_react14 = require("lucide-react");
-var import_react50 = require("motion/react");
+var import_react51 = require("motion/react");
 
 // src/design/sidebar-motion.ts
 var STUDIO_SIDEBAR_EASE_ENTER = [0, 0, 0.2, 1];
@@ -6255,11 +6255,19 @@ function useStudioSidebarLayout() {
 }
 
 // src/studio/sidebar/sidebar.tsx
-var import_react43 = require("react");
-var import_react44 = require("motion/react");
+var import_react44 = require("react");
+var import_react45 = require("motion/react");
+
+// src/layout/shell-nav-context.tsx
+var import_react37 = require("react");
+var ShellNavContext = (0, import_react37.createContext)(null);
+var ShellNavProvider = ShellNavContext.Provider;
+function useOptionalShellNav() {
+  return (0, import_react37.useContext)(ShellNavContext);
+}
 
 // src/studio/sidebar/sidebar-entries.tsx
-var import_react37 = require("motion/react");
+var import_react38 = require("motion/react");
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var StudioSidebarEntries = ({
   visible,
@@ -6267,12 +6275,12 @@ var StudioSidebarEntries = ({
   children,
   className
 }) => {
-  const reducedMotion = (0, import_react37.useReducedMotion)();
+  const reducedMotion = (0, import_react38.useReducedMotion)();
   if (reducedMotion) {
     return visible ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: cn("flex min-h-0 flex-1 flex-col", className), children }) : null;
   }
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-    import_react37.motion.div,
+    import_react38.motion.div,
     {
       className: cn("flex min-h-0 flex-1 flex-col", className),
       initial: false,
@@ -6292,11 +6300,11 @@ var StudioSidebarEntries = ({
 };
 
 // src/studio/sidebar/sidebar-footer.tsx
-var import_react40 = require("react");
+var import_react41 = require("react");
 var import_lucide_react11 = require("lucide-react");
 
 // src/auth/provider.tsx
-var import_react38 = require("react");
+var import_react39 = require("react");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 function isInsideIframe() {
   try {
@@ -6305,26 +6313,26 @@ function isInsideIframe() {
     return true;
   }
 }
-var SessionContext = (0, import_react38.createContext)(void 0);
+var SessionContext = (0, import_react39.createContext)(void 0);
 var useSession = () => {
-  const context = (0, import_react38.useContext)(SessionContext);
+  const context = (0, import_react39.useContext)(SessionContext);
   if (context === void 0) {
     throw new Error("useSession must be used within a SessionProvider");
   }
   return context;
 };
 var useOptionalSession = () => {
-  const context = (0, import_react38.useContext)(SessionContext);
+  const context = (0, import_react39.useContext)(SessionContext);
   return context ?? null;
 };
 var SessionProvider = ({
   children,
   enabled = true
 }) => {
-  const [user, setUser] = (0, import_react38.useState)(null);
-  const [loading, setLoading] = (0, import_react38.useState)(enabled);
-  const [embedded] = (0, import_react38.useState)(isInsideIframe);
-  (0, import_react38.useEffect)(() => {
+  const [user, setUser] = (0, import_react39.useState)(null);
+  const [loading, setLoading] = (0, import_react39.useState)(enabled);
+  const [embedded] = (0, import_react39.useState)(isInsideIframe);
+  (0, import_react39.useEffect)(() => {
     if (!enabled) {
       setLoading(false);
       return;
@@ -6385,7 +6393,7 @@ var SessionProvider = ({
       messageCleanup?.();
     };
   }, [enabled, embedded]);
-  const logout = (0, import_react38.useCallback)(() => {
+  const logout = (0, import_react39.useCallback)(() => {
     clearTokens();
     setUser(null);
     const returnTo = encodeURIComponent(
@@ -6433,17 +6441,17 @@ function studioSidebarNavItemClasses(iconOnly, isActive) {
 }
 
 // src/studio/sidebar/sidebar-entry-motion.tsx
-var import_react39 = require("motion/react");
+var import_react40 = require("motion/react");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 var StudioSidebarEntryMotion = ({
   children,
   className
 }) => {
-  const reducedMotion = (0, import_react39.useReducedMotion)();
+  const reducedMotion = (0, import_react40.useReducedMotion)();
   if (reducedMotion) {
     return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className, children });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react39.motion.div, { variants: studioSidebarEntryItemVariants, className: cn(className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react40.motion.div, { variants: studioSidebarEntryItemVariants, className: cn(className), children });
 };
 
 // src/studio/sidebar/sidebar-tooltip.tsx
@@ -6683,8 +6691,8 @@ var StudioSidebarFooter = ({
 }) => {
   const session = useOptionalSession();
   const user = session?.user ?? null;
-  const [isDark, setIsDark] = (0, import_react40.useState)(false);
-  (0, import_react40.useEffect)(() => {
+  const [isDark, setIsDark] = (0, import_react41.useState)(false);
+  (0, import_react41.useEffect)(() => {
     if (typeof window === "undefined" || typeof document === "undefined") return;
     const stored = window.localStorage.getItem(STORAGE_KEYS.theme);
     if (stored) {
@@ -7036,14 +7044,14 @@ function TimbalMark({
 }
 
 // src/studio/sidebar/shell-inset-bridge-context.tsx
-var import_react42 = require("react");
+var import_react43 = require("react");
 
 // src/layout/shell-inset-context.tsx
-var import_react41 = require("react");
-var ShellInsetContext = (0, import_react41.createContext)(null);
+var import_react42 = require("react");
+var ShellInsetContext = (0, import_react42.createContext)(null);
 var ShellInsetProvider = ShellInsetContext.Provider;
 function useShellInsetReporter() {
-  return (0, import_react41.useContext)(ShellInsetContext);
+  return (0, import_react42.useContext)(ShellInsetContext);
 }
 
 // src/studio/sidebar/shell-inset-bridge-context.tsx
@@ -7052,7 +7060,7 @@ var StudioSidebarShellInsetBridge = ({
 }) => {
   const reportInset = useShellInsetReporter();
   const { isMobile, isCollapsedRail } = useStudioSidebarLayout();
-  (0, import_react42.useLayoutEffect)(() => {
+  (0, import_react43.useLayoutEffect)(() => {
     const insetPx = isMobile ? 0 : isCollapsedRail ? SIDEBAR_INSET_PX_COLLAPSED : SIDEBAR_INSET_PX_EXPANDED;
     reportInset?.(insetPx);
     onInsetChange?.(insetPx);
@@ -7095,7 +7103,7 @@ var StudioSidebarPanel = ({
   logo,
   emptyCaption = null
 }) => {
-  const reducedMotion = (0, import_react44.useReducedMotion)();
+  const reducedMotion = (0, import_react45.useReducedMotion)();
   const isCollapsedRail = widthCollapsed && !isMobile;
   const iconOnlyLayout = studioSidebarIconOnlyLayout(isMobile, isCollapsedRail);
   const isDrawerOpen = isMobile && mobileOpen;
@@ -7117,7 +7125,7 @@ var StudioSidebarPanel = ({
   const brandNode = brand ?? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TimbalMark, { size: 32 });
   const logoNode = logo ?? (isCustomBrand ? null : brandNode);
   const panel = /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
-    import_react44.motion.div,
+    import_react45.motion.div,
     {
       "data-sidebar-collapsed": isCollapsedRail ? "" : void 0,
       className: cn(
@@ -7187,7 +7195,7 @@ var StudioSidebarPanel = ({
   );
   if (isMobile) {
     return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      import_react44.motion.aside,
+      import_react45.motion.aside,
       {
         className: "fixed inset-y-0 left-0 z-[60] flex",
         "aria-label": "Studio navigation",
@@ -7225,51 +7233,62 @@ var StudioSidebar = ({
   onMobileOpenChange: onMobileOpenChangeProp,
   onInsetChange
 }) => {
-  const reducedMotion = (0, import_react44.useReducedMotion)();
+  const reducedMotion = (0, import_react45.useReducedMotion)();
   const fetched = useWorkforces({ enabled: workforcesProp === void 0 });
   const workforces = workforcesProp ?? fetched.workforces;
-  const [internalSelected, setInternalSelected] = (0, import_react43.useState)(
+  const [internalSelected, setInternalSelected] = (0, import_react44.useState)(
     selectedIdProp ?? ""
   );
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (selectedIdProp !== void 0) return;
     if (internalSelected) return;
     const first = workforces[0]?.id ?? workforces[0]?.uid ?? workforces[0]?.name;
     if (first) setInternalSelected(first);
   }, [workforces, selectedIdProp, internalSelected]);
   const selectedId = selectedIdProp ?? internalSelected ?? workforces[0]?.id ?? workforces[0]?.uid ?? workforces[0]?.name ?? "";
-  const [collapsed, setCollapsed] = (0, import_react43.useState)(() => {
+  const [collapsed, setCollapsed] = (0, import_react44.useState)(() => {
     const persisted = readPersistedCollapsed(persistKey);
     return persisted || defaultCollapsed;
   });
-  const handleCollapsedChange = (0, import_react43.useCallback)(
+  const handleCollapsedChange = (0, import_react44.useCallback)(
     (next) => {
       setCollapsed(next);
       writePersistedCollapsed(persistKey, next);
     },
     [persistKey]
   );
-  const [isMobile, setIsMobile] = (0, import_react43.useState)(() => {
+  const [isMobile, setIsMobile] = (0, import_react44.useState)(() => {
     if (typeof window === "undefined") return false;
     return window.innerWidth < mobileBreakpointPx;
   });
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (typeof window === "undefined") return;
     const onResize = () => setIsMobile(window.innerWidth < mobileBreakpointPx);
     onResize();
     window.addEventListener("resize", onResize);
     return () => window.removeEventListener("resize", onResize);
   }, [mobileBreakpointPx]);
-  const [internalMobileOpen, setInternalMobileOpen] = (0, import_react43.useState)(false);
-  const mobileOpen = mobileOpenProp ?? internalMobileOpen;
-  const setMobileOpen = (0, import_react43.useCallback)(
+  const shellNav = useOptionalShellNav();
+  const isControlled = mobileOpenProp !== void 0;
+  const usingShellNav = !isControlled && shellNav !== null;
+  const [internalMobileOpen, setInternalMobileOpen] = (0, import_react44.useState)(false);
+  const mobileOpen = isControlled ? mobileOpenProp : usingShellNav ? shellNav.open : internalMobileOpen;
+  const setMobileOpen = (0, import_react44.useCallback)(
     (next) => {
-      if (mobileOpenProp === void 0) setInternalMobileOpen(next);
+      if (isControlled) {
+        onMobileOpenChangeProp?.(next);
+        return;
+      }
+      if (usingShellNav) {
+        shellNav.setOpen(next);
+      } else {
+        setInternalMobileOpen(next);
+      }
       onMobileOpenChangeProp?.(next);
     },
-    [mobileOpenProp, onMobileOpenChangeProp]
+    [isControlled, usingShellNav, shellNav, onMobileOpenChangeProp]
   );
-  const handleSelect = (0, import_react43.useCallback)(
+  const handleSelect = (0, import_react44.useCallback)(
     (id) => {
       if (selectedIdProp === void 0) setInternalSelected(id);
       onSelect?.(id);
@@ -7277,10 +7296,10 @@ var StudioSidebar = ({
     },
     [selectedIdProp, onSelect, isMobile, setMobileOpen]
   );
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (!isMobile && mobileOpen) setMobileOpen(false);
   }, [isMobile, mobileOpen, setMobileOpen]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (!isMobile || !mobileOpen) return;
     const onKeyDown = (e) => {
       if (e.key === "Escape") setMobileOpen(false);
@@ -7298,7 +7317,7 @@ var StudioSidebar = ({
   const entriesVisible = isMobile || phaseEntriesVisible;
   const isCollapsedRail = widthCollapsed && !isMobile;
   const iconOnlyLayout = studioSidebarIconOnlyLayout(isMobile, isCollapsedRail);
-  const contextValue = (0, import_react43.useMemo)(
+  const contextValue = (0, import_react44.useMemo)(
     () => ({
       collapsed: effectiveCollapsed,
       isMobile,
@@ -7334,23 +7353,23 @@ var StudioSidebar = ({
 };
 
 // src/studio/sidebar/sidebar-runtime-portal.tsx
-var import_react45 = require("react");
+var import_react46 = require("react");
 var import_react_dom = require("react-dom");
 var import_lucide_react13 = require("lucide-react");
-var import_react46 = require("@assistant-ui/react");
+var import_react47 = require("@assistant-ui/react");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var StudioSidebarRuntimePortal = ({
   label = "New chat"
 }) => {
   const { iconOnlyLayout, isMobile, closeMobile } = useStudioSidebarLayout();
-  const hasMessages = (0, import_react46.useThread)((s) => s.messages.length > 0);
+  const hasMessages = (0, import_react47.useThread)((s) => s.messages.length > 0);
   const { clear } = useTimbalRuntime();
-  const [anchor, setAnchor] = (0, import_react45.useState)(null);
-  const startNewChat = (0, import_react45.useCallback)(() => {
+  const [anchor, setAnchor] = (0, import_react46.useState)(null);
+  const startNewChat = (0, import_react46.useCallback)(() => {
     clear();
     if (isMobile) closeMobile?.();
   }, [clear, isMobile, closeMobile]);
-  (0, import_react45.useLayoutEffect)(() => {
+  (0, import_react46.useLayoutEffect)(() => {
     setAnchor(document.getElementById(DOM_IDS.sidebarRuntimeAnchor));
   }, []);
   if (!anchor || !hasMessages) return null;
@@ -7377,8 +7396,8 @@ var StudioSidebarRuntimePortal = ({
 };
 
 // src/studio/sidebar/welcome.tsx
-var import_react47 = require("motion/react");
-var import_react48 = require("@assistant-ui/react");
+var import_react48 = require("motion/react");
+var import_react49 = require("@assistant-ui/react");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var welcomeStagger2 = {
   initial: {},
@@ -7404,7 +7423,7 @@ var welcomeIcon2 = {
   }
 };
 var StudioWelcome = ({ config, icon }) => {
-  const isEmpty = (0, import_react48.useThread)((s) => s.messages.length === 0);
+  const isEmpty = (0, import_react49.useThread)((s) => s.messages.length === 0);
   if (!isEmpty) return null;
   const iconNode = icon ?? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     TimbalMark,
@@ -7414,16 +7433,16 @@ var StudioWelcome = ({ config, icon }) => {
     }
   );
   return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "aui-thread-welcome-root mx-auto my-auto flex w-full max-w-(--thread-max-width) grow flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "aui-thread-welcome-center flex w-full grow flex-col items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
-    import_react47.motion.div,
+    import_react48.motion.div,
     {
       className: "aui-thread-welcome-message flex flex-col items-center justify-center px-2 text-center sm:px-4",
       variants: welcomeStagger2,
       initial: "initial",
       animate: "animate",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react47.motion.div, { variants: welcomeIcon2, className: "mb-4 md:mb-5", children: iconNode }),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react48.motion.div, { variants: welcomeIcon2, className: "mb-4 md:mb-5", children: iconNode }),
         /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-          import_react47.motion.h1,
+          import_react48.motion.h1,
           {
             variants: welcomeItem2,
             className: "aui-thread-welcome-message-inner text-xl font-semibold sm:text-2xl",
@@ -7431,7 +7450,7 @@ var StudioWelcome = ({ config, icon }) => {
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-          import_react47.motion.p,
+          import_react48.motion.p,
           {
             variants: welcomeItem2,
             className: "aui-thread-welcome-message-inner mt-2 text-muted-foreground",
@@ -7445,7 +7464,7 @@ var StudioWelcome = ({ config, icon }) => {
 
 // src/studio/shell/studio-shell.tsx
 var import_jsx_runtime53 = require("react/jsx-runtime");
-var import_react51 = require("react");
+var import_react52 = require("react");
 var DEFAULT_BREAKPOINT_PX2 = 768;
 function readPersistedCollapsed2(key) {
   if (!key || typeof window === "undefined") return false;
@@ -7488,7 +7507,7 @@ var TimbalStudioShell = ({
   components,
   ...chatProps
 }) => {
-  const reducedMotion = (0, import_react50.useReducedMotion)();
+  const reducedMotion = (0, import_react51.useReducedMotion)();
   const shouldFetchWorkforces = !workforceId && workforcesProp === void 0;
   const fetched = useWorkforces({
     enabled: shouldFetchWorkforces,
@@ -7496,36 +7515,36 @@ var TimbalStudioShell = ({
     baseUrl: workforcesBaseUrl
   });
   const workforces = workforcesProp ?? fetched.workforces;
-  const [internalSelected, setInternalSelected] = (0, import_react49.useState)(
+  const [internalSelected, setInternalSelected] = (0, import_react50.useState)(
     workforceId ?? ""
   );
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (workforceId) return;
     if (internalSelected) return;
     const first = workforces[0]?.id ?? workforces[0]?.uid ?? workforces[0]?.name;
     if (first) setInternalSelected(first);
   }, [workforces, workforceId, internalSelected]);
   const activeWorkforceId = workforceId ?? internalSelected ?? fetched.selectedId ?? "";
-  const [collapsed, setCollapsed] = (0, import_react49.useState)(() => {
+  const [collapsed, setCollapsed] = (0, import_react50.useState)(() => {
     const persisted = readPersistedCollapsed2(persistKey);
     return persisted || defaultCollapsed;
   });
-  const [isMobile, setIsMobile] = (0, import_react49.useState)(() => {
+  const [isMobile, setIsMobile] = (0, import_react50.useState)(() => {
     if (typeof window === "undefined") return false;
     return window.innerWidth < mobileBreakpointPx;
   });
-  const [mobileSidebarOpen, setMobileSidebarOpen] = (0, import_react49.useState)(false);
-  (0, import_react49.useEffect)(() => {
+  const [mobileSidebarOpen, setMobileSidebarOpen] = (0, import_react50.useState)(false);
+  (0, import_react50.useEffect)(() => {
     if (typeof window === "undefined") return;
     const onResize = () => setIsMobile(window.innerWidth < mobileBreakpointPx);
     onResize();
     window.addEventListener("resize", onResize);
     return () => window.removeEventListener("resize", onResize);
   }, [mobileBreakpointPx]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (!isMobile) setMobileSidebarOpen(false);
   }, [isMobile]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (!mobileSidebarOpen) return;
     const onKeyDown = (e) => {
       if (e.key === "Escape") setMobileSidebarOpen(false);
@@ -7549,21 +7568,21 @@ var TimbalStudioShell = ({
     layoutDirection
   );
   const desktopInsetPx = widthCollapsed ? SIDEBAR_INSET_PX_COLLAPSED : SIDEBAR_INSET_PX_EXPANDED;
-  const onCollapsedChange = (0, import_react49.useCallback)(
+  const onCollapsedChange = (0, import_react50.useCallback)(
     (next) => {
       setCollapsed(next);
       writePersistedCollapsed2(persistKey, next);
     },
     [persistKey]
   );
-  const handleSelectWorkforce = (0, import_react49.useCallback)(
+  const handleSelectWorkforce = (0, import_react50.useCallback)(
     (id) => {
       if (!workforceId) setInternalSelected(id);
       if (isMobile) setMobileSidebarOpen(false);
     },
     [workforceId, isMobile]
   );
-  const sidebarContext = (0, import_react49.useMemo)(
+  const sidebarContext = (0, import_react50.useMemo)(
     () => ({
       collapsed: effectiveCollapsed,
       isMobile,
@@ -7573,7 +7592,7 @@ var TimbalStudioShell = ({
     }),
     [effectiveCollapsed, isMobile, isCollapsedRail, iconOnlyLayout]
   );
-  const resolvedComponents = (0, import_react49.useMemo)(() => {
+  const resolvedComponents = (0, import_react50.useMemo)(() => {
     const next = { Welcome: StudioWelcome, ...components };
     next.Composer = makeComposerWithPortal(components?.Composer);
     return next;
@@ -7632,7 +7651,7 @@ var TimbalStudioShell = ({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
-          import_react50.motion.header,
+          import_react51.motion.header,
           {
             className: cn(
               "absolute top-0 right-0 z-40 flex items-start justify-between gap-2",
@@ -7673,7 +7692,7 @@ var TimbalStudioShell = ({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-          import_react50.motion.main,
+          import_react51.motion.main,
           {
             className: cn(
               "relative z-10 flex h-full min-w-0 flex-col",
@@ -7683,7 +7702,7 @@ var TimbalStudioShell = ({
             initial: false,
             animate: { paddingLeft: isMobile ? 12 : desktopInsetPx },
             transition: layoutTransition,
-            children: activeWorkforceId ? /* @__PURE__ */ (0, import_react51.createElement)(
+            children: activeWorkforceId ? /* @__PURE__ */ (0, import_react52.createElement)(
               TimbalChat,
               {
                 ...chatProps,
@@ -7717,7 +7736,7 @@ var userMessageRootClass = [
 ].join(" ");
 
 // src/studio/sidebar/mode-toggle.tsx
-var import_react52 = require("react");
+var import_react53 = require("react");
 var import_lucide_react15 = require("lucide-react");
 var import_jsx_runtime54 = require("react/jsx-runtime");
 function readStoredTheme() {
@@ -7747,8 +7766,8 @@ var ModeToggle = ({
   label = "Toggle theme"
 }) => {
   const isControlled = theme !== void 0;
-  const [internalIsDark, setInternalIsDark] = (0, import_react52.useState)(false);
-  (0, import_react52.useLayoutEffect)(() => {
+  const [internalIsDark, setInternalIsDark] = (0, import_react53.useState)(false);
+  (0, import_react53.useLayoutEffect)(() => {
     if (isControlled) return;
     const stored = readStoredTheme();
     if (stored) {
@@ -7760,7 +7779,7 @@ var ModeToggle = ({
     setInternalIsDark(document.documentElement.classList.contains("dark"));
   }, [isControlled]);
   const isDark = isControlled ? theme === "dark" : internalIsDark;
-  const onClick = (0, import_react52.useCallback)(() => {
+  const onClick = (0, import_react53.useCallback)(() => {
     const next = isDark ? "light" : "dark";
     if (setTheme) {
       setTheme(next);
@@ -7796,11 +7815,11 @@ var ModeToggle = ({
 };
 
 // src/studio/mode-switch.tsx
-var import_react55 = require("react");
+var import_react56 = require("react");
 
 // src/ui/pill-segmented-tabs.tsx
-var import_react53 = require("react");
-var import_react54 = require("motion/react");
+var import_react54 = require("react");
+var import_react55 = require("motion/react");
 
 // src/design/pill-segmented-classes.ts
 var pillSegmentedTrackBase = "inline-flex w-fit max-w-max shrink-0 self-start items-center rounded-full";
@@ -7844,7 +7863,7 @@ var PillTab = ({
   segmentClassName,
   animateIndicator
 }) => {
-  const handlePress = (0, import_react53.useCallback)(() => {
+  const handlePress = (0, import_react54.useCallback)(() => {
     if (!disabled) onSelect(tabKey);
   }, [disabled, onSelect, tabKey]);
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
@@ -7861,7 +7880,7 @@ var PillTab = ({
       ),
       children: [
         isActive && animateIndicator ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-          import_react54.motion.div,
+          import_react55.motion.div,
           {
             layoutId,
             className: pillSegmentedActiveIndicatorClass,
@@ -7882,9 +7901,9 @@ var PillSegmentedTabs = ({
   layoutId: layoutIdProp,
   "aria-label": ariaLabel
 }) => {
-  const reactId = (0, import_react53.useId)();
+  const reactId = (0, import_react54.useId)();
   const layoutId = layoutIdProp ?? `pill-segmented-${reactId.replace(/:/g, "")}`;
-  const reducedMotion = (0, import_react54.useReducedMotion)();
+  const reducedMotion = (0, import_react55.useReducedMotion)();
   const isFlush = trackVariant === "flush";
   const trackClass2 = isFlush ? pillSegmentedTrackFlushClass : pillSegmentedTrackClass;
   const segmentClassName = isFlush ? pillSegmentedFlushSegmentClass : pillSegmentedSegmentClass;
@@ -7903,7 +7922,7 @@ var PillSegmentedTabs = ({
     tab.key
   )) });
 };
-var MemoPillSegmentedTabs = (0, import_react53.memo)(PillSegmentedTabs);
+var MemoPillSegmentedTabs = (0, import_react54.memo)(PillSegmentedTabs);
 
 // src/studio/mode-switch.tsx
 var import_jsx_runtime56 = require("react/jsx-runtime");
@@ -7911,7 +7930,7 @@ var STUDIO_NAV_MODE = {
   BUILD: "build",
   OPERATE: "operate"
 };
-var StudioModeSwitch = (0, import_react55.memo)(
+var StudioModeSwitch = (0, import_react56.memo)(
   function StudioModeSwitch2({
     value,
     onChange,
@@ -7920,14 +7939,14 @@ var StudioModeSwitch = (0, import_react55.memo)(
     manageLabel = "Manage",
     "aria-label": ariaLabel = "Studio mode"
   }) {
-    const tabs = (0, import_react55.useMemo)(
+    const tabs = (0, import_react56.useMemo)(
       () => [
         { key: STUDIO_NAV_MODE.BUILD, label: buildLabel },
         { key: STUDIO_NAV_MODE.OPERATE, label: manageLabel }
       ],
       [buildLabel, manageLabel]
     );
-    const handleChange = (0, import_react55.useCallback)(
+    const handleChange = (0, import_react56.useCallback)(
       (key) => {
         if (key === STUDIO_NAV_MODE.BUILD || key === STUDIO_NAV_MODE.OPERATE) {
           onChange(key);
@@ -8086,6 +8105,13 @@ var HOUSE_RULES = [
     slop: `<span className="text-blue-600 bg-green-50">`,
     good: `<span className="text-primary bg-muted">`
   },
+  {
+    id: "chart-token-color",
+    rule: "Pass chart and theme color tokens directly (var(--chart-1)) \u2014 never wrap them in hsl(), rgb(), or oklch().",
+    why: "The --chart-N and theme tokens are already full OKLCH colors. Wrapping them in hsl()/rgb() is invalid CSS, so the chart renders empty/uncolored \u2014 and the build still passes, so it's a silent runtime bug.",
+    slop: `<Cell fill="hsl(var(--chart-1))" />`,
+    good: `<Cell fill="var(--chart-1)" />`
+  },
   {
     id: "no-decorative-icons",
     rule: "Icons must earn their place (action, nav, or status). Never add an icon beside a label that already says the thing.",
@@ -8132,7 +8158,11 @@ var HOUSE_RULES = [
   {
     id: "compose-from-blocks",
     rule: "Build from premade blocks (MetricRow, MetricChartCard, DataTable, IntegrationCard). Drop to raw primitives only when no block fits.",
-    why: "Slop appears the moment generation falls below the curated block layer."
+    why: "Slop appears the moment generation falls below the curated block layer.",
+    // "Should have used a block" is a judgement about absence, not a textual
+    // pattern — no high-precision deterministic check exists, so this stays
+    // prompt-only rather than risk false-positives blocking valid UIs.
+    enforcement: "prompt-only"
   },
   {
     id: "use-kit-controls",
@@ -8213,7 +8243,7 @@ The content region is a **padded scroll area** by default \u2014 great for stack
 - Give the filling child **\`min-h-0 flex-1\`** (or \`h-full\`) so its own scroll/footer resolves \u2014 e.g. \`<TimbalChat className="min-h-0 flex-1" />\`, or a two-pane row where each pane is \`min-h-0 overflow-y-auto\`.
 
 \`\`\`tsx
-<AppShell contentFill topbar={<div className="flex justify-end p-4"><ModeToggle /></div>}>
+<AppShell contentFill>                          {/* no global topbar / theme switch */}
   <Page fill>                                  {/* headerless: omit title */}
     <TimbalChat workforceId="\u2026" className="min-h-0 flex-1" />
   </Page>
@@ -8317,6 +8347,8 @@ The cause of slop is dropping **below** the curated block layer into raw primiti
 
 Charts run on **recharts** with shadcn \`ChartContainer\` / \`ChartTooltipContent\` chrome (see \`src/ui/chart.tsx\`). Series colors default to \`--chart-1..6\`; override those CSS tokens to rebrand every chart.
 
+> **React 19 requirement \u2014 do not hand-roll SVG charts to work around this.** recharts under React 19 crashes (\`Cannot assign to read only property 'lanes'\`, blank route) when \`immer\` resolves to **11.0.0**. The fix is a dependency override in the app's \`package.json\` \u2014 \`"overrides": { "immer": ">=11.0.1" }\` (Yarn: \`"resolutions"\`) \u2014 **not** a code change. Always keep using \`LineAreaChart\` / \`PieChart\` / \`ChartPanel\`; never replace them with raw SVG/CSS charts.
+
 | Component | Use for |
 |-----------|---------|
 | \`LineAreaChart\` | Cartesian engine (shadcn-style chrome). Bar fills use theme gradients automatically. Props: \`data\`, \`xKey\`, \`series: [{ dataKey, label?, color? }]\`, \`variant\` (\`area\`\\|\`line\`\\|\`bar\`), \`orientation\` (\`horizontal\` for horizontal bars), \`stacked\`, \`curve\`, \`dots\`, \`gridLines\`, \`tooltipIndicator\`, \`layout\` (\`flush\` \u2014 hides axes by default; category + values on hover tooltip), \`showXAxis\` / \`showYAxis\` to opt back in, \`clipTicks\` (truncates long axis labels when axes are on), \`height\`, \`showLegend\`, \`formatX\`, \`formatValue\`, \`ariaLabel\`. |
@@ -8481,6 +8513,7 @@ var RAW_COLOR_RE = new RegExp(
   "g"
 );
 var COLOR_LITERAL_RE = /#[0-9a-fA-F]{3,8}\b|\b(?:oklch|rgba?|hsla?)\s*\(/g;
+var COLOR_FN_WRAPPING_VAR_RE = /\b(?:hsl|hsla|rgb|rgba|oklch|oklab|lab|lch|hwb|color)\s*\(\s*var\(\s*--/i;
 var INLINE_STYLE_COLOR_RE = /style=\{\{[^}]*\b(?:color|background|backgroundColor|borderColor|fill|stroke)\b/;
 var BOLD_VALUE_RE = /text-(?:xl|2xl|3xl|4xl|5xl|6xl)[^"'`]*\bfont-(?:bold|extrabold|black|semibold)|font-(?:bold|extrabold|black|semibold)[^"'`]*text-(?:xl|2xl|3xl|4xl|5xl|6xl)/;
 var GRADIENT_RE = /\bbg-(?:gradient|linear|radial|conic)-/;
@@ -8497,15 +8530,32 @@ var GRADIENT_DIRECTIONS = /* @__PURE__ */ new Set([
 var ICON_IMPORT_RE = /from\s+["']lucide-react["']/;
 var RAW_CONTROL_SURFACE_RE = /\bborder-input\b/;
 var COLORED_HOVER_RE = /\bhover:(?:bg|from|to|via)-(?:primary|destructive|success|warn|danger|blue|emerald|green|amber|red|indigo|violet|purple|pink|rose|sky|cyan|teal|lime|yellow|orange|fuchsia)\b/;
+var TREND_CONTEXT_RE = /\b(?:trend|delta|TrendingUp|TrendingDown|ArrowUp|ArrowDown|ArrowUpRight|ArrowDownRight|MoveUp|MoveDown)\b|[+\-]\d+(?:\.\d+)?\s*%/;
+var TREND_COLOR_RE = /\b(?:text|bg|border)-(?:success|destructive|emerald|green|lime|teal|red|rose|orange|amber)(?:-\d{2,3})?(?:\/\d{1,3})?\b/;
 var RESERVED_GRADIENT_SET = new Set(RESERVED_GRADIENT_TOKENS);
 function stripVariants(util) {
   return util.replace(/^(?:[a-z-]+:)*/, "");
 }
+function describeArg(value) {
+  if (value === null) return "null";
+  if (Array.isArray(value)) return "an array";
+  const t = typeof value;
+  if (t === "object") {
+    const keys = Object.keys(value).slice(0, 4);
+    return keys.length ? `an object with keys { ${keys.join(", ")} }` : "an object";
+  }
+  return `a ${t}`;
+}
 function isCommentOrImport(line) {
   const t = line.trim();
   return t.startsWith("//") || t.startsWith("*") || t.startsWith("/*") || t.startsWith("import ") || t.startsWith("export ");
 }
 function lintGeneratedUi(source, options = {}) {
+  if (typeof source !== "string") {
+    throw new TypeError(
+      `lintGeneratedUi(source, options?) expects the generated code as a string, but received ${describeArg(source)}. Pass the raw .tsx source \u2014 lintGeneratedUi(code) \u2014 not an object like { filename, source } and not a previous LintResult.`
+    );
+  }
   const maxIcons = options.maxIconsPerView ?? SLOP_BUDGETS.maxIconsPerView;
   const maxRowDividers = options.maxRowDividers ?? SLOP_BUDGETS.maxRowDividers;
   const findings = [];
@@ -8540,6 +8590,16 @@ function lintGeneratedUi(source, options = {}) {
     if (cardMatch) {
       const isSelfClosing = /\/>/.test(line) && line.indexOf(cardMatch[0]) < line.indexOf("/>");
       if (!isSelfClosing) {
+        if (openCards.length > 0) {
+          const parentCard = openCards[openCards.length - 1];
+          findings.push({
+            rule: "no-card-in-card",
+            severity: "warn",
+            line: lineNo,
+            message: `Card inside card. A <${cardMatch[1]}> is nested inside the <${parentCard.type}> opened on L${parentCard.line}. Double borders/shadows add no information \u2014 group with spacing or a <Section> instead.`,
+            snippet: line.trim().slice(0, 120)
+          });
+        }
         openCards.push({ type: cardMatch[1], line: lineNo });
       }
     }
@@ -8575,7 +8635,17 @@ function lintGeneratedUi(source, options = {}) {
         });
       }
     }
-    const literals = line.match(COLOR_LITERAL_RE);
+    const wrapsTokenInColorFn = COLOR_FN_WRAPPING_VAR_RE.test(line);
+    if (wrapsTokenInColorFn) {
+      findings.push({
+        rule: "chart-token-color-fn",
+        severity: "error",
+        line: lineNo,
+        message: "Color function wrapping a token (e.g. hsl(var(--chart-1))). The --chart-N and theme tokens are already OKLCH colors \u2014 wrapping them in hsl()/rgb() is invalid CSS and renders an empty/uncolored chart (the build still passes). Pass the token directly: var(--chart-1), or let the app-kit charts use --chart-N automatically.",
+        snippet: line.trim().slice(0, 120)
+      });
+    }
+    const literals = wrapsTokenInColorFn ? null : line.match(COLOR_LITERAL_RE);
     if (literals) {
       findings.push({
         rule: "color-literal",
@@ -8612,6 +8682,15 @@ function lintGeneratedUi(source, options = {}) {
         snippet: line.trim().slice(0, 120)
       });
     }
+    if (TREND_CONTEXT_RE.test(line) && TREND_COLOR_RE.test(line)) {
+      findings.push({
+        rule: "neutral-trend",
+        severity: "warn",
+        line: lineNo,
+        message: "Colored trend indicator. House style: don't tint deltas green/red on every metric \u2014 show a trend only when the change is the point, and keep it muted (text-muted-foreground).",
+        snippet: line.trim().slice(0, 120)
+      });
+    }
     if (BOLD_VALUE_RE.test(line)) {
       findings.push({
         rule: "bold-metric",
@@ -8717,6 +8796,11 @@ function lintGeneratedUi(source, options = {}) {
   };
 }
 function formatLintReport(findings) {
+  if (!Array.isArray(findings)) {
+    throw new TypeError(
+      `formatLintReport(findings) expects the findings array, but received ${describeArg(findings)}. Pass result.findings \u2014 formatLintReport(lintGeneratedUi(code).findings) \u2014 not the whole LintResult.`
+    );
+  }
   if (findings.length === 0) return "";
   const lines = findings.slice().sort((a, b) => a.line - b.line).map((f) => {
     const tag = f.severity === "error" ? "ERROR" : "warn ";
@@ -9427,7 +9511,7 @@ var TimbalThemeStyle = ({
 };
 
 // src/app/layout/app-density-context.tsx
-var import_react56 = require("react");
+var import_react57 = require("react");
 
 // src/design/app-classes.ts
 var appPageColumnClass = "mx-auto w-full max-w-[100rem] px-4 md:px-6 lg:px-8";
@@ -9563,7 +9647,7 @@ function appDensityClass(key, density = "default") {
 
 // src/app/layout/app-density-context.tsx
 var import_jsx_runtime58 = require("react/jsx-runtime");
-var AppDensityContext = (0, import_react56.createContext)("default");
+var AppDensityContext = (0, import_react57.createContext)("default");
 var AppDensityProvider = ({
   density = "default",
   children
@@ -9571,7 +9655,7 @@ var AppDensityProvider = ({
   return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AppDensityContext.Provider, { value: density, children });
 };
 function useAppDensity() {
-  return (0, import_react56.useContext)(AppDensityContext);
+  return (0, import_react57.useContext)(AppDensityContext);
 }
 function useAppDensityClass(key, override) {
   const inherited = useAppDensity();
@@ -9627,7 +9711,7 @@ function metricTilesGridColsClass(n) {
 }
 
 // src/charts/sparkline.tsx
-var import_react57 = require("react");
+var import_react58 = require("react");
 var import_jsx_runtime60 = require("react/jsx-runtime");
 var Sparkline = ({
   data,
@@ -9643,9 +9727,9 @@ var Sparkline = ({
   labels,
   formatValue
 }) => {
-  const uid = (0, import_react57.useId)();
-  const containerRef = (0, import_react57.useRef)(null);
-  const [activeIndex, setActiveIndex] = (0, import_react57.useState)(null);
+  const uid = (0, import_react58.useId)();
+  const containerRef = (0, import_react58.useRef)(null);
+  const [activeIndex, setActiveIndex] = (0, import_react58.useState)(null);
   const values = data.map((d) => typeof d === "number" ? d : toNum(d[dataKey]));
   if (values.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: cn("inline-block", className), style: { width, height } });
@@ -9902,29 +9986,29 @@ var MetricTile = ({
 var import_jsx_runtime62 = require("react/jsx-runtime");
 
 // src/app/layout/AppShell.tsx
+var import_lucide_react16 = require("lucide-react");
 var import_react60 = require("motion/react");
 var import_react61 = require("react");
 
 // src/app/layout/app-shell-chat-context.tsx
-var import_react58 = require("react");
-var AppShellChatContext = (0, import_react58.createContext)(null);
+var import_react59 = require("react");
+var AppShellChatContext = (0, import_react59.createContext)(null);
 var AppShellChatProvider = AppShellChatContext.Provider;
 function useAppShellChat() {
-  return (0, import_react58.useContext)(AppShellChatContext);
+  return (0, import_react59.useContext)(AppShellChatContext);
 }
 
 // src/app/layout/app-shell-nav-context.tsx
-var import_react59 = require("react");
-var AppShellNavContext = (0, import_react59.createContext)(null);
-var AppShellNavProvider = AppShellNavContext.Provider;
+var AppShellNavProvider = ShellNavProvider;
+var NAV_NOOP = {
+  open: false,
+  setOpen: () => {
+  },
+  toggle: () => {
+  }
+};
 function useAppShellNav() {
-  return (0, import_react59.useContext)(AppShellNavContext) ?? {
-    open: false,
-    setOpen: () => {
-    },
-    toggle: () => {
-    }
-  };
+  return useOptionalShellNav() ?? NAV_NOOP;
 }
 
 // src/app/layout/AppShell.tsx
@@ -9935,6 +10019,12 @@ var floatingTriggerClass = cn(
   "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
   "bottom-6 right-6 max-sm:bottom-4 max-sm:right-4"
 );
+var floatingNavTriggerClass = cn(
+  "aui-app-shell-nav-trigger-fixed fixed left-4 top-4 z-30 inline-flex size-10 items-center justify-center rounded-xl md:hidden",
+  "border border-border/60 bg-card/85 text-foreground shadow-card-elevated backdrop-blur-xl supports-backdrop-filter:bg-card/75",
+  "transition-colors hover:bg-card",
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"
+);
 var floatingPanelClass = cn(
   "aui-app-shell-chat-float fixed z-50 flex flex-col overflow-hidden rounded-2xl border border-border/60 shadow-card-elevated",
   "bg-card/85 backdrop-blur-xl supports-backdrop-filter:bg-card/75",
@@ -10025,12 +10115,14 @@ var AppShell = ({
   navOpen: navOpenProp,
   defaultNavOpen = false,
   onNavOpenChange,
+  mobileSidebarTrigger = "auto",
   className,
   mainClassName,
   contentFill = false
 }) => {
   const topbarContent = topbar ?? header;
   const hasChat = Boolean(chat);
+  const showFloatingNavTrigger = Boolean(sidebar) && mobileSidebarTrigger !== "none" && !(mobileSidebarTrigger === "topbar") && !topbarContent;
   const [uncontrolledNavOpen, setUncontrolledNavOpen] = (0, import_react61.useState)(defaultNavOpen);
   const isNavControlled = navOpenProp !== void 0;
   const navOpen = isNavControlled ? navOpenProp : uncontrolledNavOpen;
@@ -10090,6 +10182,17 @@ var AppShell = ({
       style: studioChromeShellStyle,
       children: [
         sidebar,
+        showFloatingNavTrigger && !navOpen ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Open navigation",
+            "aria-expanded": false,
+            onClick: () => setNavOpen(true),
+            className: floatingNavTriggerClass,
+            children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react16.MenuIcon, { className: "size-5", "aria-hidden": true })
+          }
+        ) : null,
         sidebar && navOpen ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
           "button",
           {
@@ -10174,7 +10277,7 @@ var AppShellChatTrigger = ({
 };
 
 // src/app/layout/AppShellSidebarTrigger.tsx
-var import_lucide_react16 = require("lucide-react");
+var import_lucide_react17 = require("lucide-react");
 var import_jsx_runtime65 = require("react/jsx-runtime");
 var AppShellSidebarTrigger = ({
   label = "Open navigation",
@@ -10193,7 +10296,7 @@ var AppShellSidebarTrigger = ({
         "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-foreground/10",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react16.MenuIcon, { className: "size-5", "aria-hidden": true })
+      children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react17.MenuIcon, { className: "size-5", "aria-hidden": true })
     }
   );
 };
@@ -10345,7 +10448,7 @@ function useAppCopilotContext() {
 }
 
 // src/app/chat/AppChatPanel.tsx
-var import_lucide_react17 = require("lucide-react");
+var import_lucide_react18 = require("lucide-react");
 var import_jsx_runtime71 = require("react/jsx-runtime");
 var shellClass = "aui-app-chat-panel flex h-full min-h-0 flex-col overflow-hidden";
 var chromeClass = cn(
@@ -10399,7 +10502,7 @@ var AppChatPanel = ({
         className: closeButtonClass,
         onClick: () => shellChat.setOpen(false),
         "aria-label": "Close assistant",
-        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react17.XIcon, { className: "size-4", "aria-hidden": true })
+        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react18.XIcon, { className: "size-4", "aria-hidden": true })
       }
     ) }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: bodyClass, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
@@ -10928,7 +11031,7 @@ var ResourceCard = ({
 };
 
 // src/app/surfaces/AlertCard.tsx
-var import_lucide_react18 = require("lucide-react");
+var import_lucide_react19 = require("lucide-react");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 var alertCardShellClass = cn(
   "flex flex-col rounded-2xl p-4 text-left font-normal border border-border shadow-card",
@@ -10945,11 +11048,11 @@ var alertCardInteractiveClass = cn(
 );
 
 // src/app/surfaces/CatalogCard.tsx
-var import_lucide_react20 = require("lucide-react");
+var import_lucide_react21 = require("lucide-react");
 
 // src/ui/copy-button.tsx
 var React5 = __toESM(require("react"), 1);
-var import_lucide_react19 = require("lucide-react");
+var import_lucide_react20 = require("lucide-react");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 function CopyButton({
   value,
@@ -10975,7 +11078,7 @@ function CopyButton({
     } catch {
     }
   };
-  const Icon = copied ? import_lucide_react19.CheckIcon : import_lucide_react19.CopyIcon;
+  const Icon = copied ? import_lucide_react20.CheckIcon : import_lucide_react20.CopyIcon;
   return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
     "button",
     {
@@ -11536,7 +11639,7 @@ var FieldTextarea = ({
 
 // src/app/forms/FieldSelect.tsx
 var import_react71 = require("react");
-var import_lucide_react21 = require("lucide-react");
+var import_lucide_react22 = require("lucide-react");
 var import_jsx_runtime98 = require("react/jsx-runtime");
 var selectWrapClass = "relative";
 var selectClass = cn(
@@ -11575,7 +11678,7 @@ var FieldSelect = ({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
-          import_lucide_react21.ChevronDownIcon,
+          import_lucide_react22.ChevronDownIcon,
           {
             className: "pointer-events-none absolute top-1/2 right-3 size-4 -translate-y-1/2 text-muted-foreground",
             "aria-hidden": true
@@ -11642,7 +11745,7 @@ var FieldSwitch = ({
 };
 
 // src/app/forms/SearchInput.tsx
-var import_lucide_react22 = require("lucide-react");
+var import_lucide_react23 = require("lucide-react");
 var import_jsx_runtime100 = require("react/jsx-runtime");
 var SearchInput = ({
   className,
@@ -11658,7 +11761,7 @@ var SearchInput = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react22.SearchIcon, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react23.SearchIcon, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": true }),
         /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
           "input",
           {
@@ -11719,11 +11822,11 @@ var FilterField = ({
 
 // src/app/data/FilterDropdown.tsx
 var import_react73 = require("react");
-var import_lucide_react25 = require("lucide-react");
+var import_lucide_react26 = require("lucide-react");
 
 // src/ui/checkbox.tsx
 var import_radix_ui7 = require("radix-ui");
-var import_lucide_react23 = require("lucide-react");
+var import_lucide_react24 = require("lucide-react");
 var import_jsx_runtime104 = require("react/jsx-runtime");
 function Checkbox({
   className,
@@ -11745,7 +11848,7 @@ function Checkbox({
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center text-current animate-checkbox-pop",
-          children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_lucide_react23.CheckIcon, { className: "size-2.5 stroke-[3.5px]" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_lucide_react24.CheckIcon, { className: "size-2.5 stroke-[3.5px]" })
         }
       )
     }
@@ -11754,7 +11857,7 @@ function Checkbox({
 
 // src/ui/select.tsx
 var import_radix_ui8 = require("radix-ui");
-var import_lucide_react24 = require("lucide-react");
+var import_lucide_react25 = require("lucide-react");
 var import_jsx_runtime105 = require("react/jsx-runtime");
 function Select({
   ...props
@@ -11790,7 +11893,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_radix_ui8.Select.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react24.ChevronDownIcon, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_radix_ui8.Select.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react25.ChevronDownIcon, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -11859,7 +11962,7 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_radix_ui8.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react24.CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_radix_ui8.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react25.CheckIcon, { className: "size-4" }) }) }),
         /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_radix_ui8.Select.ItemText, { children })
       ]
     }
@@ -11888,7 +11991,7 @@ function SelectScrollUpButton({
       "data-slot": "select-scroll-up-button",
       className: cn("flex cursor-default items-center justify-center py-1", className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react24.ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react25.ChevronUpIcon, { className: "size-4" })
     }
   );
 }
@@ -11902,7 +12005,7 @@ function SelectScrollDownButton({
       "data-slot": "select-scroll-down-button",
       className: cn("flex cursor-default items-center justify-center py-1", className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react24.ChevronDownIcon, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react25.ChevronDownIcon, { className: "size-4" })
     }
   );
 }
@@ -12075,7 +12178,7 @@ function FilterDropdown({
           variant: "outline",
           size: "sm",
           className: "border-dashed font-medium text-muted-foreground hover:text-foreground",
-          iconLeading: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react25.ListFilterIcon, { className: "size-4" }),
+          iconLeading: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react26.ListFilterIcon, { className: "size-4" }),
           children: label
         }
       ) }),
@@ -12103,7 +12206,7 @@ function FilterDropdown({
                       field.icon,
                       /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { children: field.label })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react25.ChevronRightIcon, { className: "size-4 text-muted-foreground/50" })
+                    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react26.ChevronRightIcon, { className: "size-4 text-muted-foreground/50" })
                   ]
                 },
                 field.id
@@ -12151,7 +12254,7 @@ function FilterChip({ label, onRemove }) {
         onClick: onRemove,
         "aria-label": `Remove ${label}`,
         className: "flex size-5 items-center justify-center rounded-full text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground",
-        children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react25.XIcon, { className: "size-3.5" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react26.XIcon, { className: "size-3.5" })
       }
     )
   ] });
@@ -12414,7 +12517,7 @@ function ApplyClear({ onClear, onApply }) {
 
 // src/app/data/DataTable.tsx
 var import_react74 = require("react");
-var import_lucide_react26 = require("lucide-react");
+var import_lucide_react27 = require("lucide-react");
 
 // src/ui/skeleton.tsx
 var import_jsx_runtime108 = require("react/jsx-runtime");
@@ -12473,12 +12576,12 @@ function SortIndicator({
 }) {
   const iconClass = "size-3.5 shrink-0 opacity-60 group-hover:opacity-100";
   if (!active) {
-    return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react26.ArrowUpDownIcon, { className: iconClass, "aria-hidden": true });
+    return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react27.ArrowUpDownIcon, { className: iconClass, "aria-hidden": true });
   }
   if (direction === "desc") {
-    return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react26.ArrowDownIcon, { className: iconClass, "aria-hidden": true });
+    return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react27.ArrowDownIcon, { className: iconClass, "aria-hidden": true });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react26.ArrowUpIcon, { className: iconClass, "aria-hidden": true });
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react27.ArrowUpIcon, { className: iconClass, "aria-hidden": true });
 }
 function DataTable({
   columns,
@@ -12755,7 +12858,7 @@ function DataTable({
                   onClick: () => setPage(pageIndex - 1),
                   disabled: pageIndex <= 0,
                   "aria-label": "Previous page",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react26.ChevronLeftIcon, { className: "size-4", "aria-hidden": true })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react27.ChevronLeftIcon, { className: "size-4", "aria-hidden": true })
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
@@ -12766,7 +12869,7 @@ function DataTable({
                   onClick: () => setPage(pageIndex + 1),
                   disabled: pageIndex >= pageCount - 1,
                   "aria-label": "Next page",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react26.ChevronRightIcon, { className: "size-4", "aria-hidden": true })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react27.ChevronRightIcon, { className: "size-4", "aria-hidden": true })
                 }
               )
             ] })
@@ -13305,7 +13408,7 @@ function UntitledButton({
 }
 
 // src/ui/banner.tsx
-var import_lucide_react27 = require("lucide-react");
+var import_lucide_react28 = require("lucide-react");
 var import_jsx_runtime114 = require("react/jsx-runtime");
 var bannerSoftClass = {
   default: "border-border/50 bg-muted/30 text-foreground/90 dark:bg-muted/15",
@@ -13402,7 +13505,7 @@ function Banner({
               isSingleLine ? "self-center" : "-mt-0.5",
               isSolid ? "opacity-80 hover:bg-background/15 hover:opacity-100" : "text-muted-foreground hover:bg-foreground/10 hover:text-foreground"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_lucide_react27.XIcon, { className: "size-4", "aria-hidden": true })
+            children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_lucide_react28.XIcon, { className: "size-4", "aria-hidden": true })
           }
         ) : null
       ]
@@ -13501,7 +13604,7 @@ var React6 = __toESM(require("react"), 1);
 var import_core2 = require("@dnd-kit/core");
 var import_sortable = require("@dnd-kit/sortable");
 var import_utilities = require("@dnd-kit/utilities");
-var import_lucide_react28 = require("lucide-react");
+var import_lucide_react29 = require("lucide-react");
 var import_jsx_runtime116 = require("react/jsx-runtime");
 var columnTitleToneClass = {
   default: "text-foreground",
@@ -13587,7 +13690,7 @@ function SortableCard({
             className: "absolute right-1.5 top-1.5 z-10 grid size-6 cursor-grab touch-none place-items-center rounded-md text-muted-foreground/40 opacity-0 transition hover:bg-foreground/5 hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-foreground/15 group-hover/kanban-card:opacity-100 active:cursor-grabbing",
             ...attributes,
             ...listeners2,
-            children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react28.GripVerticalIcon, { className: "size-4", "aria-hidden": true })
+            children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react29.GripVerticalIcon, { className: "size-4", "aria-hidden": true })
           }
         ) : null,
         renderCard(card, { column, isDragging, isOverlay: false, dragHandleProps })
@@ -14001,7 +14104,7 @@ When you call a tool that returns an artifact (\`make_chart\`, \`ask_question\`,
 `.trim();
 
 // src/auth/guard.tsx
-var import_lucide_react29 = require("lucide-react");
+var import_lucide_react30 = require("lucide-react");
 var import_jsx_runtime117 = require("react/jsx-runtime");
 var AuthGuard = ({
   children,
@@ -14013,7 +14116,7 @@ var AuthGuard = ({
     return children;
   }
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "flex items-center justify-center h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_lucide_react29.Loader2, { className: "w-8 h-8 animate-spin" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "flex items-center justify-center h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_lucide_react30.Loader2, { className: "w-8 h-8 animate-spin" }) });
   }
   if (requireAuth && !isAuthenticated && !isEmbedded) {
     const returnTo = encodeURIComponent(
@@ -14124,7 +14227,7 @@ function Switch({
 
 // src/ui/radio-group.tsx
 var import_radix_ui13 = require("radix-ui");
-var import_lucide_react30 = require("lucide-react");
+var import_lucide_react31 = require("lucide-react");
 var import_jsx_runtime122 = require("react/jsx-runtime");
 function RadioGroup({
   className,
@@ -14159,7 +14262,7 @@ function RadioGroupItem({
         {
           "data-slot": "radio-group-indicator",
           className: "flex items-center justify-center",
-          children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_lucide_react30.CircleIcon, { className: "size-2 fill-foreground text-foreground" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_lucide_react31.CircleIcon, { className: "size-2 fill-foreground text-foreground" })
         }
       )
     }
@@ -14235,7 +14338,7 @@ function AspectRatio({
 }
 
 // src/ui/breadcrumb.tsx
-var import_lucide_react31 = require("lucide-react");
+var import_lucide_react32 = require("lucide-react");
 var import_radix_ui16 = require("radix-ui");
 var import_jsx_runtime125 = require("react/jsx-runtime");
 function Breadcrumb({ ...props }) {
@@ -14305,7 +14408,7 @@ function BreadcrumbSeparator({
       "aria-hidden": "true",
       className: cn("[&>svg]:size-3.5", className),
       ...props,
-      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_lucide_react31.ChevronRightIcon, {})
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_lucide_react32.ChevronRightIcon, {})
     }
   );
 }
@@ -14322,7 +14425,7 @@ function BreadcrumbEllipsis({
       className: cn("flex size-8 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_lucide_react31.MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_lucide_react32.MoreHorizontalIcon, { className: "size-4" }),
         /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "sr-only", children: "More" })
       ]
     }
@@ -14330,7 +14433,7 @@ function BreadcrumbEllipsis({
 }
 
 // src/ui/pagination.tsx
-var import_lucide_react32 = require("lucide-react");
+var import_lucide_react33 = require("lucide-react");
 var import_jsx_runtime126 = require("react/jsx-runtime");
 function Pagination({ className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
@@ -14384,7 +14487,7 @@ function PaginationPrevious({
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_lucide_react32.ChevronLeftIcon, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_lucide_react33.ChevronLeftIcon, { className: "size-4" }),
         /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: "hidden sm:block", children: "Previous" })
       ]
     }
@@ -14403,7 +14506,7 @@ function PaginationNext({
       ...props,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_lucide_react32.ChevronRightIcon, { className: "size-4" })
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_lucide_react33.ChevronRightIcon, { className: "size-4" })
       ]
     }
   );
@@ -14420,7 +14523,7 @@ function PaginationEllipsis({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_lucide_react32.MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_lucide_react33.MoreHorizontalIcon, { className: "size-4" }),
         /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: "sr-only", children: "More pages" })
       ]
     }
@@ -14526,7 +14629,7 @@ function ToolbarLink({
 
 // src/ui/menubar.tsx
 var import_radix_ui18 = require("radix-ui");
-var import_lucide_react33 = require("lucide-react");
+var import_lucide_react34 = require("lucide-react");
 var import_jsx_runtime128 = require("react/jsx-runtime");
 function Menubar({
   className,
@@ -14624,7 +14727,7 @@ function MenubarCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_radix_ui18.Menubar.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_lucide_react33.CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_radix_ui18.Menubar.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_lucide_react34.CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -14647,7 +14750,7 @@ function MenubarRadioItem({
       className: cn(overlayItemClass, "py-1 pr-2 pl-8", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_radix_ui18.Menubar.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_lucide_react33.CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_radix_ui18.Menubar.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_lucide_react34.CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -14724,7 +14827,7 @@ function MenubarSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_lucide_react33.ChevronRightIcon, { className: "ml-auto size-4" })
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_lucide_react34.ChevronRightIcon, { className: "ml-auto size-4" })
       ]
     }
   );
@@ -14749,7 +14852,7 @@ function MenubarSubContent({
 
 // src/ui/navigation-menu.tsx
 var import_radix_ui19 = require("radix-ui");
-var import_lucide_react34 = require("lucide-react");
+var import_lucide_react35 = require("lucide-react");
 var import_class_variance_authority3 = require("class-variance-authority");
 var import_jsx_runtime129 = require("react/jsx-runtime");
 function NavigationMenu({
@@ -14814,7 +14917,7 @@ function NavigationMenuTrigger({
         children,
         " ",
         /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
-          import_lucide_react34.ChevronDownIcon,
+          import_lucide_react35.ChevronDownIcon,
           {
             className: "relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
@@ -14894,7 +14997,7 @@ function NavigationMenuIndicator({
 
 // src/ui/command.tsx
 var import_cmdk = require("cmdk");
-var import_lucide_react35 = require("lucide-react");
+var import_lucide_react36 = require("lucide-react");
 var import_jsx_runtime130 = require("react/jsx-runtime");
 function Command({
   className,
@@ -14945,7 +15048,7 @@ function CommandInput({
       "data-slot": "command-input-wrapper",
       className: "flex h-9 items-center gap-2 border-b border-border px-2.5",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_lucide_react35.SearchIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_lucide_react36.SearchIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
         /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
           import_cmdk.Command.Input,
           {
@@ -15051,7 +15154,7 @@ function CommandShortcut({
 
 // src/ui/calendar.tsx
 var React7 = __toESM(require("react"), 1);
-var import_lucide_react36 = require("lucide-react");
+var import_lucide_react37 = require("lucide-react");
 var import_react_day_picker = require("react-day-picker");
 var import_jsx_runtime131 = require("react/jsx-runtime");
 function Calendar({
@@ -15123,7 +15226,7 @@ function Calendar({
       },
       components: {
         Chevron: ({ orientation, className: chevronClass, ...chevronProps }) => {
-          const Icon = orientation === "left" ? import_lucide_react36.ChevronLeftIcon : orientation === "right" ? import_lucide_react36.ChevronRightIcon : import_lucide_react36.ChevronDownIcon;
+          const Icon = orientation === "left" ? import_lucide_react37.ChevronLeftIcon : orientation === "right" ? import_lucide_react37.ChevronRightIcon : import_lucide_react37.ChevronDownIcon;
           return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Icon, { className: cn("size-4", chevronClass), ...chevronProps });
         },
         DayButton: CalendarDayButton
@@ -15176,7 +15279,7 @@ function CalendarDayButton({
 }
 
 // src/ui/combobox.tsx
-var import_lucide_react37 = require("lucide-react");
+var import_lucide_react38 = require("lucide-react");
 var import_jsx_runtime132 = require("react/jsx-runtime");
 function Combobox({
   ...props
@@ -15202,7 +15305,7 @@ function ComboboxTrigger({
       ...props,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "truncate", children }),
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react37.ChevronDownIcon, { className: "size-4 shrink-0 opacity-50" })
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react38.ChevronDownIcon, { className: "size-4 shrink-0 opacity-50" })
       ]
     }
   );
@@ -15281,7 +15384,7 @@ function ComboboxShortcut({
 }
 
 // src/ui/date-picker.tsx
-var import_lucide_react38 = require("lucide-react");
+var import_lucide_react39 = require("lucide-react");
 var import_jsx_runtime133 = require("react/jsx-runtime");
 function DatePicker({
   ...props
@@ -15347,7 +15450,7 @@ function DatePickerButton({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_lucide_react38.CalendarIcon, { className: "size-4 shrink-0 opacity-70" }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_lucide_react39.CalendarIcon, { className: "size-4 shrink-0 opacity-70" }),
         date ? formatPickerDate(date) : placeholder
       ]
     }
@@ -15355,7 +15458,7 @@ function DatePickerButton({
 }
 
 // src/ui/input-otp.tsx
-var import_lucide_react39 = require("lucide-react");
+var import_lucide_react40 = require("lucide-react");
 var import_radix_ui20 = require("radix-ui");
 var import_jsx_runtime134 = require("react/jsx-runtime");
 function InputOTP({
@@ -15427,7 +15530,7 @@ function InputOTPSeparator({
       "aria-hidden": true,
       className: cn("text-muted-foreground", className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_lucide_react39.MinusIcon, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_lucide_react40.MinusIcon, { className: "size-4" })
     }
   );
 }
@@ -15572,7 +15675,7 @@ function InputGroupText({
 
 // src/ui/accordion.tsx
 var import_radix_ui21 = require("radix-ui");
-var import_lucide_react40 = require("lucide-react");
+var import_lucide_react41 = require("lucide-react");
 var import_jsx_runtime138 = require("react/jsx-runtime");
 function Accordion({
   ...props
@@ -15610,7 +15713,7 @@ function AccordionTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_lucide_react40.ChevronDownIcon, { className: "pointer-events-none size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_lucide_react41.ChevronDownIcon, { className: "pointer-events-none size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
       ]
     }
   ) });
@@ -15781,7 +15884,7 @@ function Badge({
 }
 
 // src/ui/sheet.tsx
-var import_lucide_react41 = require("lucide-react");
+var import_lucide_react42 = require("lucide-react");
 var import_radix_ui26 = require("radix-ui");
 var import_class_variance_authority5 = require("class-variance-authority");
 var import_jsx_runtime143 = require("react/jsx-runtime");
@@ -15883,7 +15986,7 @@ function SheetContent({
         children: [
           children,
           showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(import_radix_ui26.Dialog.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 transition-[opacity,background-color] hover:bg-ghost-fill-hover hover:opacity-100 focus:ring-2 focus:ring-foreground/10 focus:outline-hidden disabled:pointer-events-none", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react41.XIcon, { className: "size-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react42.XIcon, { className: "size-4" }),
             /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("span", { className: "sr-only", children: "Close" })
           ] }) : null
         ]
@@ -15928,14 +16031,14 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
-    import_radix_ui26.Dialog.Description,
+  return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_radix_ui26.Dialog.Description, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+    "div",
     {
       "data-slot": "sheet-description",
       className: cn("text-sm text-muted-foreground", className),
       ...props
     }
-  );
+  ) });
 }
 
 // src/ui/alert-dialog.tsx
@@ -16272,7 +16375,7 @@ function HoverCardContent({
 
 // src/ui/context-menu.tsx
 var import_radix_ui33 = require("radix-ui");
-var import_lucide_react42 = require("lucide-react");
+var import_lucide_react43 = require("lucide-react");
 var import_jsx_runtime150 = require("react/jsx-runtime");
 function ContextMenu({
   ...props
@@ -16341,7 +16444,7 @@ function ContextMenuCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_radix_ui33.ContextMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_lucide_react42.CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_radix_ui33.ContextMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_lucide_react43.CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -16370,7 +16473,7 @@ function ContextMenuRadioItem({
       className: cn(overlayItemClass, "py-1.5 pr-2 pl-8", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_radix_ui33.ContextMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_lucide_react42.CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_radix_ui33.ContextMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_lucide_react43.CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -16447,7 +16550,7 @@ function ContextMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_lucide_react42.ChevronRightIcon, { className: "ml-auto size-4" })
+        /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_lucide_react43.ChevronRightIcon, { className: "ml-auto size-4" })
       ]
     }
   );
@@ -16680,7 +16783,7 @@ function TableCaption({ className, ...props }) {
 
 // src/ui/toast.tsx
 var import_radix_ui34 = require("radix-ui");
-var import_lucide_react43 = require("lucide-react");
+var import_lucide_react44 = require("lucide-react");
 var import_jsx_runtime154 = require("react/jsx-runtime");
 function ToastProvider({
   ...props
@@ -16753,7 +16856,7 @@ function ToastClose({
       ),
       "toast-close": "",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(import_lucide_react43.XIcon, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(import_lucide_react44.XIcon, { className: "size-4" })
     }
   );
 }
@@ -16923,7 +17026,7 @@ function AvatarGroup({
 }
 
 // src/ui/stepper.tsx
-var import_lucide_react44 = require("lucide-react");
+var import_lucide_react45 = require("lucide-react");
 var import_jsx_runtime157 = require("react/jsx-runtime");
 function Stepper({
   steps,
@@ -16968,7 +17071,7 @@ function Stepper({
                       active && "border-primary text-primary",
                       !complete && !active && "border-border text-muted-foreground"
                     ),
-                    children: complete ? /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(import_lucide_react44.CheckIcon, { className: "size-3.5", "aria-hidden": true }) : index + 1
+                    children: complete ? /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(import_lucide_react45.CheckIcon, { className: "size-3.5", "aria-hidden": true }) : index + 1
                   }
                 ),
                 !last ? /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
@@ -17007,7 +17110,7 @@ function Stepper({
 
 // src/ui/rating.tsx
 var React11 = __toESM(require("react"), 1);
-var import_lucide_react45 = require("lucide-react");
+var import_lucide_react46 = require("lucide-react");
 var import_jsx_runtime158 = require("react/jsx-runtime");
 var sizeClass = { sm: "size-4", md: "size-5", lg: "size-6" };
 var ratingFillClass = {
@@ -17050,7 +17153,7 @@ function Rating({
         "aria-label": `${label}: ${value} of ${max}`,
         className: cn("inline-flex items-center gap-0.5", disabled && "opacity-50", className),
         children: Array.from({ length: max }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
-          import_lucide_react45.StarIcon,
+          import_lucide_react46.StarIcon,
           {
             "aria-hidden": true,
             className: cn(
@@ -17087,7 +17190,7 @@ function Rating({
             onBlur: () => setHover(null),
             className: "rounded-sm p-0.5 transition-transform hover:scale-110 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-foreground/15",
             children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
-              import_lucide_react45.StarIcon,
+              import_lucide_react46.StarIcon,
               {
                 className: cn(
                   sizeClass[size],
@@ -17106,7 +17209,7 @@ function Rating({
 
 // src/ui/number-field.tsx
 var React12 = __toESM(require("react"), 1);
-var import_lucide_react46 = require("lucide-react");
+var import_lucide_react47 = require("lucide-react");
 var import_jsx_runtime159 = require("react/jsx-runtime");
 var heightClass = { sm: "h-9", default: "h-10" };
 var stepButtonClass = "inline-flex aspect-square h-full items-center justify-center text-muted-foreground transition-colors hover:bg-accent hover:text-foreground disabled:pointer-events-none disabled:opacity-40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-foreground/15";
@@ -17157,7 +17260,7 @@ function NumberField({
             disabled: disabled || typeof min === "number" && value <= min,
             onClick: () => commit(value - step),
             className: cn(stepButtonClass, "border-r border-border"),
-            children: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(import_lucide_react46.MinusIcon, { className: "size-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(import_lucide_react47.MinusIcon, { className: "size-4" })
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
@@ -17193,7 +17296,7 @@ function NumberField({
             disabled: disabled || typeof max === "number" && value >= max,
             onClick: () => commit(value + step),
             className: cn(stepButtonClass, "border-l border-border"),
-            children: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(import_lucide_react46.PlusIcon, { className: "size-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(import_lucide_react47.PlusIcon, { className: "size-4" })
           }
         )
       ]
@@ -17203,7 +17306,7 @@ function NumberField({
 
 // src/ui/tag-input.tsx
 var React13 = __toESM(require("react"), 1);
-var import_lucide_react47 = require("lucide-react");
+var import_lucide_react48 = require("lucide-react");
 var import_jsx_runtime160 = require("react/jsx-runtime");
 var tagInputSizeClass = {
   sm: "min-h-8 gap-1 px-1.5 py-0.5",
@@ -17278,7 +17381,7 @@ function TagInput({
                   "aria-label": `Remove ${tag}`,
                   onClick: () => removeAt(index),
                   className: "inline-flex size-4 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:bg-foreground/10 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-foreground/20",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(import_lucide_react47.XIcon, { className: "size-3", "aria-hidden": true })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(import_lucide_react48.XIcon, { className: "size-3", "aria-hidden": true })
                 }
               )
             ]