@invana/ui 0.0.21 → 0.0.23

package/dist/index.cjs

@@ -68,8 +68,15 @@ var TogglePrimitive__namespace = /*#__PURE__*/_interopNamespace(TogglePrimitive)
 var ToggleGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(ToggleGroupPrimitive);
 
 // src/lib/utils.ts
+var twMerge = tailwindMerge.extendTailwindMerge({
+  extend: {
+    classGroups: {
+      "font-size": [{ text: ["meta"] }]
+    }
+  }
+});
 function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
+  return twMerge(clsx.clsx(inputs));
 }
 var Accordion = AccordionPrimitive__namespace.Root;
 var AccordionItem = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -144,7 +151,7 @@ var AlertDescription = React23__namespace.forwardRef(({ className, ...props }, r
   "div",
   {
     ref,
-    className: cn("text-sm [&_p]:leading-relaxed", className),
+    className: cn("[&_p]:leading-relaxed", className),
     ...props
   }
 ));
@@ -162,10 +169,19 @@ var buttonVariants = classVarianceAuthority.cva(
         soft: "bg-primary/10 glassable text-primary ring-1 ring-primary/30 shadow-sm           hover:bg-primary/20 active:bg-primary/25",
         link: "text-primary underline-offset-4 hover:underline           hover:text-primary/80 active:text-primary/60"
       },
+      /*
+       * The scale runs 24 → 48. `xs` and `icon-xs` are the dense tier: a
+       * toolbar above a panel, an action inside a list row, a chip-height
+       * control beside 13px text. Below `sm` the icon has to come down with
+       * the box, so both xs sizes reset `[&_svg]:size-4` — the base class sets
+       * size-5, which at h-6 leaves no padding at all.
+       */
       size: {
+        xs: "h-6 rounded-control px-2 text-meta gap-1 [&_svg]:size-4",
         default: "h-9 px-4 py-2",
-        sm: "h-8 rounded-control px-3 py-2 text-sm",
+        sm: "h-8 rounded-control px-3 py-2",
         lg: "h-12 rounded-control px-8 py-3",
+        "icon-xs": "h-6 w-6 rounded-control [&_svg]:size-4",
         icon: "h-8 w-8 rounded-control",
         "nav-icon": "h-11 w-11 rounded-control"
       }
@@ -261,7 +277,7 @@ var AlertDialogDescription = React23__namespace.forwardRef(({ className, ...prop
   AlertDialogPrimitive__namespace.Description,
   {
     ref,
-    className: cn("text-sm text-muted-foreground", className),
+    className: cn("text-muted-foreground", className),
     ...props
   }
 ));
@@ -323,24 +339,51 @@ var AvatarFallback = React23__namespace.forwardRef(({ className, ...props }, ref
 ));
 AvatarFallback.displayName = AvatarPrimitive__namespace.Fallback.displayName;
 var badgeVariants = classVarianceAuthority.cva(
-  "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",
+  "inline-flex items-center border font-semibold transition-colors   focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
     variants: {
       variant: {
-        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        default: "border-transparent bg-[var(--badge-solid)] text-[var(--badge-on-solid)] hover:opacity-90",
         secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
         destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
-        outline: "text-foreground border-border",
-        soft: "border-primary/25 bg-primary/15 text-primary hover:bg-primary/20"
+        outline: "border-border text-[var(--badge-ink)]",
+        soft: "border-[color-mix(in_srgb,var(--badge-solid)_25%,transparent)]           bg-[color-mix(in_srgb,var(--badge-solid)_15%,transparent)] text-[var(--badge-solid)]           hover:bg-[color-mix(in_srgb,var(--badge-solid)_22%,transparent)]"
+      },
+      tone: {
+        primary: "[--badge-solid:var(--color-primary)] [--badge-on-solid:var(--color-primary-foreground)] [--badge-ink:var(--color-foreground)]",
+        success: "[--badge-solid:var(--color-success)] [--badge-on-solid:var(--color-success-foreground)] [--badge-ink:var(--color-success)]",
+        warning: "[--badge-solid:var(--color-warning)] [--badge-on-solid:var(--color-warning-foreground)] [--badge-ink:var(--color-warning)]",
+        info: "[--badge-solid:var(--color-info)] [--badge-on-solid:var(--color-info-foreground)] [--badge-ink:var(--color-info)]",
+        muted: "[--badge-solid:var(--color-muted-foreground)] [--badge-on-solid:var(--color-background)] [--badge-ink:var(--color-muted-foreground)]"
+      },
+      size: {
+        /** 18px — inline in a title, or a count against a label. */
+        xs: "h-[18px] px-1.5 text-meta",
+        /** 22px — the row chip: a status beside an entity name. */
+        sm: "h-[22px] px-2 text-meta",
+        /**
+         * Unchanged from before `size` existed: no explicit height, so it sizes
+         * from its text. Every badge already written keeps rendering exactly as
+         * it did — the two tiers above are additions, not a re-baseline.
+         */
+        default: "px-2.5 py-0.5 text-meta"
       }
     },
     defaultVariants: {
-      variant: "default"
+      variant: "default",
+      tone: "primary",
+      size: "default"
     }
   }
 );
-function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
+function Badge({ className, variant, tone, size, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(badgeVariants({ variant, tone, size }), className),
+      ...props
+    }
+  );
 }
 var Breadcrumb = React23__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
@@ -349,7 +392,7 @@ var BreadcrumbList = React23__namespace.forwardRef(({ className, ...props }, ref
   {
     ref,
     className: cn(
-      "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
+      "flex flex-wrap items-center gap-1.5 break-words text-muted-foreground sm:gap-2.5",
       className
     ),
     ...props
@@ -478,7 +521,7 @@ function ButtonGroupText({
     Comp,
     {
       className: cn(
-        "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",
+        "bg-muted shadow-xs flex items-center gap-2 rounded-control border px-4 font-medium [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
         className
       ),
       ...props
@@ -827,7 +870,7 @@ var DialogDescription = React23__namespace.forwardRef(({ className, ...props },
   DialogPrimitive__namespace.Description,
   {
     ref,
-    className: cn("text-sm text-muted-foreground", className),
+    className: cn("text-muted-foreground", className),
     ...props
   }
 ));
@@ -854,7 +897,7 @@ var CommandInput = React23__namespace.forwardRef(({ className, ...props }, ref)
     {
       ref,
       className: cn(
-        "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",
+        "flex h-10 w-full rounded-control bg-transparent py-3 outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       ...props
@@ -875,7 +918,7 @@ var CommandEmpty = React23__namespace.forwardRef((props, ref) => /* @__PURE__ */
   cmdk.Command.Empty,
   {
     ref,
-    className: "py-6 text-center text-sm",
+    className: "py-6 text-center",
     ...props
   }
 ));
@@ -885,7 +928,7 @@ var CommandGroup = React23__namespace.forwardRef(({ className, ...props }, ref)
   {
     ref,
     className: cn(
-      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-meta [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
       className
     ),
     ...props
@@ -906,7 +949,7 @@ var CommandItem = React23__namespace.forwardRef(({ className, ...props }, ref) =
   {
     ref,
     className: cn(
-      "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",
+      "relative flex cursor-default gap-2 select-none items-center rounded-control px-2 py-1.5 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
@@ -921,7 +964,7 @@ var CommandShortcut = ({
     "span",
     {
       className: cn(
-        "ml-auto text-xs tracking-widest text-muted-foreground",
+        "ml-auto text-meta tracking-widest text-muted-foreground",
         className
       ),
       ...props
@@ -1053,7 +1096,7 @@ var DropdownMenuShortcut = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
-      className: cn("ml-auto text-xs tracking-widest opacity-60", className),
+      className: cn("ml-auto text-meta tracking-widest opacity-60", className),
       ...props
     }
   );
@@ -1101,7 +1144,7 @@ function ItemSeparator({
   );
 }
 var itemVariants = classVarianceAuthority.cva(
-  "group/item [a]:hover:bg-accent/50 focus-visible:border-ring focus-visible:ring-ring/50 [a]:transition-colors flex flex-wrap items-center rounded-md border border-transparent text-sm outline-none transition-colors duration-100 focus-visible:ring-[3px]",
+  "group/item [a]:hover:bg-accent/50 focus-visible:border-ring focus-visible:ring-ring/50 [a]:transition-colors flex flex-wrap items-center rounded-md border border-transparent outline-none transition-colors duration-100 focus-visible:ring-[3px]",
   {
     variants: {
       variant: {
@@ -1111,12 +1154,29 @@ var itemVariants = classVarianceAuthority.cva(
       },
       size: {
         default: "gap-4 p-4 ",
-        sm: "gap-2.5 px-4 py-3"
+        sm: "gap-2.5 px-4 py-3",
+        /**
+         * The application row — 30px, the height a dense list actually uses:
+         * an agent in a roster, a dataset, a schedule, a node type, a queue
+         * entry. `min-h` rather than `h`, so a row that wraps still contains
+         * its content instead of clipping it.
+         */
+        xs: "min-h-[30px] gap-2 px-2 py-1"
+      },
+      /**
+       * Selection, not hover. A row the user has chosen stays marked while
+       * they work elsewhere in the panel, which `:hover` cannot express.
+       * Drive it from the same state that drives `aria-selected`.
+       */
+      selected: {
+        true: "bg-accent",
+        false: ""
       }
     },
     defaultVariants: {
       variant: "default",
-      size: "default"
+      size: "default",
+      selected: false
     }
   }
 );
@@ -1124,6 +1184,7 @@ function Item3({
   className,
   variant = "default",
   size = "default",
+  selected,
   asChild = false,
   ...props
 }) {
@@ -1134,7 +1195,8 @@ function Item3({
       "data-slot": "item",
       "data-variant": variant,
       "data-size": size,
-      className: cn(itemVariants({ variant, size, className })),
+      "data-selected": selected || void 0,
+      className: cn(itemVariants({ variant, size, selected, className })),
       ...props
     }
   );
@@ -1188,7 +1250,7 @@ function ItemTitle({ className, ...props }) {
     {
       "data-slot": "item-title",
       className: cn(
-        "flex w-fit items-center gap-2 text-sm font-medium leading-snug",
+        "flex w-fit items-center gap-2 font-medium leading-snug",
         className
       ),
       ...props
@@ -1201,7 +1263,9 @@ function ItemDescription({ className, ...props }) {
     {
       "data-slot": "item-description",
       className: cn(
-        "text-muted-foreground line-clamp-2 text-balance text-sm font-normal leading-normal",
+        "text-muted-foreground line-clamp-2 text-balance font-normal leading-normal",
+        // A dense row's subtitle is one line of meta, not a wrapped paragraph.
+        "group-data-[size=xs]/item:line-clamp-1 group-data-[size=xs]/item:text-meta",
         "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
         className
       ),
@@ -1251,7 +1315,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-control 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-meta 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
@@ -1441,7 +1505,7 @@ var MenubarShortcut = ({
     "span",
     {
       className: cn(
-        "ml-auto text-xs tracking-widest text-muted-foreground",
+        "ml-auto text-meta tracking-widest text-muted-foreground",
         className
       ),
       ...props
@@ -1646,12 +1710,13 @@ var PopoverContent = React23__namespace.forwardRef(({ className, align = "center
   }
 ) }));
 PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
-var Progress = React23__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Progress = React23__namespace.forwardRef(({ className, value, size = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ProgressPrimitive__namespace.Root,
   {
     ref,
     className: cn(
-      "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
+      "relative w-full overflow-hidden rounded-full bg-secondary",
+      size === "sm" ? "h-1" : "h-4",
       className
     ),
     ...props,
@@ -1811,7 +1876,7 @@ var SheetDescription = React23__namespace.forwardRef(({ className, ...props }, r
   DialogPrimitive__namespace.Description,
   {
     ref,
-    className: cn("text-sm text-muted-foreground", className),
+    className: cn("text-muted-foreground", className),
     ...props
   }
 ));
@@ -2109,7 +2174,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-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",
+        "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: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",
         "h-8 w-full shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",
         className
       ),
@@ -2189,7 +2254,7 @@ var SidebarGroupLabel = React23__namespace.forwardRef(({ className, asChild = fa
       ref,
       "data-sidebar": "group-label",
       className: cn(
-        "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        "flex h-8 shrink-0 items-center rounded-md px-2 text-meta font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
         "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
         className
       ),
@@ -2222,7 +2287,7 @@ var SidebarGroupContent = React23__namespace.forwardRef(({ className, ...props }
   {
     ref,
     "data-sidebar": "group-content",
-    className: cn("w-full text-sm", className),
+    className: cn("w-full", className),
     ...props
   }
 ));
@@ -2257,7 +2322,7 @@ var sidebarMenuButtonVariants = classVarianceAuthority.cva(
       },
       size: {
         default: "h-8",
-        sm: "h-7 text-sm",
+        sm: "h-7",
         lg: "h-12 text-lg group-data-[collapsible=icon]:!p-0"
       }
     },
@@ -2342,7 +2407,7 @@ var SidebarMenuBadge = React23__namespace.forwardRef(({ className, ...props }, r
     ref,
     "data-sidebar": "menu-badge",
     className: cn(
-      "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground",
+      "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-meta font-medium tabular-nums text-sidebar-foreground",
       "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
       "peer-data-[size=sm]/menu-button:top-1",
       "peer-data-[size=default]/menu-button:top-1.5",
@@ -2416,7 +2481,6 @@ var SidebarMenuSubButton = React23__namespace.forwardRef(({ asChild = false, siz
       className: cn(
         "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",
         "group-data-[collapsible=icon]:hidden",
         className
@@ -2473,14 +2537,69 @@ function Spinner({ className, ...props }) {
     }
   );
 }
-var Table = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto border rounded-md", children: /* @__PURE__ */ jsxRuntime.jsx(
-  "table",
+var statusDotVariants = classVarianceAuthority.cva("inline-block shrink-0 rounded-full", {
+  variants: {
+    tone: {
+      /** Work in flight. The only tone that animates. */
+      running: "bg-primary animate-pulse motion-reduce:animate-none",
+      /** Finished, and the result stands. */
+      success: "bg-success",
+      /** Finished, but something wants a person to look. */
+      warning: "bg-warning",
+      /** Failed. */
+      error: "bg-destructive",
+      /** Informational — a note, a count, a neutral marker. */
+      info: "bg-info",
+      /** Not started. Hollow, because there is nothing in it yet. */
+      queued: "bg-transparent border-[1.5px] border-muted-foreground",
+      /** Present but inactive — retired, paused, skipped, hidden. */
+      muted: "bg-muted-foreground"
+    },
+    size: {
+      /** 5px — inside a dense step row. */
+      xs: "size-[5px]",
+      /** 6px — the default in a thread or a list row. */
+      sm: "size-1.5",
+      /** 8px — a roster row, a legend swatch. */
+      md: "size-2",
+      /** 10px — a legend key that stands on its own. */
+      lg: "size-2.5"
+    }
+  },
+  defaultVariants: {
+    tone: "muted",
+    size: "sm"
+  }
+});
+var StatusDot = React23__namespace.forwardRef(
+  ({ className, tone, size, label, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      ref,
+      className: cn(statusDotVariants({ tone, size }), className),
+      role: label ? "img" : void 0,
+      "aria-label": label,
+      "aria-hidden": label ? void 0 : true,
+      ...props
+    }
+  )
+);
+StatusDot.displayName = "StatusDot";
+var Table = React23__namespace.forwardRef(({ className, density = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
   {
-    ref,
-    className: cn("w-full caption-bottom text-sm", className),
-    ...props
+    "data-density": density,
+    className: "group/table relative w-full overflow-auto border rounded-md",
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "table",
+      {
+        ref,
+        className: cn("w-full caption-bottom", className),
+        ...props
+      }
+    )
   }
-) }));
+));
 Table.displayName = "Table";
 var TableHeader = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
@@ -2523,6 +2642,11 @@ var TableHead = React23__namespace.forwardRef(({ className, ...props }, ref) =>
     ref,
     className: cn(
       "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      // Compact density: `<Table density="compact">` marks the wrapper, and
+      // every cell follows from there. One prop on the table rather than a
+      // size on <TableHead> and <TableCell> individually — four places to
+      // forget, and a table with two densities in it is always a mistake.
+      "group-data-[density=compact]/table:h-[26px] group-data-[density=compact]/table:text-meta",
       className
     ),
     ...props
@@ -2535,6 +2659,7 @@ var TableCell = React23__namespace.forwardRef(({ className, ...props }, ref) =>
     ref,
     className: cn(
       "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      "group-data-[density=compact]/table:px-2 group-data-[density=compact]/table:py-1",
       className
     ),
     ...props
@@ -2550,30 +2675,40 @@ var TableCaption = React23__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 TableCaption.displayName = "TableCaption";
-var Tabs = TabsPrimitive__namespace.Root;
-var TabsList = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  TabsPrimitive__namespace.List,
-  {
-    ref,
-    className: cn(
-      "inline-flex items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
-      className
-    ),
-    ...props
-  }
-));
+var TabsSizeContext = React23__namespace.createContext("default");
+var Tabs = React23__namespace.forwardRef(({ size = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TabsSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Root, { ref, ...props }) }));
+Tabs.displayName = TabsPrimitive__namespace.Root.displayName;
+var TabsList = React23__namespace.forwardRef(({ className, ...props }, ref) => {
+  const size = React23__namespace.useContext(TabsSizeContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.List,
+    {
+      ref,
+      className: cn(
+        "inline-flex items-center justify-center text-muted-foreground",
+        size === "sm" ? "h-[30px] gap-1" : "rounded-lg bg-muted p-1",
+        className
+      ),
+      ...props
+    }
+  );
+});
 TabsList.displayName = TabsPrimitive__namespace.List.displayName;
-var TabsTrigger = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  TabsPrimitive__namespace.Trigger,
-  {
-    ref,
-    className: cn(
-      "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
-  }
-));
+var TabsTrigger = React23__namespace.forwardRef(({ className, ...props }, ref) => {
+  const size = React23__namespace.useContext(TabsSizeContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Trigger,
+    {
+      ref,
+      className: cn(
+        size === "sm" ? "h-[26px] px-2 text-meta" : "px-3 py-1",
+        "inline-flex items-center justify-center whitespace-nowrap rounded-control 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
+    }
+  );
+});
 TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
 var TabsContent = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Content,
@@ -2649,12 +2784,211 @@ var ToggleGroupItem = React23__namespace.forwardRef(({ className, children, vari
   );
 });
 ToggleGroupItem.displayName = ToggleGroupPrimitive__namespace.Item.displayName;
+var agentChipVariants = classVarianceAuthority.cva(
+  "inline-flex max-w-full shrink-0 items-center gap-1 rounded-control border px-1.5   text-meta [&_svg]:size-3 [&_svg]:shrink-0",
+  {
+    variants: {
+      /**
+       * Who this is. The distinction is the point of the component: a reader
+       * scanning a task list needs to know at a glance whether a person or an
+       * agent is holding it, and reading the name is too slow.
+       */
+      kind: {
+        agent: "border-border bg-transparent text-foreground",
+        person: "border-transparent bg-accent text-foreground"
+      },
+      /** A retired or paused agent still appears in history and lineage. */
+      inactive: {
+        true: "opacity-60",
+        false: ""
+      }
+    },
+    defaultVariants: { kind: "agent", inactive: false }
+  }
+);
+var AgentChip = React23__namespace.forwardRef(
+  ({ icon, name, kind, inactive, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      ref,
+      className: cn(agentChipVariants({ kind, inactive }), className),
+      ...props,
+      children: [
+        icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 items-center text-muted-foreground", children: icon }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: name })
+      ]
+    }
+  )
+);
+AgentChip.displayName = "AgentChip";
+var stateVariants = classVarianceAuthority.cva("inline-flex shrink-0 items-center gap-1.5 font-medium", {
+  variants: {
+    tone: {
+      active: "text-success",
+      running: "text-primary",
+      draft: "text-muted-foreground",
+      review: "text-warning",
+      error: "text-destructive"
+    }
+  },
+  defaultVariants: { tone: "active" }
+});
+var AppStatusBar = React23__namespace.forwardRef(
+  ({ state, tone, end, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex h-[25px] shrink-0 items-center gap-2 border-t border-border px-2 text-meta text-muted-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        state != null ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn(stateVariants({ tone })), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            StatusDot,
+            {
+              tone: tone === "error" ? "error" : tone === "review" ? "warning" : tone === "running" ? "running" : tone === "draft" ? "muted" : "success"
+            }
+          ),
+          state
+        ] }) : null,
+        state != null && children ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, children: "\u2022" }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children }),
+        end != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: end }) : null
+      ]
+    }
+  )
+);
+AppStatusBar.displayName = "AppStatusBar";
+var BarChartH = React23__namespace.forwardRef(
+  ({
+    data,
+    max,
+    labelWidth = 78,
+    color = "var(--color-data-1)",
+    caption,
+    className,
+    ...props
+  }, ref) => {
+    const ceiling = max ?? (Math.max(...data.map((d) => d.value), 0) || 1);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("flex flex-col gap-1", className), ...props, children: [
+      caption != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: caption }) : null,
+      data.map((d, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-4 items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "shrink-0 truncate text-meta text-muted-foreground",
+            style: { width: labelWidth },
+            children: d.label
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              title: `${d.label}: ${d.display ?? d.value}`,
+              className: "h-2.5 shrink-0 rounded-e-[4px]",
+              style: {
+                width: `${Math.max(0, d.value / ceiling * 100)}%`,
+                background: d.color ?? color
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-meta tabular-nums", children: d.display ?? d.value })
+        ] })
+      ] }, i))
+    ] });
+  }
+);
+BarChartH.displayName = "BarChartH";
+var BarChartV = React23__namespace.forwardRef(
+  ({
+    data,
+    max,
+    gridlines = [],
+    height = 160,
+    color = "var(--color-data-1)",
+    highlightColor,
+    highlightIndex,
+    labelMode = "last",
+    caption,
+    className,
+    ...props
+  }, ref) => {
+    const ceiling = max ?? (Math.max(...data.map((d) => d.value), 0) || 1);
+    const emphasis = highlightIndex ?? data.length - 1;
+    const labelled = (i) => labelMode === "all" || labelMode === "last" && i === emphasis;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("flex flex-col gap-1", className), ...props, children: [
+      caption != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: caption }) : null,
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative mt-2", style: { height }, children: [
+        gridlines.map((g) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            "aria-hidden": true,
+            className: "absolute inset-x-0 flex translate-y-1/2 items-center",
+            style: { bottom: `${g / ceiling * 100}%` },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-px flex-1 bg-border" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pl-1 text-meta tabular-nums text-muted-foreground", children: g })
+            ]
+          },
+          g
+        )),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-end justify-between gap-2", children: data.map((d, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "flex h-full min-w-0 flex-1 flex-col items-center justify-end gap-1",
+            children: [
+              labelled(i) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta tabular-nums", children: d.display ?? d.value }) : null,
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  title: `${d.label}: ${d.display ?? d.value}`,
+                  className: "w-full max-w-6 rounded-t-[4px]",
+                  style: {
+                    height: `${Math.max(0, d.value / ceiling * 100)}%`,
+                    background: i === emphasis ? highlightColor ?? color : color,
+                    opacity: i === emphasis ? 1 : 0.55
+                  }
+                }
+              )
+            ]
+          },
+          i
+        )) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-between gap-2", children: data.map((d, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col items-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-meta text-muted-foreground", children: d.label }),
+        d.sublabel != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-meta text-muted-foreground/70", children: d.sublabel }) : null
+      ] }, i)) })
+    ] });
+  }
+);
+BarChartV.displayName = "BarChartV";
 function ButtonWithTooltip(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { delayDuration: 0, children: [
     /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", className: cn("hover:bg-transparent", props.className), ...props, children: props.children }) }),
     /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { children: props.tooltip })
   ] }) });
 }
+var CannotAnswerCard = React23__namespace.forwardRef(({ label = "cannot answer", remedy, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "div",
+  {
+    ref,
+    className: cn(
+      "flex flex-col gap-1 border border-dashed border-border bg-card p-2",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta font-medium text-muted-foreground", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children }),
+      remedy != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: remedy }) : null
+    ]
+  }
+));
+CannotAnswerCard.displayName = "CannotAnswerCard";
 function ChatSession({
   children,
   footer,
@@ -2792,12 +3126,14 @@ var NavItems = ({
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: items.map((item) => {
     const isActive = activeItem === item.name;
     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
+    const hasMenu = !item.href && Boolean(item.menuItems?.length);
+    const isInteractive = Boolean(item.href || item.onClick || hasMenu);
+    const itemClass = `relative inline-flex border-0 items-center justify-center gap-2
           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" : ""}
+          ${hasMenu ? "data-[state=open]:bg-primary/15 data-[state=open]:text-primary data-[state=open]:ring-primary/25" : ""}
           ${isActive ? `bg-primary/15 text-primary ring-primary/25 ${item.activeClass || ""}` : ""}
           ${item.className || ""}`;
     const icon = item.icon && /* @__PURE__ */ jsxRuntime.jsx(
@@ -2807,40 +3143,76 @@ var NavItems = ({
         className: item.iconClassName || iconClassName
       }
     );
-    const label = item.label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: item.label });
+    const label = item.label && /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label });
+    const badge = item.badge != null && /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: "pointer-events-none absolute -right-0.5 -top-0.5 inline-flex h-3.5\n              min-w-3.5 items-center justify-center rounded-full bg-primary px-1\n              text-[9px] font-semibold leading-none text-primary-foreground",
+        children: item.badge
+      }
+    );
+    const inner = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      icon,
+      label,
+      badge
+    ] });
+    const control = item.href ? /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: item.href,
+        onClick: () => setActiveItem(item.name),
+        className: itemClass,
+        children: inner
+      }
+    ) : item.onClick || hasMenu ? /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          item.onClick?.();
+          if (!hasMenu) setActiveItem(isActive ? null : item.name);
+        },
+        className: itemClass,
+        children: inner
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: itemClass, children: inner });
+    const withTooltip = /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: hasMenu ? /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: control }) : control }),
+      /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side: item.tooltipSide || tooltipSide, children: item.tooltip || item.name })
+    ] });
     return /* @__PURE__ */ jsxRuntime.jsxs(React23__namespace.default.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: item.href ? /* @__PURE__ */ jsxRuntime.jsxs(
-          "a",
-          {
-            href: item.href,
-            onClick: () => setActiveItem(item.name),
-            className: itemClass,
-            children: [
-              icon,
-              label
-            ]
-          }
-        ) : item.onClick ? /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
+      hasMenu ? /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
+        withTooltip,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          DropdownMenuContent,
           {
-            type: "button",
-            onClick: () => {
-              item.onClick?.();
-              setActiveItem(isActive ? null : item.name);
-            },
-            className: itemClass,
-            children: [
-              icon,
-              label
-            ]
+            side: isVertical ? "right" : "bottom",
+            align: isVertical ? "start" : "end",
+            children: item.menuItems?.map((menuItem) => {
+              const MenuIcon = menuItem.icon;
+              const gutter = item.menuItems?.some((m) => m.icon);
+              return /* @__PURE__ */ jsxRuntime.jsxs(React23__namespace.default.Fragment, { children: [
+                menuItem.separatorBefore && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  DropdownMenuItem,
+                  {
+                    disabled: menuItem.disabled,
+                    onSelect: () => menuItem.onSelect?.(),
+                    className: cn(
+                      menuItem.destructive && "text-destructive focus:bg-destructive/15 focus:text-destructive hover:bg-destructive/10 hover:text-destructive"
+                    ),
+                    children: [
+                      MenuIcon ? /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, {}) : gutter ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "size-4 shrink-0" }) : null,
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: menuItem.label }),
+                      menuItem.shortcut && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuShortcut, { children: menuItem.shortcut })
+                    ]
+                  }
+                )
+              ] }, menuItem.id);
+            })
           }
-        ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: itemClass, children: [
-          icon,
-          label
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side: item.tooltipSide || tooltipSide, children: item.tooltip || item.name })
-      ] }),
+        )
+      ] }) : withTooltip,
       item.showSeperator && /* @__PURE__ */ jsxRuntime.jsx(
         Separator,
         {
@@ -3247,67 +3619,604 @@ function ChatSessionStatusBar({
     }
   );
 }
-var ErrorBoundary = class extends React23.Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false };
-  }
-  static getDerivedStateFromError(_) {
-    return { hasError: true };
-  }
-  componentDidCatch(error, errorInfo) {
-    console.error("ErrorBoundary caught an error", error, errorInfo);
-  }
-  render() {
-    if (this.state.hasError) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center justify-center h-full w-full text-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Frown, { className: "mr-1 h-4" }),
-        "Oops ! something went wrong."
-      ] }) });
-    }
-    return this.props.children;
-  }
-};
-var MenuItem = ({
-  label,
-  icon: Icon,
-  shortcut,
-  children,
+function ChatSessionContextChip({
+  icon,
+  onDismiss,
+  dismissLabel = "Remove context",
   className,
-  level = 0,
-  href,
-  onClick
-}) => {
-  const hasChildren = children && children.length > 0;
-  const ButtonOrLink = href ? "a" : "button";
-  const clickTrigger = href ? { href } : { onClick };
-  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "relative group/item", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      ButtonOrLink,
-      {
-        ...clickTrigger,
-        className: cn(
-          "flex w-full items-center justify-between  px-4 py-2 ",
-          "hover:bg-accent hover:text-accent-foreground",
-          "focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:outline-none",
-          className,
-          level === 0 ? "font-medium" : "font-normal"
-          // "group-hover/item:bg-accent/50"
-        ),
-        role: hasChildren ? "menuitem" : void 0,
-        "aria-haspopup": hasChildren ? "true" : void 0,
-        "aria-expanded": hasChildren ? "true" : void 0,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
-            Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
-            shortcut && /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground opacity-100", children: shortcut }),
-            hasChildren && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
-          ] })
-        ]
-      }
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "flex min-h-[26px] items-center gap-1.5 border border-border bg-muted/40 px-1.5 text-meta",
+        className
+      ),
+      ...props,
+      children: [
+        icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 items-center text-muted-foreground [&_svg]:size-3", children: icon }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children }),
+        onDismiss ? /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onDismiss,
+            "aria-label": dismissLabel,
+            className: "shrink-0 px-1 text-muted-foreground hover:text-foreground",
+            children: "\xD7"
+          }
+        ) : null
+      ]
+    }
+  );
+}
+var CitationList = React23__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("ul", { ref, className: cn("flex flex-col", className), ...props, children }));
+CitationList.displayName = "CitationList";
+var CitationRow = React23__namespace.forwardRef(
+  ({ kind, source, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "li",
+    {
+      ref,
+      className: cn("flex min-h-[26px] items-center gap-2 py-0.5", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 border border-border px-1 text-meta text-muted-foreground", children: kind }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children }),
+        source != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-meta text-muted-foreground", children: source }) : null
+      ]
+    }
+  )
+);
+CitationRow.displayName = "CitationRow";
+var ClarifyCard = React23__namespace.forwardRef(
+  ({
+    step,
+    waiting,
+    question,
+    options,
+    value,
+    onSelect,
+    actions,
+    footnote,
+    className,
+    ...props
+  }, ref) => {
+    const name = React23__namespace.useId();
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: cn("flex flex-col overflow-hidden border border-border bg-card", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-6 shrink-0 items-center gap-2 border-b border-border bg-muted/40 px-2 text-meta", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-medium", children: "question" }),
+            step != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-muted-foreground", children: step }) : null,
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1" }),
+            waiting != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-muted-foreground", children: waiting }) : null
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 p-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { children: question }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { role: "radiogroup", className: "flex flex-col gap-1", children: options.map((o) => {
+              const checked = value === o.value;
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                "label",
+                {
+                  className: cn(
+                    "flex min-h-[30px] cursor-pointer items-center gap-2 border px-2 py-1",
+                    checked ? "border-primary/40 bg-primary/10" : "border-border",
+                    o.disabled && "cursor-not-allowed opacity-50"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "input",
+                      {
+                        type: "radio",
+                        name,
+                        value: o.value,
+                        checked,
+                        disabled: o.disabled,
+                        onChange: () => onSelect?.(o.value),
+                        className: "sr-only"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        "aria-hidden": true,
+                        className: cn(
+                          "flex size-3.5 shrink-0 items-center justify-center rounded-full border",
+                          checked ? "border-primary" : "border-muted-foreground"
+                        ),
+                        children: checked ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-1.5 rounded-full bg-primary" }) : null
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate", children: o.label }),
+                    o.detail != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-mono text-meta text-muted-foreground", children: o.detail }) : null
+                  ]
+                },
+                o.value
+              );
+            }) }),
+            actions || footnote != null ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+              actions,
+              footnote != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-meta text-muted-foreground", children: footnote }) : null
+            ] }) : null
+          ] })
+        ]
+      }
+    );
+  }
+);
+ClarifyCard.displayName = "ClarifyCard";
+var ContextBar = React23__namespace.forwardRef(
+  ({ counters, hint, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex h-7 shrink-0 items-center gap-3 border-t border-border px-2 text-meta",
+        className
+      ),
+      ...props,
+      children: [
+        children ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-w-0 shrink-0 items-center gap-2", children }) : null,
+        counters ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-w-0 flex-1 items-center gap-3 text-muted-foreground", children: counters }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1" }),
+        hint != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-muted-foreground", children: hint }) : null
+      ]
+    }
+  )
+);
+ContextBar.displayName = "ContextBar";
+var DiagnosisCard = React23__namespace.forwardRef(({ code, attempted, target, actions, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col gap-2 border border-destructive/40 bg-card p-2", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-meta", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-medium text-destructive", children: "diagnosis" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-mono text-muted-foreground", children: code })
+      ] }),
+      children != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { children }) : null,
+      attempted != null || target != null ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 border border-border bg-muted/40 p-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: "what was tried" }),
+        attempted != null ? /* @__PURE__ */ jsxRuntime.jsx("code", { className: "whitespace-pre-wrap break-all font-mono text-meta", children: attempted }) : null,
+        target != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: target }) : null
+      ] }) : null,
+      actions ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5", children: actions }) : null
+    ]
+  }
+));
+DiagnosisCard.displayName = "DiagnosisCard";
+var OP_SIGN = { add: "+", remove: "\u2212", change: "~" };
+var OP_CLASS = {
+  add: "text-success",
+  remove: "text-destructive",
+  change: "text-warning"
+};
+var DiffList = React23__namespace.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("ul", { ref, className: cn("flex flex-col", className), ...props, children })
+);
+DiffList.displayName = "DiffList";
+var DiffRow = React23__namespace.forwardRef(
+  ({ op = "add", kind, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "li",
+    {
+      ref,
+      className: cn("flex items-baseline gap-2 py-0.5 text-meta", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("w-3 shrink-0 text-center font-mono", OP_CLASS[op]), children: OP_SIGN[op] }),
+        kind != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-muted-foreground", children: kind }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1", children })
+      ]
+    }
+  )
+);
+DiffRow.displayName = "DiffRow";
+var DivergingBar = React23__namespace.forwardRef(
+  ({
+    data,
+    max,
+    labelWidth = 104,
+    positiveColor = "var(--color-success)",
+    negativeColor = "var(--color-destructive)",
+    caption,
+    className,
+    ...props
+  }, ref) => {
+    const ceiling = max ?? (Math.max(...data.map((d) => Math.abs(d.value)), 0) || 1);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("flex flex-col gap-1", className), ...props, children: [
+      caption != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: caption }) : null,
+      data.map((d, i) => {
+        const positive = d.value >= 0;
+        const width = `${Math.abs(d.value) / ceiling * 50}%`;
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-4 items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: "shrink-0 truncate text-meta text-muted-foreground",
+              style: { width: labelWidth },
+              children: d.label
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative flex min-w-0 flex-1 items-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                "aria-hidden": true,
+                className: "absolute left-1/2 h-4 w-px -translate-x-1/2 bg-border"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex w-1/2 justify-end", children: !positive ? /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                title: `${d.label}: ${d.display ?? d.value}`,
+                className: "h-2.5 rounded-s-[4px]",
+                style: { width, background: negativeColor }
+              }
+            ) : null }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex w-1/2 justify-start", children: positive ? /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                title: `${d.label}: ${d.display ?? d.value}`,
+                className: "h-2.5 rounded-e-[4px]",
+                style: { width, background: positiveColor }
+              }
+            ) : null })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-8 shrink-0 text-right text-meta tabular-nums", children: d.display ?? (d.value > 0 ? `+${d.value}` : d.value) })
+        ] }, i);
+      })
+    ] });
+  }
+);
+DivergingBar.displayName = "DivergingBar";
+var EmissionHeader = React23__namespace.forwardRef(({ kind, template, citation, note, actions, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "div",
+  {
+    ref,
+    className: cn(
+      "flex h-6 shrink-0 items-center gap-2 border-b border-border bg-muted/40 px-2 text-meta",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-medium", children: kind }),
+      template != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-mono text-muted-foreground", children: template }) : null,
+      note != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 border border-border px-1 text-muted-foreground", children: note }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1" }),
+      citation != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-muted-foreground", children: citation }) : null,
+      actions ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 items-center", children: actions }) : null
+    ]
+  }
+));
+EmissionHeader.displayName = "EmissionHeader";
+var EmissionCard = React23__namespace.forwardRef(
+  ({
+    kind,
+    template,
+    citation,
+    note,
+    actions,
+    showHeader = true,
+    className,
+    children,
+    ...props
+  }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      "data-kind": kind,
+      className: cn("flex flex-col overflow-hidden border border-border bg-card", className),
+      ...props,
+      children: [
+        showHeader ? /* @__PURE__ */ jsxRuntime.jsx(
+          EmissionHeader,
+          {
+            kind,
+            template,
+            citation,
+            note,
+            actions
+          }
+        ) : null,
+        children
+      ]
+    }
+  )
+);
+EmissionCard.displayName = "EmissionCard";
+var CitationMarker = React23__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "sup",
+  {
+    ref,
+    className: cn("px-0.5 align-super text-[0.7em] text-primary", className),
+    ...props,
+    children
+  }
+));
+CitationMarker.displayName = "CitationMarker";
+var EmptyState = React23__namespace.forwardRef(
+  ({ icon, title, description, actions, locks, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex flex-col items-center justify-center gap-2 p-6 text-center",
+        className
+      ),
+      ...props,
+      children: [
+        icon ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground", children: icon }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-medium", children: title }),
+        description != null ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-prose text-muted-foreground", children: description }) : null,
+        actions ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center justify-center gap-1.5 pt-1", children: actions }) : null,
+        locks ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center justify-center gap-1.5 pt-1", children: locks }) : null
+      ]
+    }
+  )
+);
+EmptyState.displayName = "EmptyState";
+var EmptyStateLock = React23__namespace.forwardRef(({ icon, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "span",
+  {
+    ref,
+    className: cn(
+      "inline-flex h-6 items-center gap-1.5 border border-dashed border-border px-2 text-meta text-muted-foreground [&_svg]:size-3",
+      className
+    ),
+    ...props,
+    children: [
+      icon,
+      children
+    ]
+  }
+));
+EmptyStateLock.displayName = "EmptyStateLock";
+var ErrorBoundary = class extends React23.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError(_) {
+    return { hasError: true };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error("ErrorBoundary caught an error", error, errorInfo);
+  }
+  render() {
+    if (this.state.hasError) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center justify-center h-full w-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Frown, { className: "mr-1 h-4" }),
+        "Oops ! something went wrong."
+      ] }) });
+    }
+    return this.props.children;
+  }
+};
+var FilterBar = React23__namespace.forwardRef(
+  ({ summary, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex h-[30px] shrink-0 items-center gap-1.5 border-b border-border px-2",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1" }),
+        summary != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-meta text-muted-foreground", children: summary }) : null
+      ]
+    }
+  )
+);
+FilterBar.displayName = "FilterBar";
+var FilterChip = React23__namespace.forwardRef(
+  ({ label, value, active, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    Button,
+    {
+      ref,
+      type: "button",
+      variant: "outline",
+      size: "xs",
+      "data-active": active || void 0,
+      className: cn(
+        "h-[22px] gap-1 px-1.5 font-normal",
+        active && "border-primary/40 text-primary",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(value != null && "text-muted-foreground"), children: label }),
+        value != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: value }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "text-muted-foreground", children: "\u25BE" })
+      ]
+    }
+  )
+);
+FilterChip.displayName = "FilterChip";
+var HeatStrip = React23__namespace.forwardRef(
+  ({ cells, states, ticks, cellSize = 14, className, ...props }, ref) => {
+    const byKey = React23__namespace.useMemo(
+      () => new Map(states.map((s) => [s.key, s])),
+      [states]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("flex flex-col gap-1.5", className), ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1", children: cells.map((c, i) => {
+        const s = byKey.get(c.state);
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            title: `${c.at} \xB7 ${s?.label ?? c.state}${c.detail ? ` \xB7 ${c.detail}` : ""}`,
+            className: cn("shrink-0 rounded-[2px]", s?.hollow && "border"),
+            style: {
+              width: cellSize,
+              height: cellSize,
+              background: s?.hollow ? "transparent" : s?.color ?? "var(--color-muted)",
+              borderColor: s?.hollow ? s.color ?? "var(--color-border)" : void 0
+            }
+          },
+          i
+        );
+      }) }),
+      ticks?.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1", "aria-hidden": true, children: cells.map((_, i) => {
+        const tick = ticks.find((t) => t.at === i);
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "shrink-0 text-meta tabular-nums text-muted-foreground",
+            style: { width: cellSize },
+            children: tick ? tick.label : ""
+          },
+          i
+        );
+      }) }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-meta", children: states.map((s) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: cn("size-2.5 shrink-0 rounded-[2px]", s.hollow && "border"),
+            style: {
+              background: s.hollow ? "transparent" : s.color ?? "var(--color-muted)",
+              borderColor: s.hollow ? s.color ?? "var(--color-border)" : void 0
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: s.label })
+      ] }, s.key)) })
+    ] });
+  }
+);
+HeatStrip.displayName = "HeatStrip";
+function Swatch({ kind = "dot", color }) {
+  const style = { color };
+  if (kind === "dot")
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        style,
+        className: "size-2 shrink-0 rounded-full bg-current"
+      }
+    );
+  if (kind === "ring")
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        style,
+        className: "size-2 shrink-0 rounded-full border-[1.5px] border-current"
+      }
+    );
+  if (kind === "line")
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, style, className: "h-0.5 w-4 shrink-0 bg-current" });
+  if (kind === "dashed")
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        style,
+        className: "h-0 w-4 shrink-0 border-t-[1.5px] border-dashed border-current"
+      }
+    );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      "aria-hidden": true,
+      style,
+      className: "w-4 shrink-0 overflow-visible",
+      viewBox: "0 0 16 6",
+      height: "6",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 3h11", stroke: "currentColor", strokeWidth: "2" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 0l6 3-6 3z", fill: "currentColor" })
+      ]
+    }
+  );
+}
+var Legend = React23__namespace.forwardRef(
+  ({ orientation = "row", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      role: "list",
+      className: cn(
+        "flex gap-x-3 gap-y-1 text-meta",
+        orientation === "row" ? "flex-wrap items-center" : "flex-col",
+        className
+      ),
+      ...props,
+      children
+    }
+  )
+);
+Legend.displayName = "Legend";
+var LegendItem = React23__namespace.forwardRef(
+  ({ kind, color, label, count, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      role: "listitem",
+      className: cn("flex min-w-0 items-center gap-1.5", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Swatch, { kind, color }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: label }),
+        count != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-muted-foreground", children: count }) : null
+      ]
+    }
+  )
+);
+LegendItem.displayName = "LegendItem";
+var MenuItem = ({
+  label,
+  icon: Icon,
+  shortcut,
+  children,
+  className,
+  level = 0,
+  href,
+  onClick
+}) => {
+  const hasChildren = children && children.length > 0;
+  const ButtonOrLink = href ? "a" : "button";
+  const clickTrigger = href ? { href } : { onClick };
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "relative group/item", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      ButtonOrLink,
+      {
+        ...clickTrigger,
+        className: cn(
+          "flex w-full items-center justify-between  px-4 py-2 ",
+          "hover:bg-accent hover:text-accent-foreground",
+          "focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:outline-none",
+          className,
+          level === 0 ? "font-medium" : "font-normal"
+          // "group-hover/item:bg-accent/50"
+        ),
+        role: hasChildren ? "menuitem" : void 0,
+        "aria-haspopup": hasChildren ? "true" : void 0,
+        "aria-expanded": hasChildren ? "true" : void 0,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+            Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+            shortcut && /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground opacity-100", children: shortcut }),
+            hasChildren && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
+          ] })
+        ]
+      }
     ),
     hasChildren && /* @__PURE__ */ jsxRuntime.jsx(
       "ul",
@@ -3328,6 +4237,39 @@ var MenuItem = ({
     )
   ] });
 };
+var MetricTile = React23__namespace.forwardRef(
+  ({ label, value, caption, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: cn("flex flex-col gap-0.5 border border-border bg-card p-2", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-meta text-muted-foreground", children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-medium leading-tight", children: value }),
+        caption != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: caption }) : null,
+        children
+      ]
+    }
+  )
+);
+MetricTile.displayName = "MetricTile";
+var MetricGrid = React23__namespace.forwardRef(
+  ({ minTileWidth = 120, className, style, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: cn("grid gap-1.5", className),
+      style: {
+        gridTemplateColumns: `repeat(auto-fit, minmax(${minTileWidth}px, 1fr))`,
+        ...style
+      },
+      ...props,
+      children
+    }
+  )
+);
+MetricGrid.displayName = "MetricGrid";
 var NavVerticalItems = ({ items }) => /* @__PURE__ */ jsxRuntime.jsx(NavItems, { items, orientation: "vertical" });
 var NavVertical = ({
   className = "",
@@ -3374,35 +4316,42 @@ function PanelContent({
   title,
   titleText,
   children,
-  onClose,
-  showClose,
+  className,
   headerClassName,
   bodyClassName,
   footerContent,
   footerClassName,
-  closeIcon
+  headerActions,
+  actionsOnHover = false
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: `h-full border-none ${headerClassName}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: "relative flex flex-row items-center py-0 border-b h-[30px]", children: [
-      title && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "leading-none font-bold ", children: title }),
-      titleText && /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-bold leading-none", children: titleText }),
-      showClose && /* @__PURE__ */ jsxRuntime.jsxs(
-        Button,
-        {
-          variant: "ghost",
-          size: "icon",
-          className: "absolute top-[0px] right-[5px] h-6 w-6 hover:bg-transparent hover:text-primary/80",
-          onClick: onClose,
-          children: [
-            closeIcon ? closeIcon : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3 w-3" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close panel" })
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: `overflow-y-auto h-full ${bodyClassName}`, children }),
-    footerContent ? /* @__PURE__ */ jsxRuntime.jsx(CardFooter, { className: footerClassName, children: footerContent }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {})
-  ] }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: cn("flex h-full min-h-0 flex-col border-none", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      CardHeader,
+      {
+        className: cn(
+          "group/panel-header flex h-[35px] shrink-0 flex-row items-center gap-2",
+          "space-y-0 border-b py-0 pr-1",
+          headerClassName
+        ),
+        children: [
+          title && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate font-bold leading-none", children: title }),
+          titleText && /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "min-w-0 truncate font-bold leading-none", children: titleText }),
+          headerActions && headerActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn(
+                "ml-auto flex shrink-0 items-center gap-1 pl-2",
+                actionsOnHover && "opacity-0 transition-opacity group-hover/panel-header:opacity-100 focus-within:opacity-100 has-[[data-state=open]]:opacity-100"
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsx(NavHorizontalItems, { items: headerActions })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: cn("min-h-0 flex-1 overflow-y-auto", bodyClassName), children }),
+    footerContent ? /* @__PURE__ */ jsxRuntime.jsx(CardFooter, { className: cn("shrink-0 border-t", footerClassName), children: footerContent }) : null
+  ] }) }) });
 }
 function PanelStack({
   sections,
@@ -3412,6 +4361,7 @@ function PanelStack({
   headerClassName,
   bodyClassName
 }) {
+  const groupRef = React23__namespace.useRef(null);
   const refs = React23__namespace.useRef({});
   const [collapsed, setCollapsed] = React23__namespace.useState(
     () => Object.fromEntries(sections.map((s) => [s.id, !!s.defaultCollapsed]))
@@ -3420,94 +4370,366 @@ function PanelStack({
   React23__namespace.useLayoutEffect(() => {
     if (didInit.current) return;
     didInit.current = true;
-    for (const section of sections) {
-      if (section.defaultCollapsed) refs.current[section.id]?.collapse();
+    const targets = sections.filter((s) => s.defaultCollapsed);
+    const expanded = sections.filter((s) => !s.defaultCollapsed);
+    if (targets.length === 0 || expanded.length === 0) return;
+    const group = groupRef.current;
+    const probe = refs.current[sections[0].id]?.getSize();
+    if (!group || !probe || probe.asPercentage <= 0) {
+      for (const s of targets) refs.current[s.id]?.collapse();
+      return;
+    }
+    const groupPx = probe.inPixels / probe.asPercentage * 100;
+    const collapsedPct = headerHeight / groupPx * 100;
+    const layout = group.getLayout();
+    const next = { ...layout };
+    let freed = 0;
+    for (const s of targets) {
+      const current = layout[s.id] ?? 0;
+      if (current <= collapsedPct) continue;
+      freed += current - collapsedPct;
+      next[s.id] = collapsedPct;
     }
+    if (freed === 0) return;
+    const total = expanded.reduce((sum, s) => sum + (layout[s.id] ?? 0), 0);
+    for (const s of expanded) {
+      const share = total > 0 ? (layout[s.id] ?? 0) / total : 1 / expanded.length;
+      next[s.id] = (layout[s.id] ?? 0) + freed * share;
+    }
+    for (const s of targets) refs.current[s.id]?.collapse();
+    group.setLayout(next);
   }, []);
   const toggle = (id) => {
     const ref = refs.current[id];
     if (!ref) return;
-    if (ref.isCollapsed()) ref.expand();
-    else ref.collapse();
+    if (!ref.isCollapsed()) {
+      ref.collapse();
+      return;
+    }
+    ref.expand();
+    if (!ref.isCollapsed()) return;
+    const group = groupRef.current;
+    if (!group) return;
+    const layout = group.getLayout();
+    const donor = Object.entries(layout).filter(([panelId]) => panelId !== id && !collapsed[panelId]).sort((a, b) => b[1] - a[1])[0];
+    if (!donor) return;
+    const [donorId, donorPct] = donor;
+    const share = donorPct / 2;
+    group.setLayout({
+      ...layout,
+      [id]: (layout[id] ?? 0) + share,
+      [donorId]: donorPct - share
+    });
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ResizablePanelGroup,
+  return (
+    // Header actions are nav items, and those carry tooltips — provide the
+    // context here so a `PanelStack` works outside an app shell too. Nesting
+    // inside an app's own provider is harmless.
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsx(
+      ResizablePanelGroup,
+      {
+        groupRef,
+        orientation: "vertical",
+        className: cn("h-full w-full", className),
+        children: sections.map((section, index) => {
+          const Icon = section.icon;
+          const isCollapsed = collapsed[section.id];
+          const flush = index > 0 && (isCollapsed || collapsed[sections[index - 1].id]);
+          return /* @__PURE__ */ jsxRuntime.jsxs(React23__namespace.Fragment, { children: [
+            index > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+              ResizableHandle,
+              {
+                withHandle: withHandle && !flush,
+                className: cn(
+                  flush && "pointer-events-none bg-border aria-[orientation=horizontal]:h-px aria-[orientation=vertical]:w-px"
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              ResizablePanel,
+              {
+                id: section.id,
+                collapsible: true,
+                collapsedSize: `${headerHeight}px`,
+                minSize: section.minSize ?? `${headerHeight + 64}px`,
+                defaultSize: section.defaultSize,
+                panelRef: (ref) => {
+                  refs.current[section.id] = ref;
+                },
+                onResize: (size) => {
+                  const next = size.inPixels <= headerHeight + 1;
+                  setCollapsed(
+                    (prev) => prev[section.id] === next ? prev : { ...prev, [section.id]: next }
+                  );
+                },
+                className: "flex flex-col overflow-hidden",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    "div",
+                    {
+                      style: { height: headerHeight },
+                      className: cn(
+                        "group/panel-header flex shrink-0 items-center pr-2 text-muted-foreground",
+                        headerClassName
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs(
+                          "button",
+                          {
+                            type: "button",
+                            onClick: () => toggle(section.id),
+                            "aria-expanded": !isCollapsed,
+                            className: cn(
+                              "flex h-full min-w-0 flex-1 items-center gap-1 pl-2 text-left",
+                              "transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+                            ),
+                            children: [
+                              isCollapsed ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-5 w-5 shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-5 w-5 shrink-0" }),
+                              Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-3.5 w-3.5 shrink-0" }),
+                              typeof section.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-meta font-semibold uppercase tracking-wide", children: section.title }) : (
+                                // Custom node: rendered as-is so the consumer owns the
+                                // styling (icon, casing, colour, badges…).
+                                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex min-w-0 flex-1 items-center", children: section.title })
+                              )
+                            ]
+                          }
+                        ),
+                        section.headerActions && section.headerActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                          "div",
+                          {
+                            className: cn(
+                              "flex items-center gap-1 pl-2",
+                              // Quiet at rest: the actions appear on hover over the
+                              // header, and never hide while one of them holds focus
+                              // or has its menu open — so the keyboard path stays
+                              // visible.
+                              (section.actionsOnHover ?? true) && "opacity-0 transition-opacity group-hover/panel-header:opacity-100 focus-within:opacity-100 has-[[data-state=open]]:opacity-100"
+                            ),
+                            children: /* @__PURE__ */ jsxRuntime.jsx(NavHorizontalItems, { items: section.headerActions })
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      className: cn("min-h-0 flex-1 overflow-auto", bodyClassName),
+                      hidden: isCollapsed,
+                      children: section.content
+                    }
+                  )
+                ]
+              }
+            )
+          ] }, section.id);
+        })
+      }
+    ) })
+  );
+}
+var PropertyList = React23__namespace.forwardRef(
+  ({ labelWidth = 78, className, style, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "dl",
     {
-      orientation: "vertical",
-      className: cn("h-full w-full", className),
-      children: sections.map((section, index) => {
-        const Icon = section.icon;
-        const isCollapsed = collapsed[section.id];
-        return /* @__PURE__ */ jsxRuntime.jsxs(React23__namespace.Fragment, { children: [
-          index > 0 && /* @__PURE__ */ jsxRuntime.jsx(ResizableHandle, { withHandle }),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            ResizablePanel,
+      ref,
+      className: cn("flex flex-col", className),
+      style: {
+        "--property-label-width": typeof labelWidth === "number" ? `${labelWidth}px` : labelWidth,
+        ...style
+      },
+      ...props,
+      children
+    }
+  )
+);
+PropertyList.displayName = "PropertyList";
+var PropertyRow = React23__namespace.forwardRef(
+  ({ label, mono, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: cn("flex items-baseline gap-2 py-1", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "shrink-0 truncate text-meta text-muted-foreground [width:var(--property-label-width,78px)]", children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: cn("min-w-0 flex-1", mono && "font-mono text-meta"), children })
+      ]
+    }
+  )
+);
+PropertyRow.displayName = "PropertyRow";
+var ProposalCard = React23__namespace.forwardRef(
+  ({
+    title,
+    source,
+    evidence,
+    evidenceTitle,
+    evidenceMeta,
+    consequence,
+    actions,
+    className,
+    children,
+    ...props
+  }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("flex flex-col gap-3", className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-medium", children: title }),
+        source != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: source }) : null
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border border-border bg-muted/30 p-2", children })
+    ] }),
+    evidence ? /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-medium", children: evidenceTitle }),
+        evidenceMeta != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: evidenceMeta }) : null
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden border border-border", children: evidence })
+    ] }) : null,
+    consequence != null ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-meta text-muted-foreground", children: consequence }) : null,
+    actions ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center gap-1.5", children: actions }) : null
+  ] })
+);
+ProposalCard.displayName = "ProposalCard";
+var DotRating = React23__namespace.forwardRef(
+  ({ value, max = 3, onChange, readOnly, label, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      role: readOnly ? "img" : "radiogroup",
+      "aria-label": label ?? `weight ${value} of ${max}`,
+      className: cn("inline-flex items-center gap-1", className),
+      ...props,
+      children: Array.from({ length: max }, (_, i) => {
+        const n = i + 1;
+        const on = n <= value;
+        if (readOnly) {
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
             {
-              collapsible: true,
-              collapsedSize: `${headerHeight}px`,
-              minSize: section.minSize ?? `${headerHeight + 64}px`,
-              defaultSize: section.defaultSize,
-              panelRef: (ref) => {
-                refs.current[section.id] = ref;
-              },
-              onResize: (size) => {
-                const next = size.inPixels <= headerHeight + 1;
-                setCollapsed(
-                  (prev) => prev[section.id] === next ? prev : { ...prev, [section.id]: next }
-                );
-              },
-              className: "flex flex-col overflow-hidden",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(
-                  "div",
-                  {
-                    style: { height: headerHeight },
-                    className: cn(
-                      "flex shrink-0 items-center pr-2 text-muted-foreground",
-                      headerClassName
-                    ),
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs(
-                        "button",
-                        {
-                          type: "button",
-                          onClick: () => toggle(section.id),
-                          "aria-expanded": !isCollapsed,
-                          className: cn(
-                            "flex h-full min-w-0 flex-1 items-center gap-1 pl-2 text-left",
-                            "transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
-                          ),
-                          children: [
-                            isCollapsed ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 shrink-0" }),
-                            Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-3.5 w-3.5 shrink-0" }),
-                            typeof section.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs font-semibold uppercase tracking-wide", children: section.title }) : (
-                              // Custom node: rendered as-is so the consumer owns the
-                              // styling (icon, casing, colour, badges…).
-                              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex min-w-0 flex-1 items-center", children: section.title })
-                            )
-                          ]
-                        }
-                      ),
-                      section.actions && !isCollapsed && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1 pl-2", children: section.actions })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    className: cn("min-h-0 flex-1 overflow-auto", bodyClassName),
-                    hidden: isCollapsed,
-                    children: section.content
-                  }
-                )
-              ]
-            }
-          )
-        ] }, section.id);
+              "aria-hidden": true,
+              className: cn(
+                "size-2.5 rounded-full border",
+                on ? "border-primary bg-primary" : "border-muted-foreground bg-transparent"
+              )
+            },
+            n
+          );
+        }
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": value === n,
+            "aria-label": String(n),
+            onClick: () => onChange?.(n),
+            className: cn(
+              "size-2.5 cursor-pointer rounded-full border",
+              on ? "border-primary bg-primary" : "border-muted-foreground bg-transparent"
+            )
+          },
+          n
+        );
       })
     }
-  );
-}
+  )
+);
+DotRating.displayName = "DotRating";
+var RatingControl = React23__namespace.forwardRef(
+  ({
+    verdict,
+    onVerdictChange,
+    weight,
+    onWeightChange,
+    maxWeight = 3,
+    refines,
+    by,
+    className,
+    children,
+    ...props
+  }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: cn("flex flex-col gap-2 border border-border bg-card p-2", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-meta", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Your verdict" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "becomes a Learning" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1" }),
+          by
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { role: "radiogroup", className: "inline-flex border border-border", children: ["appreciate", "depreciate"].map((v) => /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              role: "radio",
+              "aria-checked": verdict === v,
+              onClick: () => onVerdictChange?.(v),
+              className: cn(
+                "h-[22px] px-2 text-meta capitalize",
+                verdict === v ? v === "appreciate" ? "bg-success text-success-foreground" : "bg-warning text-warning-foreground" : "text-muted-foreground hover:bg-accent"
+              ),
+              children: v
+            },
+            v
+          )) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: "weight" }),
+            /* @__PURE__ */ jsxRuntime.jsx(DotRating, { value: weight, max: maxWeight, onChange: onWeightChange }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta tabular-nums", children: weight })
+          ] }),
+          refines != null ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-meta text-muted-foreground", children: [
+            "refines ",
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: refines })
+          ] }) : null
+        ] }),
+        children
+      ]
+    }
+  )
+);
+RatingControl.displayName = "RatingControl";
+var RepairNote = React23__namespace.forwardRef(
+  ({ from, to, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex flex-wrap items-center gap-1 py-0.5 pl-4 text-meta text-muted-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono line-through decoration-muted-foreground/60", children: from }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, children: "\u2192" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-foreground", children: to })
+      ]
+    }
+  )
+);
+RepairNote.displayName = "RepairNote";
+var RetryNote = React23__namespace.forwardRef(
+  ({ attempt, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex flex-wrap items-baseline gap-1.5 py-0.5 pl-4 text-meta text-muted-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        attempt != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-medium text-warning", children: attempt }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children })
+      ]
+    }
+  )
+);
+RetryNote.displayName = "RetryNote";
 function OptionRow({ option }) {
   const Icon = option.icon;
   return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-col gap-0.5", children: [
@@ -3516,7 +4738,7 @@ function OptionRow({ option }) {
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: option.label }),
       option.badge != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto pl-2", children: option.badge })
     ] }),
-    option.description != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: option.description })
+    option.description != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: option.description })
   ] });
 }
 function RichSelect({
@@ -3630,6 +4852,123 @@ function RichSelect({
     )
   ] });
 }
+var SearchInput = ({
+  value,
+  onChange,
+  className,
+  inputSize = "default",
+  placeholder = "Search...",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      type: "text",
+      value,
+      onChange: (e) => onChange(e.target.value),
+      placeholder,
+      className: cn(
+        "flex w-full rounded-control border border-input bg-background 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",
+        inputSize === "sm" ? "h-[26px] px-2 py-0 text-meta" : "h-10 px-3 py-2 text-base",
+        className
+      ),
+      ...props
+    }
+  );
+};
+var SectionHeader = React23__namespace.forwardRef(({ icon, title, count, actions, bare, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "div",
+  {
+    ref,
+    className: cn(
+      "flex h-[35px] shrink-0 items-center gap-2 px-2",
+      !bare && "border-b border-border",
+      className
+    ),
+    ...props,
+    children: [
+      icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 items-center text-muted-foreground [&_svg]:size-3.5", children: icon }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate font-medium", children: title }),
+      count != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-meta text-muted-foreground", children: count }) : null,
+      actions ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 items-center gap-1", children: actions }) : null
+    ]
+  }
+));
+SectionHeader.displayName = "SectionHeader";
+var Sparkline = React23__namespace.forwardRef(
+  ({
+    values,
+    width = 72,
+    height = 20,
+    color = "var(--color-data-1)",
+    area,
+    endMarker = true,
+    label,
+    className,
+    ...props
+  }, ref) => {
+    const pad = 3;
+    const min = Math.min(...values);
+    const max = Math.max(...values);
+    const span = max - min || 1;
+    const stepX = values.length > 1 ? (width - pad * 2) / (values.length - 1) : 0;
+    const points = values.map((v, i) => [
+      pad + i * stepX,
+      height - pad - (v - min) / span * (height - pad * 2)
+    ]);
+    const d = points.map((p, i) => `${i ? "L" : "M"}${p[0]} ${p[1]}`).join(" ");
+    const last = points[points.length - 1];
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        ref,
+        width,
+        height,
+        viewBox: `0 0 ${width} ${height}`,
+        className: cn("shrink-0 overflow-visible", className),
+        role: label ? "img" : void 0,
+        "aria-label": label,
+        "aria-hidden": label ? void 0 : true,
+        ...props,
+        children: [
+          area ? /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: `${d} L${last[0]} ${height} L${points[0][0]} ${height} Z`,
+              fill: color,
+              opacity: 0.1
+            }
+          ) : null,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d,
+              fill: "none",
+              stroke: color,
+              strokeWidth: 2,
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          endMarker ? /* @__PURE__ */ jsxRuntime.jsx(
+            "circle",
+            {
+              cx: last[0],
+              cy: last[1],
+              r: 4,
+              fill: color,
+              stroke: "var(--color-card)",
+              strokeWidth: 2
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+Sparkline.displayName = "Sparkline";
 function TabbedPanel({
   tabs,
   defaultTab,
@@ -3640,10 +4979,7 @@ function TabbedPanel({
   headerClassName,
   bodyClassName,
   footerClassName,
-  footerContent,
-  showClose: _showClose,
-  onClose: _onClose,
-  closeIcon: _closeIcon
+  footerContent
 }) {
   const [internalTab, setInternalTab] = React23__namespace.default.useState(defaultTab || tabs[0]?.value);
   const currentTab = activeTab !== void 0 ? activeTab : internalTab;
@@ -3668,13 +5004,7 @@ function TabbedPanel({
         },
         tab.value
       )) }),
-      headerActions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center h-full", children: /* @__PURE__ */ jsxRuntime.jsx(
-        NavHorizontal,
-        {
-          className: "h-full",
-          ...headerActions
-        }
-      ) })
+      headerActions && headerActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto flex h-full shrink-0 items-center gap-1 pr-1", children: /* @__PURE__ */ jsxRuntime.jsx(NavHorizontalItems, { items: headerActions }) })
     ] }),
     tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
       TabsContent,
@@ -3688,24 +5018,139 @@ function TabbedPanel({
     footerContent && /* @__PURE__ */ jsxRuntime.jsx(CardFooter, { className: footerClassName, children: footerContent })
   ] }) }) }) });
 }
-var SearchInput = ({ value, onChange, ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "input",
+var TemplatePicker = React23__namespace.forwardRef(({ heading, options, value, onSelect, footnote, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "div",
+  {
+    ref,
+    className: cn("flex w-full flex-col border border-border bg-card", className),
+    ...props,
+    children: [
+      heading != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-6 shrink-0 items-center border-b border-border px-2 text-meta text-muted-foreground", children: heading }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx("div", { role: "listbox", className: "flex flex-col", children: options.map((o) => {
+        const disabled = o.unavailable != null;
+        const selected = value === o.id;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            role: "option",
+            "aria-selected": selected,
+            disabled,
+            onClick: () => onSelect?.(o.id),
+            className: cn(
+              "flex h-7 items-center gap-2 px-2 text-left",
+              selected && "bg-accent",
+              disabled ? "cursor-not-allowed opacity-50" : "hover:bg-accent/60"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-3 shrink-0 text-primary", children: selected ? "\u2022" : "" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-mono text-meta", children: o.id }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-meta text-muted-foreground", children: o.kind }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 truncate text-meta text-muted-foreground", children: o.unavailable ?? o.note })
+            ]
+          },
+          o.id
+        );
+      }) }),
+      footnote != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border px-2 py-1 text-meta text-muted-foreground", children: footnote }) : null
+    ]
+  }
+));
+TemplatePicker.displayName = "TemplatePicker";
+var MARKER = {
+  prompt: "$",
+  output: "\u2192",
+  comment: "#"
+};
+var Terminal = React23__namespace.forwardRef(
+  ({ cursor, columnTemplate = "150px minmax(0,1fr) auto auto", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
     {
-      type: "text",
-      value,
-      onChange: (e) => onChange(e.target.value),
-      placeholder: "Search...",
+      ref,
+      style: { "--terminal-cols": columnTemplate },
       className: cn(
-        "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
-      )
+        "overflow-x-auto border border-border bg-muted/40 p-2 font-mono text-meta",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        cursor ? /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: "mt-0.5 inline-block h-3.5 w-1.5 animate-pulse bg-foreground align-middle motion-reduce:animate-none"
+          }
+        ) : null
+      ]
     }
-  );
-};
+  )
+);
+Terminal.displayName = "Terminal";
+var TerminalLine = React23__namespace.forwardRef(
+  ({ kind = "output", columns, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "items-baseline gap-2 whitespace-pre",
+        columns ? "grid [grid-template-columns:auto_var(--terminal-cols)]" : "flex",
+        kind === "comment" && "text-muted-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: cn(
+              "w-3 shrink-0",
+              kind === "prompt" ? "text-primary" : "text-muted-foreground"
+            ),
+            children: MARKER[kind]
+          }
+        ),
+        columns ? columns.map((c, i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: cn(
+              "min-w-0 truncate",
+              i === columns.length - 1 && "text-muted-foreground"
+            ),
+            children: c
+          },
+          i
+        )) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0", children })
+      ]
+    }
+  )
+);
+TerminalLine.displayName = "TerminalLine";
+var TimelineList = React23__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("ol", { ref, className: cn("flex flex-col", className), ...props, children }));
+TimelineList.displayName = "TimelineList";
+var TimelineEntry = React23__namespace.forwardRef(({ when, title, marker, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "li",
+  {
+    ref,
+    className: cn("flex gap-2 border-b border-border py-1.5 last:border-b-0", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex w-[72px] shrink-0 items-baseline gap-1.5 text-meta text-muted-foreground", children: [
+        marker ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "translate-y-1", children: marker }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: when })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+        title != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: title }) : null,
+        children
+      ] })
+    ]
+  }
+));
+TimelineEntry.displayName = "TimelineEntry";
 var Toolbar = () => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-5 items-center space-x-2 text-sm", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-5 items-center space-x-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       ButtonWithTooltip,
       {
@@ -3833,7 +5278,7 @@ function Tour({
         /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 p-3", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "soft", className: "tracking-wider", children: badgeLabel }),
-            showCounter && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground", children: [
+            showCounter && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-meta text-muted-foreground", children: [
               current + 1,
               " / ",
               total
@@ -3844,7 +5289,7 @@ function Tour({
             {
               variant: "ghost",
               size: "sm",
-              className: "-mr-1 h-7 gap-1 px-2 text-xs text-muted-foreground [&_svg]:size-3.5",
+              className: "-mr-1 h-7 gap-1 px-2 text-meta text-muted-foreground [&_svg]:size-3.5",
               onClick: ctrl.exit,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}),
@@ -3863,10 +5308,10 @@ function Tour({
         /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "space-y-4 p-3 pt-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold leading-snug", children: step.title }),
           step.content ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            step.body && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm leading-relaxed text-muted-foreground", children: step.body }),
+            step.body && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "leading-relaxed text-muted-foreground", children: step.body }),
             step.callout && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-r-md border-l-2 border-primary bg-muted/40 p-3", children: [
               step.callout.label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wider text-primary", children: step.callout.label }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm leading-relaxed", children: step.callout.content })
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "leading-relaxed", children: step.callout.content })
             ] }),
             step.references && step.references.items.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
               step.references.label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: step.references.label }),
@@ -4027,7 +5472,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 text-sm", children: "Coming Soon" })
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-4 px-3 py-1 bg-yellow-100 text-yellow-800", children: "Coming Soon" })
   ] });
 }
 var TypographyH1 = React23__namespace.forwardRef(
@@ -4165,7 +5610,7 @@ var TypographyInlineCode = React23__namespace.forwardRef(
       {
         ref,
         className: cn(
-          "relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold",
+          "relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-meta font-semibold",
           className
         ),
         ...props
@@ -4213,7 +5658,7 @@ var TypographySmall = React23__namespace.forwardRef(
       {
         ref,
         className: cn(
-          "text-sm font-medium leading-none",
+          "text-meta font-medium leading-none",
           className
         ),
         ...props
@@ -4229,7 +5674,7 @@ var TypographyMuted = React23__namespace.forwardRef(
       {
         ref,
         className: cn(
-          "text-sm text-muted-foreground",
+          "text-muted-foreground",
           className
         ),
         ...props
@@ -4294,6 +5739,7 @@ exports.Accordion = Accordion;
 exports.AccordionContent = AccordionContent;
 exports.AccordionItem = AccordionItem;
 exports.AccordionTrigger = AccordionTrigger;
+exports.AgentChip = AgentChip;
 exports.Alert = Alert;
 exports.AlertDescription = AlertDescription;
 exports.AlertDialog = AlertDialog;
@@ -4308,10 +5754,13 @@ exports.AlertDialogPortal = AlertDialogPortal;
 exports.AlertDialogTitle = AlertDialogTitle;
 exports.AlertDialogTrigger = AlertDialogTrigger;
 exports.AlertTitle = AlertTitle;
+exports.AppStatusBar = AppStatusBar;
 exports.Avatar = Avatar;
 exports.AvatarFallback = AvatarFallback;
 exports.AvatarImage = AvatarImage;
 exports.Badge = Badge;
+exports.BarChartH = BarChartH;
+exports.BarChartV = BarChartV;
 exports.Breadcrumb = Breadcrumb;
 exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
 exports.BreadcrumbItem = BreadcrumbItem;
@@ -4324,6 +5773,7 @@ exports.ButtonGroup = ButtonGroup;
 exports.ButtonGroupSeparator = ButtonGroupSeparator;
 exports.ButtonGroupText = ButtonGroupText;
 exports.ButtonWithTooltip = ButtonWithTooltip;
+exports.CannotAnswerCard = CannotAnswerCard;
 exports.Card = Card;
 exports.CardContent = CardContent;
 exports.CardDescription = CardDescription;
@@ -4340,6 +5790,7 @@ exports.ChatSession = ChatSession;
 exports.ChatSessionActivityRow = ChatSessionActivityRow;
 exports.ChatSessionActivitySubLine = ChatSessionActivitySubLine;
 exports.ChatSessionComposer = ChatSessionComposer;
+exports.ChatSessionContextChip = ChatSessionContextChip;
 exports.ChatSessionDisclosure = ChatSessionDisclosure;
 exports.ChatSessionMessage = ChatSessionMessage;
 exports.ChatSessionMessageOptions = ChatSessionMessageOptions;
@@ -4348,6 +5799,10 @@ exports.ChatSessionPromptRow = ChatSessionPromptRow;
 exports.ChatSessionStatusBar = ChatSessionStatusBar;
 exports.ChatSessionTaskGroup = ChatSessionTaskGroup;
 exports.ChatSessionTaskRow = ChatSessionTaskRow;
+exports.CitationList = CitationList;
+exports.CitationMarker = CitationMarker;
+exports.CitationRow = CitationRow;
+exports.ClarifyCard = ClarifyCard;
 exports.Command = Command;
 exports.CommandDialog = CommandDialog;
 exports.CommandEmpty = CommandEmpty;
@@ -4357,6 +5812,8 @@ exports.CommandItem = CommandItem;
 exports.CommandList = CommandList;
 exports.CommandSeparator = CommandSeparator;
 exports.CommandShortcut = CommandShortcut;
+exports.ContextBar = ContextBar;
+exports.DiagnosisCard = DiagnosisCard;
 exports.Dialog = Dialog;
 exports.DialogClose = DialogClose;
 exports.DialogContent = DialogContent;
@@ -4367,6 +5824,10 @@ exports.DialogOverlay = DialogOverlay;
 exports.DialogPortal = DialogPortal;
 exports.DialogTitle = DialogTitle;
 exports.DialogTrigger = DialogTrigger;
+exports.DiffList = DiffList;
+exports.DiffRow = DiffRow;
+exports.DivergingBar = DivergingBar;
+exports.DotRating = DotRating;
 exports.DropdownMenu = DropdownMenu;
 exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
 exports.DropdownMenuContent = DropdownMenuContent;
@@ -4382,7 +5843,14 @@ exports.DropdownMenuSub = DropdownMenuSub;
 exports.DropdownMenuSubContent = DropdownMenuSubContent;
 exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.EmissionCard = EmissionCard;
+exports.EmissionHeader = EmissionHeader;
+exports.EmptyState = EmptyState;
+exports.EmptyStateLock = EmptyStateLock;
 exports.ErrorBoundary = ErrorBoundary;
+exports.FilterBar = FilterBar;
+exports.FilterChip = FilterChip;
+exports.HeatStrip = HeatStrip;
 exports.HoverCard = HoverCard;
 exports.HoverCardContent = HoverCardContent;
 exports.HoverCardTrigger = HoverCardTrigger;
@@ -4398,6 +5866,8 @@ exports.ItemSeparator = ItemSeparator;
 exports.ItemTitle = ItemTitle;
 exports.Kbd = Kbd;
 exports.KbdGroup = KbdGroup;
+exports.Legend = Legend;
+exports.LegendItem = LegendItem;
 exports.MenuItem = MenuItem;
 exports.Menubar = Menubar;
 exports.MenubarCheckboxItem = MenubarCheckboxItem;
@@ -4415,6 +5885,8 @@ exports.MenubarSub = MenubarSub;
 exports.MenubarSubContent = MenubarSubContent;
 exports.MenubarSubTrigger = MenubarSubTrigger;
 exports.MenubarTrigger = MenubarTrigger;
+exports.MetricGrid = MetricGrid;
+exports.MetricTile = MetricTile;
 exports.NavBase = NavBase;
 exports.NavHorizontal = NavHorizontal;
 exports.NavHorizontalItems = NavHorizontalItems;
@@ -4443,13 +5915,20 @@ exports.Popover = Popover;
 exports.PopoverContent = PopoverContent;
 exports.PopoverTrigger = PopoverTrigger;
 exports.Progress = Progress;
+exports.PropertyList = PropertyList;
+exports.PropertyRow = PropertyRow;
+exports.ProposalCard = ProposalCard;
+exports.RatingControl = RatingControl;
+exports.RepairNote = RepairNote;
 exports.ResizableHandle = ResizableHandle;
 exports.ResizablePanel = ResizablePanel;
 exports.ResizablePanelGroup = ResizablePanelGroup;
+exports.RetryNote = RetryNote;
 exports.RichSelect = RichSelect;
 exports.ScrollArea = ScrollArea;
 exports.ScrollBar = ScrollBar;
 exports.SearchInput = SearchInput;
+exports.SectionHeader = SectionHeader;
 exports.Separator = Separator;
 exports.Sheet = Sheet;
 exports.SheetClose = SheetClose;
@@ -4485,7 +5964,9 @@ exports.SidebarRail = SidebarRail;
 exports.SidebarSeparator = SidebarSeparator;
 exports.SidebarTrigger = SidebarTrigger;
 exports.Skeleton = Skeleton;
+exports.Sparkline = Sparkline;
 exports.Spinner = Spinner;
+exports.StatusDot = StatusDot;
 exports.TabbedPanel = TabbedPanel;
 exports.Table = Table;
 exports.TableBody = TableBody;
@@ -4499,6 +5980,11 @@ exports.Tabs = Tabs;
 exports.TabsContent = TabsContent;
 exports.TabsList = TabsList;
 exports.TabsTrigger = TabsTrigger;
+exports.TemplatePicker = TemplatePicker;
+exports.Terminal = Terminal;
+exports.TerminalLine = TerminalLine;
+exports.TimelineEntry = TimelineEntry;
+exports.TimelineList = TimelineList;
 exports.Toaster = Toaster;
 exports.Toggle = Toggle;
 exports.ToggleGroup = ToggleGroup;
@@ -4528,12 +6014,14 @@ exports.TypographyP = TypographyP;
 exports.TypographyPre = TypographyPre;
 exports.TypographySmall = TypographySmall;
 exports.UnderDevelopment = UnderDevelopment;
+exports.agentChipVariants = agentChipVariants;
 exports.badgeVariants = badgeVariants;
 exports.buttonGroupVariants = buttonGroupVariants;
 exports.buttonVariants = buttonVariants;
 exports.chatSessionGutterClass = chatSessionGutterClass;
 exports.cn = cn;
 exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle;
+exports.statusDotVariants = statusDotVariants;
 exports.toggleVariants = toggleVariants;
 exports.useSidebar = useSidebar;
 exports.useTour = useTour;