@invana/ui 0.0.19 → 0.0.21

package/dist/index.cjs

@@ -150,7 +150,7 @@ var AlertDescription = React23__namespace.forwardRef(({ className, ...props }, r
 ));
 AlertDescription.displayName = "AlertDescription";
 var buttonVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap   rounded-md font-medium transition-colors focus-visible:outline-none   focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2   disabled:pointer-events-none disabled:opacity-50   [&_svg]:pointer-events-none   [&_svg]:size-5 [&_svg]:shrink-0",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap   rounded-control font-medium transition-colors focus-visible:outline-none   focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2   disabled:pointer-events-none disabled:opacity-50   [&_svg]:pointer-events-none   [&_svg]:size-5 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -164,10 +164,10 @@ var buttonVariants = classVarianceAuthority.cva(
       },
       size: {
         default: "h-9 px-4 py-2",
-        sm: "h-8 rounded-md px-3 py-2 text-sm",
-        lg: "h-12 rounded-md px-8 py-3",
-        icon: "h-8 w-8 rounded-md",
-        "nav-icon": "h-11 w-11 rounded-md"
+        sm: "h-8 rounded-control px-3 py-2 text-sm",
+        lg: "h-12 rounded-control px-8 py-3",
+        icon: "h-8 w-8 rounded-control",
+        "nav-icon": "h-11 w-11 rounded-control"
       }
     },
     defaultVariants: {
@@ -323,7 +323,7 @@ var AvatarFallback = React23__namespace.forwardRef(({ className, ...props }, ref
 ));
 AvatarFallback.displayName = AvatarPrimitive__namespace.Fallback.displayName;
 var badgeVariants = classVarianceAuthority.cva(
-  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs   font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  "inline-flex items-center border px-2.5 py-0.5 text-xs   font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
     variants: {
       variant: {
@@ -478,7 +478,7 @@ function ButtonGroupText({
     Comp,
     {
       className: cn(
-        "bg-muted shadow-xs flex items-center gap-2 rounded-md border px-4 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
+        "bg-muted shadow-xs flex items-center gap-2 rounded-control border px-4 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
         className
       ),
       ...props
@@ -706,7 +706,7 @@ var CarouselPrevious = React23__namespace.forwardRef(({ className, variant = "ou
       variant,
       size,
       className: cn(
-        "absolute  h-8 w-8 rounded-full",
+        "absolute  h-8 w-8 rounded-control",
         orientation === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
         className
       ),
@@ -730,7 +730,7 @@ var CarouselNext = React23__namespace.forwardRef(({ className, variant = "outlin
       variant,
       size,
       className: cn(
-        "absolute h-8 w-8 rounded-full",
+        "absolute h-8 w-8 rounded-control",
         orientation === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
         className
       ),
@@ -774,7 +774,7 @@ var DialogContent = React23__namespace.forwardRef(({ className, children, ...pro
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-md opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-control opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
         ] })
@@ -854,7 +854,7 @@ var CommandInput = React23__namespace.forwardRef(({ className, ...props }, ref)
     {
       ref,
       className: cn(
-        "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        "flex h-10 w-full rounded-control bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       ...props
@@ -906,7 +906,7 @@ var CommandItem = React23__namespace.forwardRef(({ className, ...props }, ref) =
   {
     ref,
     className: cn(
-      "relative flex cursor-default gap-2 select-none items-center rounded-md px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-primary/15 data-[selected=true]:text-primary data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      "relative flex cursor-default gap-2 select-none items-center rounded-control px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-primary/15 data-[selected=true]:text-primary data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       className
     ),
     ...props
@@ -940,7 +940,7 @@ var DropdownMenuSubTrigger = React23__namespace.forwardRef(({ className, inset,
   {
     ref,
     className: cn(
-      "flex cursor-default gap-2 select-none items-center rounded-md px-2 py-1.5 outline-none focus:bg-primary/15 focus:text-primary data-[state=open]:bg-primary/15 data-[state=open]:text-primary [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      "flex cursor-default gap-2 select-none items-center rounded-control px-2 py-1.5 outline-none focus:bg-primary/15 focus:text-primary data-[state=open]:bg-primary/15 data-[state=open]:text-primary [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       inset && "pl-8",
       className
     ),
@@ -983,7 +983,7 @@ var DropdownMenuItem = React23__namespace.forwardRef(({ className, inset, ...pro
   {
     ref,
     className: cn(
-      "relative flex cursor-default select-none items-center gap-2       rounded-md px-2 py-1.5 outline-none transition-colors       focus:bg-primary/15 focus:text-primary hover:bg-primary/10 hover:text-primary       data-[disabled]:pointer-events-none data-[disabled]:opacity-50       [&>svg]:size-4 [&>svg]:shrink-0",
+      "relative flex cursor-default select-none items-center gap-2       rounded-control px-2 py-1.5 outline-none transition-colors       focus:bg-primary/15 focus:text-primary hover:bg-primary/10 hover:text-primary       data-[disabled]:pointer-events-none data-[disabled]:opacity-50       [&>svg]:size-4 [&>svg]:shrink-0",
       inset && "pl-8",
       className
     ),
@@ -996,7 +996,7 @@ var DropdownMenuCheckboxItem = React23__namespace.forwardRef(({ className, child
   {
     ref,
     className: cn(
-      "relative flex cursor-default select-none items-center rounded-md py-1.5 pl-8 pr-2 outline-none transition-colors focus:bg-primary/15 focus:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-default select-none items-center rounded-control py-1.5 pl-8 pr-2 outline-none transition-colors focus:bg-primary/15 focus:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
     checked,
@@ -1013,7 +1013,7 @@ var DropdownMenuRadioItem = React23__namespace.forwardRef(({ className, children
   {
     ref,
     className: cn(
-      "relative flex cursor-default select-none items-center rounded-md py-1.5 pl-8 pr-2 outline-none transition-colors focus:bg-primary/15 focus:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-default select-none items-center rounded-control py-1.5 pl-8 pr-2 outline-none transition-colors focus:bg-primary/15 focus:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
     ...props,
@@ -1251,7 +1251,7 @@ function Kbd({ className, ...props }) {
     {
       "data-slot": "kbd",
       className: cn(
-        "bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 select-none items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium",
+        "bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 select-none items-center justify-center gap-1 rounded-control px-1 font-sans text-xs font-medium",
         "[&_svg:not([class*='size-'])]:size-3",
         "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10",
         className
@@ -1312,7 +1312,7 @@ var MenubarTrigger = React23__namespace.forwardRef(({ className, ...props }, ref
   {
     ref,
     className: cn(
-      "flex cursor-default select-none items-center rounded-sm px-3 py-1.5 font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      "flex cursor-default select-none items-center rounded-control px-3 py-1.5 font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
       className
     ),
     ...props
@@ -1324,7 +1324,7 @@ var MenubarSubTrigger = React23__namespace.forwardRef(({ className, inset, child
   {
     ref,
     className: cn(
-      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      "flex cursor-default select-none items-center rounded-control px-2 py-1.5 outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
       inset && "pl-8",
       className
     ),
@@ -1370,7 +1370,7 @@ var MenubarItem = React23__namespace.forwardRef(({ className, inset, ...props },
   {
     ref,
     className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-default select-none items-center rounded-control px-2 py-1.5 outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       inset && "pl-8",
       className
     ),
@@ -1383,7 +1383,7 @@ var MenubarCheckboxItem = React23__namespace.forwardRef(({ className, children,
   {
     ref,
     className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-default select-none items-center rounded-control py-1.5 pl-8 pr-2 outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
     checked,
@@ -1400,7 +1400,7 @@ var MenubarRadioItem = React23__namespace.forwardRef(({ className, children, ...
   {
     ref,
     className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-default select-none items-center rounded-control py-1.5 pl-8 pr-2 outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
     ...props,
@@ -1479,7 +1479,7 @@ var NavigationMenuList = React23__namespace.forwardRef(({ className, ...props },
 NavigationMenuList.displayName = NavigationMenuPrimitive__namespace.List.displayName;
 var NavigationMenuItem = NavigationMenuPrimitive__namespace.Item;
 var navigationMenuTriggerStyle = classVarianceAuthority.cva(
-  "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent"
+  "group inline-flex h-10 w-max items-center justify-center rounded-control bg-background px-4 py-2 font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent"
 );
 var NavigationMenuTrigger = React23__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   NavigationMenuPrimitive__namespace.Trigger,
@@ -1761,7 +1761,7 @@ var SheetContent = React23__namespace.forwardRef(({ side = "right", className, c
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-control opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
         ] })
@@ -2109,7 +2109,7 @@ var SidebarInput = React23__namespace.forwardRef(({ className, type, ...props },
       "data-sidebar": "input",
       className: cn(
         // mirrors @invana/forms <Input> styling
-        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "flex h-10 w-full rounded-control border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
         "h-8 w-full shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",
         className
       ),
@@ -2206,7 +2206,7 @@ var SidebarGroupAction = React23__namespace.forwardRef(({ className, asChild = f
       ref,
       "data-sidebar": "group-action",
       className: cn(
-        "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-control p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
         // Increases the hit area of the button on mobile.
         "after:absolute after:-inset-2 after:md:hidden",
         "group-data-[collapsible=icon]:hidden",
@@ -2248,7 +2248,7 @@ var SidebarMenuItem = React23__namespace.forwardRef(({ className, ...props }, re
 ));
 SidebarMenuItem.displayName = "SidebarMenuItem";
 var sidebarMenuButtonVariants = classVarianceAuthority.cva(
-  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-control p-2 text-left outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -2321,7 +2321,7 @@ var SidebarMenuAction = React23__namespace.forwardRef(({ className, asChild = fa
       ref,
       "data-sidebar": "menu-action",
       className: cn(
-        "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0",
+        "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-control p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0",
         // Increases the hit area of the button on mobile.
         "after:absolute after:-inset-2 after:md:hidden",
         "peer-data-[size=sm]/menu-button:top-1",
@@ -2414,7 +2414,7 @@ var SidebarMenuSubButton = React23__namespace.forwardRef(({ asChild = false, siz
       "data-size": size,
       "data-active": isActive,
       className: cn(
-        "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
+        "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-control px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
         "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
         size === "sm" && "text-sm",
         size === "md" && "text-lg",
@@ -2568,7 +2568,7 @@ var TabsTrigger = React23__namespace.forwardRef(({ className, ...props }, ref) =
   {
     ref,
     className: cn(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 font-medium ring-offset-background transition-colors text-muted-foreground hover:text-foreground hover:bg-background/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary/15 data-[state=active]:text-primary data-[state=active]:ring-1 data-[state=active]:ring-primary/25 data-[state=active]:shadow-sm",
+      "inline-flex items-center justify-center whitespace-nowrap rounded-control px-3 py-1 font-medium ring-offset-background transition-colors text-muted-foreground hover:text-foreground hover:bg-background/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary/15 data-[state=active]:text-primary data-[state=active]:ring-1 data-[state=active]:ring-primary/25 data-[state=active]:shadow-sm",
       className
     ),
     ...props
@@ -2588,7 +2588,7 @@ var TabsContent = React23__namespace.forwardRef(({ className, ...props }, ref) =
 ));
 TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
 var toggleVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center rounded-md font-medium ring-offset-background transition-colors text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-primary/15 data-[state=on]:text-primary data-[state=on]:ring-1 data-[state=on]:ring-primary/25 data-[state=on]:shadow-sm [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2",
+  "inline-flex items-center justify-center rounded-control font-medium ring-offset-background transition-colors text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-primary/15 data-[state=on]:text-primary data-[state=on]:ring-1 data-[state=on]:ring-primary/25 data-[state=on]:shadow-sm [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2",
   {
     variants: {
       variant: {
@@ -2702,14 +2702,21 @@ function ChatSession({
   }, [autoScrollKey, scrollToBottom]);
   const isEmpty = React23__namespace.Children.count(children) === 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col h-full min-h-0", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { ref: rootRef, className: "flex-1 min-h-0", children: isEmpty && emptyState ? emptyState : /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ScrollArea,
       {
-        ref: contentRef,
-        className: cn("flex flex-col gap-4 p-3", bodyClassName),
-        children
+        ref: rootRef,
+        className: "flex-1 min-h-0 [&_[data-radix-scroll-area-viewport]>div]:!block",
+        children: isEmpty && emptyState ? emptyState : /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ref: contentRef,
+            className: cn("flex flex-col gap-4 p-3", bodyClassName),
+            children
+          }
+        )
       }
-    ) }),
+    ),
     footer
   ] });
 }
@@ -2735,7 +2742,7 @@ function ChatSessionMessage({
       "div",
       {
         className: cn(
-          "max-w-[85%] rounded-2xl rounded-br-sm bg-secondary px-3 py-2 text-secondary-foreground whitespace-pre-wrap break-words",
+          "max-w-[85%] bg-secondary px-3 py-2 text-secondary-foreground whitespace-pre-wrap break-words",
           icon && "flex items-center gap-1.5"
         ),
         children: [
@@ -2787,7 +2794,7 @@ var NavItems = ({
     const padding = item.label ? "px-3 py-1.5" : "px-2 py-2";
     const isInteractive = Boolean(item.href || item.onClick);
     const itemClass = `inline-flex border-0 items-center justify-center gap-2
-          whitespace-nowrap rounded-md transition-colors
+          whitespace-nowrap rounded-control transition-colors
           ring-1 ring-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring
           ${padding}
           ${isInteractive ? "cursor-pointer hover:bg-primary/10 hover:text-primary hover:ring-primary/25" : ""}
@@ -2954,7 +2961,7 @@ function ChatSessionComposer({
     }
   };
   const isSendDisabled = sendDisabled ?? (disabled || value.trim().length === 0);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("p-3", className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md border border-border bg-card shadow-sm overflow-hidden focus-within:border-ring transition-colors", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("p-3", className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-control border border-border bg-card shadow-sm overflow-hidden focus-within:border-ring transition-colors", children: [
     attachments && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-1.5 border-b border-border max-h-24 overflow-y-auto flex items-start gap-1 flex-wrap", children: attachments }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "textarea",
@@ -2977,7 +2984,7 @@ function ChatSessionComposer({
         Button,
         {
           size: "icon",
-          className: "h-7 w-7 shrink-0 rounded-full",
+          className: "h-7 w-7 shrink-0 rounded-control",
           onClick: onStop,
           title: "Stop",
           "aria-label": "Stop",
@@ -2987,7 +2994,7 @@ function ChatSessionComposer({
         Button,
         {
           size: "icon",
-          className: "h-7 w-7 shrink-0 rounded-full",
+          className: "h-7 w-7 shrink-0 rounded-control",
           onClick: onSend,
           disabled: isSendDisabled,
           title: "Send",
@@ -2998,6 +3005,248 @@ function ChatSessionComposer({
     ] })
   ] }) });
 }
+var chatSessionGutterClass = "w-3.5 shrink-0 flex justify-center";
+var markerClass = {
+  default: "bg-muted-foreground",
+  info: "bg-info",
+  success: "bg-success",
+  warning: "bg-warning",
+  error: "bg-destructive",
+  pending: "bg-transparent border-[1.5px] border-muted-foreground"
+};
+function ChatSessionActivityRow({
+  status = "default",
+  marker,
+  children,
+  actions,
+  meta,
+  footer,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex gap-2", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(chatSessionGutterClass, "pt-[7px]"), "aria-hidden": true, children: marker ?? /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: cn("w-1.5 h-1.5 rounded-full", markerClass[status])
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1 flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: cn(
+            "whitespace-pre-wrap break-words",
+            status === "error" && "text-destructive",
+            status === "warning" && "text-warning"
+          ),
+          children
+        }
+      ),
+      actions,
+      meta && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: meta }),
+      footer
+    ] })
+  ] });
+}
+function ChatSessionActivitySubLine({
+  elbow,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex gap-2 text-muted-foreground", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 select-none text-border", "aria-hidden": true, children: elbow ?? "\u2514" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 break-words", children })
+  ] });
+}
+function ChatSessionPromptRow({
+  children,
+  caret,
+  meta,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn("-mx-3 flex gap-2 bg-muted/70 px-3 py-2", className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: cn(
+              chatSessionGutterClass,
+              "select-none font-semibold text-primary"
+            ),
+            "aria-hidden": true,
+            children: caret ?? "\u276F"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1 whitespace-pre-wrap break-words", children }),
+        meta && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 self-start text-muted-foreground", children: meta })
+      ]
+    }
+  );
+}
+function RingSpinner() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: "h-3 w-3 rounded-full border-2 border-muted border-t-primary animate-spin motion-reduce:animate-none",
+      role: "status",
+      "aria-label": "Working"
+    }
+  );
+}
+function ChatSessionProgressLine({
+  children,
+  spinner,
+  elapsed,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-2 text-muted-foreground",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: chatSessionGutterClass, children: spinner ?? /* @__PURE__ */ jsxRuntime.jsx(RingSpinner, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1", children }),
+        elapsed && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 tabular-nums", children: elapsed })
+      ]
+    }
+  );
+}
+function ChatSessionDisclosure({
+  label,
+  meta,
+  children,
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  chevron,
+  className,
+  contentClassName
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = React23__namespace.useState(defaultOpen);
+  const isOpen = open ?? uncontrolledOpen;
+  const toggle = () => {
+    const next = !isOpen;
+    if (open === void 0) setUncontrolledOpen(next);
+    onOpenChange?.(next);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "overflow-hidden rounded-md border border-border bg-accent/40",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: toggle,
+            "aria-expanded": isOpen,
+            className: "flex w-full items-center gap-2 px-2.5 py-1.5 text-left text-muted-foreground hover:bg-accent hover:text-foreground",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: cn(
+                    "shrink-0 select-none transition-transform",
+                    !chevron && isOpen && "rotate-90"
+                  ),
+                  "aria-hidden": true,
+                  children: chevron ?? "\u25B8"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children: label }),
+              meta && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 tabular-nums text-muted-foreground", children: meta })
+            ]
+          }
+        ),
+        isOpen && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn(
+              "overflow-x-auto border-t border-border px-2.5 py-2",
+              contentClassName
+            ),
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+var indicatorClass = {
+  running: "bg-primary animate-pulse motion-reduce:animate-none",
+  "needs-input": "bg-warning",
+  success: "bg-success",
+  error: "bg-destructive",
+  queued: "bg-transparent border-[1.5px] border-muted-foreground"
+};
+function ChatSessionTaskRow({
+  status = "queued",
+  indicator,
+  name,
+  description,
+  meta,
+  onClick,
+  className
+}) {
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex w-3.5 shrink-0 justify-center", "aria-hidden": true, children: indicator ?? /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: cn("h-1.5 w-1.5 rounded-full", indicatorClass[status])
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-medium", children: name }),
+    description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate text-muted-foreground", children: description }),
+    meta && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 tabular-nums text-muted-foreground", children: meta })
+  ] });
+  const rowClass = cn(
+    "flex w-full items-center gap-2 rounded-control px-1.5 py-1 text-left",
+    onClick && "hover:bg-accent focus-visible:outline-2 focus-visible:outline-ring",
+    className
+  );
+  if (onClick) {
+    return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick, className: rowClass, children: content });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: rowClass, children: content });
+}
+function ChatSessionTaskGroup({
+  heading,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-1", className), children: [
+    heading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold", children: heading }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-0.5", children })
+  ] });
+}
+function ChatSessionStatusBar({
+  start,
+  end,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-3 px-3 py-1.5 text-muted-foreground",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: start }),
+        end && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-3", children: end })
+      ]
+    }
+  );
+}
 var ErrorBoundary = class extends React23.Component {
   constructor(props) {
     super(props);
@@ -3448,8 +3697,8 @@ var SearchInput = ({ value, onChange, ...props }) => {
       onChange: (e) => onChange(e.target.value),
       placeholder: "Search...",
       className: cn(
-        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        "w-full px-2 py-1 border rounded-md dark:bg-neutral-800",
+        "flex h-10 w-full rounded-control border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "w-full px-2 py-1 border rounded-control dark:bg-neutral-800",
         props?.className
       )
     }
@@ -3725,7 +3974,7 @@ var TreeItem = ({ item }) => {
           item.onClick?.(item.id, item.label);
         },
         className: cn(
-          "flex items-center gap-2 w-full rounded-md px-2 py-1 hover:bg-accent hover:text-accent-foreground",
+          "flex items-center gap-2 w-full rounded-control px-2 py-1 hover:bg-accent hover:text-accent-foreground",
           hasChildren && "cursor-pointer font-medium"
         ),
         children: [
@@ -3778,7 +4027,7 @@ function UnderDevelopment({
     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Construction, { size: iconSize, className: "text-primary" }),
     /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold", children: title }),
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground max-w-md", children: description }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-4 px-3 py-1 bg-yellow-100 text-yellow-800 rounded-full text-sm", children: "Coming Soon" })
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-4 px-3 py-1 bg-yellow-100 text-yellow-800 text-sm", children: "Coming Soon" })
   ] });
 }
 var TypographyH1 = React23__namespace.forwardRef(
@@ -4088,9 +4337,17 @@ exports.CarouselItem = CarouselItem;
 exports.CarouselNext = CarouselNext;
 exports.CarouselPrevious = CarouselPrevious;
 exports.ChatSession = ChatSession;
+exports.ChatSessionActivityRow = ChatSessionActivityRow;
+exports.ChatSessionActivitySubLine = ChatSessionActivitySubLine;
 exports.ChatSessionComposer = ChatSessionComposer;
+exports.ChatSessionDisclosure = ChatSessionDisclosure;
 exports.ChatSessionMessage = ChatSessionMessage;
 exports.ChatSessionMessageOptions = ChatSessionMessageOptions;
+exports.ChatSessionProgressLine = ChatSessionProgressLine;
+exports.ChatSessionPromptRow = ChatSessionPromptRow;
+exports.ChatSessionStatusBar = ChatSessionStatusBar;
+exports.ChatSessionTaskGroup = ChatSessionTaskGroup;
+exports.ChatSessionTaskRow = ChatSessionTaskRow;
 exports.Command = Command;
 exports.CommandDialog = CommandDialog;
 exports.CommandEmpty = CommandEmpty;
@@ -4274,6 +4531,7 @@ exports.UnderDevelopment = UnderDevelopment;
 exports.badgeVariants = badgeVariants;
 exports.buttonGroupVariants = buttonGroupVariants;
 exports.buttonVariants = buttonVariants;
+exports.chatSessionGutterClass = chatSessionGutterClass;
 exports.cn = cn;
 exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle;
 exports.toggleVariants = toggleVariants;