@invana/ui 0.0.30 → 0.0.31

package/dist/index.js

@@ -1,9 +1,9 @@
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import * as React24 from 'react';
-import React24__default, { Component } from 'react';
+import * as React25 from 'react';
+import React25__default, { Component } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { ChevronDown, ArrowLeft, ArrowRight, X, Search, ChevronRight, Check, Circle, PanelLeft, MoreHorizontal, ChevronLeft, Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon, Frown, Lock, Construction } from 'lucide-react';
+import { ChevronDown, ArrowLeft, ArrowRight, X, Search, ChevronRight, Check, Circle, PanelLeft, ChevronLeft, MoreHorizontal, Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon, Frown, Lock, Construction } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
@@ -32,7 +32,7 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 var Accordion = AccordionPrimitive.Root;
-var AccordionItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AccordionItem = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AccordionPrimitive.Item,
   {
     ref,
@@ -41,7 +41,7 @@ var AccordionItem = React24.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+var AccordionTrigger = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
   AccordionPrimitive.Trigger,
   {
     ref,
@@ -57,7 +57,7 @@ var AccordionTrigger = React24.forwardRef(({ className, children, ...props }, re
   }
 ) }));
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var AccordionContent = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
   AccordionPrimitive.Content,
   {
     ref,
@@ -81,7 +81,7 @@ var alertVariants = cva(
     }
   }
 );
-var Alert = React24.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
+var Alert = React25.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -91,7 +91,7 @@ var Alert = React24.forwardRef(({ className, variant, ...props }, ref) => /* @__
   }
 ));
 Alert.displayName = "Alert";
-var AlertTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertTitle = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h5",
   {
     ref,
@@ -100,7 +100,7 @@ var AlertTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDescription = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -145,7 +145,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React24.forwardRef(
+var Button = React25.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsx(
@@ -162,7 +162,7 @@ Button.displayName = "Button";
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogOverlay = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -174,7 +174,7 @@ var AlertDialogOverlay = React24.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+var AlertDialogContent = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
   /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
   /* @__PURE__ */ jsx(
     AlertDialogPrimitive.Content,
@@ -217,7 +217,7 @@ var AlertDialogFooter = ({
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogTitle = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -226,7 +226,7 @@ var AlertDialogTitle = React24.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogDescription = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -235,7 +235,7 @@ var AlertDialogDescription = React24.forwardRef(({ className, ...props }, ref) =
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogAction = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Action,
   {
     ref,
@@ -244,7 +244,7 @@ var AlertDialogAction = React24.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogCancel = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -257,7 +257,7 @@ var AlertDialogCancel = React24.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
-var Avatar = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Avatar = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Root,
   {
     ref,
@@ -270,7 +270,7 @@ var Avatar = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarImage = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Image,
   {
     ref,
@@ -279,7 +279,7 @@ var AvatarImage = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarFallback = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -338,9 +338,9 @@ function Badge({ className, variant, tone, size, ...props }) {
     }
   );
 }
-var Breadcrumb = React24.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var Breadcrumb = React25.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var BreadcrumbList = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ol",
   {
     ref,
@@ -352,7 +352,7 @@ var BreadcrumbList = React24.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var BreadcrumbItem = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "li",
   {
     ref,
@@ -361,7 +361,7 @@ var BreadcrumbItem = React24.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React24.forwardRef(({ asChild, className, ...props }, ref) => {
+var BreadcrumbLink = React25.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? Slot : "a";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -373,7 +373,7 @@ var BreadcrumbLink = React24.forwardRef(({ asChild, className, ...props }, ref)
   );
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var BreadcrumbPage = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "span",
   {
     ref,
@@ -417,7 +417,7 @@ var BreadcrumbEllipsis = ({
   }
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
-var Separator = React24.forwardRef(
+var Separator = React25.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
     SeparatorPrimitive.Root,
     {
@@ -499,7 +499,7 @@ function ButtonGroupSeparator({
     }
   );
 }
-var Card = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Card = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -511,7 +511,7 @@ var Card = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardHeader = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -520,7 +520,7 @@ var CardHeader = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -529,7 +529,7 @@ var CardTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardDescription = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -538,9 +538,9 @@ var CardDescription = React24.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-3 flex-1 overflow-y-auto", className), ...props }));
+var CardContent = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-3 flex-1 overflow-y-auto", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -549,7 +549,7 @@ var CardFooter = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardFooter.displayName = "CardFooter";
-var CardWithHeader = React24.forwardRef(
+var CardWithHeader = React25.forwardRef(
   ({ className, title, description, headerClassName, contentClassName, footerClassName, footer, children, ...props }, ref) => /* @__PURE__ */ jsxs(Card, { ref, className, ...props, children: [
     /* @__PURE__ */ jsxs(CardHeader, { className: `${headerClassName} rounded-t-md`, children: [
       typeof title === "string" ? /* @__PURE__ */ jsx(CardTitle, { children: title }) : title,
@@ -560,15 +560,15 @@ var CardWithHeader = React24.forwardRef(
   ] })
 );
 CardWithHeader.displayName = "CardWithHeader";
-var CarouselContext = React24.createContext(null);
+var CarouselContext = React25.createContext(null);
 function useCarousel() {
-  const context = React24.useContext(CarouselContext);
+  const context = React25.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React24.forwardRef(
+var Carousel = React25.forwardRef(
   ({
     orientation = "horizontal",
     opts,
@@ -585,22 +585,22 @@ var Carousel = React24.forwardRef(
       },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React24.useState(false);
-    const [canScrollNext, setCanScrollNext] = React24.useState(false);
-    const onSelect = React24.useCallback((api2) => {
+    const [canScrollPrev, setCanScrollPrev] = React25.useState(false);
+    const [canScrollNext, setCanScrollNext] = React25.useState(false);
+    const onSelect = React25.useCallback((api2) => {
       if (!api2) {
         return;
       }
       setCanScrollPrev(api2.canScrollPrev());
       setCanScrollNext(api2.canScrollNext());
     }, []);
-    const scrollPrev = React24.useCallback(() => {
+    const scrollPrev = React25.useCallback(() => {
       api?.scrollPrev();
     }, [api]);
-    const scrollNext = React24.useCallback(() => {
+    const scrollNext = React25.useCallback(() => {
       api?.scrollNext();
     }, [api]);
-    const handleKeyDown = React24.useCallback(
+    const handleKeyDown = React25.useCallback(
       (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -612,13 +612,13 @@ var Carousel = React24.forwardRef(
       },
       [scrollPrev, scrollNext]
     );
-    React24.useEffect(() => {
+    React25.useEffect(() => {
       if (!api || !setApi) {
         return;
       }
       setApi(api);
     }, [api, setApi]);
-    React24.useEffect(() => {
+    React25.useEffect(() => {
       if (!api) {
         return;
       }
@@ -659,7 +659,7 @@ var Carousel = React24.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React24.forwardRef(({ className, ...props }, ref) => {
+var CarouselContent = React25.forwardRef(({ className, ...props }, ref) => {
   const { carouselRef, orientation } = useCarousel();
   return /* @__PURE__ */ jsx("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx(
     "div",
@@ -675,7 +675,7 @@ var CarouselContent = React24.forwardRef(({ className, ...props }, ref) => {
   ) });
 });
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React24.forwardRef(({ className, ...props }, ref) => {
+var CarouselItem = React25.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useCarousel();
   return /* @__PURE__ */ jsx(
     "div",
@@ -693,7 +693,7 @@ var CarouselItem = React24.forwardRef(({ className, ...props }, ref) => {
   );
 });
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React24.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselPrevious = React25.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ jsxs(
     Button,
@@ -717,7 +717,7 @@ var CarouselPrevious = React24.forwardRef(({ className, variant = "outline", siz
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React24.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselNext = React25.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   return /* @__PURE__ */ jsxs(
     Button,
@@ -745,7 +745,7 @@ var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogOverlay = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -757,7 +757,7 @@ var DialogOverlay = React24.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+var DialogContent = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxs(
     DialogPrimitive.Content,
@@ -807,7 +807,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogTitle = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -819,7 +819,7 @@ var DialogTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogDescription = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -828,7 +828,7 @@ var DialogDescription = React24.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
-var Command = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Command = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1,
   {
     ref,
@@ -843,7 +843,7 @@ Command.displayName = Command$1.displayName;
 var CommandDialog = ({ children, ...props }) => {
   return /* @__PURE__ */ jsx(Dialog, { ...props, children: /* @__PURE__ */ jsx(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
 };
-var CommandInput = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+var CommandInput = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ jsx(
     Command$1.Input,
@@ -858,7 +858,7 @@ var CommandInput = React24.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = Command$1.Input.displayName;
-var CommandList = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandList = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.List,
   {
     ref,
@@ -867,7 +867,7 @@ var CommandList = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = Command$1.List.displayName;
-var CommandEmpty = React24.forwardRef((props, ref) => /* @__PURE__ */ jsx(
+var CommandEmpty = React25.forwardRef((props, ref) => /* @__PURE__ */ jsx(
   Command$1.Empty,
   {
     ref,
@@ -876,7 +876,7 @@ var CommandEmpty = React24.forwardRef((props, ref) => /* @__PURE__ */ jsx(
   }
 ));
 CommandEmpty.displayName = Command$1.Empty.displayName;
-var CommandGroup = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Group,
   {
     ref,
@@ -888,7 +888,7 @@ var CommandGroup = React24.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = Command$1.Group.displayName;
-var CommandSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Separator,
   {
     ref,
@@ -897,7 +897,7 @@ var CommandSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = Command$1.Separator.displayName;
-var CommandItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandItem = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Item,
   {
     ref,
@@ -931,7 +931,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React24.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuSubTrigger = React25.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -948,7 +948,7 @@ var DropdownMenuSubTrigger = React24.forwardRef(({ className, inset, children, .
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSubContent = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -960,7 +960,7 @@ var DropdownMenuSubContent = React24.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React24.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var DropdownMenuContent = React25.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -974,7 +974,7 @@ var DropdownMenuContent = React24.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React24.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuItem = React25.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -987,7 +987,7 @@ var DropdownMenuItem = React24.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React24.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuCheckboxItem = React25.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -1004,7 +1004,7 @@ var DropdownMenuCheckboxItem = React24.forwardRef(({ className, children, checke
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuRadioItem = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -1020,7 +1020,7 @@ var DropdownMenuRadioItem = React24.forwardRef(({ className, children, ...props
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React24.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuLabel = React25.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -1033,7 +1033,7 @@ var DropdownMenuLabel = React24.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -1057,7 +1057,7 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React24.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+var HoverCardContent = React25.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -1300,7 +1300,7 @@ var linkVariants = cva(
     defaultVariants: { variant: "default" }
   }
 );
-var Link = React24.forwardRef(
+var Link = React25.forwardRef(
   ({ className, variant, external, target, rel, ...props }, ref) => /* @__PURE__ */ jsx(
     "a",
     {
@@ -1338,7 +1338,7 @@ function MenubarSub({
 }) {
   return /* @__PURE__ */ jsx(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
 }
-var Menubar = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Menubar = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   MenubarPrimitive.Root,
   {
     ref,
@@ -1350,7 +1350,7 @@ var Menubar = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MenubarTrigger = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -1362,7 +1362,7 @@ var MenubarTrigger = React24.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React24.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var MenubarSubTrigger = React25.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -1379,7 +1379,7 @@ var MenubarSubTrigger = React24.forwardRef(({ className, inset, children, ...pro
   }
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MenubarSubContent = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -1391,7 +1391,7 @@ var MenubarSubContent = React24.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React24.forwardRef(
+var MenubarContent = React25.forwardRef(
   ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(
     MenubarPrimitive.Content,
     {
@@ -1408,7 +1408,7 @@ var MenubarContent = React24.forwardRef(
   ) })
 );
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React24.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var MenubarItem = React25.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   MenubarPrimitive.Item,
   {
     ref,
@@ -1421,7 +1421,7 @@ var MenubarItem = React24.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React24.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+var MenubarCheckboxItem = React25.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -1438,7 +1438,7 @@ var MenubarCheckboxItem = React24.forwardRef(({ className, children, checked, ..
   }
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var MenubarRadioItem = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -1454,7 +1454,7 @@ var MenubarRadioItem = React24.forwardRef(({ className, children, ...props }, re
   }
 ));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React24.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var MenubarLabel = React25.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   MenubarPrimitive.Label,
   {
     ref,
@@ -1467,7 +1467,7 @@ var MenubarLabel = React24.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MenubarSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   MenubarPrimitive.Separator,
   {
     ref,
@@ -1492,7 +1492,7 @@ var MenubarShortcut = ({
   );
 };
 MenubarShortcut.displayname = "MenubarShortcut";
-var NavigationMenu = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var NavigationMenu = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -1508,7 +1508,7 @@ var NavigationMenu = React24.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var NavigationMenuList = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -1524,7 +1524,7 @@ var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = cva(
   "group inline-flex h-10 w-max items-center justify-center rounded-control bg-background px-4 py-2 font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent"
 );
-var NavigationMenuTrigger = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var NavigationMenuTrigger = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -1544,7 +1544,7 @@ var NavigationMenuTrigger = React24.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var NavigationMenuContent = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -1557,7 +1557,7 @@ var NavigationMenuContent = React24.forwardRef(({ className, ...props }, ref) =>
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx(
+var NavigationMenuViewport = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx(
   NavigationMenuPrimitive.Viewport,
   {
     className: cn(
@@ -1569,7 +1569,7 @@ var NavigationMenuViewport = React24.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var NavigationMenuIndicator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -1592,7 +1592,7 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx(
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var PaginationContent = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ul",
   {
     ref,
@@ -1601,7 +1601,7 @@ var PaginationContent = React24.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = ({
   className,
@@ -1675,7 +1675,7 @@ var PaginationEllipsis = ({
 PaginationEllipsis.displayName = "PaginationEllipsis";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React24.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var PopoverContent = React25.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   PopoverPrimitive.Content,
   {
     ref,
@@ -1689,7 +1689,7 @@ var PopoverContent = React24.forwardRef(({ className, align = "center", sideOffs
   }
 ) }));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var Progress = React24.forwardRef(({ className, value, size = "default", ...props }, ref) => /* @__PURE__ */ jsx(
+var Progress = React25.forwardRef(({ className, value, size = "default", ...props }, ref) => /* @__PURE__ */ jsx(
   ProgressPrimitive.Root,
   {
     ref,
@@ -1733,7 +1733,7 @@ var ResizableHandle = ({
     /* @__PURE__ */ jsx("div", { className: "z-10 h-6 w-[3px] rounded-full bg-muted-foreground/40" })
   }
 );
-var ScrollArea = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ScrollArea = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ScrollAreaPrimitive.Root,
   {
     ref,
@@ -1747,7 +1747,7 @@ var ScrollArea = React24.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React24.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+var ScrollBar = React25.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -1763,11 +1763,90 @@ var ScrollBar = React24.forwardRef(({ className, orientation = "vertical", ...pr
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+var SegmentedControl = React25.forwardRef(
+  ({
+    options,
+    value,
+    defaultValue,
+    onValueChange,
+    size = "xs",
+    stretch,
+    className,
+    ...props
+  }, ref) => {
+    const [internal, setInternal] = React25.useState(
+      defaultValue ?? options[0]?.value
+    );
+    const active = value ?? internal;
+    const refs = React25.useRef([]);
+    const select = (next) => {
+      if (value == null) setInternal(next);
+      onValueChange?.(next);
+    };
+    const onKeyDown = (event, index) => {
+      const forward = event.key === "ArrowRight" || event.key === "ArrowDown";
+      const back = event.key === "ArrowLeft" || event.key === "ArrowUp";
+      if (!forward && !back) return;
+      event.preventDefault();
+      const step = forward ? 1 : -1;
+      for (let i = 1; i <= options.length; i += 1) {
+        const next = options[(index + step * i + options.length * i) % options.length];
+        if (next && !next.disabled) {
+          select(next.value);
+          refs.current[options.indexOf(next)]?.focus();
+          return;
+        }
+      }
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "radiogroup",
+        className: cn(
+          "inline-flex overflow-hidden rounded-control border border-border",
+          stretch && "flex w-full",
+          className
+        ),
+        ...props,
+        children: options.map((option, index) => {
+          const on = option.value === active;
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              ref: (node) => {
+                refs.current[index] = node;
+              },
+              type: "button",
+              role: "radio",
+              "aria-checked": on,
+              disabled: option.disabled,
+              tabIndex: on ? 0 : -1,
+              onClick: () => select(option.value),
+              onKeyDown: (event) => onKeyDown(event, index),
+              className: cn(
+                "min-w-0 truncate px-2 text-center whitespace-nowrap",
+                "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring",
+                size === "xs" ? "h-[22px] text-sm" : "h-[26px]",
+                stretch && "flex-1",
+                on ? "bg-primary/12 font-medium text-primary" : "text-muted-foreground hover:bg-accent hover:text-foreground",
+                option.disabled && "pointer-events-none opacity-50"
+              ),
+              children: option.label
+            },
+            option.value
+          );
+        })
+      }
+    );
+  }
+);
+SegmentedControl.displayName = "SegmentedControl";
 var Sheet = DialogPrimitive.Root;
 var SheetTrigger = DialogPrimitive.Trigger;
 var SheetClose = DialogPrimitive.Close;
 var SheetPortal = DialogPrimitive.Portal;
-var SheetOverlay = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetOverlay = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     className: cn(
@@ -1795,7 +1874,7 @@ var sheetVariants = cva(
     }
   }
 );
-var SheetContent = React24.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
+var SheetContent = React25.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
   /* @__PURE__ */ jsx(SheetOverlay, {}),
   /* @__PURE__ */ jsxs(
     DialogPrimitive.Content,
@@ -1842,7 +1921,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetTitle = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -1851,7 +1930,7 @@ var SheetTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = DialogPrimitive.Title.displayName;
-var SheetDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetDescription = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -1862,8 +1941,8 @@ var SheetDescription = React24.forwardRef(({ className, ...props }, ref) => /* @
 SheetDescription.displayName = DialogPrimitive.Description.displayName;
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React24.useState(void 0);
-  React24.useEffect(() => {
+  const [isMobile, setIsMobile] = React25.useState(void 0);
+  React25.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -1889,7 +1968,7 @@ function Skeleton({
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React24.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+var TooltipContent = React25.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
   TooltipPrimitive.Content,
   {
     ref,
@@ -1908,15 +1987,15 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React24.createContext(null);
+var SidebarContext = React25.createContext(null);
 function useSidebar() {
-  const context = React24.useContext(SidebarContext);
+  const context = React25.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
   return context;
 }
-var SidebarProvider = React24.forwardRef(
+var SidebarProvider = React25.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -1927,10 +2006,10 @@ var SidebarProvider = React24.forwardRef(
     ...props
   }, ref) => {
     const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = React24.useState(false);
-    const [_open, _setOpen] = React24.useState(defaultOpen);
+    const [openMobile, setOpenMobile] = React25.useState(false);
+    const [_open, _setOpen] = React25.useState(defaultOpen);
     const open = openProp ?? _open;
-    const setOpen = React24.useCallback(
+    const setOpen = React25.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -1942,10 +2021,10 @@ var SidebarProvider = React24.forwardRef(
       },
       [setOpenProp, open]
     );
-    const toggleSidebar = React24.useCallback(() => {
+    const toggleSidebar = React25.useCallback(() => {
       return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
     }, [isMobile, setOpen, setOpenMobile]);
-    React24.useEffect(() => {
+    React25.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           event.preventDefault();
@@ -1956,7 +2035,7 @@ var SidebarProvider = React24.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React24.useMemo(
+    const contextValue = React25.useMemo(
       () => ({
         state,
         open,
@@ -1988,7 +2067,7 @@ var SidebarProvider = React24.forwardRef(
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React24.forwardRef(
+var Sidebar = React25.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -2081,7 +2160,7 @@ var Sidebar = React24.forwardRef(
   }
 );
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React24.forwardRef(({ className, onClick, ...props }, ref) => {
+var SidebarTrigger = React25.forwardRef(({ className, onClick, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
   return /* @__PURE__ */ jsxs(
     Button,
@@ -2104,7 +2183,7 @@ var SidebarTrigger = React24.forwardRef(({ className, onClick, ...props }, ref)
   );
 });
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React24.forwardRef(({ className, ...props }, ref) => {
+var SidebarRail = React25.forwardRef(({ className, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
   return /* @__PURE__ */ jsx(
     "button",
@@ -2129,7 +2208,7 @@ var SidebarRail = React24.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React24.forwardRef(({ className, ...props }, ref) => {
+var SidebarInset = React25.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "main",
     {
@@ -2144,7 +2223,7 @@ var SidebarInset = React24.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React24.forwardRef(({ className, type, ...props }, ref) => {
+var SidebarInput = React25.forwardRef(({ className, type, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "input",
     {
@@ -2162,7 +2241,7 @@ var SidebarInput = React24.forwardRef(({ className, type, ...props }, ref) => {
   );
 });
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React24.forwardRef(({ className, ...props }, ref) => {
+var SidebarHeader = React25.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -2174,7 +2253,7 @@ var SidebarHeader = React24.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React24.forwardRef(({ className, ...props }, ref) => {
+var SidebarFooter = React25.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -2186,7 +2265,7 @@ var SidebarFooter = React24.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React24.forwardRef(({ className, ...props }, ref) => {
+var SidebarSeparator = React25.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     Separator,
     {
@@ -2198,7 +2277,7 @@ var SidebarSeparator = React24.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React24.forwardRef(({ className, ...props }, ref) => {
+var SidebarContent = React25.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -2213,7 +2292,7 @@ var SidebarContent = React24.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React24.forwardRef(({ className, ...props }, ref) => {
+var SidebarGroup = React25.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -2225,7 +2304,7 @@ var SidebarGroup = React24.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React24.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupLabel = React25.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "div";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -2242,7 +2321,7 @@ var SidebarGroupLabel = React24.forwardRef(({ className, asChild = false, ...pro
   );
 });
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React24.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupAction = React25.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -2261,7 +2340,7 @@ var SidebarGroupAction = React24.forwardRef(({ className, asChild = false, ...pr
   );
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarGroupContent = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -2271,7 +2350,7 @@ var SidebarGroupContent = React24.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarMenu = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ul",
   {
     ref,
@@ -2281,7 +2360,7 @@ var SidebarMenu = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarMenuItem = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "li",
   {
     ref,
@@ -2311,7 +2390,7 @@ var sidebarMenuButtonVariants = cva(
     }
   }
 );
-var SidebarMenuButton = React24.forwardRef(
+var SidebarMenuButton = React25.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -2357,7 +2436,7 @@ var SidebarMenuButton = React24.forwardRef(
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React24.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuAction = React25.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -2380,7 +2459,7 @@ var SidebarMenuAction = React24.forwardRef(({ className, asChild = false, showOn
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarMenuBadge = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -2398,8 +2477,8 @@ var SidebarMenuBadge = React24.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React24.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React24.useMemo(() => {
+var SidebarMenuSkeleton = React25.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React25.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxs(
@@ -2432,7 +2511,7 @@ var SidebarMenuSkeleton = React24.forwardRef(({ className, showIcon = false, ...
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarMenuSub = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ul",
   {
     ref,
@@ -2446,9 +2525,9 @@ var SidebarMenuSub = React24.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React24.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, ...props }));
+var SidebarMenuSubItem = React25.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, ...props }));
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-var SidebarMenuSubButton = React24.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButton = React25.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? Slot : "a";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -2550,7 +2629,7 @@ var statusDotVariants = cva("inline-block shrink-0 rounded-full", {
     size: "sm"
   }
 });
-var StatusDot = React24.forwardRef(
+var StatusDot = React25.forwardRef(
   ({ className, tone, size, label, ...props }, ref) => /* @__PURE__ */ jsx(
     "span",
     {
@@ -2564,7 +2643,7 @@ var StatusDot = React24.forwardRef(
   )
 );
 StatusDot.displayName = "StatusDot";
-var Table = React24.forwardRef(({ className, density = "default", ...props }, ref) => /* @__PURE__ */ jsx(
+var Table = React25.forwardRef(({ className, density = "default", ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     "data-density": density,
@@ -2580,9 +2659,9 @@ var Table = React24.forwardRef(({ className, density = "default", ...props }, re
   }
 ));
 Table.displayName = "Table";
-var TableHeader = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableBody = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tbody",
   {
     ref,
@@ -2591,7 +2670,7 @@ var TableBody = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableFooter = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tfoot",
   {
     ref,
@@ -2603,7 +2682,7 @@ var TableFooter = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableRow = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tr",
   {
     ref,
@@ -2615,7 +2694,7 @@ var TableRow = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableHead = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "th",
   {
     ref,
@@ -2632,7 +2711,7 @@ var TableHead = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCell = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "td",
   {
     ref,
@@ -2645,7 +2724,7 @@ var TableCell = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCaption = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "caption",
   {
     ref,
@@ -2654,11 +2733,11 @@ var TableCaption = React24.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableCaption.displayName = "TableCaption";
-var TabsSizeContext = React24.createContext("default");
-var Tabs = React24.forwardRef(({ size = "default", ...props }, ref) => /* @__PURE__ */ jsx(TabsSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx(TabsPrimitive.Root, { ref, ...props }) }));
+var TabsSizeContext = React25.createContext("default");
+var Tabs = React25.forwardRef(({ size = "default", ...props }, ref) => /* @__PURE__ */ jsx(TabsSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx(TabsPrimitive.Root, { ref, ...props }) }));
 Tabs.displayName = TabsPrimitive.Root.displayName;
-var TabsList = React24.forwardRef(({ className, ...props }, ref) => {
-  const size = React24.useContext(TabsSizeContext);
+var TabsList = React25.forwardRef(({ className, ...props }, ref) => {
+  const size = React25.useContext(TabsSizeContext);
   return /* @__PURE__ */ jsx(
     TabsPrimitive.List,
     {
@@ -2673,8 +2752,8 @@ var TabsList = React24.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React24.forwardRef(({ className, ...props }, ref) => {
-  const size = React24.useContext(TabsSizeContext);
+var TabsTrigger = React25.forwardRef(({ className, ...props }, ref) => {
+  const size = React25.useContext(TabsSizeContext);
   return /* @__PURE__ */ jsx(
     TabsPrimitive.Trigger,
     {
@@ -2689,7 +2768,7 @@ var TabsTrigger = React24.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     ref,
@@ -2721,7 +2800,7 @@ var toggleVariants = cva(
     }
   }
 );
-var Toggle = React24.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+var Toggle = React25.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
   TogglePrimitive.Root,
   {
     ref,
@@ -2730,11 +2809,11 @@ var Toggle = React24.forwardRef(({ className, variant, size, ...props }, ref) =>
   }
 ));
 Toggle.displayName = TogglePrimitive.Root.displayName;
-var ToggleGroupContext = React24.createContext({
+var ToggleGroupContext = React25.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React24.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var ToggleGroup = React25.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
   ToggleGroupPrimitive.Root,
   {
     ref,
@@ -2744,8 +2823,8 @@ var ToggleGroup = React24.forwardRef(({ className, variant, size, children, ...p
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React24.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React24.useContext(ToggleGroupContext);
+var ToggleGroupItem = React25.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React25.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
     {
@@ -2763,6 +2842,26 @@ var ToggleGroupItem = React24.forwardRef(({ className, children, variant, size,
   );
 });
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+var WORD = {
+  unrecorded: "nothing recorded",
+  purged: "purged",
+  "declared-none": "none declared"
+};
+var AbsenceNote = React25.forwardRef(
+  ({ reason, label, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn("flex flex-col gap-1 px-2.5 py-2", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "font-mono text-xs tracking-wide text-muted-foreground", children: label ?? WORD[reason] }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm leading-relaxed text-muted-foreground", children })
+      ]
+    }
+  )
+);
+AbsenceNote.displayName = "AbsenceNote";
 var TONE = {
   allowed: "text-foreground",
   denied: "text-destructive",
@@ -2774,7 +2873,7 @@ function split(address) {
   if (cut < 0) return { head: "", tail: address };
   return { head: address.slice(0, cut + 1), tail: address.slice(cut + 1) };
 }
-var AddressChip = React24.forwardRef(
+var AddressChip = React25.forwardRef(
   ({ address, tone = "allowed", onOpen, className, ...props }, ref) => {
     const { head, tail } = split(address);
     const body = /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -2841,7 +2940,7 @@ var agentChipVariants = cva(
     defaultVariants: { kind: "agent", inactive: false }
   }
 );
-var AgentChip = React24.forwardRef(
+var AgentChip = React25.forwardRef(
   ({ icon, name, kind, inactive, className, ...props }, ref) => /* @__PURE__ */ jsxs(
     "span",
     {
@@ -2868,7 +2967,7 @@ var stateVariants = cva("inline-flex shrink-0 items-center gap-1.5 font-medium",
   },
   defaultVariants: { tone: "active" }
 });
-var AppStatusBar = React24.forwardRef(
+var AppStatusBar = React25.forwardRef(
   ({ state, tone, end, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -2896,7 +2995,94 @@ var AppStatusBar = React24.forwardRef(
   )
 );
 AppStatusBar.displayName = "AppStatusBar";
-var BarChartH = React24.forwardRef(
+var ArtifactTable = React25.forwardRef(({ files, onOpen, onDownload, renderActions, className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col", className), ...props, children: /* @__PURE__ */ jsxs(Table, { density: "compact", children: [
+  /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+    /* @__PURE__ */ jsx(TableHead, { children: "file" }),
+    /* @__PURE__ */ jsx(TableHead, { className: "w-[7rem]", children: "kind" }),
+    /* @__PURE__ */ jsx(TableHead, { className: "w-[5rem]", children: "size" }),
+    /* @__PURE__ */ jsx(TableHead, { className: "w-[7rem]", children: "digest" }),
+    /* @__PURE__ */ jsx(TableHead, { className: "w-[5.5rem]", children: "written" }),
+    /* @__PURE__ */ jsx(TableHead, { className: "w-[9.5rem]", children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "actions" }) })
+  ] }) }),
+  /* @__PURE__ */ jsx(TableBody, { children: files.map((file, index) => /* @__PURE__ */ jsxs(TableRow, { children: [
+    /* @__PURE__ */ jsx(
+      TableCell,
+      {
+        className: cn(
+          "font-mono",
+          file.gone && "text-muted-foreground line-through"
+        ),
+        children: file.name
+      }
+    ),
+    /* @__PURE__ */ jsx(TableCell, { children: file.kind }),
+    /* @__PURE__ */ jsx(TableCell, { className: "tabular-nums", children: file.size }),
+    /* @__PURE__ */ jsx(TableCell, { className: "font-mono text-muted-foreground", children: file.digest }),
+    /* @__PURE__ */ jsx(TableCell, { className: "font-mono tabular-nums", children: file.written }),
+    /* @__PURE__ */ jsx(TableCell, { children: renderActions ? renderActions(file, index) : /* @__PURE__ */ jsxs("span", { className: "flex gap-1", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "xs",
+          disabled: file.gone || !onOpen,
+          onClick: () => onOpen?.(file, index),
+          children: "Open"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "xs",
+          disabled: file.gone || !onDownload,
+          onClick: () => onDownload?.(file, index),
+          children: "Download"
+        }
+      )
+    ] }) })
+  ] }, index)) })
+] }) }));
+ArtifactTable.displayName = "ArtifactTable";
+var TONE2 = {
+  muted: "text-muted-foreground",
+  info: "text-info",
+  success: "text-success",
+  warning: "text-warning",
+  destructive: "text-destructive"
+};
+var AttemptClock = React25.forwardRef(
+  ({ rows, summary, className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col", className), ...props, children: [
+    /* @__PURE__ */ jsxs(Table, { density: "compact", children: [
+      /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableHead, { className: "w-[7rem]", children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "what" }) }),
+        /* @__PURE__ */ jsx(TableHead, { className: "w-[6rem]", children: "started" }),
+        /* @__PURE__ */ jsx(TableHead, { className: "w-[5.5rem]", children: "took" }),
+        /* @__PURE__ */ jsx(TableHead, { children: "what happened" })
+      ] }) }),
+      /* @__PURE__ */ jsx(TableBody, { children: rows.map((row, index) => {
+        const tone = row.tone ? TONE2[row.tone] : void 0;
+        return /* @__PURE__ */ jsxs(TableRow, { children: [
+          /* @__PURE__ */ jsx(TableCell, { className: cn(tone, row.struck && "line-through"), children: row.label }),
+          /* @__PURE__ */ jsx(TableCell, { className: "font-mono tabular-nums text-muted-foreground", children: row.started }),
+          /* @__PURE__ */ jsx(TableCell, { className: cn("font-mono tabular-nums", tone), children: row.took }),
+          /* @__PURE__ */ jsx(
+            TableCell,
+            {
+              className: cn(row.struck && ["line-through", tone]),
+              children: row.what
+            }
+          )
+        ] }, index);
+      }) })
+    ] }),
+    summary != null ? /* @__PURE__ */ jsx("div", { className: "border-border border-t px-2.5 py-1.5 text-sm text-muted-foreground", children: summary }) : null
+  ] })
+);
+AttemptClock.displayName = "AttemptClock";
+var BarChartH = React25.forwardRef(
   ({
     data,
     max,
@@ -2937,7 +3123,7 @@ var BarChartH = React24.forwardRef(
   }
 );
 BarChartH.displayName = "BarChartH";
-var BarChartV = React24.forwardRef(
+var BarChartV = React25.forwardRef(
   ({
     data,
     max,
@@ -3002,7 +3188,7 @@ var BarChartV = React24.forwardRef(
 );
 BarChartV.displayName = "BarChartV";
 var UNPAINTED = "bg-muted-foreground";
-var BoundChip = React24.forwardRef(
+var BoundChip = React25.forwardRef(
   ({ bound, swatchOnly, label, swatch, palette, className, ...props }, ref) => /* @__PURE__ */ jsxs(
     "span",
     {
@@ -3033,7 +3219,7 @@ function ButtonWithTooltip(props) {
     /* @__PURE__ */ jsx(TooltipContent, { children: props.tooltip })
   ] }) });
 }
-var CannotAnswerCard = React24.forwardRef(({ label = "cannot answer", remedy, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var CannotAnswerCard = React25.forwardRef(({ label = "cannot answer", remedy, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   "div",
   {
     ref,
@@ -3057,7 +3243,7 @@ var PURPOSE = {
   judge: "scores an output \u2014 often local",
   embed: "text in, vector out"
 };
-var CastTable = React24.forwardRef(
+var CastTable = React25.forwardRef(
   ({ cast = {}, resolved, readOnly, className, ...props }, ref) => {
     const byRole = new Map((resolved ?? []).map((r) => [r.role, r]));
     return /* @__PURE__ */ jsxs("div", { ref, className: cn("min-w-0", className), ...props, children: [
@@ -3106,20 +3292,20 @@ function ChatSession({
   className,
   bodyClassName
 }) {
-  const rootRef = React24.useRef(null);
-  const contentRef = React24.useRef(null);
-  const pinnedRef = React24.useRef(true);
-  const getViewport = React24.useCallback(
+  const rootRef = React25.useRef(null);
+  const contentRef = React25.useRef(null);
+  const pinnedRef = React25.useRef(true);
+  const getViewport = React25.useCallback(
     () => rootRef.current?.querySelector(
       "[data-radix-scroll-area-viewport]"
     ) ?? null,
     []
   );
-  const scrollToBottom = React24.useCallback(() => {
+  const scrollToBottom = React25.useCallback(() => {
     const viewport = getViewport();
     if (viewport) viewport.scrollTop = viewport.scrollHeight;
   }, [getViewport]);
-  React24.useEffect(() => {
+  React25.useEffect(() => {
     const viewport = getViewport();
     if (!viewport) return;
     const handleScroll = () => {
@@ -3129,7 +3315,7 @@ function ChatSession({
     viewport.addEventListener("scroll", handleScroll, { passive: true });
     return () => viewport.removeEventListener("scroll", handleScroll);
   }, [getViewport, followThreshold]);
-  React24.useEffect(() => {
+  React25.useEffect(() => {
     const content = contentRef.current;
     if (!content || typeof ResizeObserver === "undefined") return;
     const observer = new ResizeObserver(() => {
@@ -3138,11 +3324,11 @@ function ChatSession({
     observer.observe(content);
     return () => observer.disconnect();
   }, [scrollToBottom]);
-  React24.useEffect(() => {
+  React25.useEffect(() => {
     pinnedRef.current = true;
     scrollToBottom();
   }, [autoScrollKey, scrollToBottom]);
-  const isEmpty = React24.Children.count(children) === 0;
+  const isEmpty = React25.Children.count(children) === 0;
   return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col h-full min-h-0", className), children: [
     /* @__PURE__ */ jsx(
       ScrollArea,
@@ -3235,12 +3421,12 @@ function useOverflowItems({
   pinnedIndex,
   reserve = 32
 }) {
-  const containerEl = React24.useRef(null);
-  const itemEls = React24.useRef([]);
-  const widths = React24.useRef([]);
-  const itemRefs = React24.useRef([]);
-  const [hidden, setHidden] = React24.useState(NONE);
-  const fit = React24.useCallback(() => {
+  const containerEl = React25.useRef(null);
+  const itemEls = React25.useRef([]);
+  const widths = React25.useRef([]);
+  const itemRefs = React25.useRef([]);
+  const [hidden, setHidden] = React25.useState(NONE);
+  const fit = React25.useCallback(() => {
     const el = containerEl.current;
     if (!el || !enabled) {
       setHidden((prev) => prev === NONE ? prev : NONE);
@@ -3269,12 +3455,12 @@ function useOverflowItems({
     }
     setHidden((prev) => same(prev, next) ? prev : next);
   }, [count, enabled, pinnedIndex, reserve]);
-  React24.useLayoutEffect(() => {
+  React25.useLayoutEffect(() => {
     widths.current = [];
     itemEls.current.length = count;
     setHidden((prev) => prev === NONE ? prev : NONE);
   }, [count]);
-  React24.useLayoutEffect(() => {
+  React25.useLayoutEffect(() => {
     fit();
     if (!enabled || typeof ResizeObserver === "undefined") return;
     const observer = new ResizeObserver(() => fit());
@@ -3282,10 +3468,10 @@ function useOverflowItems({
     for (const item of itemEls.current) if (item) observer.observe(item);
     return () => observer.disconnect();
   }, [fit, enabled, hidden]);
-  const containerRef = React24.useCallback((el) => {
+  const containerRef = React25.useCallback((el) => {
     containerEl.current = el;
   }, []);
-  const itemRef = React24.useCallback((index) => {
+  const itemRef = React25.useCallback((index) => {
     let fn = itemRefs.current[index];
     if (!fn) {
       fn = (el) => {
@@ -3295,7 +3481,7 @@ function useOverflowItems({
     }
     return fn;
   }, []);
-  const isHidden = React24.useCallback(
+  const isHidden = React25.useCallback(
     (index) => hidden.includes(index),
     [hidden]
   );
@@ -3348,15 +3534,15 @@ var NavItems = ({
   const isVertical = orientation === "vertical";
   const isTabs = selectionMode === "tabs";
   const V = VARIANT[variant];
-  const [internalActive, setInternalActive] = React24__default.useState(
+  const [internalActive, setInternalActive] = React25__default.useState(
     null
   );
   const isControlled = activeKey !== void 0;
   const currentKey = isControlled ? activeKey : internalActive;
   const activeIndex = items.findIndex((item) => keyOf(item) === currentKey);
-  const nodes = React24__default.useRef({});
-  const pendingFocus = React24__default.useRef(null);
-  React24__default.useEffect(() => {
+  const nodes = React25__default.useRef({});
+  const pendingFocus = React25__default.useRef(null);
+  React25__default.useEffect(() => {
     const key = pendingFocus.current;
     if (!key) return;
     const node = nodes.current[key];
@@ -3369,7 +3555,7 @@ var NavItems = ({
     enabled: overflow && !isVertical,
     pinnedIndex: activeIndex >= 0 ? activeIndex : void 0
   });
-  const select = React24__default.useCallback(
+  const select = React25__default.useCallback(
     (item) => {
       if (item.disabled) return;
       const key = keyOf(item);
@@ -3517,7 +3703,7 @@ var NavItems = ({
       /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: hasMenu && !asCaret ? /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: control }) : control }),
       /* @__PURE__ */ jsx(TooltipContent, { side: item.tooltipSide || tooltipSide, children: item.tooltip || item.name })
     ] });
-    return /* @__PURE__ */ jsxs(React24__default.Fragment, { children: [
+    return /* @__PURE__ */ jsxs(React25__default.Fragment, { children: [
       hasMenu ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [
         withTooltip,
         /* @__PURE__ */ jsx(
@@ -3607,7 +3793,7 @@ function renderMenuRows(menuItems) {
   const gutter = menuItems?.some((m) => m.icon);
   return menuItems?.map((menuItem) => {
     const MenuIcon = menuItem.icon;
-    return /* @__PURE__ */ jsxs(React24__default.Fragment, { children: [
+    return /* @__PURE__ */ jsxs(React25__default.Fragment, { children: [
       menuItem.separatorBefore && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
       /* @__PURE__ */ jsxs(
         DropdownMenuItem,
@@ -3926,7 +4112,7 @@ function ChatSessionDisclosure({
   className,
   contentClassName
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React24.useState(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = React25.useState(defaultOpen);
   const isOpen = open ?? uncontrolledOpen;
   const toggle = () => {
     const next = !isOpen;
@@ -4078,9 +4264,9 @@ function ChatSessionContextChip({
     }
   );
 }
-var CitationList = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("ul", { ref, className: cn("flex flex-col", className), ...props, children }));
+var CitationList = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("ul", { ref, className: cn("flex flex-col", className), ...props, children }));
 CitationList.displayName = "CitationList";
-var CitationRow = React24.forwardRef(
+var CitationRow = React25.forwardRef(
   ({ kind, source, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "li",
     {
@@ -4096,7 +4282,7 @@ var CitationRow = React24.forwardRef(
   )
 );
 CitationRow.displayName = "CitationRow";
-var ClampedText = React24.forwardRef(
+var ClampedText = React25.forwardRef(
   ({
     lines = 3,
     moreLabel = "Show more",
@@ -4105,10 +4291,10 @@ var ClampedText = React24.forwardRef(
     children,
     ...props
   }, ref) => {
-    const [expanded, setExpanded] = React24.useState(false);
-    const [clipped, setClipped] = React24.useState(false);
-    const bodyRef = React24.useRef(null);
-    React24.useLayoutEffect(() => {
+    const [expanded, setExpanded] = React25.useState(false);
+    const [clipped, setClipped] = React25.useState(false);
+    const bodyRef = React25.useRef(null);
+    React25.useLayoutEffect(() => {
       const el = bodyRef.current;
       if (!el || expanded) return;
       const measure = () => setClipped(el.scrollHeight - el.clientHeight > 1);
@@ -4146,7 +4332,7 @@ var ClampedText = React24.forwardRef(
   }
 );
 ClampedText.displayName = "ClampedText";
-var ClarifyCard = React24.forwardRef(
+var ClarifyCard = React25.forwardRef(
   ({
     step,
     waiting,
@@ -4159,7 +4345,7 @@ var ClarifyCard = React24.forwardRef(
     className,
     ...props
   }, ref) => {
-    const name = React24.useId();
+    const name = React25.useId();
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -4227,7 +4413,7 @@ var ClarifyCard = React24.forwardRef(
   }
 );
 ClarifyCard.displayName = "ClarifyCard";
-var ContextBar = React24.forwardRef(
+var ContextBar = React25.forwardRef(
   ({ counters, hint, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -4246,7 +4432,7 @@ var ContextBar = React24.forwardRef(
   )
 );
 ContextBar.displayName = "ContextBar";
-var DiagnosisCard = React24.forwardRef(({ code, attempted, target, actions, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DiagnosisCard = React25.forwardRef(({ code, attempted, target, actions, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   "div",
   {
     ref,
@@ -4274,11 +4460,11 @@ var OP_CLASS = {
   remove: "text-destructive",
   change: "text-warning"
 };
-var DiffList = React24.forwardRef(
+var DiffList = React25.forwardRef(
   ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("ul", { ref, className: cn("flex flex-col", className), ...props, children })
 );
 DiffList.displayName = "DiffList";
-var DiffRow = React24.forwardRef(
+var DiffRow = React25.forwardRef(
   ({ op = "add", kind, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "li",
     {
@@ -4294,7 +4480,7 @@ var DiffRow = React24.forwardRef(
   )
 );
 DiffRow.displayName = "DiffRow";
-var DivergingBar = React24.forwardRef(
+var DivergingBar = React25.forwardRef(
   ({
     data,
     max,
@@ -4352,7 +4538,7 @@ var DivergingBar = React24.forwardRef(
   }
 );
 DivergingBar.displayName = "DivergingBar";
-var EgressList = React24.forwardRef(
+var EgressList = React25.forwardRef(
   ({ to, classes = [], cut = [], className, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -4390,7 +4576,7 @@ var EgressList = React24.forwardRef(
   )
 );
 EgressList.displayName = "EgressList";
-var EmissionHeader = React24.forwardRef(({ kind, template, citation, note, actions, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+var EmissionHeader = React25.forwardRef(({ kind, template, citation, note, actions, className, ...props }, ref) => /* @__PURE__ */ jsxs(
   "div",
   {
     ref,
@@ -4410,7 +4596,7 @@ var EmissionHeader = React24.forwardRef(({ kind, template, citation, note, actio
   }
 ));
 EmissionHeader.displayName = "EmissionHeader";
-var EmissionCard = React24.forwardRef(
+var EmissionCard = React25.forwardRef(
   ({
     kind,
     template,
@@ -4445,7 +4631,7 @@ var EmissionCard = React24.forwardRef(
   )
 );
 EmissionCard.displayName = "EmissionCard";
-var CitationMarker = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var CitationMarker = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
   "sup",
   {
     ref,
@@ -4455,7 +4641,7 @@ var CitationMarker = React24.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 CitationMarker.displayName = "CitationMarker";
-var EmptyState = React24.forwardRef(
+var EmptyState = React25.forwardRef(
   ({ icon, title, description, actions, locks, className, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -4476,7 +4662,7 @@ var EmptyState = React24.forwardRef(
   )
 );
 EmptyState.displayName = "EmptyState";
-var EmptyStateLock = React24.forwardRef(({ icon, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var EmptyStateLock = React25.forwardRef(({ icon, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   "span",
   {
     ref,
@@ -4513,7 +4699,74 @@ var ErrorBoundary = class extends Component {
     return this.props.children;
   }
 };
-var Eyebrow = React24.forwardRef(
+function Bubble({
+  who,
+  rail,
+  children,
+  note
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1 border-l-2 px-2.5 py-2", rail), children: [
+    who != null ? /* @__PURE__ */ jsx("span", { className: "font-mono text-xs font-semibold", children: who }) : null,
+    /* @__PURE__ */ jsx("span", { className: "leading-relaxed", children }),
+    note != null ? /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: note }) : null
+  ] });
+}
+var ExchangeRecord = React25.forwardRef(
+  ({
+    asker,
+    question,
+    why,
+    options,
+    answerer,
+    answer,
+    answerNote,
+    className,
+    ...props
+  }, ref) => /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col", className), ...props, children: [
+    /* @__PURE__ */ jsx(Bubble, { who: asker, rail: "border-l-warning bg-warning/5", note: why, children: question }),
+    options?.length ? /* @__PURE__ */ jsx("ul", { className: "flex flex-col", children: options.map((option, index) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: "flex items-center gap-2 border-border/55 border-t px-2.5 py-1",
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              className: cn(
+                "size-2.5 shrink-0 rounded-full border-[1.5px]",
+                option.chosen ? "border-primary bg-primary" : "border-border bg-transparent"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "min-w-0 flex-1 truncate font-mono text-sm",
+                option.chosen ? "text-foreground" : "text-muted-foreground"
+              ),
+              children: option.label
+            }
+          ),
+          option.chosen ? /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-primary", children: "chosen" }) : null
+        ]
+      },
+      index
+    )) }) : null,
+    answer != null ? /* @__PURE__ */ jsx(
+      Bubble,
+      {
+        who: answerer,
+        rail: "border-l-primary bg-primary/5 border-t border-t-border/55",
+        note: answerNote,
+        children: answer
+      }
+    ) : null
+  ] })
+);
+ExchangeRecord.displayName = "ExchangeRecord";
+var Eyebrow = React25.forwardRef(
   ({ aside, tone = "muted", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -4534,7 +4787,7 @@ var Eyebrow = React24.forwardRef(
   )
 );
 Eyebrow.displayName = "Eyebrow";
-var FilterBar = React24.forwardRef(
+var FilterBar = React25.forwardRef(
   ({ summary, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -4553,33 +4806,55 @@ var FilterBar = React24.forwardRef(
   )
 );
 FilterBar.displayName = "FilterBar";
-var FilterChip = React24.forwardRef(
-  ({ label, value, active, className, ...props }, ref) => /* @__PURE__ */ 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__ */ jsx("span", { className: cn(value != null && "text-muted-foreground"), children: label }),
-        value != null ? /* @__PURE__ */ jsx("span", { className: "truncate", children: value }) : null,
-        /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "text-muted-foreground", children: "\u25BE" })
-      ]
-    }
-  )
+var FilterChip = React25.forwardRef(
+  ({ label, value, active, onRemove, removeLabel, className, ...props }, ref) => {
+    const chip = /* @__PURE__ */ 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",
+          onRemove && "rounded-r-none border-r-0",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: cn(value != null && "text-muted-foreground"), children: label }),
+          value != null ? /* @__PURE__ */ jsx("span", { className: "truncate", children: value }) : null,
+          /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "text-muted-foreground", children: "\u25BE" })
+        ]
+      }
+    );
+    if (!onRemove) return chip;
+    return /* @__PURE__ */ jsxs("span", { className: "inline-flex min-w-0 items-center", children: [
+      chip,
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "xs",
+          onClick: onRemove,
+          "aria-label": removeLabel ?? `Clear ${typeof label === "string" ? label : "filter"}`,
+          className: cn(
+            "h-[22px] rounded-l-none px-1 font-normal text-muted-foreground hover:text-foreground",
+            active && "border-primary/40"
+          ),
+          children: /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\xD7" })
+        }
+      )
+    ] });
+  }
 );
 FilterChip.displayName = "FilterChip";
-var HeatStrip = React24.forwardRef(
+var HeatStrip = React25.forwardRef(
   ({ cells, states, ticks, cellSize = 14, className, ...props }, ref) => {
-    const byKey = React24.useMemo(
+    const byKey = React25.useMemo(
       () => new Map(states.map((s) => [s.key, s])),
       [states]
     );
@@ -4631,6 +4906,23 @@ var HeatStrip = React24.forwardRef(
   }
 );
 HeatStrip.displayName = "HeatStrip";
+var KindChip = React25.forwardRef(
+  ({ kind, dim, className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      className: cn(
+        "inline-flex h-[17px] shrink-0 items-center rounded-control px-1.5",
+        "bg-muted font-mono text-xs tracking-wide text-muted-foreground",
+        dim && "opacity-60",
+        className
+      ),
+      ...props,
+      children: kind
+    }
+  )
+);
+KindChip.displayName = "KindChip";
 var layerLabel = (layer) => layer.replace(/_/g, " ");
 var UNPAINTED2 = {
   swatch: "bg-muted-foreground",
@@ -4643,7 +4935,7 @@ var UNPAINTED2 = {
   text: "text-foreground"
 };
 var layerPaint = (palette, layer) => ({ ...UNPAINTED2, ...palette?.[layer] });
-var LayerChip = React24.forwardRef(
+var LayerChip = React25.forwardRef(
   ({ layer, count, label, dim, swatch, palette, className, ...props }, ref) => {
     const paint = layerPaint(palette, layer);
     return /* @__PURE__ */ jsxs(
@@ -4680,9 +4972,9 @@ var LayerChip = React24.forwardRef(
   }
 );
 LayerChip.displayName = "LayerChip";
-var LayerSection = React24.forwardRef(
+var LayerSection = React25.forwardRef(
   ({ layer, summary, count, dim, palette, className, children, ...props }, ref) => {
-    const empty = React24.Children.count(children) === 0;
+    const empty = React25.Children.count(children) === 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -4722,7 +5014,7 @@ var formatElapsed = (ms) => {
   const m = Math.floor(ms / 6e4);
   return `${m}m ${Math.round(ms % 6e4 / 1e3)}s`;
 };
-var LayerStrip = React24.forwardRef(
+var LayerStrip = React25.forwardRef(
   ({
     bands,
     items,
@@ -4748,7 +5040,7 @@ var LayerStrip = React24.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [ownCollapsed, setOwnCollapsed] = React24.useState(
+    const [ownCollapsed, setOwnCollapsed] = React25.useState(
       defaultCollapsed ?? []
     );
     const shut = collapsed ?? ownCollapsed;
@@ -4860,6 +5152,13 @@ var LayerStrip = React24.forwardRef(
             /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: "what it does" }),
             /* @__PURE__ */ jsx("dd", { className: "min-w-0 font-mono", children: item.note })
           ] }) : null,
+          item.forecast ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: "usually" }),
+            /* @__PURE__ */ jsxs("dd", { className: "min-w-0 tabular-nums", children: [
+              scale === "elapsed" ? formatElapsed(item.forecast.p50) : item.forecast.p50,
+              item.forecast.note ? ` \xB7 ${item.forecast.note}` : ""
+            ] })
+          ] }) : null,
           item.ruleMatched ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: "refused by" }),
             /* @__PURE__ */ jsx("dd", { className: "min-w-0 break-all font-mono text-destructive", children: item.ruleMatched })
@@ -4927,27 +5226,42 @@ var LayerStrip = React24.forwardRef(
                   children: item.label
                 }
               ),
-              compact ? null : /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: item.note ?? (state === "declared" ? null : stateLabel(state)) })
+              compact ? null : /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: item.note ?? (item.forecast ? `p50 ${scale === "elapsed" ? formatElapsed(item.forecast.p50) : item.forecast.p50}${item.forecast.note ? ` \xB7 ${item.forecast.note}` : ""}` : state === "declared" ? null : stateLabel(state)) })
             ] })
           ]
         },
         item.id
       );
-      if (!hoverDetail) return drawn;
-      return /* @__PURE__ */ jsxs(HoverCard, { openDelay: 140, closeDelay: 80, children: [
-        /* @__PURE__ */ jsx(HoverCardTrigger, { asChild: true, children: drawn }),
-        /* @__PURE__ */ jsx(
-          HoverCardContent,
-          {
-            align: "start",
-            side: "top",
-            className: "w-auto max-w-80 p-3",
-            children: detail(item)
-          }
-        )
-      ] }, item.id);
+      const forecastMark = item.forecast ? /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": true,
+          style: { left: `${pct(item.start + item.forecast.p50)}%` },
+          className: "-translate-y-1/2 pointer-events-none absolute top-1/2 h-5 border-muted-foreground/70 border-l border-dashed"
+        },
+        `${item.id}-p50`
+      ) : null;
+      const withMark = (node) => forecastMark ? /* @__PURE__ */ jsxs(React25.Fragment, { children: [
+        forecastMark,
+        node
+      ] }, item.id) : node;
+      if (!hoverDetail) return withMark(drawn);
+      return withMark(
+        /* @__PURE__ */ jsxs(HoverCard, { openDelay: 140, closeDelay: 80, children: [
+          /* @__PURE__ */ jsx(HoverCardTrigger, { asChild: true, children: drawn }),
+          /* @__PURE__ */ jsx(
+            HoverCardContent,
+            {
+              align: "start",
+              side: "top",
+              className: "w-auto max-w-80 p-3",
+              children: detail(item)
+            }
+          )
+        ] }, item.id)
+      );
     };
-    const bracketLanes = React24.useMemo(() => {
+    const bracketLanes = React25.useMemo(() => {
       const lanes = [];
       const ordered = [...brackets ?? []].sort(
         (a, b) => b.end - b.start - (a.end - a.start)
@@ -4963,7 +5277,7 @@ var LayerStrip = React24.forwardRef(
       }
       return lanes;
     }, [brackets]);
-    const seamLines = React24.useMemo(() => {
+    const seamLines = React25.useMemo(() => {
       const placed = (seams ?? []).filter((seam) => seam.at != null);
       const loose = (seams ?? []).filter((seam) => seam.at == null);
       return [...placed.length ? [placed] : [], ...loose.map((s2) => [s2])];
@@ -4995,7 +5309,7 @@ var LayerStrip = React24.forwardRef(
                     style: { left: `${pct(seam.at)}%` },
                     className: cn(
                       "absolute inset-y-0 border-l",
-                      seam.conditional ? "border-dashed border-muted-foreground/45" : "border-muted-foreground/60"
+                      seam.conditional || seam.noEstimate ? "border-dashed border-muted-foreground/45" : "border-muted-foreground/60"
                     )
                   },
                   seam.id
@@ -5102,7 +5416,7 @@ var LayerStrip = React24.forwardRef(
                       // pass is already paid for.
                       "absolute inset-y-1.5 flex items-center bg-card px-1.5 text-muted-foreground",
                       after ? "border-r-2 text-right" : "border-l-2",
-                      seam.conditional ? "border-dashed border-muted-foreground/45" : "border-muted-foreground/70"
+                      seam.conditional || seam.noEstimate ? "border-dashed border-muted-foreground/45" : "border-muted-foreground/70"
                     ),
                     children: named
                   },
@@ -5119,7 +5433,7 @@ var LayerStrip = React24.forwardRef(
             const foldable = collapsible && parts.length > 0;
             const isShut = foldable && shut.includes(band.layer);
             const onLine = isShut ? allOf(band.layer) : own;
-            return /* @__PURE__ */ jsxs(React24.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React25.Fragment, { children: [
               row(
                 band.layer,
                 label(
@@ -5274,6 +5588,26 @@ function Swatch({ kind = "dot", color }) {
     );
   if (kind === "line")
     return /* @__PURE__ */ jsx("span", { "aria-hidden": true, style, className: "h-0.5 w-4 shrink-0 bg-current" });
+  if (kind === "stripe")
+    return /* @__PURE__ */ jsx("span", { "aria-hidden": true, style, className: "h-3 w-[3px] shrink-0 bg-current" });
+  if (kind === "bracket")
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        style,
+        className: "h-3 w-3.5 shrink-0 border-l-2 border-current bg-current/10"
+      }
+    );
+  if (kind === "rule")
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        style,
+        className: "relative h-3 w-4 shrink-0 before:absolute before:inset-x-0 before:top-1.5 before:border-t-2 before:border-current after:absolute after:left-0.5 after:top-[3px] after:size-1.5 after:bg-current"
+      }
+    );
   if (kind === "dashed")
     return /* @__PURE__ */ jsx(
       "span",
@@ -5299,7 +5633,7 @@ function Swatch({ kind = "dot", color }) {
     }
   );
 }
-var Legend = React24.forwardRef(
+var Legend = React25.forwardRef(
   ({ orientation = "row", className, children, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -5316,7 +5650,7 @@ var Legend = React24.forwardRef(
   )
 );
 Legend.displayName = "Legend";
-var LegendItem = React24.forwardRef(
+var LegendItem = React25.forwardRef(
   ({ kind, color, label, count, className, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -5333,7 +5667,7 @@ var LegendItem = React24.forwardRef(
   )
 );
 LegendItem.displayName = "LegendItem";
-var LensChip = React24.forwardRef(
+var LensChip = React25.forwardRef(
   ({ lens, onPick, className, ...props }, ref) => {
     const label = lens?.name ?? "Everything";
     const unset = lens == null;
@@ -5395,7 +5729,7 @@ function describe(n, palette) {
       ] });
   }
 }
-var LensRow = React24.forwardRef(
+var LensRow = React25.forwardRef(
   ({ name, narrows = [], usage, selected, onSelect, palette, className, ...props }, ref) => {
     const interactive = Boolean(onSelect);
     return /* @__PURE__ */ jsxs(
@@ -5431,7 +5765,7 @@ var LensRow = React24.forwardRef(
               usage.lastUsed ? ` \xB7 last ${usage.lastUsed}` : ""
             ] }) : null
           ] }),
-          narrows.length ? /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 text-sm text-muted-foreground", children: narrows.map((n, i) => /* @__PURE__ */ jsxs(React24.Fragment, { children: [
+          narrows.length ? /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 text-sm text-muted-foreground", children: narrows.map((n, i) => /* @__PURE__ */ jsxs(React25.Fragment, { children: [
             i > 0 ? /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "opacity-40", children: "\xB7" }) : null,
             /* @__PURE__ */ jsx("span", { className: "inline-flex items-center", children: describe(n, palette) })
           ] }, `${n.kind}-${i}`)) }) : /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground/70", children: "narrows nothing \u2014 the whole model, inside the guardrails" })
@@ -5441,7 +5775,31 @@ var LensRow = React24.forwardRef(
   }
 );
 LensRow.displayName = "LensRow";
-var MatchPreview = React24.forwardRef(
+var TONE3 = {
+  muted: "border-muted-foreground/50 text-muted-foreground",
+  info: "border-info/60 text-info",
+  success: "border-success/60 text-success",
+  warning: "border-warning/60 text-warning",
+  destructive: "border-destructive/60 text-destructive"
+};
+var MarkChip = React25.forwardRef(
+  ({ tone = "warning", className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      className: cn(
+        "inline-flex shrink-0 items-center rounded-control border px-1 py-px",
+        "font-mono text-xs whitespace-nowrap",
+        TONE3[tone],
+        className
+      ),
+      ...props,
+      children
+    }
+  )
+);
+MarkChip.displayName = "MarkChip";
+var MatchPreview = React25.forwardRef(
   ({ pattern, matches = [], loading, limit = 8, className, ...props }, ref) => {
     const hits = matches.filter((m) => m.matched);
     const misses = matches.filter((m) => !m.matched);
@@ -5550,14 +5908,14 @@ var MenuItem = ({
     )
   ] });
 };
-var TONE2 = {
+var TONE4 = {
   running: "text-info",
   success: "text-success",
   warning: "text-warning",
   error: "text-destructive",
   info: "text-info"
 };
-var MetricTile = React24.forwardRef(
+var MetricTile = React25.forwardRef(
   ({ label, value, caption, tone, meter, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -5577,7 +5935,7 @@ var MetricTile = React24.forwardRef(
               // `1,880` and `2 / 5` in adjacent tiles sit at different widths, and
               // a strip of six stops reading as one row of numbers.
               "font-mono text-lg font-semibold leading-tight",
-              tone ? TONE2[tone] ?? "text-foreground" : void 0
+              tone ? TONE4[tone] ?? "text-foreground" : void 0
             ),
             children: value
           }
@@ -5596,7 +5954,7 @@ var MetricTile = React24.forwardRef(
               children: /* @__PURE__ */ jsx(
                 "div",
                 {
-                  className: cn("h-full", tone ? TONE2[tone] ?? "text-foreground" : "text-primary", "bg-current"),
+                  className: cn("h-full", tone ? TONE4[tone] ?? "text-foreground" : "text-primary", "bg-current"),
                   style: { width: `${Math.min(Math.max(meter, 0), 1) * 100}%` }
                 }
               )
@@ -5609,7 +5967,7 @@ var MetricTile = React24.forwardRef(
   )
 );
 MetricTile.displayName = "MetricTile";
-var MetricGrid = React24.forwardRef(
+var MetricGrid = React25.forwardRef(
   ({ minTileWidth = 120, gap = 6, className, style, children, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -5668,7 +6026,7 @@ var NestedMenu = (props) => {
     }
   );
 };
-var PanelBox = React24.forwardRef(
+var PanelBox = React25.forwardRef(
   ({ title, aside, flush, className, headerClassName, bodyClassName, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     Card,
     {
@@ -5759,13 +6117,13 @@ function PanelStack({
   headerClassName,
   bodyClassName
 }) {
-  const groupRef = React24.useRef(null);
-  const refs = React24.useRef({});
-  const [collapsed, setCollapsed] = React24.useState(
+  const groupRef = React25.useRef(null);
+  const refs = React25.useRef({});
+  const [collapsed, setCollapsed] = React25.useState(
     () => Object.fromEntries(sections.map((s) => [s.id, !!s.defaultCollapsed]))
   );
-  const didInit = React24.useRef(false);
-  React24.useLayoutEffect(() => {
+  const didInit = React25.useRef(false);
+  React25.useLayoutEffect(() => {
     if (didInit.current) return;
     didInit.current = true;
     const targets = sections.filter((s) => s.defaultCollapsed);
@@ -5797,18 +6155,18 @@ function PanelStack({
     for (const s of targets) refs.current[s.id]?.collapse();
     group.setLayout(next);
   }, []);
-  const notify = React24.useRef(onCollapsedChange);
-  React24.useEffect(() => {
+  const notify = React25.useRef(onCollapsedChange);
+  React25.useEffect(() => {
     notify.current = onCollapsedChange;
   }, [onCollapsedChange]);
-  const collapsedRef = React24.useRef(collapsed);
+  const collapsedRef = React25.useRef(collapsed);
   collapsedRef.current = collapsed;
-  const collapsePanel = React24.useCallback((id) => {
+  const collapsePanel = React25.useCallback((id) => {
     const ref = refs.current[id];
     if (!ref || ref.isCollapsed()) return;
     ref.collapse();
   }, []);
-  const expandPanel = React24.useCallback((id) => {
+  const expandPanel = React25.useCallback((id) => {
     const ref = refs.current[id];
     if (!ref || !ref.isCollapsed()) return;
     ref.expand();
@@ -5826,7 +6184,7 @@ function PanelStack({
       [donorId]: donorPct - share
     });
   }, []);
-  const toggle = React24.useCallback(
+  const toggle = React25.useCallback(
     (id) => {
       const ref = refs.current[id];
       if (!ref) return;
@@ -5835,7 +6193,7 @@ function PanelStack({
     },
     [expandPanel, collapsePanel]
   );
-  React24.useImperativeHandle(
+  React25.useImperativeHandle(
     stackRef,
     () => ({
       expand: expandPanel,
@@ -5859,7 +6217,7 @@ function PanelStack({
           const Icon = section.icon;
           const isCollapsed = collapsed[section.id];
           const flush = index > 0 && (isCollapsed || collapsed[sections[index - 1].id]);
-          return /* @__PURE__ */ jsxs(React24.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React25.Fragment, { children: [
             index > 0 && /* @__PURE__ */ jsx(
               ResizableHandle,
               {
@@ -5955,7 +6313,52 @@ function PanelStack({
     ) })
   );
 }
-var PropertyList = React24.forwardRef(
+var TONE5 = {
+  success: "text-success",
+  muted: "text-muted-foreground",
+  warning: "text-warning",
+  destructive: "text-destructive"
+};
+var DEFAULT_TONE = {
+  touched: "success",
+  refused: "destructive",
+  denied: "destructive"
+};
+var ADDRESS_TONE = {
+  touched: "allowed",
+  refused: "refused",
+  denied: "denied",
+  "never touched": "untouched",
+  miss: "untouched"
+};
+var ParticipantRow = React25.forwardRef(({ address, verdict, note, tone, addressTone, className, ...props }, ref) => {
+  const resolved = tone ?? DEFAULT_TONE[verdict] ?? "muted";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex min-w-0 items-baseline gap-2 border-border/55 border-t py-1 first:border-t-0",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          AddressChip,
+          {
+            address,
+            tone: addressTone ?? ADDRESS_TONE[verdict] ?? "allowed",
+            className: "min-w-0 flex-1"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: cn("shrink-0 text-sm", TONE5[resolved]), children: verdict }),
+        note != null ? /* @__PURE__ */ jsx("span", { className: "max-w-[18rem] shrink-0 truncate text-sm text-muted-foreground", children: note }) : null
+      ]
+    }
+  );
+});
+ParticipantRow.displayName = "ParticipantRow";
+var PropertyList = React25.forwardRef(
   ({ labelWidth = 78, className, style, children, ...props }, ref) => /* @__PURE__ */ jsx(
     "dl",
     {
@@ -5971,7 +6374,7 @@ var PropertyList = React24.forwardRef(
   )
 );
 PropertyList.displayName = "PropertyList";
-var PropertyRow = React24.forwardRef(
+var PropertyRow = React25.forwardRef(
   ({ label, mono, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -5986,7 +6389,7 @@ var PropertyRow = React24.forwardRef(
   )
 );
 PropertyRow.displayName = "PropertyRow";
-var ProposalCard = React24.forwardRef(
+var ProposalCard = React25.forwardRef(
   ({
     title,
     source,
@@ -6018,7 +6421,7 @@ var ProposalCard = React24.forwardRef(
   ] })
 );
 ProposalCard.displayName = "ProposalCard";
-var DotRating = React24.forwardRef(
+var DotRating = React25.forwardRef(
   ({ value, max = 3, onChange, readOnly, label, className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -6063,7 +6466,7 @@ var DotRating = React24.forwardRef(
   )
 );
 DotRating.displayName = "DotRating";
-var RatingControl = React24.forwardRef(
+var RatingControl = React25.forwardRef(
   ({
     verdict,
     onVerdictChange,
@@ -6120,7 +6523,7 @@ var RatingControl = React24.forwardRef(
   )
 );
 RatingControl.displayName = "RatingControl";
-var RecordHeader = React24.forwardRef(
+var RecordHeader = React25.forwardRef(
   ({ tone, crumbs, chips, actions, className, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -6134,7 +6537,7 @@ var RecordHeader = React24.forwardRef(
         tone ? /* @__PURE__ */ jsx(StatusDot, { tone, size: "lg" }) : null,
         /* @__PURE__ */ jsx("div", { className: "flex min-w-0 items-center gap-1.5", children: crumbs.map((crumb, i) => {
           const last = i === crumbs.length - 1;
-          return /* @__PURE__ */ jsxs(React24.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React25.Fragment, { children: [
             i > 0 ? /* @__PURE__ */ jsx(
               ChevronRight,
               {
@@ -6146,8 +6549,13 @@ var RecordHeader = React24.forwardRef(
               "span",
               {
                 className: cn(
-                  "min-w-0 truncate font-mono",
-                  last ? "text-base font-semibold text-foreground" : "text-muted-foreground"
+                  "truncate font-mono",
+                  // The **last** crumb gives way first. It is the record's own
+                  // name and the longest of them, and the reader is already on
+                  // it; the parents are what say *which dashboard this is*, and
+                  // at four characters `runs` truncated to `ru…` leaves the one
+                  // question a crumb trail exists to answer unanswered.
+                  last ? "min-w-[6ch] shrink-[999] text-base font-semibold text-foreground" : "min-w-[3ch] text-muted-foreground"
                 ),
                 children: crumb
               }
@@ -6161,7 +6569,55 @@ var RecordHeader = React24.forwardRef(
   )
 );
 RecordHeader.displayName = "RecordHeader";
-var RepairNote = React24.forwardRef(
+var RecordPager = React25.forwardRef(
+  ({
+    position,
+    onPrevious,
+    onNext,
+    previousLabel = "Previous",
+    nextLabel = "Next",
+    className,
+    ...props
+  }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn("flex items-center gap-1.5", className),
+      ...props,
+      children: [
+        position != null ? /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm text-muted-foreground", children: position }) : null,
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "icon-xs",
+              "aria-label": previousLabel,
+              disabled: !onPrevious,
+              onClick: onPrevious,
+              children: /* @__PURE__ */ jsx(ChevronLeft, { "aria-hidden": true })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "icon-xs",
+              "aria-label": nextLabel,
+              disabled: !onNext,
+              onClick: onNext,
+              children: /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": true })
+            }
+          )
+        ] })
+      ]
+    }
+  )
+);
+RecordPager.displayName = "RecordPager";
+var RepairNote = React25.forwardRef(
   ({ from, to, className, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -6180,7 +6636,7 @@ var RepairNote = React24.forwardRef(
   )
 );
 RepairNote.displayName = "RepairNote";
-var RetryNote = React24.forwardRef(
+var RetryNote = React25.forwardRef(
   ({ attempt, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -6347,7 +6803,7 @@ function describeSlice(select, declared) {
   }
   return out;
 }
-var SliceSummary = React24.forwardRef(
+var SliceSummary = React25.forwardRef(
   ({ select, declaredAxes, modelLabel, variant = "line", className, ...props }, ref) => {
     const lines = select ? describeSlice(select, declaredAxes) : [];
     if (!lines.length) {
@@ -6394,7 +6850,7 @@ var SliceSummary = React24.forwardRef(
   }
 );
 SliceSummary.displayName = "SliceSummary";
-var RuleRow = React24.forwardRef(
+var RuleRow = React25.forwardRef(
   ({ match, allow, properties, select, egress, readOnly, className, ...props }, ref) => {
     const excluded = properties?.exclude ?? [];
     const sends = egress?.may_send ?? [];
@@ -6452,6 +6908,111 @@ var RuleRow = React24.forwardRef(
   }
 );
 RuleRow.displayName = "RuleRow";
+var TONE6 = {
+  queued: "queued",
+  running: "running",
+  succeeded: "success",
+  failed: "error",
+  cancelled: "muted",
+  cannot_answer: "warning",
+  awaiting_approval: "warning",
+  skipped: "muted",
+  held: "muted",
+  purged: "muted"
+};
+var TEXT = {
+  running: "text-info",
+  success: "text-success",
+  warning: "text-warning",
+  error: "text-destructive",
+  info: "text-info",
+  queued: "text-muted-foreground",
+  muted: "text-muted-foreground"
+};
+var RunStatusText = React25.forwardRef(({ status, tone, dot, label, className, ...props }, ref) => {
+  const resolved = tone ?? TONE6[status] ?? "muted";
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      ref,
+      className: cn(
+        "inline-flex min-w-0 items-center gap-1.5",
+        TEXT[resolved],
+        className
+      ),
+      ...props,
+      children: [
+        dot ? /* @__PURE__ */ jsx(StatusDot, { tone: resolved }) : null,
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: label ?? status })
+      ]
+    }
+  );
+});
+RunStatusText.displayName = "RunStatusText";
+var RunRow = React25.forwardRef(
+  ({
+    status,
+    tone,
+    kind,
+    address,
+    title,
+    meta,
+    aside,
+    depth = 0,
+    selected,
+    onSelect,
+    className,
+    ...props
+  }, ref) => {
+    const Row = onSelect ? "button" : "div";
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "border-b border-border/55",
+          selected && "bg-accent shadow-[inset_2px_0_0_var(--color-primary)]",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsxs(
+          Row,
+          {
+            type: onSelect ? "button" : void 0,
+            onClick: onSelect,
+            "aria-current": onSelect && selected ? "true" : void 0,
+            style: { paddingLeft: 12 + depth * 18 },
+            className: cn(
+              "flex w-full items-start gap-2 py-1.5 pr-3 text-left",
+              onSelect && "cursor-pointer hover:bg-accent/60 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                StatusDot,
+                {
+                  tone: tone ?? TONE6[status] ?? "muted",
+                  size: "md",
+                  className: "mt-1.5",
+                  label: typeof status === "string" ? status : void 0
+                }
+              ),
+              /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [
+                /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+                  kind ? /* @__PURE__ */ jsx(KindChip, { kind }) : null,
+                  address != null ? /* @__PURE__ */ jsx("span", { className: "shrink-0 font-mono", children: address }) : null,
+                  /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: title })
+                ] }),
+                meta != null ? /* @__PURE__ */ jsx("span", { className: "truncate text-sm text-muted-foreground", children: meta }) : null
+              ] }),
+              aside != null ? /* @__PURE__ */ jsx("span", { className: "shrink-0 pt-0.5 text-sm text-muted-foreground", children: aside }) : null
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+RunRow.displayName = "RunRow";
 var SearchInput = ({
   value,
   onChange,
@@ -6478,7 +7039,7 @@ var SearchInput = ({
     }
   );
 };
-var SectionHeader = React24.forwardRef(({ icon, title, count, actions, bare, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SectionHeader = React25.forwardRef(({ icon, title, count, actions, bare, className, ...props }, ref) => /* @__PURE__ */ jsxs(
   "div",
   {
     ref,
@@ -6497,7 +7058,7 @@ var SectionHeader = React24.forwardRef(({ icon, title, count, actions, bare, cla
   }
 ));
 SectionHeader.displayName = "SectionHeader";
-var Sparkline = React24.forwardRef(
+var Sparkline = React25.forwardRef(
   ({
     values,
     width = 72,
@@ -6584,7 +7145,7 @@ function TabbedPanel({
   footerClassName,
   footerContent
 }) {
-  const [internalTab, setInternalTab] = React24__default.useState(defaultTab || tabs[0]?.value);
+  const [internalTab, setInternalTab] = React25__default.useState(defaultTab || tabs[0]?.value);
   const currentTab = activeTab !== void 0 ? activeTab : internalTab;
   const handleTabChange = (value) => {
     if (activeTab === void 0) {
@@ -6592,9 +7153,9 @@ function TabbedPanel({
     }
     onTabChange?.(value);
   };
-  const uid = React24__default.useId();
+  const uid = React25__default.useId();
   const panelId = (value) => `${uid}-panel-${value}`;
-  const items = React24__default.useMemo(
+  const items = React25__default.useMemo(
     () => tabs.map((tab) => ({
       key: tab.value,
       name: tab.name ?? (typeof tab.label === "string" ? tab.label : tab.value),
@@ -6680,7 +7241,7 @@ var STATUS_LABEL = {
 };
 function renderResult(result) {
   if (result == null) return null;
-  if (React24.isValidElement(result)) return result;
+  if (React25.isValidElement(result)) return result;
   if (typeof result !== "object") {
     return /* @__PURE__ */ jsx("span", { className: "font-mono text-sm", children: String(result) });
   }
@@ -6695,7 +7256,7 @@ function renderResult(result) {
     ] }, k))
   ] });
 }
-var TaskGanttDetailCard = React24.forwardRef(({ task, elapsedMs, formatDuration = defaultFormatDuration, className, ...props }, ref) => {
+var TaskGanttDetailCard = React25.forwardRef(({ task, elapsedMs, formatDuration = defaultFormatDuration, className, ...props }, ref) => {
   const status = task.status ?? "succeeded";
   const ms = task.durationMs ?? elapsedMs;
   const duration = task.duration ?? (ms != null ? formatDuration(ms) : "\u2014");
@@ -6761,7 +7322,7 @@ function place(seg, origin) {
   }
   return { start, duration: duration != null && duration > 0 ? duration : 0 };
 }
-var TaskGantt = React24.forwardRef(
+var TaskGantt = React25.forwardRef(
   ({
     tasks,
     origin,
@@ -6783,7 +7344,7 @@ var TaskGantt = React24.forwardRef(
   }, ref) => {
     const barHeight = density === "compact" ? 11 : 13;
     const durationWidth = 40;
-    const rows = React24.useMemo(() => {
+    const rows = React25.useMemo(() => {
       const stamps = [];
       for (const t of [...tasks, ...tasks.flatMap((t2) => t2.attempts ?? [])]) {
         if (t.startedAt != null) stamps.push(toMs(t.startedAt));
@@ -6944,7 +7505,7 @@ var TaskGantt = React24.forwardRef(
   }
 );
 TaskGantt.displayName = "TaskGantt";
-var TaskNode = React24.forwardRef(
+var TaskNode = React25.forwardRef(
   ({
     taskKey,
     bound,
@@ -6954,6 +7515,7 @@ var TaskNode = React24.forwardRef(
     tags,
     meta,
     selected,
+    readOnly,
     gate,
     dim,
     ghost,
@@ -6993,7 +7555,7 @@ var TaskNode = React24.forwardRef(
         ),
         ...props,
         children: [
-          selected ? ["-left-1 -top-1", "-right-1 -top-1", "-bottom-1 -left-1", "-bottom-1 -right-1"].map(
+          selected && !readOnly ? ["-left-1 -top-1", "-right-1 -top-1", "-bottom-1 -left-1", "-bottom-1 -right-1"].map(
             (pos) => /* @__PURE__ */ jsx(
               "span",
               {
@@ -7037,7 +7599,7 @@ var TaskNode = React24.forwardRef(
   }
 );
 TaskNode.displayName = "TaskNode";
-var TemplatePicker = React24.forwardRef(({ heading, options, value, onSelect, footnote, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+var TemplatePicker = React25.forwardRef(({ heading, options, value, onSelect, footnote, className, ...props }, ref) => /* @__PURE__ */ jsxs(
   "div",
   {
     ref,
@@ -7088,7 +7650,7 @@ var MARKER = {
   output: "\u2192",
   comment: "#"
 };
-var Terminal = React24.forwardRef(
+var Terminal = React25.forwardRef(
   ({ cursor, columnTemplate = "150px minmax(0,1fr) auto auto", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -7113,7 +7675,7 @@ var Terminal = React24.forwardRef(
   )
 );
 Terminal.displayName = "Terminal";
-var TerminalLine = React24.forwardRef(
+var TerminalLine = React25.forwardRef(
   ({ kind = "output", level, levelColumn = 1, columns, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -7155,10 +7717,10 @@ var TerminalLine = React24.forwardRef(
   )
 );
 TerminalLine.displayName = "TerminalLine";
-var TimelineVariantContext = React24.createContext("columns");
+var TimelineVariantContext = React25.createContext("columns");
 var RAIL_MARKER_OFFSET = "h-[0.692rem]";
 var RAIL_FOOTER_TAIL = "h-[1.067rem]";
-var TimelineList = React24.forwardRef(({ className, variant = "columns", children, ...props }, ref) => /* @__PURE__ */ jsx(TimelineVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsx("ol", { ref, className: cn("flex flex-col", className), ...props, children }) }));
+var TimelineList = React25.forwardRef(({ className, variant = "columns", children, ...props }, ref) => /* @__PURE__ */ jsx(TimelineVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsx("ol", { ref, className: cn("flex flex-col", className), ...props, children }) }));
 TimelineList.displayName = "TimelineList";
 function RailGutter({ marker }) {
   return /* @__PURE__ */ jsxs("span", { className: "flex w-2.5 shrink-0 flex-col items-center", children: [
@@ -7182,8 +7744,8 @@ function RailGutter({ marker }) {
     )
   ] });
 }
-var TimelineEntry = React24.forwardRef(({ when, title, marker, className, children, ...props }, ref) => {
-  const variant = React24.useContext(TimelineVariantContext);
+var TimelineEntry = React25.forwardRef(({ when, title, marker, className, children, ...props }, ref) => {
+  const variant = React25.useContext(TimelineVariantContext);
   if (variant === "rail") {
     return /* @__PURE__ */ jsxs(
       "li",
@@ -7222,8 +7784,8 @@ var TimelineEntry = React24.forwardRef(({ when, title, marker, className, childr
   );
 });
 TimelineEntry.displayName = "TimelineEntry";
-var TimelineFooter = React24.forwardRef(({ className, children, ...props }, ref) => {
-  const variant = React24.useContext(TimelineVariantContext);
+var TimelineFooter = React25.forwardRef(({ className, children, ...props }, ref) => {
+  const variant = React25.useContext(TimelineVariantContext);
   if (variant === "rail") {
     return /* @__PURE__ */ jsxs(
       "li",
@@ -7260,6 +7822,66 @@ var Toolbar = () => {
     /* @__PURE__ */ jsx("div", { children: "Source" })
   ] });
 };
+var TouchStrip = React25.forwardRef(
+  ({ items, palette, className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "list",
+      className: cn("flex flex-wrap gap-2", className),
+      ...props,
+      children: items.map((item) => {
+        const paint = layerPaint(palette, item.layer);
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            role: "listitem",
+            className: cn(
+              "flex min-w-0 flex-1 flex-col gap-px rounded-control border border-border bg-card px-2 py-1",
+              item.dim && "opacity-55"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": true,
+                    className: cn(
+                      "size-1.5 shrink-0 rounded-full",
+                      item.dim ? "bg-muted-foreground" : paint.swatch
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "min-w-0 truncate",
+                      item.dim && "text-muted-foreground"
+                    ),
+                    children: item.label ?? layerLabel(item.layer)
+                  }
+                )
+              ] }),
+              item.note != null ? /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "truncate font-mono text-xs text-muted-foreground",
+                    item.refused && "line-through"
+                  ),
+                  children: item.note
+                }
+              ) : null
+            ]
+          },
+          String(item.layer)
+        );
+      })
+    }
+  )
+);
+TouchStrip.displayName = "TouchStrip";
 function useTour(options) {
   const {
     steps,
@@ -7269,11 +7891,11 @@ function useTour(options) {
     onComplete,
     onExit
   } = options;
-  const [current, setCurrent] = React24.useState(initialStep);
+  const [current, setCurrent] = React25.useState(initialStep);
   const total = steps.length;
   const lastIndex = Math.max(total - 1, 0);
   const clamped = Math.min(Math.max(current, 0), lastIndex);
-  const goTo = React24.useCallback(
+  const goTo = React25.useCallback(
     (index) => {
       setCurrent((prev2) => {
         const next2 = Math.min(Math.max(index, 0), lastIndex);
@@ -7283,7 +7905,7 @@ function useTour(options) {
     },
     [lastIndex, onStepChange]
   );
-  const next = React24.useCallback(() => {
+  const next = React25.useCallback(() => {
     setCurrent((prev2) => {
       if (prev2 >= lastIndex) {
         if (loop && total > 0) {
@@ -7297,7 +7919,7 @@ function useTour(options) {
       return prev2 + 1;
     });
   }, [lastIndex, total, loop, onComplete, onStepChange]);
-  const prev = React24.useCallback(() => {
+  const prev = React25.useCallback(() => {
     setCurrent((p) => {
       if (p <= 0) {
         if (loop && total > 0) {
@@ -7310,10 +7932,10 @@ function useTour(options) {
       return p - 1;
     });
   }, [lastIndex, total, loop, onStepChange]);
-  const exit = React24.useCallback(() => {
+  const exit = React25.useCallback(() => {
     onExit?.();
   }, [onExit]);
-  return React24.useMemo(
+  return React25.useMemo(
     () => ({
       step: steps[clamped],
       current: clamped,
@@ -7475,8 +8097,222 @@ function Tour({
     }
   ) });
 }
+var TraceList = React25.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "list",
+      className: cn("flex flex-col [&>*:first-child]:border-t-0", className),
+      ...props,
+      children
+    }
+  )
+);
+TraceList.displayName = "TraceList";
+var TraceStep = React25.forwardRef(
+  ({
+    seq,
+    name,
+    description,
+    layer,
+    role,
+    duration,
+    note,
+    mark,
+    palette,
+    depth = 0,
+    dim,
+    struck,
+    selected,
+    onSelect,
+    className,
+    ...props
+  }, ref) => {
+    const paint = layer ? layerPaint(palette, layer) : void 0;
+    const Row = onSelect ? "button" : "div";
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "listitem",
+        className: cn(
+          "flex min-h-[46px] items-stretch border-t border-border/55",
+          selected && "bg-accent shadow-[inset_2px_0_0_var(--color-primary)]",
+          dim && "opacity-50",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              className: cn(
+                "w-[3px] shrink-0",
+                struck ? "bg-destructive" : paint?.swatch ?? "bg-muted-foreground"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Row,
+            {
+              type: onSelect ? "button" : void 0,
+              onClick: onSelect,
+              className: cn(
+                "flex min-w-0 flex-1 items-center gap-2 pr-3 text-left",
+                onSelect && "cursor-pointer hover:bg-accent/50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    style: { width: 26 + depth * 18 },
+                    className: "shrink-0 text-right font-mono text-xs text-muted-foreground",
+                    children: seq
+                  }
+                ),
+                /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-px py-1.5 pl-2", children: [
+                  /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: cn(
+                          "min-w-0 truncate font-mono font-semibold",
+                          struck && "text-destructive line-through"
+                        ),
+                        children: name
+                      }
+                    ),
+                    mark
+                  ] }),
+                  description != null ? /* @__PURE__ */ jsx("span", { className: "truncate text-sm text-muted-foreground", children: description }) : null
+                ] }),
+                layer != null ? (
+                  // The layer is never the part that gives way: it is one of six short
+                  // words and it is what the row is *about*. The role is the longer,
+                  // subordinate string, so it truncates first.
+                  /* @__PURE__ */ jsxs("span", { className: "flex w-[10.5rem] shrink-0 items-center justify-end gap-1.5", children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        "aria-hidden": true,
+                        className: cn(
+                          "size-1.5 shrink-0 rounded-full",
+                          dim ? "bg-muted-foreground" : paint?.swatch
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: cn(
+                          "shrink-0 text-sm whitespace-nowrap",
+                          dim && "text-muted-foreground"
+                        ),
+                        children: layerLabel(layer)
+                      }
+                    ),
+                    role != null ? /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate font-mono text-xs text-muted-foreground", children: role }) : null
+                  ] })
+                ) : null,
+                /* @__PURE__ */ jsxs("span", { className: "flex w-[6rem] shrink-0 flex-col items-end", children: [
+                  /* @__PURE__ */ jsx("span", { className: "font-mono text-sm", children: duration }),
+                  note != null ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: note }) : null
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+TraceStep.displayName = "TraceStep";
+var LOOP_TONE = {
+  warning: { box: "border-l-warning bg-warning/5", label: "text-warning" },
+  info: { box: "border-l-info bg-info/5", label: "text-info" },
+  muted: { box: "border-l-muted-foreground bg-muted/40", label: "text-muted-foreground" }
+};
+var TraceLoop = React25.forwardRef(
+  ({ label, summary, tone = "warning", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      role: "group",
+      "aria-label": typeof label === "string" ? label : void 0,
+      className: cn("border-l-2", LOOP_TONE[tone].box, className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex h-[25px] items-center gap-2 border-t border-border/55 px-3", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "truncate font-mono text-xs font-semibold",
+                LOOP_TONE[tone].label
+              ),
+              children: label
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "flex-1" }),
+          summary != null ? /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: summary }) : null
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "[&>*:first-child]:border-t-0", children })
+      ]
+    }
+  )
+);
+TraceLoop.displayName = "TraceLoop";
+var GATE_TONE = {
+  destructive: "border-destructive text-destructive",
+  warning: "border-warning text-warning",
+  muted: "border-muted-foreground text-muted-foreground"
+};
+var TraceGate = React25.forwardRef(
+  ({ label, note, tone = "destructive", edge = "before", className, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      role: "separator",
+      "aria-label": typeof label === "string" ? label : void 0,
+      className: cn("relative flex h-[38px] items-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: cn(
+              "absolute inset-x-0 border-t-2",
+              GATE_TONE[tone],
+              edge === "before" ? "top-[18px]" : "bottom-[18px]"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: cn(
+              "relative ml-8 flex items-center gap-2 rounded-control border bg-card px-2 py-0.5",
+              GATE_TONE[tone]
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("span", { className: "font-mono text-xs font-semibold whitespace-nowrap", children: [
+                "\u25C8 ",
+                label
+              ] }),
+              note != null ? /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-xs text-muted-foreground", children: note }) : null
+            ]
+          }
+        )
+      ]
+    }
+  )
+);
+TraceGate.displayName = "TraceGate";
 var TreeView = ({ searchable = false, ...props }) => {
-  const [searchQuery, setSearchQuery] = React24.useState("");
+  const [searchQuery, setSearchQuery] = React25.useState("");
   const filterItems = (items, query) => {
     if (!query) return items;
     return items.map((item) => ({
@@ -7499,7 +8335,7 @@ var TreeView = ({ searchable = false, ...props }) => {
   );
 };
 var TreeItem = ({ item }) => {
-  const [isExpanded, setIsExpanded] = React24.useState(item.isExpanded || true);
+  const [isExpanded, setIsExpanded] = React25.useState(item.isExpanded || true);
   const hasChildren = item.children && item.children.length > 0;
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsxs(
@@ -7568,7 +8404,7 @@ function UnderDevelopment({
     /* @__PURE__ */ jsx("span", { className: "mt-4 px-3 py-1 bg-yellow-100 text-yellow-800", children: "Coming Soon" })
   ] });
 }
-var TypographyH1 = React24.forwardRef(
+var TypographyH1 = React25.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "h1",
@@ -7584,7 +8420,7 @@ var TypographyH1 = React24.forwardRef(
   }
 );
 TypographyH1.displayName = "TypographyH1";
-var TypographyH2 = React24.forwardRef(
+var TypographyH2 = React25.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "h2",
@@ -7600,7 +8436,7 @@ var TypographyH2 = React24.forwardRef(
   }
 );
 TypographyH2.displayName = "TypographyH2";
-var TypographyH3 = React24.forwardRef(
+var TypographyH3 = React25.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "h3",
@@ -7616,7 +8452,7 @@ var TypographyH3 = React24.forwardRef(
   }
 );
 TypographyH3.displayName = "TypographyH3";
-var TypographyH4 = React24.forwardRef(
+var TypographyH4 = React25.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "h4",
@@ -7632,7 +8468,7 @@ var TypographyH4 = React24.forwardRef(
   }
 );
 TypographyH4.displayName = "TypographyH4";
-var TypographyH5 = React24.forwardRef(
+var TypographyH5 = React25.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "h5",
@@ -7648,7 +8484,7 @@ var TypographyH5 = React24.forwardRef(
   }
 );
 TypographyH5.displayName = "TypographyH5";
-var TypographyH6 = React24.forwardRef(
+var TypographyH6 = React25.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "h6",
@@ -7664,7 +8500,7 @@ var TypographyH6 = React24.forwardRef(
   }
 );
 TypographyH6.displayName = "TypographyH6";
-var TypographyP = React24.forwardRef(
+var TypographyP = React25.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "p",
@@ -7680,7 +8516,7 @@ var TypographyP = React24.forwardRef(
   }
 );
 TypographyP.displayName = "TypographyP";
-var TypographyBlockquote = React24.forwardRef(
+var TypographyBlockquote = React25.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "blockquote",
@@ -7696,7 +8532,7 @@ var TypographyBlockquote = React24.forwardRef(
   }
 );
 TypographyBlockquote.displayName = "TypographyBlockquote";
-var TypographyInlineCode = React24.forwardRef(
+var TypographyInlineCode = React25.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "code",
@@ -7712,7 +8548,7 @@ var TypographyInlineCode = React24.forwardRef(
   }
 );
 TypographyInlineCode.displayName = "TypographyInlineCode";
-var TypographyLead = React24.forwardRef(
+var TypographyLead = React25.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "p",
@@ -7728,7 +8564,7 @@ var TypographyLead = React24.forwardRef(
   }
 );
 TypographyLead.displayName = "TypographyLead";
-var TypographyLarge = React24.forwardRef(
+var TypographyLarge = React25.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -7744,7 +8580,7 @@ var TypographyLarge = React24.forwardRef(
   }
 );
 TypographyLarge.displayName = "TypographyLarge";
-var TypographySmall = React24.forwardRef(
+var TypographySmall = React25.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "small",
@@ -7760,7 +8596,7 @@ var TypographySmall = React24.forwardRef(
   }
 );
 TypographySmall.displayName = "TypographySmall";
-var TypographyMuted = React24.forwardRef(
+var TypographyMuted = React25.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "p",
@@ -7776,7 +8612,7 @@ var TypographyMuted = React24.forwardRef(
   }
 );
 TypographyMuted.displayName = "TypographyMuted";
-var TypographyList = React24.forwardRef(
+var TypographyList = React25.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "ul",
@@ -7792,7 +8628,7 @@ var TypographyList = React24.forwardRef(
   }
 );
 TypographyList.displayName = "TypographyList";
-var TypographyPre = React24.forwardRef(
+var TypographyPre = React25.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "pre",
@@ -7828,6 +8664,6 @@ var Typography = {
   Pre: TypographyPre
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AddressChip, AgentChip, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppStatusBar, Avatar, AvatarFallback, AvatarImage, Badge, BarChartH, BarChartV, BoundChip, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, ButtonWithTooltip, CAST_ROLES, CannotAnswerCard, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardWithHeader, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CastTable, ChatSession, ChatSessionActivityRow, ChatSessionActivitySubLine, ChatSessionComposer, ChatSessionContextChip, ChatSessionDisclosure, ChatSessionMessage, ChatSessionMessageOptions, ChatSessionProgressLine, ChatSessionPromptRow, ChatSessionStatusBar, ChatSessionTaskGroup, ChatSessionTaskRow, CitationList, CitationMarker, CitationRow, ClampedText, ClarifyCard, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextBar, DiagnosisCard, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffList, DiffRow, DivergingBar, DotRating, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EgressList, EmissionCard, EmissionHeader, EmptyState, EmptyStateLock, ErrorBoundary, Eyebrow, FilterBar, FilterChip, HeatStrip, HoverCard, HoverCardContent, HoverCardTrigger, Item3 as Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, LayerChip, LayerSection, LayerStrip, Legend, LegendItem, LensChip, LensRow, Link, MatchPreview, MenuItem, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MetricGrid, MetricTile, NavBase, NavHorizontal, NavHorizontalItems, NavItems, NavVertical, NavVerticalItems, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NestedMenu, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PanelBox, PanelContent, PanelStack, Popover, PopoverContent, PopoverTrigger, Progress, PropertyList, PropertyRow, ProposalCard, RatingControl, RecordHeader, RepairNote, ResizableHandle, ResizablePanel, ResizablePanelGroup, RetryNote, RichSelect, RuleRow, ScrollArea, ScrollBar, SearchInput, SectionHeader, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, SliceSummary, Sparkline, Spinner, StatusDot, TabbedPanel, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TaskGantt, TaskGanttDetailCard, TaskNode, TemplatePicker, Terminal, TerminalLine, TimelineEntry, TimelineFooter, TimelineList, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, TreeItem, TreeView, Typography, TypographyBlockquote, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyH5, TypographyH6, TypographyInlineCode, TypographyLarge, TypographyLead, TypographyList, TypographyMuted, TypographyP, TypographyPre, TypographySmall, UnderDevelopment, agentChipVariants, badgeVariants, buttonGroupVariants, buttonVariants, chatSessionGutterClass, cn, describeSlice, stateLabel as layerItemLabel, layerLabel, layerPaint, linkVariants, navigationMenuTriggerStyle, split as splitAddress, statusDotVariants, toggleVariants, useOverflowItems, useSidebar, useTour };
+export { AbsenceNote, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AddressChip, AgentChip, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppStatusBar, ArtifactTable, AttemptClock, Avatar, AvatarFallback, AvatarImage, Badge, BarChartH, BarChartV, BoundChip, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, ButtonWithTooltip, CAST_ROLES, CannotAnswerCard, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardWithHeader, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CastTable, ChatSession, ChatSessionActivityRow, ChatSessionActivitySubLine, ChatSessionComposer, ChatSessionContextChip, ChatSessionDisclosure, ChatSessionMessage, ChatSessionMessageOptions, ChatSessionProgressLine, ChatSessionPromptRow, ChatSessionStatusBar, ChatSessionTaskGroup, ChatSessionTaskRow, CitationList, CitationMarker, CitationRow, ClampedText, ClarifyCard, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextBar, DiagnosisCard, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffList, DiffRow, DivergingBar, DotRating, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EgressList, EmissionCard, EmissionHeader, EmptyState, EmptyStateLock, ErrorBoundary, ExchangeRecord, Eyebrow, FilterBar, FilterChip, HeatStrip, HoverCard, HoverCardContent, HoverCardTrigger, Item3 as Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, KindChip, LayerChip, LayerSection, LayerStrip, Legend, LegendItem, LensChip, LensRow, Link, MarkChip, MatchPreview, MenuItem, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MetricGrid, MetricTile, NavBase, NavHorizontal, NavHorizontalItems, NavItems, NavVertical, NavVerticalItems, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NestedMenu, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PanelBox, PanelContent, PanelStack, ParticipantRow, Popover, PopoverContent, PopoverTrigger, Progress, PropertyList, PropertyRow, ProposalCard, RatingControl, RecordHeader, RecordPager, RepairNote, ResizableHandle, ResizablePanel, ResizablePanelGroup, RetryNote, RichSelect, RuleRow, RunRow, RunStatusText, ScrollArea, ScrollBar, SearchInput, SectionHeader, SegmentedControl, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, SliceSummary, Sparkline, Spinner, StatusDot, TabbedPanel, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TaskGantt, TaskGanttDetailCard, TaskNode, TemplatePicker, Terminal, TerminalLine, TimelineEntry, TimelineFooter, TimelineList, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TouchStrip, Tour, TraceGate, TraceList, TraceLoop, TraceStep, TreeItem, TreeView, Typography, TypographyBlockquote, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyH5, TypographyH6, TypographyInlineCode, TypographyLarge, TypographyLead, TypographyList, TypographyMuted, TypographyP, TypographyPre, TypographySmall, UnderDevelopment, agentChipVariants, badgeVariants, buttonGroupVariants, buttonVariants, chatSessionGutterClass, cn, describeSlice, stateLabel as layerItemLabel, layerLabel, layerPaint, linkVariants, navigationMenuTriggerStyle, TONE6 as runStatusTones, split as splitAddress, statusDotVariants, toggleVariants, useOverflowItems, useSidebar, useTour };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map