@datum-cloud/datum-ui 3.3.0 → 3.4.1

package/dist/app-navigation/index.mjs

@@ -1,3 +1,3 @@
-import { C as SidebarProvider, S as SidebarGroupLabel, _ as SidebarMenuSubButton, a as SidebarInput, b as SidebarGroupAction, c as SidebarSeparator, d as SidebarMenuAction, f as SidebarMenuBadge, g as SidebarMenuSub, h as SidebarMenuSkeleton, i as SidebarHeader, l as SidebarTrigger, m as SidebarMenuItem, n as SidebarContent, o as SidebarInset, p as SidebarMenuButton, r as SidebarFooter, s as SidebarRail, t as Sidebar, u as SidebarMenu, v as SidebarMenuSubItem, w as useSidebar, x as SidebarGroupContent, y as SidebarGroup } from "../sidebar-BeWEEu7P.mjs";
-import { a as hasActiveDescendant, i as findItemByHref, n as NavMenu, o as isNavItemActive, r as NavMenuItem, s as normalizePath, t as AppNavigation } from "../app-navigation-DEqa2_TC.mjs";
+import { C as SidebarProvider, S as SidebarGroupLabel, _ as SidebarMenuSubButton, a as SidebarInput, b as SidebarGroupAction, c as SidebarSeparator, d as SidebarMenuAction, f as SidebarMenuBadge, g as SidebarMenuSub, h as SidebarMenuSkeleton, i as SidebarHeader, l as SidebarTrigger, m as SidebarMenuItem, n as SidebarContent, o as SidebarInset, p as SidebarMenuButton, r as SidebarFooter, s as SidebarRail, t as Sidebar, u as SidebarMenu, v as SidebarMenuSubItem, w as useSidebar, x as SidebarGroupContent, y as SidebarGroup } from "../sidebar-sbqOOFii.mjs";
+import { a as hasActiveDescendant, i as findItemByHref, n as NavMenu, o as isNavItemActive, r as NavMenuItem, s as normalizePath, t as AppNavigation } from "../app-navigation-BB_NLEWv.mjs";
 export { AppNavigation, NavMenu, NavMenuItem, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, findItemByHref, hasActiveDescendant, isNavItemActive, normalizePath, useSidebar };

package/dist/{app-navigation-DEqa2_TC.mjs → app-navigation-BB_NLEWv.mjs}

@@ -1,7 +1,7 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { t as Icon } from "./icon-wrapper-DKfJlJd0.mjs";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible/index.mjs";
-import { c as SidebarSeparator, g as SidebarMenuSub, h as SidebarMenuSkeleton, i as SidebarHeader, l as SidebarTrigger, m as SidebarMenuItem, n as SidebarContent, p as SidebarMenuButton, r as SidebarFooter, t as Sidebar, u as SidebarMenu, w as useSidebar, x as SidebarGroupContent, y as SidebarGroup } from "./sidebar-BeWEEu7P.mjs";
+import { c as SidebarSeparator, g as SidebarMenuSub, h as SidebarMenuSkeleton, i as SidebarHeader, l as SidebarTrigger, m as SidebarMenuItem, n as SidebarContent, p as SidebarMenuButton, r as SidebarFooter, t as Sidebar, u as SidebarMenu, w as useSidebar, x as SidebarGroupContent, y as SidebarGroup } from "./sidebar-sbqOOFii.mjs";
 import { n as EASE } from "./motion-DvGRWdsm.mjs";
 import { ChevronRight, ExternalLinkIcon } from "lucide-react";
 import { createContext, memo, use, useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -112,9 +112,27 @@ function getNavItemKey(item, level) {
 //#endregion
 //#region src/components/features/app-navigation/nav-menu/parts.tsx
 const NAV_STYLES = {
-	/** Side inset of every row. Drops back to px-2 so a 32px button fits the 48px icon rail. */
-	rowInset: "px-3 group-data-[collapsible=icon]:px-2",
-	menuButton: "rounded-xl h-8 font-normal text-xs transition-all px-3 py-1 data-[active=true]:bg-sidebar data-[active=true]:text-foreground data-[active=true]:text-sidebar-primary data-[active=true]:[&>svg]:text-primary hover:bg-sidebar hover:text-sidebar-primary hover:[&>svg]:text-sidebar-primary hover:bg-sidebar-accent data-[active=true]:bg-sidebar-accent hover:font-semibold data-[active=true]:hover:[&>svg]:text-sidebar-primary transition-colors duration-300 gap-2.5 text-foreground [&>svg]:text-icon-primary",
+	/**
+	* Side inset of every row. With the button's own px-2 it puts each icon 16px
+	* from the edge, which centres it in the 48px icon rail, so icons hold still
+	* while the sidebar collapses and expands.
+	*/
+	rowInset: "px-2",
+	/**
+	* Labels, badges and chevrons fade out in the icon rail instead of dropping
+	* out of the layout, so collapsing reads as the sidebar narrowing over them
+	* rather than the row snapping to its rail shape before the width moves.
+	* They also stop shrinking, so a label clips at the edge with its badge
+	* instead of truncating to "Co…" beside a full-width badge.
+	*/
+	railFade: "transition-opacity duration-150 group-data-[collapsible=icon]:shrink-0 group-data-[collapsible=icon]:opacity-0",
+	/**
+	* Row wrapper. A flex column, so the tooltip's inline wrapper never sits on a
+	* text baseline: in the icon rail the label is hidden, and the descender space
+	* under that baseline would make each rail row taller than its expanded twin.
+	*/
+	menuItem: "flex flex-col [&>*:first-child]:w-full",
+	menuButton: "rounded-xl h-8 font-normal text-xs transition-all px-2 py-1 group-data-[collapsible=icon]:w-full! data-[active=true]:bg-sidebar data-[active=true]:text-foreground data-[active=true]:text-sidebar-primary data-[active=true]:[&>svg]:text-primary hover:bg-sidebar hover:text-sidebar-primary hover:[&>svg]:text-sidebar-primary hover:bg-sidebar-accent data-[active=true]:bg-sidebar-accent hover:font-semibold data-[active=true]:hover:[&>svg]:text-sidebar-primary transition-colors duration-300 gap-2.5 text-foreground [&>svg]:text-icon-primary",
 	disabled: "pointer-events-none opacity-50",
 	icon: "duration-300 transition-all",
 	iconSmall: "size-4 duration-300 transition-all"
@@ -216,30 +234,29 @@ const NavMenuItem = memo(({ item, level = 0 }) => {
 NavMenuItem.displayName = "NavMenuItem";
 /**
 * A labelled group of nav items (always open — Vercel-style section headers).
-* The same tree renders in the icon rail with the header hidden, so the rail
-* shows every item's icon and collapsing the sidebar never remounts the items.
+* The same tree renders in the icon rail, so the rail shows every item's icon
+* and collapsing the sidebar never remounts the items.
+*
+* In the rail the header keeps its row height and shows a short rule instead of
+* its label, so every item sits at the same height collapsed and expanded and
+* hover-expanding never shifts a row out from under the pointer.
 */
 function NavGroup({ item, level }) {
-	const ctx = useNavMenuContext();
-	const { pathname } = ctx;
+	const { pathname } = useNavMenuContext();
 	const hasActiveChild = item.children?.some((child) => hasActiveDescendant(child, pathname)) ?? false;
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		item.showSeparatorAbove && /* @__PURE__ */ jsx(SidebarSeparator, { className: "my-2" }),
 		/* @__PURE__ */ jsxs(SidebarGroup, {
 			className: cn("mb-1 p-0!", !item.showSeparatorAbove && "mt-3"),
-			children: [item.title && /* @__PURE__ */ jsx(SidebarMenu, {
-				className: cn("w-full group-data-[collapsible=icon]:hidden", NAV_STYLES.rowInset),
-				children: /* @__PURE__ */ jsx(NavSidebarMenuButton, {
-					item,
-					isActive: hasActiveChild,
-					disableTooltip: true,
-					className: cn(ctx.itemClassName, hasActiveChild && "[&>svg:first-of-type]:text-primary", "pointer-events-none h-7 text-xs font-medium text-muted-foreground hover:bg-transparent", hasActiveChild && "text-primary"),
-					activeClassName: ctx.activeItemClassName,
-					children: /* @__PURE__ */ jsx("span", {
-						className: "min-w-0 truncate",
-						children: item.title
-					})
-				})
+			children: [item.title && /* @__PURE__ */ jsxs("div", {
+				className: cn("relative flex h-7 shrink-0 items-center", NAV_STYLES.rowInset),
+				children: [/* @__PURE__ */ jsx("span", {
+					className: cn("text-muted-foreground min-w-0 truncate px-2 text-xs font-medium", NAV_STYLES.railFade, hasActiveChild && "text-primary"),
+					children: item.title
+				}), /* @__PURE__ */ jsx("span", {
+					"aria-hidden": true,
+					className: "bg-sidebar-border absolute left-4 h-px w-4 opacity-0 transition-opacity duration-150 group-data-[collapsible=icon]:opacity-100 group-data-[collapsible=icon]:delay-150"
+				})]
 			}), /* @__PURE__ */ jsx(SidebarGroupContent, {
 				className: "flex flex-col gap-0.5",
 				children: (item.children || []).map((child) => /* @__PURE__ */ jsx(NavMenuItem, {
@@ -289,7 +306,7 @@ function NavCollapsibleItem({ item, level }) {
 				},
 				className: "group/collapsible",
 				children: /* @__PURE__ */ jsxs(SidebarMenuItem, {
-					className: "[&>*:first-child]:w-full",
+					className: NAV_STYLES.menuItem,
 					children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
 						asChild: true,
 						className: "w-full",
@@ -301,16 +318,16 @@ function NavCollapsibleItem({ item, level }) {
 							activeClassName: ctx.activeItemClassName,
 							children: [
 								/* @__PURE__ */ jsx("span", {
-									className: "min-w-0 truncate group-data-[collapsible=icon]:hidden",
+									className: cn("min-w-0 truncate", NAV_STYLES.railFade),
 									children: item.title
 								}),
 								item.badge && /* @__PURE__ */ jsx("span", {
-									className: "group-data-[collapsible=icon]:hidden",
+									className: NAV_STYLES.railFade,
 									children: /* @__PURE__ */ jsx(NavBadge, { badge: item.badge })
 								}),
 								/* @__PURE__ */ jsx(Icon, {
 									icon: ChevronRight,
-									className: "ml-auto shrink-0 transition-transform duration-200 group-data-[collapsible=icon]:hidden group-data-[state=open]/collapsible:rotate-90"
+									className: "ml-auto shrink-0 transition-[transform,opacity] duration-200 group-data-[collapsible=icon]:opacity-0 group-data-[state=open]/collapsible:rotate-90"
 								})
 							]
 						})
@@ -355,7 +372,7 @@ function NavLeafItem({ item, level }) {
 		/* @__PURE__ */ jsx(SidebarMenu, {
 			className: cn(`level_${level}`, rowInsetFor(level)),
 			children: /* @__PURE__ */ jsx(SidebarMenuItem, {
-				className: "[&>*:first-child]:w-full",
+				className: NAV_STYLES.menuItem,
 				children: /* @__PURE__ */ jsx(NavSidebarMenuButton, {
 					asChild: true,
 					item,
@@ -374,15 +391,15 @@ function NavLeafItem({ item, level }) {
 								className: "size-4 shrink-0 transition-all duration-300"
 							}),
 							/* @__PURE__ */ jsx("span", {
-								className: "min-w-0 truncate group-data-[collapsible=icon]:hidden",
+								className: cn("min-w-0 truncate", NAV_STYLES.railFade),
 								children: item.title
 							}),
 							item.badge ? /* @__PURE__ */ jsx("span", {
-								className: "group-data-[collapsible=icon]:hidden",
+								className: NAV_STYLES.railFade,
 								children: /* @__PURE__ */ jsx(NavBadge, { badge: item.badge })
 							}) : /* @__PURE__ */ jsx(Icon, {
 								icon: ExternalLinkIcon,
-								className: "ml-auto size-4 shrink-0 group-data-[collapsible=icon]:hidden"
+								className: cn("ml-auto size-4 shrink-0", NAV_STYLES.railFade)
 							})
 						]
 					}) : /* @__PURE__ */ jsxs(ctx.linkComponent, {
@@ -396,11 +413,11 @@ function NavLeafItem({ item, level }) {
 								className: "text-sidebar-primary shrink-0 transition-all duration-300"
 							}),
 							/* @__PURE__ */ jsx("span", {
-								className: "min-w-0 truncate group-data-[collapsible=icon]:hidden",
+								className: cn("min-w-0 truncate", NAV_STYLES.railFade),
 								children: item.title
 							}),
 							item.badge && /* @__PURE__ */ jsx("span", {
-								className: "group-data-[collapsible=icon]:hidden",
+								className: NAV_STYLES.railFade,
 								children: /* @__PURE__ */ jsx(NavBadge, { badge: item.badge })
 							})
 						]

package/dist/assistant/index.mjs

@@ -5,9 +5,9 @@ import { t as Dialog } from "../dialog-Gu70fban.mjs";
 import { a as DropdownMenuRadioGroup, c as DropdownMenuTrigger, i as DropdownMenuLabel, o as DropdownMenuRadioItem, r as DropdownMenuContent, s as DropdownMenuSeparator, t as DropdownMenu } from "../dropdown-menu-b8zY5Cs6.mjs";
 import { t as Tooltip } from "../tooltip-DhbN1BDK.mjs";
 import { n as EASE, t as DURATION } from "../motion-DvGRWdsm.mjs";
-import { Archive, ArchiveRestore, ArrowDown, ArrowRight, ArrowUp, Brain, Check, ChevronDown, Copy, Download, MessagesSquare, Mic, MicOff, PanelLeft, Plus, RotateCw, Square, Trash2 } from "lucide-react";
+import { Archive, ArchiveRestore, ArrowDown, ArrowRight, ArrowUp, Brain, Check, ChevronDown, Copy, Download, MessagesSquare, Mic, MicOff, PanelLeft, Plus, RotateCw, Square, SquarePen, Trash2, X } from "lucide-react";
 import { Fragment, createContext, useCallback, useContext, useMemo, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence, motion } from "motion/react";
 import { EditorContent } from "@tiptap/react";
 import { getToolName, isReasoningUIPart, isTextUIPart, isToolUIPart } from "ai";
@@ -100,7 +100,10 @@ function ModelSelector({ modelId, effortId, onModelChange, onEffortChange, disab
 					children: model.label
 				}),
 				/* @__PURE__ */ jsx("span", { children: effort.label }),
-				/* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5 shrink-0" })
+				/* @__PURE__ */ jsx(Icon, {
+					icon: ChevronDown,
+					className: "size-3.5 shrink-0"
+				})
 			]
 		})
 	}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
@@ -170,7 +173,13 @@ function PromptCard({ editor, isReady, canRetry, onSend, onStop, onRetry, modelI
 							onClick: onMicToggle,
 							"aria-label": isListening ? "Stop listening" : "Start voice input",
 							className: cn("hover:bg-accent shrink-0 rounded-full p-1.5 transition-colors", isListening ? "text-destructive hover:text-destructive/80" : "text-muted-foreground hover:text-foreground"),
-							children: isListening ? frequencyData ? /* @__PURE__ */ jsx(Equalizer, { frequencyData }) : /* @__PURE__ */ jsx(MicOff, { className: "size-4" }) : /* @__PURE__ */ jsx(Mic, { className: "size-4" })
+							children: isListening ? frequencyData ? /* @__PURE__ */ jsx(Equalizer, { frequencyData }) : /* @__PURE__ */ jsx(Icon, {
+								icon: MicOff,
+								className: "size-4"
+							}) : /* @__PURE__ */ jsx(Icon, {
+								icon: Mic,
+								className: "size-4"
+							})
 						})
 					}),
 					/* @__PURE__ */ jsx(AnimatePresence, { children: canRetry && /* @__PURE__ */ jsx(motion.div, {
@@ -200,7 +209,10 @@ function PromptCard({ editor, isReady, canRetry, onSend, onStop, onRetry, modelI
 								onClick: onRetry,
 								"aria-label": "Retry last message",
 								className: "text-muted-foreground hover:text-foreground hover:bg-accent shrink-0 rounded-full p-1.5 transition-colors",
-								children: /* @__PURE__ */ jsx(RotateCw, { className: "size-4" })
+								children: /* @__PURE__ */ jsx(Icon, {
+									icon: RotateCw,
+									className: "size-4"
+								})
 							})
 						})
 					}) }),
@@ -212,7 +224,10 @@ function PromptCard({ editor, isReady, canRetry, onSend, onStop, onRetry, modelI
 							onClick: onSend,
 							"aria-label": "Send message",
 							className: "bg-primary text-primary-foreground hover:bg-primary/90 shrink-0 rounded-full p-1.5 transition-colors",
-							children: /* @__PURE__ */ jsx(ArrowUp, { className: "size-4" })
+							children: /* @__PURE__ */ jsx(Icon, {
+								icon: ArrowUp,
+								className: "size-4"
+							})
 						})
 					}) : /* @__PURE__ */ jsx(Tooltip, {
 						message: "Stop generating",
@@ -222,7 +237,10 @@ function PromptCard({ editor, isReady, canRetry, onSend, onStop, onRetry, modelI
 							onClick: onStop,
 							"aria-label": "Stop generating",
 							className: "bg-primary text-primary-foreground hover:bg-primary/90 shrink-0 rounded-full p-1.5 transition-colors",
-							children: /* @__PURE__ */ jsx(Square, { className: "size-4 fill-current" })
+							children: /* @__PURE__ */ jsx(Icon, {
+								icon: Square,
+								className: "size-4 fill-current"
+							})
 						})
 					})
 				]
@@ -375,9 +393,15 @@ function ThinkingBlock({ text, isStreaming = false }) {
 			disabled: isStreaming,
 			className: cn("text-muted-foreground flex items-center gap-1.5 text-xs transition-colors", !isStreaming && "hover:text-foreground cursor-pointer", isStreaming && "cursor-default"),
 			children: [
-				/* @__PURE__ */ jsx(Brain, { className: cn("size-3.5 shrink-0", isStreaming && "animate-pulse") }),
+				/* @__PURE__ */ jsx(Icon, {
+					icon: Brain,
+					className: cn("size-3.5 shrink-0", isStreaming && "animate-pulse")
+				}),
 				/* @__PURE__ */ jsx("span", { children: label }),
-				!isStreaming && /* @__PURE__ */ jsx(ChevronDown, { className: cn("size-3.5 shrink-0 transition-transform", open && "rotate-180") })
+				!isStreaming && /* @__PURE__ */ jsx(Icon, {
+					icon: ChevronDown,
+					className: cn("size-3.5 shrink-0 transition-transform", open && "rotate-180")
+				})
 			]
 		}), /* @__PURE__ */ jsx("div", {
 			className: cn("grid transition-[grid-template-rows] duration-200", open && !isStreaming ? "grid-rows-[1fr]" : "grid-rows-[0fr]"),
@@ -491,7 +515,13 @@ function MessageActions({ msg }) {
 				onClick: handleCopy,
 				"aria-label": "Copy message",
 				className: "hover:text-foreground rounded p-1 transition-colors",
-				children: copied ? /* @__PURE__ */ jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsx(Copy, { className: "size-3.5" })
+				children: copied ? /* @__PURE__ */ jsx(Icon, {
+					icon: Check,
+					className: "size-3.5"
+				}) : /* @__PURE__ */ jsx(Icon, {
+					icon: Copy,
+					className: "size-3.5"
+				})
 			})
 		}), /* @__PURE__ */ jsx(Tooltip, {
 			message: "Download as Markdown",
@@ -501,7 +531,10 @@ function MessageActions({ msg }) {
 				onClick: handleDownload,
 				"aria-label": "Download message",
 				className: "hover:text-foreground rounded p-1 transition-colors",
-				children: /* @__PURE__ */ jsx(Download, { className: "size-3.5" })
+				children: /* @__PURE__ */ jsx(Icon, {
+					icon: Download,
+					className: "size-3.5"
+				})
 			})
 		})]
 	});
@@ -546,7 +579,10 @@ function ScrollToBottomButton({ show, onClick }) {
 		onClick,
 		"aria-label": "Scroll to bottom",
 		className: "ring-border bg-card text-muted-foreground hover:text-foreground absolute -top-10 left-1/2 z-10 -translate-x-1/2 rounded-full p-1.5 ring-1 transition-colors",
-		children: /* @__PURE__ */ jsx(ArrowDown, { className: "size-3.5" })
+		children: /* @__PURE__ */ jsx(Icon, {
+			icon: ArrowDown,
+			className: "size-3.5"
+		})
 	}) });
 }
 //#endregion
@@ -728,10 +764,10 @@ function BrainGlyph({ className }) {
 }
 //#endregion
 //#region src/components/features/assistant/components/empty-state.tsx
-function EmptyState({ name, isReady, onSuggestion, children }) {
+function EmptyState({ name, isReady, onSuggestion, compact = false, children }) {
 	const { greeting, suggestions } = useAssistantConfig();
 	return /* @__PURE__ */ jsxs("div", {
-		className: "mx-auto flex w-full max-w-2xl flex-1 flex-col justify-center px-4 py-8",
+		className: cn("mx-auto flex w-full max-w-2xl flex-1 flex-col px-4", compact ? "min-h-0 justify-center-safe overflow-y-auto py-6" : "justify-center py-8"),
 		children: [
 			/* @__PURE__ */ jsxs(motion.div, {
 				initial: {
@@ -746,9 +782,9 @@ function EmptyState({ name, isReady, onSuggestion, children }) {
 					duration: .3,
 					ease: EASE.out
 				},
-				className: "mb-8 flex flex-col items-center text-center",
-				children: [/* @__PURE__ */ jsx(BrainGlyph, { className: "mb-4 size-16" }), /* @__PURE__ */ jsx("h1", {
-					className: "text-foreground font-title text-3xl leading-[34px] font-normal tracking-[-1.2px]",
+				className: cn("mb-8 flex flex-col items-center text-center", compact && "mb-6"),
+				children: [/* @__PURE__ */ jsx(BrainGlyph, { className: cn("mb-4 size-16", compact && "mb-3 size-12") }), /* @__PURE__ */ jsx("h1", {
+					className: cn("text-foreground font-title text-3xl leading-[34px] font-normal tracking-[-1.2px]", compact && "text-2xl leading-8 tracking-[-0.8px]"),
 					children: greeting(name)
 				})]
 			}),
@@ -787,8 +823,11 @@ function EmptyState({ name, isReady, onSuggestion, children }) {
 					},
 					disabled: !isReady,
 					onClick: () => onSuggestion(suggestion),
-					className: "group bg-sidebar-accent text-foreground flex items-center justify-between rounded-xl px-4 py-3 text-left text-sm transition-[filter] hover:brightness-95 disabled:cursor-not-allowed disabled:opacity-50",
-					children: [/* @__PURE__ */ jsx("span", { children: suggestion }), /* @__PURE__ */ jsx(ArrowRight, { className: "text-muted-foreground group-hover:text-foreground size-4 shrink-0 transition-colors" })]
+					className: cn("group bg-sidebar-accent text-foreground flex items-center justify-between gap-3 rounded-xl px-4 py-3 text-left text-sm transition-[filter] hover:brightness-95 disabled:cursor-not-allowed disabled:opacity-50", compact && "px-3 py-2.5"),
+					children: [/* @__PURE__ */ jsx("span", { children: suggestion }), /* @__PURE__ */ jsx(Icon, {
+						icon: ArrowRight,
+						className: "text-muted-foreground group-hover:text-foreground size-4 shrink-0 transition-colors"
+					})]
 				}, suggestion))
 			})
 		]
@@ -810,9 +849,10 @@ function ChatRail({ historyOpen, onNewChat, onToggleHistory }) {
 				className: cn(iconClass, "group"),
 				children: /* @__PURE__ */ jsx("span", {
 					className: "bg-foreground text-background group-hover:bg-primary flex size-4 items-center justify-center rounded-full transition-colors",
-					children: /* @__PURE__ */ jsx(Plus, {
-						className: "size-3",
-						strokeWidth: 2.5
+					children: /* @__PURE__ */ jsx(Icon, {
+						icon: Plus,
+						size: 12,
+						strokeWidth: 1.25
 					})
 				})
 			})
@@ -1022,8 +1062,15 @@ function HistoryPanel({ chatList, currentChatId, onLoadChat, onDeleteChat, onArc
 }
 //#endregion
 //#region src/components/features/assistant/components/assistant-workspace.tsx
-function AssistantWorkspace({ config, userName, title, messages, status, error, isReady, chatList, currentChatId, sidebarHeader, editor, htmlByUserMsgIndex, bottomRef, containerRef, userScrolledUpRef, onSend, onStop, onRetry, onNewChat, onLoadChat, onDeleteChat, onArchiveChat, onUnarchiveChat, confirmDelete, onSuggestion, modelId, effortId, onModelChange, onEffortChange, micSupported, micListening, micFrequencyData, onMicToggle, historyOpen, onToggleHistory }) {
+const HEADER_BUTTON_CLASS = "text-muted-foreground hover:text-foreground hover:bg-accent shrink-0 rounded-md p-1.5 transition-colors";
+const PANEL_SPRING = {
+	type: "spring",
+	stiffness: 400,
+	damping: 32
+};
+function AssistantWorkspace({ orientation = "horizontal", onClose, config, userName, title, messages, status, error, isReady, chatList, currentChatId, sidebarHeader, editor, htmlByUserMsgIndex, bottomRef, containerRef, userScrolledUpRef, onSend, onStop, onRetry, onNewChat, onLoadChat, onDeleteChat, onArchiveChat, onUnarchiveChat, confirmDelete, onSuggestion, modelId, effortId, onModelChange, onEffortChange, micSupported, micListening, micFrequencyData, onMicToggle, historyOpen, onToggleHistory }) {
 	const hasMessages = messages.length > 0;
+	const isVertical = orientation === "vertical";
 	const promptCard = /* @__PURE__ */ jsx(PromptCard, {
 		editor,
 		isReady,
@@ -1040,6 +1087,122 @@ function AssistantWorkspace({ config, userName, title, messages, status, error,
 		frequencyData: micFrequencyData,
 		onMicToggle
 	});
+	const historyPanel = /* @__PURE__ */ jsx(HistoryPanel, {
+		chatList,
+		currentChatId,
+		header: sidebarHeader,
+		onLoadChat: (chat) => {
+			onLoadChat(chat);
+			if (isVertical) onToggleHistory();
+		},
+		onDeleteChat,
+		onArchiveChat,
+		onUnarchiveChat,
+		confirmDelete
+	});
+	const historyToggle = /* @__PURE__ */ jsx(Tooltip, {
+		message: historyOpen ? "Close sidebar" : "Open sidebar",
+		side: "bottom",
+		children: /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-label": "Toggle sidebar",
+			"aria-expanded": historyOpen,
+			onClick: onToggleHistory,
+			className: HEADER_BUTTON_CLASS,
+			children: /* @__PURE__ */ jsx(Icon, {
+				icon: PanelLeft,
+				className: "size-4"
+			})
+		})
+	});
+	const closeButton = onClose && /* @__PURE__ */ jsx(Tooltip, {
+		message: "Close",
+		side: "bottom",
+		children: /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-label": "Close",
+			onClick: onClose,
+			className: HEADER_BUTTON_CLASS,
+			children: /* @__PURE__ */ jsx(Icon, {
+				icon: X,
+				className: "size-4"
+			})
+		})
+	});
+	const content = hasMessages ? /* @__PURE__ */ jsx(Conversation, {
+		messages,
+		status,
+		error,
+		htmlByUserMsgIndex,
+		containerRef,
+		bottomRef,
+		userScrolledUpRef,
+		footer: promptCard
+	}) : /* @__PURE__ */ jsx(EmptyState, {
+		name: userName,
+		isReady,
+		onSuggestion,
+		compact: isVertical,
+		children: promptCard
+	});
+	if (isVertical) return /* @__PURE__ */ jsx(AssistantConfigProvider, {
+		config,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "bg-background flex h-full w-full flex-col overflow-hidden",
+			children: [/* @__PURE__ */ jsxs("header", {
+				className: "flex h-12 shrink-0 items-center gap-1 border-b px-2",
+				children: [
+					historyToggle,
+					/* @__PURE__ */ jsx("span", {
+						className: "text-foreground min-w-0 flex-1 truncate px-1 text-sm font-medium",
+						children: title
+					}),
+					/* @__PURE__ */ jsx(Tooltip, {
+						message: "New chat",
+						side: "bottom",
+						children: /* @__PURE__ */ jsx("button", {
+							type: "button",
+							"aria-label": "New chat",
+							onClick: () => {
+								onNewChat();
+								if (historyOpen) onToggleHistory();
+							},
+							className: HEADER_BUTTON_CLASS,
+							children: /* @__PURE__ */ jsx(Icon, {
+								icon: SquarePen,
+								className: "size-4"
+							})
+						})
+					}),
+					closeButton
+				]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "relative flex min-h-0 flex-1 flex-col",
+				children: [content, /* @__PURE__ */ jsxs(AnimatePresence, {
+					initial: false,
+					children: [historyOpen && /* @__PURE__ */ jsx(motion.div, {
+						"aria-hidden": true,
+						className: "bg-foreground/10 absolute inset-0 z-30",
+						initial: { opacity: 0 },
+						animate: { opacity: 1 },
+						exit: { opacity: 0 },
+						transition: { duration: .2 },
+						onClick: onToggleHistory
+					}, "history-scrim"), historyOpen && /* @__PURE__ */ jsx(motion.div, {
+						className: "absolute inset-y-0 left-0 z-40 max-w-[85%] overflow-hidden shadow-lg",
+						initial: { width: 0 },
+						animate: { width: 256 },
+						exit: { width: 0 },
+						transition: PANEL_SPRING,
+						onKeyDown: (e) => {
+							if (e.key === "Escape") onToggleHistory();
+						},
+						children: historyPanel
+					}, "history-drawer")]
+				})]
+			})]
+		})
+	});
 	return /* @__PURE__ */ jsx(AssistantConfigProvider, {
 		config,
 		children: /* @__PURE__ */ jsxs("div", {
@@ -1057,59 +1220,25 @@ function AssistantWorkspace({ config, userName, title, messages, status, error,
 						initial: { width: 0 },
 						animate: { width: 256 },
 						exit: { width: 0 },
-						transition: {
-							type: "spring",
-							stiffness: 400,
-							damping: 32
-						},
-						children: /* @__PURE__ */ jsx(HistoryPanel, {
-							chatList,
-							currentChatId,
-							header: sidebarHeader,
-							onLoadChat,
-							onDeleteChat,
-							onArchiveChat,
-							onUnarchiveChat,
-							confirmDelete
-						})
+						transition: PANEL_SPRING,
+						children: historyPanel
 					})
 				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "flex min-w-0 flex-1 flex-col",
-					children: hasMessages ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("header", {
+				/* @__PURE__ */ jsxs("div", {
+					className: "relative flex min-w-0 flex-1 flex-col",
+					children: [hasMessages ? /* @__PURE__ */ jsxs("header", {
 						className: "flex h-12 shrink-0 items-center justify-between border-b px-4",
 						children: [/* @__PURE__ */ jsx("span", {
 							className: "text-foreground min-w-0 truncate text-sm font-medium",
 							children: title
-						}), /* @__PURE__ */ jsx("div", {
+						}), /* @__PURE__ */ jsxs("div", {
 							className: "flex items-center gap-1",
-							children: /* @__PURE__ */ jsx(Tooltip, {
-								message: historyOpen ? "Close sidebar" : "Open sidebar",
-								side: "bottom",
-								children: /* @__PURE__ */ jsx("button", {
-									type: "button",
-									"aria-label": "Toggle sidebar",
-									onClick: onToggleHistory,
-									className: "text-muted-foreground hover:text-foreground hover:bg-accent rounded-md p-1.5 transition-colors",
-									children: /* @__PURE__ */ jsx(PanelLeft, { className: "size-4" })
-								})
-							})
+							children: [historyToggle, closeButton]
 						})]
-					}), /* @__PURE__ */ jsx(Conversation, {
-						messages,
-						status,
-						error,
-						htmlByUserMsgIndex,
-						containerRef,
-						bottomRef,
-						userScrolledUpRef,
-						footer: promptCard
-					})] }) : /* @__PURE__ */ jsx(EmptyState, {
-						name: userName,
-						isReady,
-						onSuggestion,
-						children: promptCard
-					})
+					}) : closeButton && /* @__PURE__ */ jsx("div", {
+						className: "absolute top-2 right-2 z-10",
+						children: closeButton
+					}), content]
 				})
 			]
 		})

package/dist/badge/index.mjs

@@ -1,2 +1,2 @@
-import { n as badgeVariants, t as Badge } from "../badge-BTNW_FEU.mjs";
+import { n as badgeVariants, t as Badge } from "../badge-DOZUr5DV.mjs";
 export { Badge, badgeVariants };

package/dist/{badge-BTNW_FEU.mjs → badge-DOZUr5DV.mjs}

@@ -25,7 +25,7 @@ const badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-
 		theme: {
 			solid: "",
 			outline: "border",
-			light: "border"
+			light: "border-transparent"
 		}
 	},
 	compoundVariants: [
@@ -42,7 +42,7 @@ const badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-
 		{
 			type: "primary",
 			theme: "light",
-			className: "border-[var(--color-badge-primary)]/30 text-[var(--color-badge-primary)] bg-[var(--color-badge-primary)]/10 dark:border-[var(--color-badge-primary)] dark:text-[var(--color-badge-primary)] dark:bg-[var(--color-badge-primary)]/20"
+			className: "text-[var(--color-badge-primary)] bg-[var(--color-badge-primary)]/10 dark:text-[var(--color-badge-primary)] dark:bg-[var(--color-badge-primary)]/20"
 		},
 		{
 			type: "secondary",
@@ -57,7 +57,7 @@ const badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-
 		{
 			type: "secondary",
 			theme: "light",
-			className: "border-[var(--color-badge-secondary)] text-[var(--color-badge-secondary)] bg-[var(--color-badge-secondary)]/20 dark:border-[var(--color-badge-secondary)] dark:text-[var(--color-badge-secondary)] dark:bg-[var(--color-badge-secondary)]/20"
+			className: "text-[var(--color-badge-secondary)] bg-[var(--color-badge-secondary)]/20 dark:text-[var(--color-badge-secondary)] dark:bg-[var(--color-badge-secondary)]/20"
 		},
 		{
 			type: "tertiary",
@@ -72,7 +72,7 @@ const badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-
 		{
 			type: "tertiary",
 			theme: "light",
-			className: "border-[var(--color-badge-tertiary)] text-[var(--color-badge-tertiary)] bg-[var(--color-badge-tertiary)]/20 dark:border-[var(--color-badge-tertiary)] dark:text-[var(--color-badge-tertiary)] dark:bg-[var(--color-badge-tertiary)]/20"
+			className: "text-[var(--color-badge-tertiary)] bg-[var(--color-badge-tertiary)]/20 dark:text-[var(--color-badge-tertiary)] dark:bg-[var(--color-badge-tertiary)]/20"
 		},
 		{
 			type: "quaternary",
@@ -87,7 +87,7 @@ const badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-
 		{
 			type: "quaternary",
 			theme: "light",
-			className: "border-[var(--color-badge-quaternary)] text-[var(--color-badge-quaternary-foreground)] bg-[var(--color-badge-quaternary)]/20 dark:border-[var(--color-badge-quaternary)] dark:text-[var(--color-badge-quaternary-foreground)] dark:bg-[var(--color-badge-quaternary)]/20"
+			className: "text-[var(--color-badge-quaternary-foreground)] bg-[var(--color-badge-quaternary)]/20 dark:text-[var(--color-badge-quaternary-foreground)] dark:bg-[var(--color-badge-quaternary)]/20"
 		},
 		{
 			type: "info",
@@ -102,7 +102,7 @@ const badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-
 		{
 			type: "info",
 			theme: "light",
-			className: "border-[var(--color-badge-info)] text-[var(--color-badge-info)] bg-[var(--color-badge-info)]/20 dark:border-[var(--color-badge-info)] dark:text-[var(--color-badge-info)] dark:bg-[var(--color-badge-info)]/20"
+			className: "text-[var(--color-badge-info)] bg-[var(--color-badge-info)]/20 dark:text-[var(--color-badge-info)] dark:bg-[var(--color-badge-info)]/20"
 		},
 		{
 			type: "warning",
@@ -117,7 +117,7 @@ const badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-
 		{
 			type: "warning",
 			theme: "light",
-			className: "border-[var(--color-badge-warning)] text-[var(--color-badge-warning)] bg-[var(--color-badge-warning)]/20 dark:border-[var(--color-badge-warning)] dark:text-[var(--color-badge-warning)] dark:bg-[var(--color-badge-warning)]/20"
+			className: "text-[var(--color-badge-warning)] bg-[var(--color-badge-warning)]/20 dark:text-[var(--color-badge-warning)] dark:bg-[var(--color-badge-warning)]/20"
 		},
 		{
 			type: "danger",
@@ -132,7 +132,7 @@ const badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-
 		{
 			type: "danger",
 			theme: "light",
-			className: "border-[var(--color-badge-danger)] text-[var(--color-badge-danger)] bg-[var(--color-badge-danger)]/20 dark:border-[var(--color-badge-danger)] dark:text-[var(--color-badge-danger)] dark:bg-[var(--color-badge-danger)]/20"
+			className: "text-[var(--color-badge-danger)] bg-[var(--color-badge-danger)]/20 dark:text-[var(--color-badge-danger)] dark:bg-[var(--color-badge-danger)]/20"
 		},
 		{
 			type: "success",
@@ -147,7 +147,7 @@ const badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-
 		{
 			type: "success",
 			theme: "light",
-			className: "border-[var(--color-badge-success)] text-[var(--color-badge-success)] bg-[var(--color-badge-success)]/20 dark:border-[var(--color-badge-success)] dark:text-[var(--color-badge-success)] dark:bg-[var(--color-badge-success)]/20"
+			className: "text-[var(--color-badge-success)] bg-[var(--color-badge-success)]/20 dark:text-[var(--color-badge-success)] dark:bg-[var(--color-badge-success)]/20"
 		},
 		{
 			type: "muted",
@@ -162,7 +162,7 @@ const badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-
 		{
 			type: "muted",
 			theme: "light",
-			className: "border-[var(--color-badge-muted)] text-[var(--color-badge-muted)] bg-[var(--color-badge-muted)]/20 dark:border-[var(--color-badge-muted)] dark:text-[var(--color-badge-muted)] dark:bg-[var(--color-badge-muted)]/20"
+			className: "text-[var(--muted-foreground)] bg-[var(--muted-foreground)]/15 dark:text-[var(--color-badge-muted)] dark:bg-[var(--color-badge-muted)]/20"
 		}
 	],
 	defaultVariants: {

package/dist/components/features/app-navigation/nav-menu/parts.d.ts

@@ -3,9 +3,27 @@ import type { ComponentProps } from 'react';
 import type { NavItem } from './types';
 import { SidebarMenuButton } from '../../../base/sidebar';
 export declare const NAV_STYLES: {
-    /** Side inset of every row. Drops back to px-2 so a 32px button fits the 48px icon rail. */
-    readonly rowInset: "px-3 group-data-[collapsible=icon]:px-2";
-    readonly menuButton: "rounded-xl h-8 font-normal text-xs transition-all px-3 py-1 data-[active=true]:bg-sidebar data-[active=true]:text-foreground data-[active=true]:text-sidebar-primary data-[active=true]:[&>svg]:text-primary hover:bg-sidebar hover:text-sidebar-primary hover:[&>svg]:text-sidebar-primary hover:bg-sidebar-accent data-[active=true]:bg-sidebar-accent hover:font-semibold data-[active=true]:hover:[&>svg]:text-sidebar-primary transition-colors duration-300 gap-2.5 text-foreground [&>svg]:text-icon-primary";
+    /**
+     * Side inset of every row. With the button's own px-2 it puts each icon 16px
+     * from the edge, which centres it in the 48px icon rail, so icons hold still
+     * while the sidebar collapses and expands.
+     */
+    readonly rowInset: "px-2";
+    /**
+     * Labels, badges and chevrons fade out in the icon rail instead of dropping
+     * out of the layout, so collapsing reads as the sidebar narrowing over them
+     * rather than the row snapping to its rail shape before the width moves.
+     * They also stop shrinking, so a label clips at the edge with its badge
+     * instead of truncating to "Co…" beside a full-width badge.
+     */
+    readonly railFade: "transition-opacity duration-150 group-data-[collapsible=icon]:shrink-0 group-data-[collapsible=icon]:opacity-0";
+    /**
+     * Row wrapper. A flex column, so the tooltip's inline wrapper never sits on a
+     * text baseline: in the icon rail the label is hidden, and the descender space
+     * under that baseline would make each rail row taller than its expanded twin.
+     */
+    readonly menuItem: "flex flex-col [&>*:first-child]:w-full";
+    readonly menuButton: "rounded-xl h-8 font-normal text-xs transition-all px-2 py-1 group-data-[collapsible=icon]:w-full! data-[active=true]:bg-sidebar data-[active=true]:text-foreground data-[active=true]:text-sidebar-primary data-[active=true]:[&>svg]:text-primary hover:bg-sidebar hover:text-sidebar-primary hover:[&>svg]:text-sidebar-primary hover:bg-sidebar-accent data-[active=true]:bg-sidebar-accent hover:font-semibold data-[active=true]:hover:[&>svg]:text-sidebar-primary transition-colors duration-300 gap-2.5 text-foreground [&>svg]:text-icon-primary";
     readonly disabled: "pointer-events-none opacity-50";
     readonly icon: "duration-300 transition-all";
     readonly iconSmall: "size-4 duration-300 transition-all";

package/dist/components/features/assistant/components/assistant-workspace.d.ts

@@ -2,13 +2,30 @@ import type { Editor } from '@tiptap/react';
 import type { UIMessage } from 'ai';
 import type { MouseEvent as ReactMouseEvent, ReactNode, RefObject } from 'react';
 import type { AssistantConfig, ChatSummary, EffortId } from '../types';
+export type AssistantWorkspaceOrientation = 'horizontal' | 'vertical';
 /**
  * Presentational, props-driven assistant layout: left rail + collapsible
  * history + (empty state | conversation) + composer. The host owns all state
  * and transport (via its own chat hook) and feeds it in here, so staff and
  * cloud reuse the exact same layout. Shell-agnostic — it fills its container.
+ *
+ * `orientation="vertical"` suits a tall, narrow container such as a docked side
+ * panel: the rail folds into a top bar and history opens as a drawer over the
+ * content instead of narrowing it.
  */
 export interface AssistantWorkspaceProps {
+    /**
+     * `horizontal` (default) puts the rail and history beside the content, for a
+     * wide container. `vertical` swaps them for a top bar and a history drawer,
+     * for a tall, narrow one such as a side dock.
+     */
+    orientation?: AssistantWorkspaceOrientation;
+    /**
+     * Renders a close button at the end of the header. Hosts that show the
+     * workspace in a dismissible panel pass this instead of overlaying their own
+     * button, which would collide with the header's controls.
+     */
+    onClose?: () => void;
     /** Host-specific configuration (copy, suggestions, tool labels, models, …). */
     config?: Partial<AssistantConfig>;
     /** Display name for the greeting; the host reads it from its own user context. */
@@ -60,4 +77,4 @@ export interface AssistantWorkspaceProps {
     historyOpen: boolean;
     onToggleHistory: () => void;
 }
-export declare function AssistantWorkspace({ config, userName, title, messages, status, error, isReady, chatList, currentChatId, sidebarHeader, editor, htmlByUserMsgIndex, bottomRef, containerRef, userScrolledUpRef, onSend, onStop, onRetry, onNewChat, onLoadChat, onDeleteChat, onArchiveChat, onUnarchiveChat, confirmDelete, onSuggestion, modelId, effortId, onModelChange, onEffortChange, micSupported, micListening, micFrequencyData, onMicToggle, historyOpen, onToggleHistory, }: AssistantWorkspaceProps): import("react").JSX.Element;
+export declare function AssistantWorkspace({ orientation, onClose, config, userName, title, messages, status, error, isReady, chatList, currentChatId, sidebarHeader, editor, htmlByUserMsgIndex, bottomRef, containerRef, userScrolledUpRef, onSend, onStop, onRetry, onNewChat, onLoadChat, onDeleteChat, onArchiveChat, onUnarchiveChat, confirmDelete, onSuggestion, modelId, effortId, onModelChange, onEffortChange, micSupported, micListening, micFrequencyData, onMicToggle, historyOpen, onToggleHistory, }: AssistantWorkspaceProps): import("react").JSX.Element;

package/dist/components/features/assistant/components/empty-state.d.ts

@@ -3,8 +3,10 @@ interface EmptyStateProps {
     name?: string;
     isReady: boolean;
     onSuggestion: (text: string) => void;
+    /** Tighter spacing for a narrow container (the workspace's vertical orientation). */
+    compact?: boolean;
     /** The shared prompt card. */
     children: ReactNode;
 }
-export declare function EmptyState({ name, isReady, onSuggestion, children }: EmptyStateProps): import("react").JSX.Element;
+export declare function EmptyState({ name, isReady, onSuggestion, compact, children }: EmptyStateProps): import("react").JSX.Element;
 export {};

package/dist/components/features/assistant/index.d.ts

@@ -1,4 +1,4 @@
-export { AssistantWorkspace, type AssistantWorkspaceProps } from './components/assistant-workspace';
+export { AssistantWorkspace, type AssistantWorkspaceOrientation, type AssistantWorkspaceProps, } from './components/assistant-workspace';
 export { BrainGlyph } from './components/brain-glyph';
 export * from './components/composer';
 export * from './components/conversation';

package/dist/data-table/index.mjs

@@ -1,2 +1,2 @@
-import { _ as useNuqsAdapter, a as useDataTablePagination, b as DEFAULT_PAGE_SIZE, c as useDataTableSelection, d as resolvePath, f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, i as useDataTableLoading, l as useDataTableSorting, m as DataTableRowActions, n as useDataTableFilters, o as useDataTableRows, p as dataTableFeatures, r as useDataTableInlineContents, s as useDataTableSearch, t as DataTable, u as createDataTableStore, v as DEFAULT_DEBOUNCE_MS, x as DEFAULT_PAGE_SIZES, y as DEFAULT_LOADING_ROWS } from "../data-table-DXrwZpgq.mjs";
+import { _ as useNuqsAdapter, a as useDataTablePagination, b as DEFAULT_PAGE_SIZE, c as useDataTableSelection, d as resolvePath, f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, i as useDataTableLoading, l as useDataTableSorting, m as DataTableRowActions, n as useDataTableFilters, o as useDataTableRows, p as dataTableFeatures, r as useDataTableInlineContents, s as useDataTableSearch, t as DataTable, u as createDataTableStore, v as DEFAULT_DEBOUNCE_MS, x as DEFAULT_PAGE_SIZES, y as DEFAULT_LOADING_ROWS } from "../data-table-CJiQQ6TM.mjs";
 export { DEFAULT_DEBOUNCE_MS, DEFAULT_LOADING_ROWS, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZES, DataTable, DataTableColumnHeader, DataTableRowActions, createDataTableStore, createSelectionColumn, dataTableFeatures, resolvePath, rowMatchesSearch, useDataTableFilters, useDataTableInlineContents, useDataTableLoading, useDataTablePagination, useDataTableRows, useDataTableSearch, useDataTableSelection, useDataTableSorting, useNuqsAdapter };

package/dist/{data-table-DXrwZpgq.mjs → data-table-CJiQQ6TM.mjs}

@@ -1,5 +1,5 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { t as Badge } from "./badge-BTNW_FEU.mjs";
+import { t as Badge } from "./badge-DOZUr5DV.mjs";
 import { t as Button } from "./button-DoMqfQLu.mjs";
 import { t as Checkbox } from "./checkbox-C6P12fio.mjs";
 import { t as Input } from "./input-j4tbmYYz.mjs";
@@ -11,7 +11,7 @@ import { t as Autocomplete } from "./autocomplete-BxtzndxZ.mjs";
 import { t as CalendarDatePicker } from "./calendar-date-picker-DPvVAW2I.mjs";
 import { t as ActionRow } from "./action-row-DTvs91_3.mjs";
 import { n as useDebouncedSearchInput } from "./use-debounced-search-input-yu_F0QBt.mjs";
-import { t as MultiSelect } from "./multi-select-CH8KERkt.mjs";
+import { t as MultiSelect } from "./multi-select-CF0Yq5yf.mjs";
 import { ArrowDown, ArrowUp, ArrowUpDown, ChevronLeft, ChevronRight, MoreHorizontal, Search, X } from "lucide-react";
 import { createContext, memo, use, useCallback, useContext, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/grouped-table/index.mjs

@@ -1,2 +1,2 @@
-import { t as GroupedTable } from "../grouped-table-DewB9KoB.mjs";
+import { t as GroupedTable } from "../grouped-table-fHguJz9W.mjs";
 export { GroupedTable };

package/dist/{grouped-table-DewB9KoB.mjs → grouped-table-fHguJz9W.mjs}

@@ -6,7 +6,7 @@ import { t as useControllableState } from "./use-controllable-state-Dna7u3r9.mjs
 import { Skeleton } from "./skeleton/index.mjs";
 import { TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table/index.mjs";
 import { n as EASE } from "./motion-DvGRWdsm.mjs";
-import { f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, m as DataTableRowActions, p as dataTableFeatures } from "./data-table-DXrwZpgq.mjs";
+import { f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, m as DataTableRowActions, p as dataTableFeatures } from "./data-table-CJiQQ6TM.mjs";
 import { n as useDebouncedSearchInput } from "./use-debounced-search-input-yu_F0QBt.mjs";
 import { InputWithAddons } from "./input-with-addons/index.mjs";
 import { ChevronRight, Search, X } from "lucide-react";

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { n as AlertDescription, r as AlertTitle, t as Alert } from "./alert-SAPwee1h.mjs";
 import { Avatar, AvatarFallback, AvatarImage } from "./avatar/index.mjs";
-import { n as badgeVariants, t as Badge } from "./badge-BTNW_FEU.mjs";
+import { n as badgeVariants, t as Badge } from "./badge-DOZUr5DV.mjs";
 import { a as BreadcrumbList, i as BreadcrumbLink, n as BreadcrumbEllipsis, o as BreadcrumbPage, r as BreadcrumbItem, s as BreadcrumbSeparator, t as Breadcrumb } from "./breadcrumb-DmdhC8bE.mjs";
 import { t as SpinnerIcon } from "./spinner.icon-BYUMQ8H-.mjs";
 import { n as buttonVariants, t as Button } from "./button-DoMqfQLu.mjs";
@@ -34,7 +34,7 @@ import { t as ResponsiveDropdown } from "./responsive-dropdown-C_KKgLbH.mjs";
 import { t as ResponsivePopover } from "./responsive-popover-8VcjBM2d.mjs";
 import { a as SelectLabel, c as SelectSeparator, i as SelectItem, l as SelectTrigger, n as SelectContent, o as SelectScrollDownButton, r as SelectGroup, s as SelectScrollUpButton, t as Select, u as SelectValue } from "./select-D4pk9e2d.mjs";
 import { n as SettingsNavItem, r as SettingsNavLabel, t as SettingsNav } from "./settings-nav-Hf3GrCGv.mjs";
-import { C as SidebarProvider, S as SidebarGroupLabel, _ as SidebarMenuSubButton, a as SidebarInput, b as SidebarGroupAction, c as SidebarSeparator, d as SidebarMenuAction, f as SidebarMenuBadge, g as SidebarMenuSub, h as SidebarMenuSkeleton, i as SidebarHeader, l as SidebarTrigger, m as SidebarMenuItem, n as SidebarContent, o as SidebarInset, p as SidebarMenuButton, r as SidebarFooter, s as SidebarRail, t as Sidebar, u as SidebarMenu, v as SidebarMenuSubItem, w as useSidebar, x as SidebarGroupContent, y as SidebarGroup } from "./sidebar-BeWEEu7P.mjs";
+import { C as SidebarProvider, S as SidebarGroupLabel, _ as SidebarMenuSubButton, a as SidebarInput, b as SidebarGroupAction, c as SidebarSeparator, d as SidebarMenuAction, f as SidebarMenuBadge, g as SidebarMenuSub, h as SidebarMenuSkeleton, i as SidebarHeader, l as SidebarTrigger, m as SidebarMenuItem, n as SidebarContent, o as SidebarInset, p as SidebarMenuButton, r as SidebarFooter, s as SidebarRail, t as Sidebar, u as SidebarMenu, v as SidebarMenuSubItem, w as useSidebar, x as SidebarGroupContent, y as SidebarGroup } from "./sidebar-sbqOOFii.mjs";
 import { t as Tooltip } from "./tooltip-DhbN1BDK.mjs";
 import { Skeleton } from "./skeleton/index.mjs";
 import { t as Switch } from "./switch-BaR-Vna4.mjs";
@@ -43,7 +43,7 @@ import { Tabs, TabsContent, TabsLinkTrigger, TabsList, TabsTrigger } from "./tab
 import { t as Textarea } from "./textarea-DiSGxCBO.mjs";
 import { a as ListItem, c as Title, d as titleVariants, i as List, l as paragraphVariants, n as Code, o as Paragraph, r as Link, s as Text, t as Blockquote, u as textVariants } from "./typography-q71iTG72.mjs";
 import { t as VisuallyHidden } from "./visuallyhidden-D7L_qs8b.mjs";
-import { a as hasActiveDescendant, i as findItemByHref, n as NavMenu, o as isNavItemActive, r as NavMenuItem, s as normalizePath, t as AppNavigation } from "./app-navigation-DEqa2_TC.mjs";
+import { a as hasActiveDescendant, i as findItemByHref, n as NavMenu, o as isNavItemActive, r as NavMenuItem, s as normalizePath, t as AppNavigation } from "./app-navigation-BB_NLEWv.mjs";
 import { n as EASE, t as DURATION } from "./motion-DvGRWdsm.mjs";
 import { t as LoaderOverlay } from "./loader-overlay-DD94azZX.mjs";
 import { t as Autocomplete } from "./autocomplete-BxtzndxZ.mjs";
@@ -55,10 +55,10 @@ import { i as ClientOnly, n as useTheme, r as ThemeScript, t as ThemeProvider }
 import { a as formatJson, c as isValidYaml, d as CodeEditor, i as CodeEditorTabs, l as jsonToYaml, n as jsonSchema, o as formatYaml, r as yamlSchema, s as isValidJson, t as createCodeEditorSchema, u as yamlToJson } from "./types-agDpVXBG.mjs";
 import { t as toast } from "./toast-BUPlDkN3.mjs";
 import { n as Toaster, t as useToast } from "./use-toast-Bpq0yJIT.mjs";
-import { _ as useNuqsAdapter, a as useDataTablePagination, b as DEFAULT_PAGE_SIZE, c as useDataTableSelection, d as resolvePath, f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, i as useDataTableLoading, l as useDataTableSorting, m as DataTableRowActions, n as useDataTableFilters, o as useDataTableRows, p as dataTableFeatures, r as useDataTableInlineContents, s as useDataTableSearch, t as DataTable, u as createDataTableStore, v as DEFAULT_DEBOUNCE_MS, x as DEFAULT_PAGE_SIZES, y as DEFAULT_LOADING_ROWS } from "./data-table-DXrwZpgq.mjs";
+import { _ as useNuqsAdapter, a as useDataTablePagination, b as DEFAULT_PAGE_SIZE, c as useDataTableSelection, d as resolvePath, f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, i as useDataTableLoading, l as useDataTableSorting, m as DataTableRowActions, n as useDataTableFilters, o as useDataTableRows, p as dataTableFeatures, r as useDataTableInlineContents, s as useDataTableSearch, t as DataTable, u as createDataTableStore, v as DEFAULT_DEBOUNCE_MS, x as DEFAULT_PAGE_SIZES, y as DEFAULT_LOADING_ROWS } from "./data-table-CJiQQ6TM.mjs";
 import { t as ActionRow } from "./action-row-DTvs91_3.mjs";
 import { n as useDebouncedSearchInput, t as DEFAULT_SEARCH_DEBOUNCE_MS } from "./use-debounced-search-input-yu_F0QBt.mjs";
-import { t as MultiSelect } from "./multi-select-CH8KERkt.mjs";
+import { t as MultiSelect } from "./multi-select-CF0Yq5yf.mjs";
 import { a as formatRelativeDate, d as parseDate, i as formatCombinedDate, l as getTimestamp, n as DEFAULT_DATE_FORMAT, o as formatTimezoneDate, r as formatAbsoluteDate, s as formatUTCDate, t as DateTime, u as getTimezoneAbbreviation } from "./date-time-lZdefM4H.mjs";
 import { t as DateTimePicker } from "./date-time-picker-CricsXgF.mjs";
 import { a as DropdownMenuItem, c as DropdownMenuRadioGroup, d as DropdownMenuShortcut, f as DropdownMenuSub, h as DropdownMenuTrigger, i as DropdownMenuGroup, l as DropdownMenuRadioItem, m as DropdownMenuSubTrigger, n as DropdownMenuCheckboxItem, o as DropdownMenuLabel, p as DropdownMenuSubContent, r as DropdownMenuContent, s as DropdownMenuPortal, t as DropdownMenu, u as DropdownMenuSeparator } from "./dropdown-Xvduih96.mjs";
@@ -71,7 +71,7 @@ import { InputWithAddons } from "./input-with-addons/index.mjs";
 import { t as TimePicker } from "./time-picker-DQlc2gKW.mjs";
 import { t as Transfer } from "./transfer-DsshYgIk.mjs";
 import { a as getResponsiveValue, c as GRID_COLUMNS, d as RESPONSIVE_MAP, i as getGutter, l as GRID_PREFIX, n as Row, o as registerMediaQuery, r as RowContext, s as GRID_BREAKPOINTS, t as Col, u as RESPONSIVE_ARRAY } from "./col-BYGWTB4j.mjs";
-import { t as GroupedTable } from "./grouped-table-DewB9KoB.mjs";
+import { t as GroupedTable } from "./grouped-table-fHguJz9W.mjs";
 import { t as InputNumber } from "./input-number-TXmW-X9o.mjs";
 import { a as logoStyles, i as LogoFlat, n as LogoStacked, r as LogoIcon, t as LogoText } from "./logo-text-Dpm5O6Kg.mjs";
 import { t as Logo } from "./logo-C3FxD7jb.mjs";
@@ -80,8 +80,8 @@ import { configureProgress, startProgress, stopProgress } from "./nprogress/inde
 import { t as PageTitle } from "./page-title-ipRWEOeM.mjs";
 import { n as useRichTextEditor, r as RichTextContent, t as RichTextEditor } from "./rich-text-editor-DVga5upM.mjs";
 import { t as defineStepper } from "./stepper-dNvkipop.mjs";
-import { t as TagsInput } from "./tag-input-Ctxtcpwy.mjs";
-import { _ as RedisTaskStorage, a as TaskPanelItem, b as createProjectMetadata, c as TaskPanelHeader, d as useCurrentScope, f as useTasksWithLabels, g as detectStorage, h as TaskQueue, i as TaskPanel, l as getContextLabel, m as TaskQueueProvider, n as TaskSummaryDialog, o as TaskPanelCounter, p as useTaskQueue, r as TaskQueueTrigger, s as TaskPanelActions, t as TaskQueueDropdown, u as matchesCurrentScope, v as LocalTaskStorage, x as createUserMetadata, y as createOrgMetadata } from "./task-queue-dropdown-B7FCpfqr.mjs";
+import { t as TagsInput } from "./tag-input-c9OvWTSe.mjs";
+import { _ as RedisTaskStorage, a as TaskPanelItem, b as createProjectMetadata, c as TaskPanelHeader, d as useCurrentScope, f as useTasksWithLabels, g as detectStorage, h as TaskQueue, i as TaskPanel, l as getContextLabel, m as TaskQueueProvider, n as TaskSummaryDialog, o as TaskPanelCounter, p as useTaskQueue, r as TaskQueueTrigger, s as TaskPanelActions, t as TaskQueueDropdown, u as matchesCurrentScope, v as LocalTaskStorage, x as createUserMetadata, y as createOrgMetadata } from "./task-queue-dropdown-CHPP5WIm.mjs";
 import { _ as getShortTimezoneDisplay, a as TimeRangePicker, b as utcToLocalInputString, c as getPresetByKey, d as TimezoneSelector, f as QuickRangesPanel, g as getDefaultTimezoneOptions, h as formatUtcForDisplay, i as formatTimeRangeDisplay, l as getPresetByShortcut, m as createTimezoneOption, n as formatDateForInput, o as DEFAULT_PRESETS, p as CustomRangePanel, r as formatSingleTimeDisplay, s as getDefaultPreset, t as toApiTimeRange, u as getPresetRange, v as localInputStringToUtc, x as zonedDateToUtcString, y as utcStringToZonedDate } from "./to-api-format-QuJ81vQ9.mjs";
 import { t as useDebounce } from "./hooks-CwZ6hyI1.mjs";
 import { n as toUTCTimestampStartOfDay, t as toUTCTimestampEndOfDay } from "./utils-CA4QEIJ8.mjs";

package/dist/logs/index.mjs

@@ -1,5 +1,5 @@
 import { t as cn } from "../utils-Bu32wN-x.mjs";
-import { t as Badge } from "../badge-BTNW_FEU.mjs";
+import { t as Badge } from "../badge-DOZUr5DV.mjs";
 import { t as Button } from "../button-DoMqfQLu.mjs";
 import { t as Icon } from "../icon-wrapper-DKfJlJd0.mjs";
 import { t as Checkbox } from "../checkbox-C6P12fio.mjs";

package/dist/multi-select/index.mjs

@@ -1,2 +1,2 @@
-import { t as MultiSelect } from "../multi-select-CH8KERkt.mjs";
+import { t as MultiSelect } from "../multi-select-CF0Yq5yf.mjs";
 export { MultiSelect };

package/dist/{multi-select-CH8KERkt.mjs → multi-select-CF0Yq5yf.mjs}

@@ -1,5 +1,5 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { t as Badge } from "./badge-BTNW_FEU.mjs";
+import { t as Badge } from "./badge-DOZUr5DV.mjs";
 import { t as Separator } from "./separator-vbPD_WFQ.mjs";
 import { t as useControllableState } from "./use-controllable-state-Dna7u3r9.mjs";
 import { t as ResponsivePopover } from "./responsive-popover-8VcjBM2d.mjs";

package/dist/sidebar/index.mjs

@@ -1,2 +1,2 @@
-import { C as SidebarProvider, S as SidebarGroupLabel, _ as SidebarMenuSubButton, a as SidebarInput, b as SidebarGroupAction, c as SidebarSeparator, d as SidebarMenuAction, f as SidebarMenuBadge, g as SidebarMenuSub, h as SidebarMenuSkeleton, i as SidebarHeader, l as SidebarTrigger, m as SidebarMenuItem, n as SidebarContent, o as SidebarInset, p as SidebarMenuButton, r as SidebarFooter, s as SidebarRail, t as Sidebar, u as SidebarMenu, v as SidebarMenuSubItem, w as useSidebar, x as SidebarGroupContent, y as SidebarGroup } from "../sidebar-BeWEEu7P.mjs";
+import { C as SidebarProvider, S as SidebarGroupLabel, _ as SidebarMenuSubButton, a as SidebarInput, b as SidebarGroupAction, c as SidebarSeparator, d as SidebarMenuAction, f as SidebarMenuBadge, g as SidebarMenuSub, h as SidebarMenuSkeleton, i as SidebarHeader, l as SidebarTrigger, m as SidebarMenuItem, n as SidebarContent, o as SidebarInset, p as SidebarMenuButton, r as SidebarFooter, s as SidebarRail, t as Sidebar, u as SidebarMenu, v as SidebarMenuSubItem, w as useSidebar, x as SidebarGroupContent, y as SidebarGroup } from "../sidebar-sbqOOFii.mjs";
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };

package/dist/{sidebar-BeWEEu7P.mjs → sidebar-sbqOOFii.mjs}

@@ -291,6 +291,13 @@ const sidebarMenuButtonVariants = cva("peer/menu-button flex w-full items-center
 function SidebarMenuButton({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, ...props }) {
 	const Comp = asChild ? Slot : "button";
 	const { isMobile, state } = useSidebar();
+	const [tooltipOpen, setTooltipOpen] = React.useState(false);
+	const [tooltipState, setTooltipState] = React.useState(state);
+	if (tooltipState !== state) {
+		setTooltipState(state);
+		setTooltipOpen(false);
+	}
+	const handleTooltipOpenChange = React.useCallback((open) => setTooltipOpen(open && state === "collapsed" && !isMobile), [state, isMobile]);
 	const button = /* @__PURE__ */ jsx(Comp, {
 		"data-slot": "sidebar-menu-button",
 		"data-sidebar": "menu-button",
@@ -313,6 +320,8 @@ function SidebarMenuButton({ asChild = false, isActive = false, variant = "defau
 		side: "right",
 		align: "center",
 		hidden: state !== "collapsed" || isMobile,
+		open: tooltipOpen && state === "collapsed",
+		onOpenChange: handleTooltipOpenChange,
 		...tooltipProps,
 		children: button
 	});

package/dist/tag-input/index.mjs

@@ -1,2 +1,2 @@
-import { t as TagsInput } from "../tag-input-Ctxtcpwy.mjs";
+import { t as TagsInput } from "../tag-input-c9OvWTSe.mjs";
 export { TagsInput };

package/dist/{tag-input-Ctxtcpwy.mjs → tag-input-c9OvWTSe.mjs}

@@ -1,5 +1,5 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { t as Badge } from "./badge-BTNW_FEU.mjs";
+import { t as Badge } from "./badge-DOZUr5DV.mjs";
 import { t as Icon } from "./icon-wrapper-DKfJlJd0.mjs";
 import { t as Input } from "./input-j4tbmYYz.mjs";
 import { X } from "lucide-react";

package/dist/task-queue/index.mjs

@@ -1,2 +1,2 @@
-import { _ as RedisTaskStorage, a as TaskPanelItem, b as createProjectMetadata, c as TaskPanelHeader, d as useCurrentScope, f as useTasksWithLabels, g as detectStorage, h as TaskQueue, i as TaskPanel, l as getContextLabel, m as TaskQueueProvider, n as TaskSummaryDialog, o as TaskPanelCounter, p as useTaskQueue, r as TaskQueueTrigger, s as TaskPanelActions, t as TaskQueueDropdown, u as matchesCurrentScope, v as LocalTaskStorage, x as createUserMetadata, y as createOrgMetadata } from "../task-queue-dropdown-B7FCpfqr.mjs";
+import { _ as RedisTaskStorage, a as TaskPanelItem, b as createProjectMetadata, c as TaskPanelHeader, d as useCurrentScope, f as useTasksWithLabels, g as detectStorage, h as TaskQueue, i as TaskPanel, l as getContextLabel, m as TaskQueueProvider, n as TaskSummaryDialog, o as TaskPanelCounter, p as useTaskQueue, r as TaskQueueTrigger, s as TaskPanelActions, t as TaskQueueDropdown, u as matchesCurrentScope, v as LocalTaskStorage, x as createUserMetadata, y as createOrgMetadata } from "../task-queue-dropdown-CHPP5WIm.mjs";
 export { LocalTaskStorage, RedisTaskStorage, TaskPanel, TaskPanelActions, TaskPanelCounter, TaskPanelHeader, TaskPanelItem, TaskQueue, TaskQueueDropdown, TaskQueueProvider, TaskQueueTrigger, TaskSummaryDialog, createOrgMetadata, createProjectMetadata, createUserMetadata, detectStorage, getContextLabel, matchesCurrentScope, useCurrentScope, useTaskQueue, useTasksWithLabels };

package/dist/{task-queue-dropdown-B7FCpfqr.mjs → task-queue-dropdown-CHPP5WIm.mjs}

@@ -1,5 +1,5 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { t as Badge } from "./badge-BTNW_FEU.mjs";
+import { t as Badge } from "./badge-DOZUr5DV.mjs";
 import { t as SpinnerIcon } from "./spinner.icon-BYUMQ8H-.mjs";
 import { t as Button } from "./button-DoMqfQLu.mjs";
 import { t as Icon } from "./icon-wrapper-DKfJlJd0.mjs";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@datum-cloud/datum-ui",
   "type": "module",
-  "version": "3.3.0",
+  "version": "3.4.1",
   "license": "MIT",
   "repository": {
     "url": "https://github.com/datum-cloud/datum-ui"