@invana/ui 0.0.29 → 0.0.30

package/dist/index.js

@@ -1,7 +1,7 @@
 import { clsx } from 'clsx';
-import { extendTailwindMerge } from 'tailwind-merge';
-import * as React23 from 'react';
-import React23__default, { Component } from 'react';
+import { twMerge } from 'tailwind-merge';
+import * as React24 from 'react';
+import React24__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 { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -28,18 +28,11 @@ import * as TogglePrimitive from '@radix-ui/react-toggle';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 
 // src/lib/utils.ts
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      "font-size": [{ text: ["meta"] }]
-    }
-  }
-});
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 var Accordion = AccordionPrimitive.Root;
-var AccordionItem = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AccordionItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AccordionPrimitive.Item,
   {
     ref,
@@ -48,7 +41,7 @@ var AccordionItem = React23.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+var AccordionTrigger = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
   AccordionPrimitive.Trigger,
   {
     ref,
@@ -64,7 +57,7 @@ var AccordionTrigger = React23.forwardRef(({ className, children, ...props }, re
   }
 ) }));
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var AccordionContent = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
   AccordionPrimitive.Content,
   {
     ref,
@@ -88,7 +81,7 @@ var alertVariants = cva(
     }
   }
 );
-var Alert = React23.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
+var Alert = React24.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -98,7 +91,7 @@ var Alert = React23.forwardRef(({ className, variant, ...props }, ref) => /* @__
   }
 ));
 Alert.displayName = "Alert";
-var AlertTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h5",
   {
     ref,
@@ -107,7 +100,7 @@ var AlertTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -137,7 +130,7 @@ var buttonVariants = cva(
        * size-5, which at h-6 leaves no padding at all.
        */
       size: {
-        xs: "h-6 rounded-control px-2 text-meta gap-1 [&_svg]:size-4",
+        xs: "h-6 rounded-control px-2 text-sm gap-1 [&_svg]:size-4",
         default: "h-9 px-4 py-2",
         sm: "h-8 rounded-control px-3 py-2",
         lg: "h-12 rounded-control px-8 py-3",
@@ -152,7 +145,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React23.forwardRef(
+var Button = React24.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsx(
@@ -169,7 +162,7 @@ Button.displayName = "Button";
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogOverlay = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -181,7 +174,7 @@ var AlertDialogOverlay = React23.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+var AlertDialogContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
   /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
   /* @__PURE__ */ jsx(
     AlertDialogPrimitive.Content,
@@ -224,7 +217,7 @@ var AlertDialogFooter = ({
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -233,7 +226,7 @@ var AlertDialogTitle = React23.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -242,7 +235,7 @@ var AlertDialogDescription = React23.forwardRef(({ className, ...props }, ref) =
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogAction = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Action,
   {
     ref,
@@ -251,7 +244,7 @@ var AlertDialogAction = React23.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogCancel = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -264,7 +257,7 @@ var AlertDialogCancel = React23.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
-var Avatar = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Avatar = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Root,
   {
     ref,
@@ -277,7 +270,7 @@ var Avatar = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarImage = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Image,
   {
     ref,
@@ -286,7 +279,7 @@ var AvatarImage = React23.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarFallback = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -318,15 +311,15 @@ var badgeVariants = cva(
       },
       size: {
         /** 18px — inline in a title, or a count against a label. */
-        xs: "h-[18px] px-1.5 text-meta",
+        xs: "h-[18px] px-1.5 text-sm",
         /** 22px — the row chip: a status beside an entity name. */
-        sm: "h-[22px] px-2 text-meta",
+        sm: "h-[22px] px-2 text-sm",
         /**
          * Unchanged from before `size` existed: no explicit height, so it sizes
          * from its text. Every badge already written keeps rendering exactly as
          * it did — the two tiers above are additions, not a re-baseline.
          */
-        default: "px-2.5 py-0.5 text-meta"
+        default: "px-2.5 py-0.5 text-sm"
       }
     },
     defaultVariants: {
@@ -345,9 +338,9 @@ function Badge({ className, variant, tone, size, ...props }) {
     }
   );
 }
-var Breadcrumb = React23.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var Breadcrumb = React24.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var BreadcrumbList = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ol",
   {
     ref,
@@ -359,7 +352,7 @@ var BreadcrumbList = React23.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var BreadcrumbItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "li",
   {
     ref,
@@ -368,7 +361,7 @@ var BreadcrumbItem = React23.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React23.forwardRef(({ asChild, className, ...props }, ref) => {
+var BreadcrumbLink = React24.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? Slot : "a";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -380,7 +373,7 @@ var BreadcrumbLink = React23.forwardRef(({ asChild, className, ...props }, ref)
   );
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var BreadcrumbPage = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "span",
   {
     ref,
@@ -424,7 +417,7 @@ var BreadcrumbEllipsis = ({
   }
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
-var Separator = React23.forwardRef(
+var Separator = React24.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
     SeparatorPrimitive.Root,
     {
@@ -506,7 +499,7 @@ function ButtonGroupSeparator({
     }
   );
 }
-var Card = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Card = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -518,7 +511,7 @@ var Card = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardHeader = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -527,7 +520,7 @@ var CardHeader = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -536,7 +529,7 @@ var CardTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -545,9 +538,9 @@ var CardDescription = React23.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-3 flex-1 overflow-y-auto", className), ...props }));
+var CardContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-3 flex-1 overflow-y-auto", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -556,7 +549,7 @@ var CardFooter = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardFooter.displayName = "CardFooter";
-var CardWithHeader = React23.forwardRef(
+var CardWithHeader = React24.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,
@@ -567,15 +560,15 @@ var CardWithHeader = React23.forwardRef(
   ] })
 );
 CardWithHeader.displayName = "CardWithHeader";
-var CarouselContext = React23.createContext(null);
+var CarouselContext = React24.createContext(null);
 function useCarousel() {
-  const context = React23.useContext(CarouselContext);
+  const context = React24.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React23.forwardRef(
+var Carousel = React24.forwardRef(
   ({
     orientation = "horizontal",
     opts,
@@ -592,22 +585,22 @@ var Carousel = React23.forwardRef(
       },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React23.useState(false);
-    const [canScrollNext, setCanScrollNext] = React23.useState(false);
-    const onSelect = React23.useCallback((api2) => {
+    const [canScrollPrev, setCanScrollPrev] = React24.useState(false);
+    const [canScrollNext, setCanScrollNext] = React24.useState(false);
+    const onSelect = React24.useCallback((api2) => {
       if (!api2) {
         return;
       }
       setCanScrollPrev(api2.canScrollPrev());
       setCanScrollNext(api2.canScrollNext());
     }, []);
-    const scrollPrev = React23.useCallback(() => {
+    const scrollPrev = React24.useCallback(() => {
       api?.scrollPrev();
     }, [api]);
-    const scrollNext = React23.useCallback(() => {
+    const scrollNext = React24.useCallback(() => {
       api?.scrollNext();
     }, [api]);
-    const handleKeyDown = React23.useCallback(
+    const handleKeyDown = React24.useCallback(
       (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -619,13 +612,13 @@ var Carousel = React23.forwardRef(
       },
       [scrollPrev, scrollNext]
     );
-    React23.useEffect(() => {
+    React24.useEffect(() => {
       if (!api || !setApi) {
         return;
       }
       setApi(api);
     }, [api, setApi]);
-    React23.useEffect(() => {
+    React24.useEffect(() => {
       if (!api) {
         return;
       }
@@ -666,7 +659,7 @@ var Carousel = React23.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React23.forwardRef(({ className, ...props }, ref) => {
+var CarouselContent = React24.forwardRef(({ className, ...props }, ref) => {
   const { carouselRef, orientation } = useCarousel();
   return /* @__PURE__ */ jsx("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx(
     "div",
@@ -682,7 +675,7 @@ var CarouselContent = React23.forwardRef(({ className, ...props }, ref) => {
   ) });
 });
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React23.forwardRef(({ className, ...props }, ref) => {
+var CarouselItem = React24.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useCarousel();
   return /* @__PURE__ */ jsx(
     "div",
@@ -700,7 +693,7 @@ var CarouselItem = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React23.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselPrevious = React24.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ jsxs(
     Button,
@@ -724,7 +717,7 @@ var CarouselPrevious = React23.forwardRef(({ className, variant = "outline", siz
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React23.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselNext = React24.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   return /* @__PURE__ */ jsxs(
     Button,
@@ -752,7 +745,7 @@ var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogOverlay = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -764,7 +757,7 @@ var DialogOverlay = React23.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+var DialogContent = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxs(
     DialogPrimitive.Content,
@@ -814,7 +807,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -826,7 +819,7 @@ var DialogTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -835,7 +828,7 @@ var DialogDescription = React23.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
-var Command = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Command = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1,
   {
     ref,
@@ -850,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 = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+var CommandInput = React24.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,
@@ -865,7 +858,7 @@ var CommandInput = React23.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = Command$1.Input.displayName;
-var CommandList = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandList = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.List,
   {
     ref,
@@ -874,7 +867,7 @@ var CommandList = React23.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = Command$1.List.displayName;
-var CommandEmpty = React23.forwardRef((props, ref) => /* @__PURE__ */ jsx(
+var CommandEmpty = React24.forwardRef((props, ref) => /* @__PURE__ */ jsx(
   Command$1.Empty,
   {
     ref,
@@ -883,19 +876,19 @@ var CommandEmpty = React23.forwardRef((props, ref) => /* @__PURE__ */ jsx(
   }
 ));
 CommandEmpty.displayName = Command$1.Empty.displayName;
-var CommandGroup = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandGroup = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Group,
   {
     ref,
     className: cn(
-      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-meta [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
       className
     ),
     ...props
   }
 ));
 CommandGroup.displayName = Command$1.Group.displayName;
-var CommandSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Separator,
   {
     ref,
@@ -904,7 +897,7 @@ var CommandSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = Command$1.Separator.displayName;
-var CommandItem = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Item,
   {
     ref,
@@ -924,7 +917,7 @@ var CommandShortcut = ({
     "span",
     {
       className: cn(
-        "ml-auto text-meta tracking-widest text-muted-foreground",
+        "ml-auto text-sm tracking-widest text-muted-foreground",
         className
       ),
       ...props
@@ -938,7 +931,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React23.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuSubTrigger = React24.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -955,7 +948,7 @@ var DropdownMenuSubTrigger = React23.forwardRef(({ className, inset, children, .
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSubContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -967,7 +960,7 @@ var DropdownMenuSubContent = React23.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React23.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var DropdownMenuContent = React24.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -981,7 +974,7 @@ var DropdownMenuContent = React23.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React23.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuItem = React24.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -994,7 +987,7 @@ var DropdownMenuItem = React23.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React23.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuCheckboxItem = React24.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -1011,7 +1004,7 @@ var DropdownMenuCheckboxItem = React23.forwardRef(({ className, children, checke
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuRadioItem = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -1027,7 +1020,7 @@ var DropdownMenuRadioItem = React23.forwardRef(({ className, children, ...props
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React23.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuLabel = React24.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -1040,7 +1033,7 @@ var DropdownMenuLabel = React23.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -1056,7 +1049,7 @@ var DropdownMenuShortcut = ({
   return /* @__PURE__ */ jsx(
     "span",
     {
-      className: cn("ml-auto text-meta tracking-widest opacity-60", className),
+      className: cn("ml-auto text-sm tracking-widest opacity-60", className),
       ...props
     }
   );
@@ -1064,7 +1057,7 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React23.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+var HoverCardContent = React24.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -1225,7 +1218,7 @@ function ItemDescription({ className, ...props }) {
       className: cn(
         "text-muted-foreground line-clamp-2 text-balance font-normal leading-normal",
         // A dense row's subtitle is one line of meta, not a wrapped paragraph.
-        "group-data-[size=xs]/item:line-clamp-1 group-data-[size=xs]/item:text-meta",
+        "group-data-[size=xs]/item:line-clamp-1 group-data-[size=xs]/item:text-sm",
         "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
         className
       ),
@@ -1275,7 +1268,7 @@ function Kbd({ className, ...props }) {
     {
       "data-slot": "kbd",
       className: cn(
-        "bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 select-none items-center justify-center gap-1 rounded-control px-1 font-sans text-meta font-medium",
+        "bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 select-none items-center justify-center gap-1 rounded-control px-1 font-sans text-sm font-medium",
         "[&_svg:not([class*='size-'])]:size-3",
         "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10",
         className
@@ -1294,6 +1287,32 @@ function KbdGroup({ className, ...props }) {
     }
   );
 }
+var linkVariants = cva(
+  "underline-offset-4 transition-colors focus-visible:outline-none focus-visible:ring-2   focus-visible:ring-ring focus-visible:ring-offset-2 rounded-[2px]",
+  {
+    variants: {
+      variant: {
+        default: "text-primary hover:underline",
+        underlined: "text-primary underline",
+        quiet: "text-muted-foreground hover:text-foreground hover:underline"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+var Link = React24.forwardRef(
+  ({ className, variant, external, target, rel, ...props }, ref) => /* @__PURE__ */ jsx(
+    "a",
+    {
+      ref,
+      className: cn(linkVariants({ variant }), className),
+      target: external ? "_blank" : target,
+      rel: external ? "noreferrer noopener" : rel,
+      ...props
+    }
+  )
+);
+Link.displayName = "Link";
 function MenubarMenu({
   ...props
 }) {
@@ -1319,7 +1338,7 @@ function MenubarSub({
 }) {
   return /* @__PURE__ */ jsx(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
 }
-var Menubar = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Menubar = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   MenubarPrimitive.Root,
   {
     ref,
@@ -1331,7 +1350,7 @@ var Menubar = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MenubarTrigger = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -1343,7 +1362,7 @@ var MenubarTrigger = React23.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React23.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var MenubarSubTrigger = React24.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -1360,7 +1379,7 @@ var MenubarSubTrigger = React23.forwardRef(({ className, inset, children, ...pro
   }
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MenubarSubContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -1372,7 +1391,7 @@ var MenubarSubContent = React23.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React23.forwardRef(
+var MenubarContent = React24.forwardRef(
   ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(
     MenubarPrimitive.Content,
     {
@@ -1389,7 +1408,7 @@ var MenubarContent = React23.forwardRef(
   ) })
 );
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React23.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var MenubarItem = React24.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   MenubarPrimitive.Item,
   {
     ref,
@@ -1402,7 +1421,7 @@ var MenubarItem = React23.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React23.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+var MenubarCheckboxItem = React24.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -1419,7 +1438,7 @@ var MenubarCheckboxItem = React23.forwardRef(({ className, children, checked, ..
   }
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var MenubarRadioItem = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -1435,7 +1454,7 @@ var MenubarRadioItem = React23.forwardRef(({ className, children, ...props }, re
   }
 ));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React23.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var MenubarLabel = React24.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   MenubarPrimitive.Label,
   {
     ref,
@@ -1448,7 +1467,7 @@ var MenubarLabel = React23.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MenubarSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   MenubarPrimitive.Separator,
   {
     ref,
@@ -1465,7 +1484,7 @@ var MenubarShortcut = ({
     "span",
     {
       className: cn(
-        "ml-auto text-meta tracking-widest text-muted-foreground",
+        "ml-auto text-sm tracking-widest text-muted-foreground",
         className
       ),
       ...props
@@ -1473,7 +1492,7 @@ var MenubarShortcut = ({
   );
 };
 MenubarShortcut.displayname = "MenubarShortcut";
-var NavigationMenu = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var NavigationMenu = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -1489,7 +1508,7 @@ var NavigationMenu = React23.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var NavigationMenuList = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -1505,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 = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var NavigationMenuTrigger = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -1525,7 +1544,7 @@ var NavigationMenuTrigger = React23.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var NavigationMenuContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -1538,7 +1557,7 @@ var NavigationMenuContent = React23.forwardRef(({ className, ...props }, ref) =>
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx(
+var NavigationMenuViewport = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx(
   NavigationMenuPrimitive.Viewport,
   {
     className: cn(
@@ -1550,7 +1569,7 @@ var NavigationMenuViewport = React23.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var NavigationMenuIndicator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -1573,7 +1592,7 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx(
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var PaginationContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ul",
   {
     ref,
@@ -1582,7 +1601,7 @@ var PaginationContent = React23.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = ({
   className,
@@ -1656,7 +1675,7 @@ var PaginationEllipsis = ({
 PaginationEllipsis.displayName = "PaginationEllipsis";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React23.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var PopoverContent = React24.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   PopoverPrimitive.Content,
   {
     ref,
@@ -1670,7 +1689,7 @@ var PopoverContent = React23.forwardRef(({ className, align = "center", sideOffs
   }
 ) }));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var Progress = React23.forwardRef(({ className, value, size = "default", ...props }, ref) => /* @__PURE__ */ jsx(
+var Progress = React24.forwardRef(({ className, value, size = "default", ...props }, ref) => /* @__PURE__ */ jsx(
   ProgressPrimitive.Root,
   {
     ref,
@@ -1714,7 +1733,7 @@ var ResizableHandle = ({
     /* @__PURE__ */ jsx("div", { className: "z-10 h-6 w-[3px] rounded-full bg-muted-foreground/40" })
   }
 );
-var ScrollArea = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ScrollArea = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ScrollAreaPrimitive.Root,
   {
     ref,
@@ -1728,7 +1747,7 @@ var ScrollArea = React23.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React23.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+var ScrollBar = React24.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -1748,7 +1767,7 @@ var Sheet = DialogPrimitive.Root;
 var SheetTrigger = DialogPrimitive.Trigger;
 var SheetClose = DialogPrimitive.Close;
 var SheetPortal = DialogPrimitive.Portal;
-var SheetOverlay = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetOverlay = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     className: cn(
@@ -1776,7 +1795,7 @@ var sheetVariants = cva(
     }
   }
 );
-var SheetContent = React23.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
+var SheetContent = React24.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
   /* @__PURE__ */ jsx(SheetOverlay, {}),
   /* @__PURE__ */ jsxs(
     DialogPrimitive.Content,
@@ -1823,7 +1842,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -1832,7 +1851,7 @@ var SheetTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = DialogPrimitive.Title.displayName;
-var SheetDescription = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -1843,8 +1862,8 @@ var SheetDescription = React23.forwardRef(({ className, ...props }, ref) => /* @
 SheetDescription.displayName = DialogPrimitive.Description.displayName;
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React23.useState(void 0);
-  React23.useEffect(() => {
+  const [isMobile, setIsMobile] = React24.useState(void 0);
+  React24.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -1870,7 +1889,7 @@ function Skeleton({
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React23.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+var TooltipContent = React24.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
   TooltipPrimitive.Content,
   {
     ref,
@@ -1889,15 +1908,15 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React23.createContext(null);
+var SidebarContext = React24.createContext(null);
 function useSidebar() {
-  const context = React23.useContext(SidebarContext);
+  const context = React24.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
   return context;
 }
-var SidebarProvider = React23.forwardRef(
+var SidebarProvider = React24.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -1908,10 +1927,10 @@ var SidebarProvider = React23.forwardRef(
     ...props
   }, ref) => {
     const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = React23.useState(false);
-    const [_open, _setOpen] = React23.useState(defaultOpen);
+    const [openMobile, setOpenMobile] = React24.useState(false);
+    const [_open, _setOpen] = React24.useState(defaultOpen);
     const open = openProp ?? _open;
-    const setOpen = React23.useCallback(
+    const setOpen = React24.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -1923,10 +1942,10 @@ var SidebarProvider = React23.forwardRef(
       },
       [setOpenProp, open]
     );
-    const toggleSidebar = React23.useCallback(() => {
+    const toggleSidebar = React24.useCallback(() => {
       return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
     }, [isMobile, setOpen, setOpenMobile]);
-    React23.useEffect(() => {
+    React24.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           event.preventDefault();
@@ -1937,7 +1956,7 @@ var SidebarProvider = React23.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React23.useMemo(
+    const contextValue = React24.useMemo(
       () => ({
         state,
         open,
@@ -1969,7 +1988,7 @@ var SidebarProvider = React23.forwardRef(
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React23.forwardRef(
+var Sidebar = React24.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -2062,7 +2081,7 @@ var Sidebar = React23.forwardRef(
   }
 );
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React23.forwardRef(({ className, onClick, ...props }, ref) => {
+var SidebarTrigger = React24.forwardRef(({ className, onClick, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
   return /* @__PURE__ */ jsxs(
     Button,
@@ -2085,7 +2104,7 @@ var SidebarTrigger = React23.forwardRef(({ className, onClick, ...props }, ref)
   );
 });
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React23.forwardRef(({ className, ...props }, ref) => {
+var SidebarRail = React24.forwardRef(({ className, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
   return /* @__PURE__ */ jsx(
     "button",
@@ -2110,7 +2129,7 @@ var SidebarRail = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React23.forwardRef(({ className, ...props }, ref) => {
+var SidebarInset = React24.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "main",
     {
@@ -2125,7 +2144,7 @@ var SidebarInset = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React23.forwardRef(({ className, type, ...props }, ref) => {
+var SidebarInput = React24.forwardRef(({ className, type, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "input",
     {
@@ -2143,7 +2162,7 @@ var SidebarInput = React23.forwardRef(({ className, type, ...props }, ref) => {
   );
 });
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React23.forwardRef(({ className, ...props }, ref) => {
+var SidebarHeader = React24.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -2155,7 +2174,7 @@ var SidebarHeader = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React23.forwardRef(({ className, ...props }, ref) => {
+var SidebarFooter = React24.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -2167,7 +2186,7 @@ var SidebarFooter = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React23.forwardRef(({ className, ...props }, ref) => {
+var SidebarSeparator = React24.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     Separator,
     {
@@ -2179,7 +2198,7 @@ var SidebarSeparator = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React23.forwardRef(({ className, ...props }, ref) => {
+var SidebarContent = React24.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -2194,7 +2213,7 @@ var SidebarContent = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React23.forwardRef(({ className, ...props }, ref) => {
+var SidebarGroup = React24.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -2206,7 +2225,7 @@ var SidebarGroup = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React23.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupLabel = React24.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "div";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -2214,7 +2233,7 @@ var SidebarGroupLabel = React23.forwardRef(({ className, asChild = false, ...pro
       ref,
       "data-sidebar": "group-label",
       className: cn(
-        "flex h-8 shrink-0 items-center rounded-md px-2 text-meta font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        "flex h-8 shrink-0 items-center rounded-md px-2 text-sm font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
         "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
         className
       ),
@@ -2223,7 +2242,7 @@ var SidebarGroupLabel = React23.forwardRef(({ className, asChild = false, ...pro
   );
 });
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React23.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupAction = React24.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -2242,7 +2261,7 @@ var SidebarGroupAction = React23.forwardRef(({ className, asChild = false, ...pr
   );
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarGroupContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -2252,7 +2271,7 @@ var SidebarGroupContent = React23.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarMenu = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ul",
   {
     ref,
@@ -2262,7 +2281,7 @@ var SidebarMenu = React23.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarMenuItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "li",
   {
     ref,
@@ -2292,7 +2311,7 @@ var sidebarMenuButtonVariants = cva(
     }
   }
 );
-var SidebarMenuButton = React23.forwardRef(
+var SidebarMenuButton = React24.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -2338,7 +2357,7 @@ var SidebarMenuButton = React23.forwardRef(
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React23.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuAction = React24.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -2361,13 +2380,13 @@ var SidebarMenuAction = React23.forwardRef(({ className, asChild = false, showOn
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarMenuBadge = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
     "data-sidebar": "menu-badge",
     className: cn(
-      "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-meta font-medium tabular-nums text-sidebar-foreground",
+      "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-sm font-medium tabular-nums text-sidebar-foreground",
       "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
       "peer-data-[size=sm]/menu-button:top-1",
       "peer-data-[size=default]/menu-button:top-1.5",
@@ -2379,8 +2398,8 @@ var SidebarMenuBadge = React23.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React23.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React23.useMemo(() => {
+var SidebarMenuSkeleton = React24.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React24.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxs(
@@ -2413,7 +2432,7 @@ var SidebarMenuSkeleton = React23.forwardRef(({ className, showIcon = false, ...
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarMenuSub = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ul",
   {
     ref,
@@ -2427,9 +2446,9 @@ var SidebarMenuSub = React23.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React23.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, ...props }));
+var SidebarMenuSubItem = React24.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, ...props }));
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-var SidebarMenuSubButton = React23.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButton = React24.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? Slot : "a";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -2531,7 +2550,7 @@ var statusDotVariants = cva("inline-block shrink-0 rounded-full", {
     size: "sm"
   }
 });
-var StatusDot = React23.forwardRef(
+var StatusDot = React24.forwardRef(
   ({ className, tone, size, label, ...props }, ref) => /* @__PURE__ */ jsx(
     "span",
     {
@@ -2545,7 +2564,7 @@ var StatusDot = React23.forwardRef(
   )
 );
 StatusDot.displayName = "StatusDot";
-var Table = React23.forwardRef(({ className, density = "default", ...props }, ref) => /* @__PURE__ */ jsx(
+var Table = React24.forwardRef(({ className, density = "default", ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     "data-density": density,
@@ -2561,9 +2580,9 @@ var Table = React23.forwardRef(({ className, density = "default", ...props }, re
   }
 ));
 Table.displayName = "Table";
-var TableHeader = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableBody = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tbody",
   {
     ref,
@@ -2572,7 +2591,7 @@ var TableBody = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableFooter = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tfoot",
   {
     ref,
@@ -2584,7 +2603,7 @@ var TableFooter = React23.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableRow = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tr",
   {
     ref,
@@ -2596,7 +2615,7 @@ var TableRow = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableHead = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "th",
   {
     ref,
@@ -2606,14 +2625,14 @@ var TableHead = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE_
       // every cell follows from there. One prop on the table rather than a
       // size on <TableHead> and <TableCell> individually — four places to
       // forget, and a table with two densities in it is always a mistake.
-      "group-data-[density=compact]/table:h-[26px] group-data-[density=compact]/table:text-meta",
+      "group-data-[density=compact]/table:h-[26px] group-data-[density=compact]/table:text-sm",
       className
     ),
     ...props
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCell = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "td",
   {
     ref,
@@ -2626,7 +2645,7 @@ var TableCell = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCaption = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "caption",
   {
     ref,
@@ -2635,11 +2654,11 @@ var TableCaption = React23.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableCaption.displayName = "TableCaption";
-var TabsSizeContext = React23.createContext("default");
-var Tabs = React23.forwardRef(({ size = "default", ...props }, ref) => /* @__PURE__ */ jsx(TabsSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx(TabsPrimitive.Root, { ref, ...props }) }));
+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 }) }));
 Tabs.displayName = TabsPrimitive.Root.displayName;
-var TabsList = React23.forwardRef(({ className, ...props }, ref) => {
-  const size = React23.useContext(TabsSizeContext);
+var TabsList = React24.forwardRef(({ className, ...props }, ref) => {
+  const size = React24.useContext(TabsSizeContext);
   return /* @__PURE__ */ jsx(
     TabsPrimitive.List,
     {
@@ -2654,14 +2673,14 @@ var TabsList = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React23.forwardRef(({ className, ...props }, ref) => {
-  const size = React23.useContext(TabsSizeContext);
+var TabsTrigger = React24.forwardRef(({ className, ...props }, ref) => {
+  const size = React24.useContext(TabsSizeContext);
   return /* @__PURE__ */ jsx(
     TabsPrimitive.Trigger,
     {
       ref,
       className: cn(
-        size === "sm" ? "h-[26px] px-2 text-meta" : "px-3 py-1",
+        size === "sm" ? "h-[26px] px-2 text-sm" : "px-3 py-1",
         "inline-flex items-center justify-center whitespace-nowrap rounded-control font-medium ring-offset-background transition-colors text-muted-foreground hover:text-foreground hover:bg-background/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary/15 data-[state=active]:text-primary data-[state=active]:ring-1 data-[state=active]:ring-primary/25 data-[state=active]:shadow-sm",
         className
       ),
@@ -2670,7 +2689,7 @@ var TabsTrigger = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     ref,
@@ -2702,7 +2721,7 @@ var toggleVariants = cva(
     }
   }
 );
-var Toggle = React23.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+var Toggle = React24.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
   TogglePrimitive.Root,
   {
     ref,
@@ -2711,11 +2730,11 @@ var Toggle = React23.forwardRef(({ className, variant, size, ...props }, ref) =>
   }
 ));
 Toggle.displayName = TogglePrimitive.Root.displayName;
-var ToggleGroupContext = React23.createContext({
+var ToggleGroupContext = React24.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React23.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var ToggleGroup = React24.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
   ToggleGroupPrimitive.Root,
   {
     ref,
@@ -2725,8 +2744,8 @@ var ToggleGroup = React23.forwardRef(({ className, variant, size, children, ...p
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React23.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React23.useContext(ToggleGroupContext);
+var ToggleGroupItem = React24.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React24.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
     {
@@ -2755,7 +2774,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 = React23.forwardRef(
+var AddressChip = React24.forwardRef(
   ({ address, tone = "allowed", onOpen, className, ...props }, ref) => {
     const { head, tail } = split(address);
     const body = /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -2777,8 +2796,8 @@ var AddressChip = React23.forwardRef(
       /* @__PURE__ */ jsx("span", { className: "min-w-0 shrink truncate", children: tail })
     ] });
     const shell = cn(
-      "inline-flex min-w-0 max-w-full items-baseline font-mono text-meta",
-      TONE[tone],
+      "inline-flex min-w-0 max-w-full items-baseline font-mono text-sm",
+      TONE[tone] ?? "text-foreground",
       className
     );
     if (onOpen) {
@@ -2801,7 +2820,7 @@ var AddressChip = React23.forwardRef(
 );
 AddressChip.displayName = "AddressChip";
 var agentChipVariants = cva(
-  "inline-flex max-w-full shrink-0 items-center gap-1 rounded-control border px-1.5   text-meta [&_svg]:size-3 [&_svg]:shrink-0",
+  "inline-flex max-w-full shrink-0 items-center gap-1 rounded-control border px-1.5   text-sm [&_svg]:size-3 [&_svg]:shrink-0",
   {
     variants: {
       /**
@@ -2822,7 +2841,7 @@ var agentChipVariants = cva(
     defaultVariants: { kind: "agent", inactive: false }
   }
 );
-var AgentChip = React23.forwardRef(
+var AgentChip = React24.forwardRef(
   ({ icon, name, kind, inactive, className, ...props }, ref) => /* @__PURE__ */ jsxs(
     "span",
     {
@@ -2849,13 +2868,13 @@ var stateVariants = cva("inline-flex shrink-0 items-center gap-1.5 font-medium",
   },
   defaultVariants: { tone: "active" }
 });
-var AppStatusBar = React23.forwardRef(
+var AppStatusBar = React24.forwardRef(
   ({ state, tone, end, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
       ref,
       className: cn(
-        "flex h-[25px] shrink-0 items-center gap-2 border-t border-border px-2 text-meta text-muted-foreground",
+        "flex h-[25px] shrink-0 items-center gap-2 border-t border-border px-2 text-sm text-muted-foreground",
         className
       ),
       ...props,
@@ -2877,7 +2896,7 @@ var AppStatusBar = React23.forwardRef(
   )
 );
 AppStatusBar.displayName = "AppStatusBar";
-var BarChartH = React23.forwardRef(
+var BarChartH = React24.forwardRef(
   ({
     data,
     max,
@@ -2889,12 +2908,12 @@ var BarChartH = React23.forwardRef(
   }, ref) => {
     const ceiling = max ?? (Math.max(...data.map((d) => d.value), 0) || 1);
     return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col gap-1", className), ...props, children: [
-      caption != null ? /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground", children: caption }) : null,
+      caption != null ? /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: caption }) : null,
       data.map((d, i) => /* @__PURE__ */ jsxs("div", { className: "flex h-4 items-center gap-2", children: [
         /* @__PURE__ */ jsx(
           "span",
           {
-            className: "shrink-0 truncate text-meta text-muted-foreground",
+            className: "shrink-0 truncate text-sm text-muted-foreground",
             style: { width: labelWidth },
             children: d.label
           }
@@ -2911,14 +2930,14 @@ var BarChartH = React23.forwardRef(
               }
             }
           ),
-          /* @__PURE__ */ jsx("span", { className: "shrink-0 text-meta tabular-nums", children: d.display ?? d.value })
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm tabular-nums", children: d.display ?? d.value })
         ] })
       ] }, i))
     ] });
   }
 );
 BarChartH.displayName = "BarChartH";
-var BarChartV = React23.forwardRef(
+var BarChartV = React24.forwardRef(
   ({
     data,
     max,
@@ -2936,7 +2955,7 @@ var BarChartV = React23.forwardRef(
     const emphasis = highlightIndex ?? data.length - 1;
     const labelled = (i) => labelMode === "all" || labelMode === "last" && i === emphasis;
     return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col gap-1", className), ...props, children: [
-      caption != null ? /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground", children: caption }) : null,
+      caption != null ? /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: caption }) : null,
       /* @__PURE__ */ jsxs("div", { className: "relative mt-2", style: { height }, children: [
         gridlines.map((g) => /* @__PURE__ */ jsxs(
           "div",
@@ -2946,7 +2965,7 @@ var BarChartV = React23.forwardRef(
             style: { bottom: `${g / ceiling * 100}%` },
             children: [
               /* @__PURE__ */ jsx("span", { className: "h-px flex-1 bg-border" }),
-              /* @__PURE__ */ jsx("span", { className: "pl-1 text-meta tabular-nums text-muted-foreground", children: g })
+              /* @__PURE__ */ jsx("span", { className: "pl-1 text-sm tabular-nums text-muted-foreground", children: g })
             ]
           },
           g
@@ -2956,7 +2975,7 @@ var BarChartV = React23.forwardRef(
           {
             className: "flex h-full min-w-0 flex-1 flex-col items-center justify-end gap-1",
             children: [
-              labelled(i) ? /* @__PURE__ */ jsx("span", { className: "text-meta tabular-nums", children: d.display ?? d.value }) : null,
+              labelled(i) ? /* @__PURE__ */ jsx("span", { className: "text-sm tabular-nums", children: d.display ?? d.value }) : null,
               /* @__PURE__ */ jsx(
                 "span",
                 {
@@ -2975,38 +2994,34 @@ var BarChartV = React23.forwardRef(
         )) })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "flex justify-between gap-2", children: data.map((d, i) => /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col items-center", children: [
-        /* @__PURE__ */ jsx("span", { className: "truncate text-meta text-muted-foreground", children: d.label }),
-        d.sublabel != null ? /* @__PURE__ */ jsx("span", { className: "truncate text-meta text-muted-foreground/70", children: d.sublabel }) : null
+        /* @__PURE__ */ jsx("span", { className: "truncate text-sm text-muted-foreground", children: d.label }),
+        d.sublabel != null ? /* @__PURE__ */ jsx("span", { className: "truncate text-sm text-muted-foreground/70", children: d.sublabel }) : null
       ] }, i)) })
     ] });
   }
 );
 BarChartV.displayName = "BarChartV";
-var SWATCH = {
-  none: "bg-muted-foreground",
-  network: "bg-warning",
-  graph_read: "bg-success",
-  graph_write: "bg-data-2",
-  schema_write: "bg-data-4",
-  ingest: "bg-info",
-  llm: "bg-data-7",
-  plan_write: "bg-data-5",
-  work_write: "bg-destructive"
-};
-var BoundChip = React23.forwardRef(
-  ({ bound, swatchOnly, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+var UNPAINTED = "bg-muted-foreground";
+var BoundChip = React24.forwardRef(
+  ({ bound, swatchOnly, label, swatch, palette, className, ...props }, ref) => /* @__PURE__ */ jsxs(
     "span",
     {
       ref,
       className: cn(
-        "inline-flex max-w-full shrink-0 items-center gap-1.5 font-mono text-meta text-muted-foreground",
+        "inline-flex max-w-full shrink-0 items-center gap-1.5 font-mono text-sm text-muted-foreground",
         className
       ),
       "aria-label": swatchOnly ? `bound: ${bound}` : void 0,
       ...props,
       children: [
-        /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn("size-1.5 shrink-0", SWATCH[bound]) }),
-        swatchOnly ? null : /* @__PURE__ */ jsx("span", { className: "truncate", children: bound })
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: cn("size-1.5 shrink-0", swatch ?? palette?.[bound] ?? UNPAINTED)
+          }
+        ),
+        swatchOnly ? null : /* @__PURE__ */ jsx("span", { className: "truncate", children: label ?? bound })
       ]
     }
   )
@@ -3018,7 +3033,7 @@ function ButtonWithTooltip(props) {
     /* @__PURE__ */ jsx(TooltipContent, { children: props.tooltip })
   ] }) });
 }
-var CannotAnswerCard = React23.forwardRef(({ label = "cannot answer", remedy, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var CannotAnswerCard = React24.forwardRef(({ label = "cannot answer", remedy, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   "div",
   {
     ref,
@@ -3028,9 +3043,9 @@ var CannotAnswerCard = React23.forwardRef(({ label = "cannot answer", remedy, cl
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx("span", { className: "text-meta font-medium text-muted-foreground", children: label }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-muted-foreground", children: label }),
       /* @__PURE__ */ jsx("span", { children }),
-      remedy != null ? /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground", children: remedy }) : null
+      remedy != null ? /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: remedy }) : null
     ]
   }
 ));
@@ -3042,7 +3057,7 @@ var PURPOSE = {
   judge: "scores an output \u2014 often local",
   embed: "text in, vector out"
 };
-var CastTable = React23.forwardRef(
+var CastTable = React24.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: [
@@ -3057,15 +3072,15 @@ var CastTable = React23.forwardRef(
           const address = hit ? hit.address : cast[role] ?? null;
           const denied = hit ? !hit.allowed : false;
           return /* @__PURE__ */ jsxs(TableRow, { "data-role": role, children: [
-            /* @__PURE__ */ jsx(TableCell, { className: "font-mono text-meta text-muted-foreground", children: role }),
+            /* @__PURE__ */ jsx(TableCell, { className: "font-mono text-sm text-muted-foreground", children: role }),
             /* @__PURE__ */ jsx(TableCell, { className: "min-w-0", children: address ? /* @__PURE__ */ jsx(
               AddressChip,
               {
                 address,
                 tone: denied ? "denied" : "allowed"
               }
-            ) : /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground/70", children: "nothing casts it" }) }),
-            /* @__PURE__ */ jsx(TableCell, { className: "text-meta text-muted-foreground", children: denied ? /* @__PURE__ */ jsxs("span", { className: "text-destructive", children: [
+            ) : /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground/70", children: "nothing casts it" }) }),
+            /* @__PURE__ */ jsx(TableCell, { className: "text-sm text-muted-foreground", children: denied ? /* @__PURE__ */ jsxs("span", { className: "text-destructive", children: [
               "denied by ",
               hit?.ruleMatched ?? "this world"
             ] }) : hit?.source ? /* @__PURE__ */ jsx("span", { children: hit.source !== "shipped" ? `set on the ${hit.source}` : address ? "shipped default" : (
@@ -3077,7 +3092,7 @@ var CastTable = React23.forwardRef(
           ] }, role);
         }) })
       ] }),
-      readOnly ? null : /* @__PURE__ */ jsx("p", { className: "px-2 pt-1 text-meta text-muted-foreground/70", children: "A cast picks within the rules \u2014 it never widens them." })
+      readOnly ? null : /* @__PURE__ */ jsx("p", { className: "px-2 pt-1 text-sm text-muted-foreground/70", children: "A cast picks within the rules \u2014 it never widens them." })
     ] });
   }
 );
@@ -3091,20 +3106,20 @@ function ChatSession({
   className,
   bodyClassName
 }) {
-  const rootRef = React23.useRef(null);
-  const contentRef = React23.useRef(null);
-  const pinnedRef = React23.useRef(true);
-  const getViewport = React23.useCallback(
+  const rootRef = React24.useRef(null);
+  const contentRef = React24.useRef(null);
+  const pinnedRef = React24.useRef(true);
+  const getViewport = React24.useCallback(
     () => rootRef.current?.querySelector(
       "[data-radix-scroll-area-viewport]"
     ) ?? null,
     []
   );
-  const scrollToBottom = React23.useCallback(() => {
+  const scrollToBottom = React24.useCallback(() => {
     const viewport = getViewport();
     if (viewport) viewport.scrollTop = viewport.scrollHeight;
   }, [getViewport]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     const viewport = getViewport();
     if (!viewport) return;
     const handleScroll = () => {
@@ -3114,7 +3129,7 @@ function ChatSession({
     viewport.addEventListener("scroll", handleScroll, { passive: true });
     return () => viewport.removeEventListener("scroll", handleScroll);
   }, [getViewport, followThreshold]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     const content = contentRef.current;
     if (!content || typeof ResizeObserver === "undefined") return;
     const observer = new ResizeObserver(() => {
@@ -3123,11 +3138,11 @@ function ChatSession({
     observer.observe(content);
     return () => observer.disconnect();
   }, [scrollToBottom]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     pinnedRef.current = true;
     scrollToBottom();
   }, [autoScrollKey, scrollToBottom]);
-  const isEmpty = React23.Children.count(children) === 0;
+  const isEmpty = React24.Children.count(children) === 0;
   return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col h-full min-h-0", className), children: [
     /* @__PURE__ */ jsx(
       ScrollArea,
@@ -3220,12 +3235,12 @@ function useOverflowItems({
   pinnedIndex,
   reserve = 32
 }) {
-  const containerEl = React23.useRef(null);
-  const itemEls = React23.useRef([]);
-  const widths = React23.useRef([]);
-  const itemRefs = React23.useRef([]);
-  const [hidden, setHidden] = React23.useState(NONE);
-  const fit = React23.useCallback(() => {
+  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 el = containerEl.current;
     if (!el || !enabled) {
       setHidden((prev) => prev === NONE ? prev : NONE);
@@ -3254,12 +3269,12 @@ function useOverflowItems({
     }
     setHidden((prev) => same(prev, next) ? prev : next);
   }, [count, enabled, pinnedIndex, reserve]);
-  React23.useLayoutEffect(() => {
+  React24.useLayoutEffect(() => {
     widths.current = [];
     itemEls.current.length = count;
     setHidden((prev) => prev === NONE ? prev : NONE);
   }, [count]);
-  React23.useLayoutEffect(() => {
+  React24.useLayoutEffect(() => {
     fit();
     if (!enabled || typeof ResizeObserver === "undefined") return;
     const observer = new ResizeObserver(() => fit());
@@ -3267,10 +3282,10 @@ function useOverflowItems({
     for (const item of itemEls.current) if (item) observer.observe(item);
     return () => observer.disconnect();
   }, [fit, enabled, hidden]);
-  const containerRef = React23.useCallback((el) => {
+  const containerRef = React24.useCallback((el) => {
     containerEl.current = el;
   }, []);
-  const itemRef = React23.useCallback((index) => {
+  const itemRef = React24.useCallback((index) => {
     let fn = itemRefs.current[index];
     if (!fn) {
       fn = (el) => {
@@ -3280,7 +3295,7 @@ function useOverflowItems({
     }
     return fn;
   }, []);
-  const isHidden = React23.useCallback(
+  const isHidden = React24.useCallback(
     (index) => hidden.includes(index),
     [hidden]
   );
@@ -3333,15 +3348,15 @@ var NavItems = ({
   const isVertical = orientation === "vertical";
   const isTabs = selectionMode === "tabs";
   const V = VARIANT[variant];
-  const [internalActive, setInternalActive] = React23__default.useState(
+  const [internalActive, setInternalActive] = React24__default.useState(
     null
   );
   const isControlled = activeKey !== void 0;
   const currentKey = isControlled ? activeKey : internalActive;
   const activeIndex = items.findIndex((item) => keyOf(item) === currentKey);
-  const nodes = React23__default.useRef({});
-  const pendingFocus = React23__default.useRef(null);
-  React23__default.useEffect(() => {
+  const nodes = React24__default.useRef({});
+  const pendingFocus = React24__default.useRef(null);
+  React24__default.useEffect(() => {
     const key = pendingFocus.current;
     if (!key) return;
     const node = nodes.current[key];
@@ -3354,7 +3369,7 @@ var NavItems = ({
     enabled: overflow && !isVertical,
     pinnedIndex: activeIndex >= 0 ? activeIndex : void 0
   });
-  const select = React23__default.useCallback(
+  const select = React24__default.useCallback(
     (item) => {
       if (item.disabled) return;
       const key = keyOf(item);
@@ -3424,6 +3439,7 @@ var NavItems = ({
       }
     );
     const label = item.label && /* @__PURE__ */ jsx("span", { className: item.labelClassName, children: item.label });
+    const a11y = label ? {} : { "aria-label": item.name };
     const badge = item.badge != null && /* @__PURE__ */ jsx(
       "span",
       {
@@ -3463,6 +3479,7 @@ var NavItems = ({
       {
         ref: setNode,
         ...tabProps,
+        ...a11y,
         style: item.style,
         onClick: () => select(item),
         className: itemClass,
@@ -3473,6 +3490,7 @@ var NavItems = ({
       {
         ref: setNode,
         href: item.href,
+        ...a11y,
         style: item.style,
         onClick: () => select(item),
         className: itemClass,
@@ -3485,6 +3503,7 @@ var NavItems = ({
         type: "button",
         disabled: item.disabled,
         ...tabProps,
+        ...a11y,
         style: item.style,
         onClick: () => {
           if (hasMenu) item.onClick?.();
@@ -3498,7 +3517,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(React23__default.Fragment, { children: [
+    return /* @__PURE__ */ jsxs(React24__default.Fragment, { children: [
       hasMenu ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [
         withTooltip,
         /* @__PURE__ */ jsx(
@@ -3588,7 +3607,7 @@ function renderMenuRows(menuItems) {
   const gutter = menuItems?.some((m) => m.icon);
   return menuItems?.map((menuItem) => {
     const MenuIcon = menuItem.icon;
-    return /* @__PURE__ */ jsxs(React23__default.Fragment, { children: [
+    return /* @__PURE__ */ jsxs(React24__default.Fragment, { children: [
       menuItem.separatorBefore && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
       /* @__PURE__ */ jsxs(
         DropdownMenuItem,
@@ -3907,7 +3926,7 @@ function ChatSessionDisclosure({
   className,
   contentClassName
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React23.useState(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = React24.useState(defaultOpen);
   const isOpen = open ?? uncontrolledOpen;
   const toggle = () => {
     const next = !isOpen;
@@ -4038,7 +4057,7 @@ function ChatSessionContextChip({
     "div",
     {
       className: cn(
-        "flex min-h-[26px] items-center gap-1.5 border border-border bg-muted/40 px-1.5 text-meta",
+        "flex min-h-[26px] items-center gap-1.5 border border-border bg-muted/40 px-1.5 text-sm",
         className
       ),
       ...props,
@@ -4059,9 +4078,9 @@ function ChatSessionContextChip({
     }
   );
 }
-var CitationList = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("ul", { ref, className: cn("flex flex-col", className), ...props, children }));
+var CitationList = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("ul", { ref, className: cn("flex flex-col", className), ...props, children }));
 CitationList.displayName = "CitationList";
-var CitationRow = React23.forwardRef(
+var CitationRow = React24.forwardRef(
   ({ kind, source, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "li",
     {
@@ -4069,15 +4088,15 @@ var CitationRow = React23.forwardRef(
       className: cn("flex min-h-[26px] items-center gap-2 py-0.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "shrink-0 border border-border px-1 text-meta text-muted-foreground", children: kind }),
+        /* @__PURE__ */ jsx("span", { className: "shrink-0 border border-border px-1 text-sm text-muted-foreground", children: kind }),
         /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children }),
-        source != null ? /* @__PURE__ */ jsx("span", { className: "shrink-0 text-meta text-muted-foreground", children: source }) : null
+        source != null ? /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm text-muted-foreground", children: source }) : null
       ]
     }
   )
 );
 CitationRow.displayName = "CitationRow";
-var ClampedText = React23.forwardRef(
+var ClampedText = React24.forwardRef(
   ({
     lines = 3,
     moreLabel = "Show more",
@@ -4086,10 +4105,10 @@ var ClampedText = React23.forwardRef(
     children,
     ...props
   }, ref) => {
-    const [expanded, setExpanded] = React23.useState(false);
-    const [clipped, setClipped] = React23.useState(false);
-    const bodyRef = React23.useRef(null);
-    React23.useLayoutEffect(() => {
+    const [expanded, setExpanded] = React24.useState(false);
+    const [clipped, setClipped] = React24.useState(false);
+    const bodyRef = React24.useRef(null);
+    React24.useLayoutEffect(() => {
       const el = bodyRef.current;
       if (!el || expanded) return;
       const measure = () => setClipped(el.scrollHeight - el.clientHeight > 1);
@@ -4127,7 +4146,7 @@ var ClampedText = React23.forwardRef(
   }
 );
 ClampedText.displayName = "ClampedText";
-var ClarifyCard = React23.forwardRef(
+var ClarifyCard = React24.forwardRef(
   ({
     step,
     waiting,
@@ -4140,7 +4159,7 @@ var ClarifyCard = React23.forwardRef(
     className,
     ...props
   }, ref) => {
-    const name = React23.useId();
+    const name = React24.useId();
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -4148,7 +4167,7 @@ var ClarifyCard = React23.forwardRef(
         className: cn("flex flex-col overflow-hidden border border-border bg-card", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex h-6 shrink-0 items-center gap-2 border-b border-border bg-muted/40 px-2 text-meta", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex h-6 shrink-0 items-center gap-2 border-b border-border bg-muted/40 px-2 text-sm", children: [
             /* @__PURE__ */ jsx("span", { className: "shrink-0 font-medium", children: "question" }),
             step != null ? /* @__PURE__ */ jsx("span", { className: "truncate text-muted-foreground", children: step }) : null,
             /* @__PURE__ */ jsx("span", { className: "flex-1" }),
@@ -4191,7 +4210,7 @@ var ClarifyCard = React23.forwardRef(
                       }
                     ),
                     /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: o.label }),
-                    o.detail != null ? /* @__PURE__ */ jsx("span", { className: "shrink-0 font-mono text-meta text-muted-foreground", children: o.detail }) : null
+                    o.detail != null ? /* @__PURE__ */ jsx("span", { className: "shrink-0 font-mono text-sm text-muted-foreground", children: o.detail }) : null
                   ]
                 },
                 o.value
@@ -4199,7 +4218,7 @@ var ClarifyCard = React23.forwardRef(
             }) }),
             actions || footnote != null ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
               actions,
-              footnote != null ? /* @__PURE__ */ jsx("span", { className: "flex-1 text-meta text-muted-foreground", children: footnote }) : null
+              footnote != null ? /* @__PURE__ */ jsx("span", { className: "flex-1 text-sm text-muted-foreground", children: footnote }) : null
             ] }) : null
           ] })
         ]
@@ -4208,13 +4227,13 @@ var ClarifyCard = React23.forwardRef(
   }
 );
 ClarifyCard.displayName = "ClarifyCard";
-var ContextBar = React23.forwardRef(
+var ContextBar = React24.forwardRef(
   ({ counters, hint, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
       ref,
       className: cn(
-        "flex h-7 shrink-0 items-center gap-3 border-t border-border px-2 text-meta",
+        "flex h-7 shrink-0 items-center gap-3 border-t border-border px-2 text-sm",
         className
       ),
       ...props,
@@ -4227,22 +4246,22 @@ var ContextBar = React23.forwardRef(
   )
 );
 ContextBar.displayName = "ContextBar";
-var DiagnosisCard = React23.forwardRef(({ code, attempted, target, actions, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DiagnosisCard = React24.forwardRef(({ code, attempted, target, actions, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   "div",
   {
     ref,
     className: cn("flex flex-col gap-2 border border-destructive/40 bg-card p-2", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-meta", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
         /* @__PURE__ */ jsx("span", { className: "shrink-0 font-medium text-destructive", children: "diagnosis" }),
         /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-muted-foreground", children: code })
       ] }),
       children != null ? /* @__PURE__ */ jsx("div", { children }) : null,
       attempted != null || target != null ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 border border-border bg-muted/40 p-1.5", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground", children: "what was tried" }),
-        attempted != null ? /* @__PURE__ */ jsx("code", { className: "whitespace-pre-wrap break-all font-mono text-meta", children: attempted }) : null,
-        target != null ? /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground", children: target }) : null
+        /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "what was tried" }),
+        attempted != null ? /* @__PURE__ */ jsx("code", { className: "whitespace-pre-wrap break-all font-mono text-sm", children: attempted }) : null,
+        target != null ? /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: target }) : null
       ] }) : null,
       actions ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", children: actions }) : null
     ]
@@ -4255,19 +4274,19 @@ var OP_CLASS = {
   remove: "text-destructive",
   change: "text-warning"
 };
-var DiffList = React23.forwardRef(
+var DiffList = React24.forwardRef(
   ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("ul", { ref, className: cn("flex flex-col", className), ...props, children })
 );
 DiffList.displayName = "DiffList";
-var DiffRow = React23.forwardRef(
+var DiffRow = React24.forwardRef(
   ({ op = "add", kind, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "li",
     {
       ref,
-      className: cn("flex items-baseline gap-2 py-0.5 text-meta", className),
+      className: cn("flex items-baseline gap-2 py-0.5 text-sm", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx("span", { className: cn("w-3 shrink-0 text-center font-mono", OP_CLASS[op]), children: OP_SIGN[op] }),
+        /* @__PURE__ */ jsx("span", { className: cn("w-3 shrink-0 text-center font-mono", OP_CLASS[op] ?? "text-muted-foreground"), children: OP_SIGN[op] }),
         kind != null ? /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", children: kind }) : null,
         /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1", children })
       ]
@@ -4275,7 +4294,7 @@ var DiffRow = React23.forwardRef(
   )
 );
 DiffRow.displayName = "DiffRow";
-var DivergingBar = React23.forwardRef(
+var DivergingBar = React24.forwardRef(
   ({
     data,
     max,
@@ -4288,7 +4307,7 @@ var DivergingBar = React23.forwardRef(
   }, ref) => {
     const ceiling = max ?? (Math.max(...data.map((d) => Math.abs(d.value)), 0) || 1);
     return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col gap-1", className), ...props, children: [
-      caption != null ? /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground", children: caption }) : null,
+      caption != null ? /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: caption }) : null,
       data.map((d, i) => {
         const positive = d.value >= 0;
         const width = `${Math.abs(d.value) / ceiling * 50}%`;
@@ -4296,7 +4315,7 @@ var DivergingBar = React23.forwardRef(
           /* @__PURE__ */ jsx(
             "span",
             {
-              className: "shrink-0 truncate text-meta text-muted-foreground",
+              className: "shrink-0 truncate text-sm text-muted-foreground",
               style: { width: labelWidth },
               children: d.label
             }
@@ -4326,14 +4345,14 @@ var DivergingBar = React23.forwardRef(
               }
             ) : null })
           ] }),
-          /* @__PURE__ */ jsx("span", { className: "w-8 shrink-0 text-right text-meta tabular-nums", children: d.display ?? (d.value > 0 ? `+${d.value}` : d.value) })
+          /* @__PURE__ */ jsx("span", { className: "w-8 shrink-0 text-right text-sm tabular-nums", children: d.display ?? (d.value > 0 ? `+${d.value}` : d.value) })
         ] }, i);
       })
     ] });
   }
 );
 DivergingBar.displayName = "DivergingBar";
-var EgressList = React23.forwardRef(
+var EgressList = React24.forwardRef(
   ({ to, classes = [], cut = [], className, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -4343,7 +4362,7 @@ var EgressList = React23.forwardRef(
       children: [
         /* @__PURE__ */ jsx(AddressChip, { address: to }),
         /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-0.5 pl-3", children: [
-          classes.length === 0 ? /* @__PURE__ */ jsx("span", { className: "text-meta text-destructive", children: "nothing may be sent" }) : /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-1 text-meta text-muted-foreground", children: [
+          classes.length === 0 ? /* @__PURE__ */ jsx("span", { className: "text-sm text-destructive", children: "nothing may be sent" }) : /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-1 text-sm text-muted-foreground", children: [
             /* @__PURE__ */ jsx("span", { className: "shrink-0", children: "may send" }),
             classes.map((c) => /* @__PURE__ */ jsx(
               "span",
@@ -4354,7 +4373,7 @@ var EgressList = React23.forwardRef(
               c
             ))
           ] }),
-          cut.length ? /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-1 text-meta text-muted-foreground", children: [
+          cut.length ? /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-1 text-sm text-muted-foreground", children: [
             /* @__PURE__ */ jsx("span", { className: "shrink-0", children: "cut" }),
             cut.map((c) => /* @__PURE__ */ jsx(
               "span",
@@ -4371,12 +4390,12 @@ var EgressList = React23.forwardRef(
   )
 );
 EgressList.displayName = "EgressList";
-var EmissionHeader = React23.forwardRef(({ kind, template, citation, note, actions, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+var EmissionHeader = React24.forwardRef(({ kind, template, citation, note, actions, className, ...props }, ref) => /* @__PURE__ */ jsxs(
   "div",
   {
     ref,
     className: cn(
-      "flex h-6 shrink-0 items-center gap-2 border-b border-border bg-muted/40 px-2 text-meta",
+      "flex h-6 shrink-0 items-center gap-2 border-b border-border bg-muted/40 px-2 text-sm",
       className
     ),
     ...props,
@@ -4391,7 +4410,7 @@ var EmissionHeader = React23.forwardRef(({ kind, template, citation, note, actio
   }
 ));
 EmissionHeader.displayName = "EmissionHeader";
-var EmissionCard = React23.forwardRef(
+var EmissionCard = React24.forwardRef(
   ({
     kind,
     template,
@@ -4426,7 +4445,7 @@ var EmissionCard = React23.forwardRef(
   )
 );
 EmissionCard.displayName = "EmissionCard";
-var CitationMarker = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var CitationMarker = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
   "sup",
   {
     ref,
@@ -4436,7 +4455,7 @@ var CitationMarker = React23.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 CitationMarker.displayName = "CitationMarker";
-var EmptyState = React23.forwardRef(
+var EmptyState = React24.forwardRef(
   ({ icon, title, description, actions, locks, className, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -4457,12 +4476,12 @@ var EmptyState = React23.forwardRef(
   )
 );
 EmptyState.displayName = "EmptyState";
-var EmptyStateLock = React23.forwardRef(({ icon, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var EmptyStateLock = React24.forwardRef(({ icon, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   "span",
   {
     ref,
     className: cn(
-      "inline-flex h-6 items-center gap-1.5 border border-dashed border-border px-2 text-meta text-muted-foreground [&_svg]:size-3",
+      "inline-flex h-6 items-center gap-1.5 border border-dashed border-border px-2 text-sm text-muted-foreground [&_svg]:size-3",
       className
     ),
     ...props,
@@ -4494,13 +4513,13 @@ var ErrorBoundary = class extends Component {
     return this.props.children;
   }
 };
-var Eyebrow = React23.forwardRef(
+var Eyebrow = React24.forwardRef(
   ({ aside, tone = "muted", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
       ref,
       className: cn(
-        "flex items-baseline gap-2 text-meta font-semibold uppercase tracking-wide",
+        "flex items-baseline gap-2 text-sm font-semibold uppercase tracking-wide",
         tone === "muted" && "text-muted-foreground",
         tone === "foreground" && "text-foreground",
         tone === "accent" && "text-primary",
@@ -4515,7 +4534,7 @@ var Eyebrow = React23.forwardRef(
   )
 );
 Eyebrow.displayName = "Eyebrow";
-var FilterBar = React23.forwardRef(
+var FilterBar = React24.forwardRef(
   ({ summary, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -4528,13 +4547,13 @@ var FilterBar = React23.forwardRef(
       children: [
         children,
         /* @__PURE__ */ jsx("span", { className: "flex-1" }),
-        summary != null ? /* @__PURE__ */ jsx("span", { className: "shrink-0 text-meta text-muted-foreground", children: summary }) : null
+        summary != null ? /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm text-muted-foreground", children: summary }) : null
       ]
     }
   )
 );
 FilterBar.displayName = "FilterBar";
-var FilterChip = React23.forwardRef(
+var FilterChip = React24.forwardRef(
   ({ label, value, active, className, ...props }, ref) => /* @__PURE__ */ jsxs(
     Button,
     {
@@ -4558,9 +4577,9 @@ var FilterChip = React23.forwardRef(
   )
 );
 FilterChip.displayName = "FilterChip";
-var HeatStrip = React23.forwardRef(
+var HeatStrip = React24.forwardRef(
   ({ cells, states, ticks, cellSize = 14, className, ...props }, ref) => {
-    const byKey = React23.useMemo(
+    const byKey = React24.useMemo(
       () => new Map(states.map((s) => [s.key, s])),
       [states]
     );
@@ -4587,14 +4606,14 @@ var HeatStrip = React23.forwardRef(
         return /* @__PURE__ */ jsx(
           "span",
           {
-            className: "shrink-0 text-meta tabular-nums text-muted-foreground",
+            className: "shrink-0 text-sm tabular-nums text-muted-foreground",
             style: { width: cellSize },
             children: tick ? tick.label : ""
           },
           i
         );
       }) }) : null,
-      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-meta", children: states.map((s) => /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-sm", children: states.map((s) => /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ jsx(
           "span",
           {
@@ -4612,54 +4631,58 @@ var HeatStrip = React23.forwardRef(
   }
 );
 HeatStrip.displayName = "HeatStrip";
-var LABEL = {
-  graph_data: "graph data",
-  llm: "llm",
-  third_party: "third party",
-  cache: "cache",
-  human: "human",
-  agent: "agent"
-};
-var SWATCH2 = {
-  graph_data: "bg-data-1",
-  llm: "bg-data-7",
-  third_party: "bg-data-8",
-  cache: "bg-data-3",
-  human: "bg-data-6",
-  agent: "bg-muted-foreground"
+var layerLabel = (layer) => layer.replace(/_/g, " ");
+var UNPAINTED2 = {
+  swatch: "bg-muted-foreground",
+  // Edge only, no ground: a bar's identity is its rail and its address, and a
+  // wash under every bar turns a track into a stack of coloured blocks. A
+  // consumer that wants the ground says so in its own `tint`.
+  tint: "border-border",
+  // Unpainted type is ordinary type. A muted address would say *subordinate*,
+  // which is not what "nobody gave this layer a colour" means.
+  text: "text-foreground"
 };
-var LayerChip = React23.forwardRef(
-  ({ layer, count, dim, className, ...props }, ref) => /* @__PURE__ */ jsxs(
-    "span",
-    {
-      ref,
-      className: cn(
-        "inline-flex max-w-full shrink-0 items-center gap-1.5 font-mono text-meta",
-        dim ? "text-muted-foreground/70" : "text-muted-foreground",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            "aria-hidden": true,
-            className: cn(
-              "size-1.5 shrink-0",
-              dim ? "bg-muted-foreground/50" : SWATCH2[layer]
-            )
-          }
+var layerPaint = (palette, layer) => ({ ...UNPAINTED2, ...palette?.[layer] });
+var LayerChip = React24.forwardRef(
+  ({ layer, count, label, dim, swatch, palette, className, ...props }, ref) => {
+    const paint = layerPaint(palette, layer);
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        className: cn(
+          // A layer is a **name**, not an address. `graph data` has a space in
+          // it — it is already prose — so it takes the body face at the root
+          // size, and mono is reserved for the thing that really is an address
+          // (`model/Orders@v2` on the row below it). Small muted bold mono made
+          // a row heading look like a technical footnote.
+          "inline-flex max-w-full shrink-0 items-center gap-1.5",
+          dim ? "text-muted-foreground/70" : "text-foreground",
+          className
         ),
-        /* @__PURE__ */ jsx("span", { className: "truncate", children: LABEL[layer] }),
-        count != null ? /* @__PURE__ */ jsx("span", { className: "shrink-0 tabular-nums opacity-70", children: count }) : null
-      ]
-    }
-  )
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              className: cn(
+                "size-1.5 shrink-0",
+                dim ? "bg-muted-foreground/50" : swatch ?? paint.swatch
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: label ?? layerLabel(layer) }),
+          count != null ? /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm tabular-nums text-muted-foreground", children: count }) : null
+        ]
+      }
+    );
+  }
 );
 LayerChip.displayName = "LayerChip";
-var LayerSection = React23.forwardRef(
-  ({ layer, summary, count, dim, className, children, ...props }, ref) => {
-    const empty = React23.Children.count(children) === 0;
+var LayerSection = React24.forwardRef(
+  ({ layer, summary, count, dim, palette, className, children, ...props }, ref) => {
+    const empty = React24.Children.count(children) === 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -4668,125 +4691,562 @@ var LayerSection = React23.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-baseline gap-2 border-b border-border pb-1", children: [
-            /* @__PURE__ */ jsx(LayerChip, { layer, count, dim }),
-            summary != null ? /* @__PURE__ */ jsx("span", { className: "ml-auto min-w-0 shrink truncate text-meta text-muted-foreground", children: summary }) : null
+            /* @__PURE__ */ jsx(LayerChip, { layer, count, dim, palette }),
+            summary != null ? /* @__PURE__ */ jsx("span", { className: "ml-auto min-w-0 shrink truncate text-sm text-muted-foreground", children: summary }) : null
           ] }),
-          empty ? /* @__PURE__ */ jsx("p", { className: "px-1 py-1 text-meta text-muted-foreground/70", children: "no rules in this layer" }) : /* @__PURE__ */ jsx("div", { className: cn("flex min-w-0 flex-col", dim && "opacity-60"), children })
+          empty ? /* @__PURE__ */ jsx("p", { className: "px-1 py-1 text-sm text-muted-foreground/70", children: "no rules in this layer" }) : /* @__PURE__ */ jsx("div", { className: cn("flex min-w-0 flex-col", dim && "opacity-60"), children })
         ]
       }
     );
   }
 );
 LayerSection.displayName = "LayerSection";
-var MARK = {
-  out: "bg-primary",
-  in: "bg-data-1",
-  refused: "bg-destructive",
-  skipped: "bg-muted-foreground/30"
-};
-var MARK_LABEL = {
+var STATE_LABEL = {
+  declared: "declared",
   out: "sent",
   in: "read",
   refused: "refused",
   skipped: "skipped"
 };
-var LayerStrip = React23.forwardRef(
+var STATE_BAR = {
+  declared: "border-dashed",
+  out: "",
+  in: "",
+  refused: "border-destructive bg-background",
+  skipped: "border-dashed opacity-60"
+};
+var stateLabel = (state) => STATE_LABEL[state] ?? state;
+var formatElapsed = (ms) => {
+  if (ms < 1e3) return `${Math.round(ms)}ms`;
+  if (ms < 6e4) return `${(ms / 1e3).toFixed(ms < 1e4 ? 1 : 0)}s`;
+  const m = Math.floor(ms / 6e4);
+  return `${m}m ${Math.round(ms % 6e4 / 1e3)}s`;
+};
+var LayerStrip = React24.forwardRef(
   ({
     bands,
-    steps,
-    onSelectStep,
-    selectedStep,
+    items,
+    scale = "seq",
+    domain,
+    ticks,
+    formatTick,
+    brackets,
+    seams,
+    onSelectItem,
+    selectedItem,
+    hoverDetail = true,
+    itemDetail,
+    defaultCollapsed,
+    collapsed,
+    onCollapsedChange,
+    collapsible = true,
     frozenLabels = true,
+    labelWidth = 15.5,
+    minTrackWidth = 26,
+    minSlotWidth = 6,
+    palette,
     className,
     ...props
   }, ref) => {
-    const byBand = (layer) => steps.map((step) => ({
-      step,
-      touch: step.touches.find((t) => t.layer === layer)
-    }));
-    return /* @__PURE__ */ jsx(
+    const [ownCollapsed, setOwnCollapsed] = React24.useState(
+      defaultCollapsed ?? []
+    );
+    const shut = collapsed ?? ownCollapsed;
+    const setShut = (next) => {
+      if (collapsed == null) setOwnCollapsed(next);
+      onCollapsedChange?.(next);
+    };
+    const withParts = bands.filter((b) => (b.parts?.length ?? 0) > 0);
+    const allShut = withParts.length > 0 && withParts.every((b) => shut.includes(b.layer));
+    const ends = items.map((i) => i.end ?? i.start + (scale === "seq" ? 1 : 0));
+    const starts = items.map((i) => i.start);
+    const d0 = domain?.[0] ?? (starts.length ? Math.min(...starts) : 0);
+    const d1 = domain?.[1] ?? (ends.length ? Math.max(...ends) : d0 + 1);
+    const span = d1 - d0 || 1;
+    const pct = (value) => (value - d0) / span * 100;
+    const axisTicks = ticks ?? (scale === "seq" ? Array.from({ length: Math.ceil(span) }, (_, n) => d0 + n) : Array.from({ length: 5 }, (_, n) => d0 + span / 4 * n));
+    const tickLabel = formatTick ?? ((value) => scale === "seq" ? `${Math.round(value)}` : formatElapsed(value - d0));
+    const label = (content, extra, indent, dim) => /* @__PURE__ */ jsx(
       "div",
       {
-        ref,
+        style: { width: `${labelWidth}rem` },
         className: cn(
-          "min-w-0 overflow-x-auto rounded-control border border-border",
-          className
+          "flex shrink-0 items-center gap-2 border-border border-r px-2.5 py-1.5",
+          // A frozen label is normally opaque, or the bars it is parked over
+          // would scroll through it. A dim row has no bars — that is what dim
+          // means — so it can go transparent and let the row's own muted ground
+          // run the full width. Without this the label column paints `bg-card`
+          // straight over the tint and only the empty track reads as unspent,
+          // which is the half a reader is least likely to look at.
+          dim ? "bg-transparent" : "bg-card",
+          indent && "pl-5",
+          frozenLabels && "sticky left-0 z-10",
+          extra
         ),
-        ...props,
-        children: /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "grid min-w-max",
-            style: {
-              gridTemplateColumns: `9rem repeat(${steps.length}, minmax(2.5rem, 1fr))`
-            },
-            children: [
+        children: content
+      }
+    );
+    const trackFloor = Math.max(minTrackWidth, axisTicks.length * minSlotWidth);
+    const row = (key, head, track, dim) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex min-h-12 border-border border-b last:border-b-0",
+          // Muting the text alone said *this row is quiet*; the row has to say
+          // *nothing spends this layer*, which is a band, not a weight.
+          dim && "bg-muted/60"
+        ),
+        children: [
+          head,
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: { minWidth: `${trackFloor}rem` },
+              className: "relative min-w-0 flex-1",
+              children: track
+            }
+          )
+        ]
+      },
+      key
+    );
+    const partOf = (item) => item.part ? bands.find((b) => b.layer === item.layer)?.parts?.find((p) => p.id === item.part) : void 0;
+    const spanLabel = (item) => {
+      const end = item.end ?? item.start + (scale === "seq" ? 1 : 0);
+      if (scale === "seq") {
+        return end - item.start <= 1 ? `step ${item.start}` : `steps ${item.start}\u2013${end - 1}`;
+      }
+      return `${formatElapsed(item.start - d0)} \u2192 ${formatElapsed(
+        end - d0
+      )} \xB7 ${formatElapsed(end - item.start)}`;
+    };
+    const detail = (item) => {
+      if (itemDetail) return itemDetail(item);
+      const state = item.state ?? "declared";
+      const part = partOf(item);
+      return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "min-w-0 flex-1 truncate font-mono text-base",
+                state === "refused" && "text-destructive line-through"
+              ),
+              children: item.label
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "shrink-0 text-sm",
+                state === "refused" ? "text-destructive" : "text-muted-foreground"
+              ),
+              children: stateLabel(state)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("dl", { className: "grid grid-cols-[auto_1fr] gap-x-2 gap-y-1 text-sm", children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: "layer" }),
+          /* @__PURE__ */ jsx("dd", { className: "min-w-0", children: /* @__PURE__ */ jsx(LayerChip, { layer: item.layer, palette }) }),
+          part ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: "participant" }),
+            /* @__PURE__ */ jsx("dd", { className: "min-w-0 break-all font-mono", children: part.label })
+          ] }) : null,
+          /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: "when" }),
+          /* @__PURE__ */ jsx("dd", { className: "min-w-0 tabular-nums", children: spanLabel(item) }),
+          item.note ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__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.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 })
+          ] }) : null
+        ] })
+      ] });
+    };
+    const bar = (item, compact = false) => {
+      const state = item.state ?? "declared";
+      const end = item.end ?? item.start + (scale === "seq" ? 1 : 0);
+      const min = compact ? "0.75rem" : "4.5rem";
+      const Tag = onSelectItem ? "button" : "div";
+      const drawn = /* @__PURE__ */ jsxs(
+        Tag,
+        {
+          ...onSelectItem ? { type: "button", onClick: () => onSelectItem(item.id) } : {},
+          title: hoverDetail ? void 0 : [item.label, stateLabel(state), item.note, item.ruleMatched].filter(Boolean).join(" \xB7 "),
+          style: (
+            // A bar is at least readable-wide, and one near the end grows
+            // inwards rather than off the track: anchor whichever edge is
+            // nearer its own end of the axis, so the moment it names stays
+            // true where the reader is looking.
+            pct(item.start) > 50 ? {
+              right: `${100 - pct(end)}%`,
+              width: `max(${min}, calc(${pct(end) - pct(item.start)}% - 3px))`
+            } : {
+              left: `${pct(item.start)}%`,
+              width: `max(${min}, calc(${pct(end) - pct(item.start)}% - 3px))`
+            }
+          ),
+          className: cn(
+            "-translate-y-1/2 absolute top-1/2 flex min-w-0 items-stretch overflow-hidden rounded-xs border py-0.5 text-left",
+            compact ? "gap-1 pr-1" : "gap-1.5 pr-1.5",
+            // Chosen, not merged. `twMerge` would resolve the kit's own tints
+            // against `border-destructive` correctly, but the tint is a
+            // consumer's string now: a project that paints a layer with its own
+            // utility class (`layer-llm`, a plugin's output) hands `cn` two
+            // classes it cannot see a conflict between, and stylesheet order
+            // would decide whether a refusal reads as refused.
+            state === "refused" ? null : layerPaint(palette, item.layer).tint,
+            STATE_BAR[state] ?? "",
+            onSelectItem && "cursor-pointer hover:bg-accent",
+            selectedItem === item.id && "ring-1 ring-ring",
+            "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                "aria-hidden": true,
+                className: cn(
+                  "w-1 shrink-0",
+                  layerPaint(palette, item.layer).swatch
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col justify-center", children: [
               /* @__PURE__ */ jsx(
-                "div",
+                "span",
                 {
                   className: cn(
-                    "border-b border-border bg-background px-2 py-1",
-                    frozenLabels && "sticky left-0 z-20"
+                    "truncate font-mono text-sm",
+                    state === "refused" && "text-destructive line-through"
                   ),
-                  children: /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground", children: "layer" })
+                  children: item.label
                 }
               ),
-              steps.map((step) => /* @__PURE__ */ jsx(
-                "button",
+              compact ? null : /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: item.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 bracketLanes = React24.useMemo(() => {
+      const lanes = [];
+      const ordered = [...brackets ?? []].sort(
+        (a, b) => b.end - b.start - (a.end - a.start)
+      );
+      for (const bracket of ordered) {
+        const lane = lanes.find(
+          (existing) => existing.every(
+            (other) => bracket.end <= other.start || bracket.start >= other.end
+          )
+        );
+        if (lane) lane.push(bracket);
+        else lanes.push([bracket]);
+      }
+      return lanes;
+    }, [brackets]);
+    const seamLines = React24.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])];
+    }, [seams]);
+    const itemsOf = (layer, part) => items.filter(
+      (i) => i.layer === layer && (part ? i.part === part : !i.part)
+    );
+    const allOf = (layer) => items.filter((i) => i.layer === layer);
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "min-w-0 overflow-x-auto rounded-control border border-border bg-card",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsxs("div", { className: "relative min-w-max", children: [
+          seams?.length ? /* @__PURE__ */ jsx(
+            "div",
+            {
+              "aria-hidden": true,
+              style: { left: `${labelWidth}rem` },
+              className: "pointer-events-none absolute inset-y-0 right-0",
+              children: seams.map(
+                (seam) => seam.at == null ? null : /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    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.id
+                )
+              )
+            }
+          ) : null,
+          row(
+            "axis",
+            label(
+              /* @__PURE__ */ jsxs(Fragment, { children: [
+                collapsible && withParts.length > 0 ? /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setShut(allShut ? [] : withParts.map((b) => b.layer)),
+                    className: "-ml-1 flex items-center gap-0.5 rounded-xs px-1 text-sm text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+                    children: [
+                      allShut ? /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": true, className: "size-3 shrink-0" }) : /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": true, className: "size-3 shrink-0" }),
+                      allShut ? "expand all" : "collapse all"
+                    ]
+                  }
+                ) : /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "layer" }),
+                /* @__PURE__ */ jsx("span", { className: "ml-auto text-sm text-muted-foreground/70", children: scale === "seq" ? "step" : "elapsed" })
+              ] }),
+              "min-h-0 py-1"
+            ),
+            /* @__PURE__ */ jsx("div", { className: "absolute inset-0", children: axisTicks.map((value) => {
+              const atEnd = pct(value) > 99;
+              return /* @__PURE__ */ jsx(
+                "span",
                 {
-                  type: "button",
-                  onClick: () => onSelectStep?.(step.id),
-                  title: step.seq != null ? `${step.label} \xB7 seq ${step.seq}` : step.label,
+                  style: atEnd ? { right: 0 } : { left: `${pct(value)}%` },
                   className: cn(
-                    "border-b border-l border-border px-1 py-1 text-meta",
-                    "truncate text-muted-foreground",
-                    onSelectStep && "cursor-pointer hover:bg-accent",
-                    selectedStep === step.id && "bg-accent text-foreground",
-                    "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+                    "absolute inset-y-0 text-sm text-muted-foreground",
+                    atEnd ? "border-border/60 border-r pr-1" : "border-border/60 border-l pl-1"
                   ),
-                  children: step.label
+                  children: tickLabel(value)
                 },
-                step.id
-              )),
-              bands.map((band) => /* @__PURE__ */ jsxs(React23.Fragment, { children: [
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: cn(
-                      "flex items-center border-b border-border bg-background px-2 py-1",
-                      frozenLabels && "sticky left-0 z-10"
-                    ),
-                    children: band.label ?? /* @__PURE__ */ jsx(LayerChip, { layer: band.layer })
-                  }
-                ),
-                byBand(band.layer).map(({ step, touch }) => /* @__PURE__ */ jsx(
-                  "div",
+                value
+              );
+            }) })
+          ),
+          bracketLanes.map(
+            (lane, laneIndex) => row(
+              `brackets-${laneIndex}`,
+              label(
+                /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: laneIndex === 0 ? "its bound" : "" }),
+                "min-h-0 py-1"
+              ),
+              /* @__PURE__ */ jsx("div", { className: "absolute inset-0 py-1", children: lane.map((bracket) => /* @__PURE__ */ jsx(
+                "span",
+                {
+                  style: {
+                    left: `${pct(bracket.start)}%`,
+                    width: `${pct(bracket.end) - pct(bracket.start)}%`
+                  },
+                  className: "absolute inset-y-1 flex items-center justify-center truncate rounded-xs border border-border border-dashed px-1 text-sm text-muted-foreground",
+                  children: bracket.label
+                },
+                bracket.id
+              )) })
+            )
+          ),
+          seamLines.map(
+            (line, lineIndex) => row(
+              `seams-${lineIndex}`,
+              label(
+                /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: lineIndex === 0 ? "its gates" : "" })
+              ),
+              /* @__PURE__ */ jsx("div", { className: "absolute inset-0", children: line.map((seam) => {
+                const named = /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col justify-center", children: [
+                  /* @__PURE__ */ jsx("span", { className: "truncate text-sm", children: seam.label }),
+                  seam.note ? /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: seam.note }) : null
+                ] });
+                if (seam.at == null)
+                  return /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "absolute inset-x-0 inset-y-1.5 flex items-center justify-center rounded-xs border border-dotted border-muted-foreground/45 px-1.5 text-muted-foreground",
+                      children: named
+                    },
+                    seam.id
+                  );
+                const after = seam.edge === "after";
+                const neighbours = line.map((other) => other.at).filter((value) => value != null);
+                const bound = after ? pct(seam.at) - Math.max(
+                  ...neighbours.filter((v) => v < (seam.at ?? 0)).map(pct),
+                  0
+                ) : Math.min(
+                  ...neighbours.filter((v) => v > (seam.at ?? 0)).map(pct),
+                  100
+                ) - pct(seam.at);
+                return /* @__PURE__ */ jsx(
+                  "span",
                   {
-                    title: touch ? `${step.label} \xB7 ${MARK_LABEL[touch.direction]}${touch.address ? ` \xB7 ${touch.address}` : ""}${touch.ruleMatched ? ` \xB7 ${touch.ruleMatched}` : ""}` : void 0,
+                    style: {
+                      maxWidth: `${Math.max(bound, 12)}%`,
+                      ...after ? { right: `${100 - pct(seam.at)}%` } : { left: `${pct(seam.at)}%` }
+                    },
                     className: cn(
-                      "flex items-center justify-center border-b border-l border-border px-1 py-1",
-                      selectedStep === step.id && "bg-accent"
+                      // The label hangs off the side the cost falls on:
+                      // before the line, nothing is spent; after it, the
+                      // 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"
                     ),
-                    children: touch ? /* @__PURE__ */ jsx(
+                    children: named
+                  },
+                  seam.id
+                );
+              }) })
+            )
+          ),
+          bands.map((band) => {
+            const own = itemsOf(band.layer);
+            const parts = band.parts ?? [];
+            const dim = allOf(band.layer).length === 0;
+            const spine = band.spine ?? false;
+            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: [
+              row(
+                band.layer,
+                label(
+                  /* @__PURE__ */ jsxs(Fragment, { children: [
+                    foldable ? /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-expanded": !isShut,
+                        "aria-label": `${isShut ? "Show" : "Hide"} the ${parts.length} participants under ${band.layer}`,
+                        onClick: () => setShut(
+                          isShut ? shut.filter((l) => l !== band.layer) : [...shut, band.layer]
+                        ),
+                        className: "-ml-1 flex shrink-0 items-center gap-1 rounded-xs px-1 hover:bg-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+                        children: [
+                          isShut ? /* @__PURE__ */ jsx(
+                            ChevronRight,
+                            {
+                              "aria-hidden": true,
+                              className: "size-3 shrink-0 text-muted-foreground"
+                            }
+                          ) : /* @__PURE__ */ jsx(
+                            ChevronDown,
+                            {
+                              "aria-hidden": true,
+                              className: "size-3 shrink-0 text-muted-foreground"
+                            }
+                          ),
+                          band.label ?? /* @__PURE__ */ jsx(
+                            LayerChip,
+                            {
+                              layer: band.layer,
+                              dim,
+                              palette
+                            }
+                          )
+                        ]
+                      }
+                    ) : /* @__PURE__ */ jsx("span", { className: "shrink-0 pl-4", children: band.label ?? /* @__PURE__ */ jsx(
+                      LayerChip,
+                      {
+                        layer: band.layer,
+                        dim,
+                        palette
+                      }
+                    ) }),
+                    band.note ? /* @__PURE__ */ jsx(
                       "span",
                       {
-                        "aria-label": MARK_LABEL[touch.direction],
+                        title: band.note,
                         className: cn(
-                          "h-1.5 w-full max-w-6 rounded-full",
-                          MARK[touch.direction],
-                          // Struck in place: the mark stays so the cell is not
-                          // mistaken for a step that never reached here.
-                          touch.direction === "refused" && "relative after:absolute after:inset-x-0 after:top-1/2 after:h-px after:-translate-y-1/2 after:bg-destructive-foreground/70"
-                        )
+                          "ml-auto min-w-0 truncate text-sm",
+                          dim ? "text-muted-foreground/70" : "text-muted-foreground"
+                        ),
+                        children: band.note
                       }
-                    ) : /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "text-muted-foreground/25", children: "\xB7" })
-                  },
-                  `${band.layer}-${step.id}`
-                ))
-              ] }, band.layer))
-            ]
-          }
-        )
+                    ) : null
+                  ] }),
+                  void 0,
+                  false,
+                  dim
+                ),
+                /* @__PURE__ */ jsxs(Fragment, { children: [
+                  spine ? /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      "aria-hidden": true,
+                      className: "-translate-y-1/2 absolute inset-x-0 top-1/2 border-border border-t"
+                    }
+                  ) : null,
+                  onLine.map((item) => bar(item, isShut))
+                ] }),
+                dim
+              ),
+              (isShut ? [] : parts).map((part) => {
+                const spent = itemsOf(band.layer, part.id);
+                const unspent = spent.length === 0;
+                return row(
+                  `${band.layer}-${part.id}`,
+                  label(
+                    /* @__PURE__ */ jsxs(
+                      "span",
+                      {
+                        className: "flex min-w-0 flex-col",
+                        title: part.label,
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              className: cn(
+                                "truncate font-mono text-sm",
+                                // The address wears its layer, so the row and the
+                                // band's dot are visibly one thing. Unspent
+                                // overrides it: *this was never reached* outranks
+                                // *this is graph data*.
+                                unspent ? "text-muted-foreground/70" : layerPaint(palette, band.layer).text
+                              ),
+                              children: part.label
+                            }
+                          ),
+                          part.note ? /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              className: cn(
+                                // What the participant owes sits a rung under the
+                                // address that owes it. At the same size the two
+                                // lines read as one wrapped label.
+                                "truncate text-xs",
+                                unspent ? "text-muted-foreground/70" : "text-muted-foreground"
+                              ),
+                              children: part.note
+                            }
+                          ) : null
+                        ]
+                      }
+                    ),
+                    void 0,
+                    true,
+                    unspent
+                  ),
+                  spent.map((item) => bar(item)),
+                  unspent
+                );
+              })
+            ] }, band.layer);
+          })
+        ] })
       }
     );
   }
@@ -4839,14 +5299,14 @@ function Swatch({ kind = "dot", color }) {
     }
   );
 }
-var Legend = React23.forwardRef(
+var Legend = React24.forwardRef(
   ({ orientation = "row", className, children, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
       ref,
       role: "list",
       className: cn(
-        "flex gap-x-3 gap-y-1 text-meta",
+        "flex gap-x-3 gap-y-1 text-sm",
         orientation === "row" ? "flex-wrap items-center" : "flex-col",
         className
       ),
@@ -4856,7 +5316,7 @@ var Legend = React23.forwardRef(
   )
 );
 Legend.displayName = "Legend";
-var LegendItem = React23.forwardRef(
+var LegendItem = React24.forwardRef(
   ({ kind, color, label, count, className, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -4873,7 +5333,7 @@ var LegendItem = React23.forwardRef(
   )
 );
 LegendItem.displayName = "LegendItem";
-var LensChip = React23.forwardRef(
+var LensChip = React24.forwardRef(
   ({ lens, onPick, className, ...props }, ref) => {
     const label = lens?.name ?? "Everything";
     const unset = lens == null;
@@ -4892,7 +5352,7 @@ var LensChip = React23.forwardRef(
     ] });
     const shell = cn(
       "inline-flex min-w-0 max-w-full items-center gap-1.5 rounded-control",
-      "border border-border px-1.5 py-0.5 text-meta",
+      "border border-border px-1.5 py-0.5 text-sm",
       unset ? "text-muted-foreground" : "text-foreground",
       className
     );
@@ -4916,7 +5376,7 @@ var LensChip = React23.forwardRef(
   }
 );
 LensChip.displayName = "LensChip";
-function describe(n) {
+function describe(n, palette) {
   switch (n.kind) {
     case "allow":
       return `${n.count} allow`;
@@ -4931,12 +5391,12 @@ function describe(n) {
     case "closes":
       return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
         "closes",
-        n.layers.map((layer) => /* @__PURE__ */ jsx(LayerChip, { layer }, layer))
+        n.layers.map((layer) => /* @__PURE__ */ jsx(LayerChip, { layer, palette }, layer))
       ] });
   }
 }
-var LensRow = React23.forwardRef(
-  ({ name, narrows = [], usage, selected, onSelect, className, ...props }, ref) => {
+var LensRow = React24.forwardRef(
+  ({ name, narrows = [], usage, selected, onSelect, palette, className, ...props }, ref) => {
     const interactive = Boolean(onSelect);
     return /* @__PURE__ */ jsxs(
       "div",
@@ -4962,8 +5422,8 @@ var LensRow = React23.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-baseline gap-2", children: [
-            /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-sm font-medium text-foreground", children: name }),
-            usage ? /* @__PURE__ */ jsxs("span", { className: "ml-auto shrink-0 text-meta text-muted-foreground", children: [
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-base font-medium text-foreground", children: name }),
+            usage ? /* @__PURE__ */ jsxs("span", { className: "ml-auto shrink-0 text-sm text-muted-foreground", children: [
               "used in ",
               usage.runs,
               " run",
@@ -4971,17 +5431,17 @@ var LensRow = React23.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-meta text-muted-foreground", children: narrows.map((n, i) => /* @__PURE__ */ jsxs(React23.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(React24.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) })
-          ] }, `${n.kind}-${i}`)) }) : /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground/70", children: "narrows nothing \u2014 the whole model, inside the guardrails" })
+            /* @__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" })
         ]
       }
     );
   }
 );
 LensRow.displayName = "LensRow";
-var MatchPreview = React23.forwardRef(
+var MatchPreview = React24.forwardRef(
   ({ pattern, matches = [], loading, limit = 8, className, ...props }, ref) => {
     const hits = matches.filter((m) => m.matched);
     const misses = matches.filter((m) => !m.matched);
@@ -4998,14 +5458,14 @@ var MatchPreview = React23.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-baseline gap-2", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground", children: "what this matches" }),
-            /* @__PURE__ */ jsx("span", { className: "ml-auto shrink-0 text-meta tabular-nums text-muted-foreground", children: loading ? "\u2026" : `${hits.length} of ${matches.length}` })
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "what this matches" }),
+            /* @__PURE__ */ jsx("span", { className: "ml-auto shrink-0 text-sm tabular-nums text-muted-foreground", children: loading ? "\u2026" : `${hits.length} of ${matches.length}` })
           ] }),
           loading ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 py-0.5", children: [
             /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-3/5" }),
             /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-2/5" }),
             /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-1/2" })
-          ] }) : matches.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-meta text-muted-foreground/70", children: "nothing in this Graph to match \u2014 the layer has no participants yet" }) : hits.length === 0 ? /* @__PURE__ */ jsxs("p", { className: "text-meta text-destructive", children: [
+          ] }) : matches.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground/70", children: "nothing in this Graph to match \u2014 the layer has no participants yet" }) : hits.length === 0 ? /* @__PURE__ */ jsxs("p", { className: "text-sm text-destructive", children: [
             /* @__PURE__ */ jsx("span", { className: "font-mono", children: pattern }),
             " matches nothing here"
           ] }) : null,
@@ -5018,7 +5478,7 @@ var MatchPreview = React23.forwardRef(
               },
               m.address
             )),
-            hidden > 0 ? /* @__PURE__ */ jsxs("span", { className: "pt-0.5 text-meta text-muted-foreground/70", children: [
+            hidden > 0 ? /* @__PURE__ */ jsxs("span", { className: "pt-0.5 text-sm text-muted-foreground/70", children: [
               "and ",
               hidden,
               " more"
@@ -5097,7 +5557,7 @@ var TONE2 = {
   error: "text-destructive",
   info: "text-info"
 };
-var MetricTile = React23.forwardRef(
+var MetricTile = React24.forwardRef(
   ({ label, value, caption, tone, meter, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -5108,7 +5568,7 @@ var MetricTile = React23.forwardRef(
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "truncate text-meta font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
+        /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
         /* @__PURE__ */ jsx(
           "span",
           {
@@ -5117,12 +5577,12 @@ var MetricTile = React23.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] : void 0
+              tone ? TONE2[tone] ?? "text-foreground" : void 0
             ),
             children: value
           }
         ),
-        caption != null ? /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground", children: caption }) : null,
+        caption != null ? /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: caption }) : null,
         meter != null ? (
           // Not a <Progress>: that is a control-sized, rounded, animated bar for
           // work in flight. This is a 4px rule that says how much of a ceiling is
@@ -5136,7 +5596,7 @@ var MetricTile = React23.forwardRef(
               children: /* @__PURE__ */ jsx(
                 "div",
                 {
-                  className: cn("h-full", tone ? TONE2[tone] : "text-primary", "bg-current"),
+                  className: cn("h-full", tone ? TONE2[tone] ?? "text-foreground" : "text-primary", "bg-current"),
                   style: { width: `${Math.min(Math.max(meter, 0), 1) * 100}%` }
                 }
               )
@@ -5149,7 +5609,7 @@ var MetricTile = React23.forwardRef(
   )
 );
 MetricTile.displayName = "MetricTile";
-var MetricGrid = React23.forwardRef(
+var MetricGrid = React24.forwardRef(
   ({ minTileWidth = 120, gap = 6, className, style, children, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -5208,7 +5668,7 @@ var NestedMenu = (props) => {
     }
   );
 };
-var PanelBox = React23.forwardRef(
+var PanelBox = React24.forwardRef(
   ({ title, aside, flush, className, headerClassName, bodyClassName, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     Card,
     {
@@ -5299,13 +5759,13 @@ function PanelStack({
   headerClassName,
   bodyClassName
 }) {
-  const groupRef = React23.useRef(null);
-  const refs = React23.useRef({});
-  const [collapsed, setCollapsed] = React23.useState(
+  const groupRef = React24.useRef(null);
+  const refs = React24.useRef({});
+  const [collapsed, setCollapsed] = React24.useState(
     () => Object.fromEntries(sections.map((s) => [s.id, !!s.defaultCollapsed]))
   );
-  const didInit = React23.useRef(false);
-  React23.useLayoutEffect(() => {
+  const didInit = React24.useRef(false);
+  React24.useLayoutEffect(() => {
     if (didInit.current) return;
     didInit.current = true;
     const targets = sections.filter((s) => s.defaultCollapsed);
@@ -5337,18 +5797,18 @@ function PanelStack({
     for (const s of targets) refs.current[s.id]?.collapse();
     group.setLayout(next);
   }, []);
-  const notify = React23.useRef(onCollapsedChange);
-  React23.useEffect(() => {
+  const notify = React24.useRef(onCollapsedChange);
+  React24.useEffect(() => {
     notify.current = onCollapsedChange;
   }, [onCollapsedChange]);
-  const collapsedRef = React23.useRef(collapsed);
+  const collapsedRef = React24.useRef(collapsed);
   collapsedRef.current = collapsed;
-  const collapsePanel = React23.useCallback((id) => {
+  const collapsePanel = React24.useCallback((id) => {
     const ref = refs.current[id];
     if (!ref || ref.isCollapsed()) return;
     ref.collapse();
   }, []);
-  const expandPanel = React23.useCallback((id) => {
+  const expandPanel = React24.useCallback((id) => {
     const ref = refs.current[id];
     if (!ref || !ref.isCollapsed()) return;
     ref.expand();
@@ -5366,7 +5826,7 @@ function PanelStack({
       [donorId]: donorPct - share
     });
   }, []);
-  const toggle = React23.useCallback(
+  const toggle = React24.useCallback(
     (id) => {
       const ref = refs.current[id];
       if (!ref) return;
@@ -5375,7 +5835,7 @@ function PanelStack({
     },
     [expandPanel, collapsePanel]
   );
-  React23.useImperativeHandle(
+  React24.useImperativeHandle(
     stackRef,
     () => ({
       expand: expandPanel,
@@ -5399,7 +5859,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(React23.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React24.Fragment, { children: [
             index > 0 && /* @__PURE__ */ jsx(
               ResizableHandle,
               {
@@ -5453,7 +5913,7 @@ function PanelStack({
                             children: [
                               isCollapsed ? /* @__PURE__ */ jsx(ChevronRight, { className: "h-5 w-5 shrink-0" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "h-5 w-5 shrink-0" }),
                               Icon && /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5 shrink-0" }),
-                              typeof section.title === "string" ? /* @__PURE__ */ jsx("span", { className: "truncate text-meta font-semibold uppercase tracking-wide", children: section.title }) : (
+                              typeof section.title === "string" ? /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-semibold uppercase tracking-wide", children: section.title }) : (
                                 // Custom node: rendered as-is so the consumer owns the
                                 // styling (icon, casing, colour, badges…).
                                 /* @__PURE__ */ jsx("span", { className: "flex min-w-0 flex-1 items-center", children: section.title })
@@ -5495,7 +5955,7 @@ function PanelStack({
     ) })
   );
 }
-var PropertyList = React23.forwardRef(
+var PropertyList = React24.forwardRef(
   ({ labelWidth = 78, className, style, children, ...props }, ref) => /* @__PURE__ */ jsx(
     "dl",
     {
@@ -5511,7 +5971,7 @@ var PropertyList = React23.forwardRef(
   )
 );
 PropertyList.displayName = "PropertyList";
-var PropertyRow = React23.forwardRef(
+var PropertyRow = React24.forwardRef(
   ({ label, mono, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -5519,14 +5979,14 @@ var PropertyRow = React23.forwardRef(
       className: cn("flex items-baseline gap-2 py-1", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx("dt", { className: "shrink-0 truncate text-meta text-muted-foreground [width:var(--property-label-width,78px)]", children: label }),
-        /* @__PURE__ */ jsx("dd", { className: cn("min-w-0 flex-1", mono && "font-mono text-meta"), children })
+        /* @__PURE__ */ jsx("dt", { className: "shrink-0 truncate text-sm text-muted-foreground [width:var(--property-label-width,78px)]", children: label }),
+        /* @__PURE__ */ jsx("dd", { className: cn("min-w-0 flex-1", mono && "font-mono text-sm"), children })
       ]
     }
   )
 );
 PropertyRow.displayName = "PropertyRow";
-var ProposalCard = React23.forwardRef(
+var ProposalCard = React24.forwardRef(
   ({
     title,
     source,
@@ -5542,23 +6002,23 @@ var ProposalCard = React23.forwardRef(
     /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2", children: [
         /* @__PURE__ */ jsx("h4", { className: "font-medium", children: title }),
-        source != null ? /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground", children: source }) : null
+        source != null ? /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: source }) : null
       ] }),
       /* @__PURE__ */ jsx("div", { className: "border border-border bg-muted/30 p-2", children })
     ] }),
     evidence ? /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2", children: [
         /* @__PURE__ */ jsx("h4", { className: "font-medium", children: evidenceTitle }),
-        evidenceMeta != null ? /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground", children: evidenceMeta }) : null
+        evidenceMeta != null ? /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: evidenceMeta }) : null
       ] }),
       /* @__PURE__ */ jsx("div", { className: "overflow-hidden border border-border", children: evidence })
     ] }) : null,
-    consequence != null ? /* @__PURE__ */ jsx("p", { className: "text-meta text-muted-foreground", children: consequence }) : null,
+    consequence != null ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: consequence }) : null,
     actions ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-1.5", children: actions }) : null
   ] })
 );
 ProposalCard.displayName = "ProposalCard";
-var DotRating = React23.forwardRef(
+var DotRating = React24.forwardRef(
   ({ value, max = 3, onChange, readOnly, label, className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -5603,7 +6063,7 @@ var DotRating = React23.forwardRef(
   )
 );
 DotRating.displayName = "DotRating";
-var RatingControl = React23.forwardRef(
+var RatingControl = React24.forwardRef(
   ({
     verdict,
     onVerdictChange,
@@ -5622,7 +6082,7 @@ var RatingControl = React23.forwardRef(
       className: cn("flex flex-col gap-2 border border-border bg-card p-2", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-meta", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
           /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Your verdict" }),
           /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "becomes a Learning" }),
           /* @__PURE__ */ jsx("span", { className: "flex-1" }),
@@ -5637,7 +6097,7 @@ var RatingControl = React23.forwardRef(
               "aria-checked": verdict === v,
               onClick: () => onVerdictChange?.(v),
               className: cn(
-                "h-[22px] px-2 text-meta capitalize",
+                "h-[22px] px-2 text-sm capitalize",
                 verdict === v ? v === "appreciate" ? "bg-success text-success-foreground" : "bg-warning text-warning-foreground" : "text-muted-foreground hover:bg-accent"
               ),
               children: v
@@ -5645,11 +6105,11 @@ var RatingControl = React23.forwardRef(
             v
           )) }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground", children: "weight" }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "weight" }),
             /* @__PURE__ */ jsx(DotRating, { value: weight, max: maxWeight, onChange: onWeightChange }),
-            /* @__PURE__ */ jsx("span", { className: "text-meta tabular-nums", children: weight })
+            /* @__PURE__ */ jsx("span", { className: "text-sm tabular-nums", children: weight })
           ] }),
-          refines != null ? /* @__PURE__ */ jsxs("span", { className: "text-meta text-muted-foreground", children: [
+          refines != null ? /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
             "refines ",
             /* @__PURE__ */ jsx("span", { className: "text-foreground", children: refines })
           ] }) : null
@@ -5660,7 +6120,7 @@ var RatingControl = React23.forwardRef(
   )
 );
 RatingControl.displayName = "RatingControl";
-var RecordHeader = React23.forwardRef(
+var RecordHeader = React24.forwardRef(
   ({ tone, crumbs, chips, actions, className, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -5674,7 +6134,7 @@ var RecordHeader = React23.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(React23.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React24.Fragment, { children: [
             i > 0 ? /* @__PURE__ */ jsx(
               ChevronRight,
               {
@@ -5701,13 +6161,13 @@ var RecordHeader = React23.forwardRef(
   )
 );
 RecordHeader.displayName = "RecordHeader";
-var RepairNote = React23.forwardRef(
+var RepairNote = React24.forwardRef(
   ({ from, to, className, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
       ref,
       className: cn(
-        "flex flex-wrap items-center gap-1 py-0.5 pl-4 text-meta text-muted-foreground",
+        "flex flex-wrap items-center gap-1 py-0.5 pl-4 text-sm text-muted-foreground",
         className
       ),
       ...props,
@@ -5720,13 +6180,13 @@ var RepairNote = React23.forwardRef(
   )
 );
 RepairNote.displayName = "RepairNote";
-var RetryNote = React23.forwardRef(
+var RetryNote = React24.forwardRef(
   ({ attempt, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
       ref,
       className: cn(
-        "flex flex-wrap items-baseline gap-1.5 py-0.5 pl-4 text-meta text-muted-foreground",
+        "flex flex-wrap items-baseline gap-1.5 py-0.5 pl-4 text-sm text-muted-foreground",
         className
       ),
       ...props,
@@ -5746,7 +6206,7 @@ function OptionRow({ option }) {
       /* @__PURE__ */ jsx("span", { className: "truncate", children: option.label }),
       option.badge != null && /* @__PURE__ */ jsx("span", { className: "ml-auto pl-2", children: option.badge })
     ] }),
-    option.description != null && /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground", children: option.description })
+    option.description != null && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: option.description })
   ] });
 }
 function RichSelect({
@@ -5887,7 +6347,7 @@ function describeSlice(select, declared) {
   }
   return out;
 }
-var SliceSummary = React23.forwardRef(
+var SliceSummary = React24.forwardRef(
   ({ select, declaredAxes, modelLabel, variant = "line", className, ...props }, ref) => {
     const lines = select ? describeSlice(select, declaredAxes) : [];
     if (!lines.length) {
@@ -5895,7 +6355,7 @@ var SliceSummary = React23.forwardRef(
         "div",
         {
           ref,
-          className: cn("text-meta text-muted-foreground/70", className),
+          className: cn("text-sm text-muted-foreground/70", className),
           ...props,
           children: "not sliced \u2014 the whole model"
         }
@@ -5916,13 +6376,13 @@ var SliceSummary = React23.forwardRef(
             "span",
             {
               className: cn(
-                "truncate text-meta",
+                "truncate text-sm",
                 line.undeclared ? "text-destructive line-through decoration-destructive/50" : "text-muted-foreground"
               ),
               children: line.text
             }
           ),
-          line.undeclared ? /* @__PURE__ */ jsxs("span", { className: "text-meta text-destructive", children: [
+          line.undeclared ? /* @__PURE__ */ jsxs("span", { className: "text-sm text-destructive", children: [
             modelLabel ?? "this model",
             " declares no ",
             line.axisKind,
@@ -5934,7 +6394,7 @@ var SliceSummary = React23.forwardRef(
   }
 );
 SliceSummary.displayName = "SliceSummary";
-var RuleRow = React23.forwardRef(
+var RuleRow = React24.forwardRef(
   ({ match, allow, properties, select, egress, readOnly, className, ...props }, ref) => {
     const excluded = properties?.exclude ?? [];
     const sends = egress?.may_send ?? [];
@@ -5961,7 +6421,7 @@ var RuleRow = React23.forwardRef(
             "span",
             {
               className: cn(
-                "font-mono text-meta",
+                "font-mono text-sm",
                 allow ? "text-muted-foreground" : "font-semibold text-destructive"
               ),
               children: allow ? "allow" : "deny"
@@ -5976,12 +6436,12 @@ var RuleRow = React23.forwardRef(
             }
           ),
           excluded.length || sliced || sends.length ? /* @__PURE__ */ jsxs("div", { className: "col-start-2 flex min-w-0 flex-col gap-0.5", children: [
-            excluded.length ? /* @__PURE__ */ jsxs("span", { className: "truncate text-meta text-muted-foreground", children: [
+            excluded.length ? /* @__PURE__ */ jsxs("span", { className: "truncate text-sm text-muted-foreground", children: [
               "excludes ",
               excluded.join(", ")
             ] }) : null,
             sliced ? /* @__PURE__ */ jsx(SliceSummary, { select, variant: "line" }) : null,
-            sends.length ? /* @__PURE__ */ jsxs("span", { className: "truncate text-meta text-muted-foreground", children: [
+            sends.length ? /* @__PURE__ */ jsxs("span", { className: "truncate text-sm text-muted-foreground", children: [
               "may send ",
               sends.join(", ")
             ] }) : null
@@ -6011,14 +6471,14 @@ var SearchInput = ({
         "flex w-full rounded-control border border-input bg-background ring-offset-background",
         "placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2",
         "focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-        inputSize === "sm" ? "h-[26px] px-2 py-0 text-meta" : "h-10 px-3 py-2 text-base",
+        inputSize === "sm" ? "h-[26px] px-2 py-0 text-sm" : "h-10 px-3 py-2 text-base",
         className
       ),
       ...props
     }
   );
 };
-var SectionHeader = React23.forwardRef(({ icon, title, count, actions, bare, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SectionHeader = React24.forwardRef(({ icon, title, count, actions, bare, className, ...props }, ref) => /* @__PURE__ */ jsxs(
   "div",
   {
     ref,
@@ -6031,13 +6491,13 @@ var SectionHeader = React23.forwardRef(({ icon, title, count, actions, bare, cla
     children: [
       icon ? /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center text-muted-foreground [&_svg]:size-3.5", children: icon }) : null,
       /* @__PURE__ */ jsx("span", { className: "flex-1 truncate font-medium", children: title }),
-      count != null ? /* @__PURE__ */ jsx("span", { className: "shrink-0 text-meta text-muted-foreground", children: count }) : null,
+      count != null ? /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm text-muted-foreground", children: count }) : null,
       actions ? /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center gap-1", children: actions }) : null
     ]
   }
 ));
 SectionHeader.displayName = "SectionHeader";
-var Sparkline = React23.forwardRef(
+var Sparkline = React24.forwardRef(
   ({
     values,
     width = 72,
@@ -6124,7 +6584,7 @@ function TabbedPanel({
   footerClassName,
   footerContent
 }) {
-  const [internalTab, setInternalTab] = React23__default.useState(defaultTab || tabs[0]?.value);
+  const [internalTab, setInternalTab] = React24__default.useState(defaultTab || tabs[0]?.value);
   const currentTab = activeTab !== void 0 ? activeTab : internalTab;
   const handleTabChange = (value) => {
     if (activeTab === void 0) {
@@ -6132,9 +6592,9 @@ function TabbedPanel({
     }
     onTabChange?.(value);
   };
-  const uid = React23__default.useId();
+  const uid = React24__default.useId();
   const panelId = (value) => `${uid}-panel-${value}`;
-  const items = React23__default.useMemo(
+  const items = React24__default.useMemo(
     () => tabs.map((tab) => ({
       key: tab.value,
       name: tab.name ?? (typeof tab.label === "string" ? tab.label : tab.value),
@@ -6220,9 +6680,9 @@ var STATUS_LABEL = {
 };
 function renderResult(result) {
   if (result == null) return null;
-  if (React23.isValidElement(result)) return result;
+  if (React24.isValidElement(result)) return result;
   if (typeof result !== "object") {
-    return /* @__PURE__ */ jsx("span", { className: "font-mono text-meta", children: String(result) });
+    return /* @__PURE__ */ jsx("span", { className: "font-mono text-sm", children: String(result) });
   }
   const entries = Object.entries(result);
   const scalars = entries.filter(([, v]) => v == null || typeof v !== "object");
@@ -6230,12 +6690,12 @@ function renderResult(result) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     scalars.length ? /* @__PURE__ */ jsx(PropertyList, { labelWidth: 96, children: scalars.map(([k, v]) => /* @__PURE__ */ jsx(PropertyRow, { label: k, mono: true, className: "py-0.5", children: v == null ? "\u2014" : String(v) }, k)) }) : null,
     nested.map(([k, v]) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground", children: k }),
-      /* @__PURE__ */ jsx("pre", { className: "max-h-40 overflow-auto border border-border bg-muted/40 p-1.5 font-mono text-meta", children: JSON.stringify(v, null, 2) })
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: k }),
+      /* @__PURE__ */ jsx("pre", { className: "max-h-40 overflow-auto border border-border bg-muted/40 p-1.5 font-mono text-sm", children: JSON.stringify(v, null, 2) })
     ] }, k))
   ] });
 }
-var TaskGanttDetailCard = React23.forwardRef(({ task, elapsedMs, formatDuration = defaultFormatDuration, className, ...props }, ref) => {
+var TaskGanttDetailCard = React24.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");
@@ -6243,17 +6703,17 @@ var TaskGanttDetailCard = React23.forwardRef(({ task, elapsedMs, formatDuration
   return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col gap-2", className), ...props, children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2", children: [
       /* @__PURE__ */ jsx(StatusDot, { tone: DOT[status], size: "md", className: "translate-y-px" }),
-      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate font-mono text-meta font-medium", children: task.key }),
-      /* @__PURE__ */ jsx("span", { className: "shrink-0 font-mono text-meta text-muted-foreground tabular-nums", children: duration })
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate font-mono text-sm font-medium", children: task.key }),
+      /* @__PURE__ */ jsx("span", { className: "shrink-0 font-mono text-sm text-muted-foreground tabular-nums", children: duration })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "text-meta text-muted-foreground", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground", children: [
       STATUS_LABEL[status],
       task.summary != null ? /* @__PURE__ */ jsxs(Fragment, { children: [
         " \xB7 ",
         task.summary
       ] }) : null
     ] }),
-    attempts.length ? /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: attempts.map((a, i) => /* @__PURE__ */ jsxs("span", { className: "text-meta text-muted-foreground", children: [
+    attempts.length ? /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: attempts.map((a, i) => /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
       /* @__PURE__ */ jsxs("span", { className: "font-medium text-warning", children: [
         "attempt ",
         i + 1
@@ -6267,14 +6727,14 @@ var TaskGanttDetailCard = React23.forwardRef(({ task, elapsedMs, formatDuration
         style: { borderColor: "var(--color-destructive)" },
         className: "border-l-2 bg-destructive/10 px-2 py-1.5",
         children: [
-          task.error.code != null ? /* @__PURE__ */ jsx("div", { className: "font-mono text-meta font-medium text-destructive", children: task.error.code }) : null,
-          task.error.message != null ? /* @__PURE__ */ jsx("div", { className: "text-meta", children: task.error.message }) : null,
-          task.error.detail != null ? /* @__PURE__ */ jsx("pre", { className: "mt-1 max-h-32 overflow-auto whitespace-pre-wrap font-mono text-meta text-muted-foreground", children: task.error.detail }) : null
+          task.error.code != null ? /* @__PURE__ */ jsx("div", { className: "font-mono text-sm font-medium text-destructive", children: task.error.code }) : null,
+          task.error.message != null ? /* @__PURE__ */ jsx("div", { className: "text-sm", children: task.error.message }) : null,
+          task.error.detail != null ? /* @__PURE__ */ jsx("pre", { className: "mt-1 max-h-32 overflow-auto whitespace-pre-wrap font-mono text-sm text-muted-foreground", children: task.error.detail }) : null
         ]
       }
     ) : null,
     task.result != null ? renderResult(task.result) : null,
-    task.log != null ? /* @__PURE__ */ jsx("div", { className: "border-t border-border pt-1.5 font-mono text-meta text-muted-foreground", children: task.log }) : null
+    task.log != null ? /* @__PURE__ */ jsx("div", { className: "border-t border-border pt-1.5 font-mono text-sm text-muted-foreground", children: task.log }) : null
   ] });
 });
 TaskGanttDetailCard.displayName = "TaskGanttDetailCard";
@@ -6301,7 +6761,7 @@ function place(seg, origin) {
   }
   return { start, duration: duration != null && duration > 0 ? duration : 0 };
 }
-var TaskGantt = React23.forwardRef(
+var TaskGantt = React24.forwardRef(
   ({
     tasks,
     origin,
@@ -6323,7 +6783,7 @@ var TaskGantt = React23.forwardRef(
   }, ref) => {
     const barHeight = density === "compact" ? 11 : 13;
     const durationWidth = 40;
-    const rows = React23.useMemo(() => {
+    const rows = React24.useMemo(() => {
       const stamps = [];
       for (const t of [...tasks, ...tasks.flatMap((t2) => t2.attempts ?? [])]) {
         if (t.startedAt != null) stamps.push(toMs(t.startedAt));
@@ -6369,7 +6829,7 @@ var TaskGantt = React23.forwardRef(
         /* @__PURE__ */ jsx("span", { className: "flex flex-1", children: axis.slice(0, -1).map((label, i) => /* @__PURE__ */ jsx(
           "span",
           {
-            className: "flex-1 border-l border-border pl-1 text-meta text-muted-foreground tabular-nums",
+            className: "flex-1 border-l border-border pl-1 text-sm text-muted-foreground tabular-nums",
             children: label
           },
           i
@@ -6377,7 +6837,7 @@ var TaskGantt = React23.forwardRef(
         /* @__PURE__ */ jsx(
           "span",
           {
-            className: "shrink-0 text-right text-meta text-muted-foreground tabular-nums",
+            className: "shrink-0 text-right text-sm text-muted-foreground tabular-nums",
             style: { width: durationWidth },
             children: lastLabel
           }
@@ -6395,7 +6855,7 @@ var TaskGantt = React23.forwardRef(
             "span",
             {
               className: cn(
-                "shrink-0 truncate font-mono text-meta",
+                "shrink-0 truncate font-mono text-sm",
                 neverRan && "text-muted-foreground"
               ),
               style: { width: labelWidth },
@@ -6436,7 +6896,7 @@ var TaskGantt = React23.forwardRef(
           /* @__PURE__ */ jsx(
             "span",
             {
-              className: "shrink-0 text-right font-mono text-meta text-muted-foreground tabular-nums",
+              className: "shrink-0 text-right font-mono text-sm text-muted-foreground tabular-nums",
               style: { width: durationWidth },
               children: duration
             }
@@ -6484,8 +6944,22 @@ var TaskGantt = React23.forwardRef(
   }
 );
 TaskGantt.displayName = "TaskGantt";
-var TaskNode = React23.forwardRef(
-  ({ taskKey, bound, status, tags, meta, selected, gate, dim, ghost, className, ...props }, ref) => {
+var TaskNode = React24.forwardRef(
+  ({
+    taskKey,
+    bound,
+    boundSwatch,
+    boundPalette,
+    status,
+    tags,
+    meta,
+    selected,
+    gate,
+    dim,
+    ghost,
+    className,
+    ...props
+  }, ref) => {
     if (ghost) {
       return /* @__PURE__ */ jsxs(
         "div",
@@ -6493,7 +6967,7 @@ var TaskNode = React23.forwardRef(
           ref,
           className: cn(
             "flex w-[146px] flex-col gap-1 border border-dashed border-border p-2",
-            "text-meta text-muted-foreground",
+            "text-sm text-muted-foreground",
             className
           ),
           ...props,
@@ -6534,12 +7008,12 @@ var TaskNode = React23.forwardRef(
             /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate font-mono", children: taskKey })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx(BoundChip, { bound }),
+            /* @__PURE__ */ jsx(BoundChip, { bound, swatch: boundSwatch, palette: boundPalette }),
             tags?.map((tag, i) => /* @__PURE__ */ jsx(
               "span",
               {
                 className: cn(
-                  "shrink-0 border px-1 text-meta",
+                  "shrink-0 border px-1 text-sm",
                   tag.tone === "warning" ? "border-warning/40 text-warning" : "border-border text-muted-foreground"
                 ),
                 children: tag.label
@@ -6551,7 +7025,7 @@ var TaskNode = React23.forwardRef(
             "div",
             {
               className: cn(
-                "truncate text-meta",
+                "truncate text-sm",
                 gate ? "text-warning" : "text-muted-foreground"
               ),
               children: meta
@@ -6563,14 +7037,14 @@ var TaskNode = React23.forwardRef(
   }
 );
 TaskNode.displayName = "TaskNode";
-var TemplatePicker = React23.forwardRef(({ heading, options, value, onSelect, footnote, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+var TemplatePicker = React24.forwardRef(({ heading, options, value, onSelect, footnote, className, ...props }, ref) => /* @__PURE__ */ jsxs(
   "div",
   {
     ref,
     className: cn("flex w-full flex-col border border-border bg-card", className),
     ...props,
     children: [
-      heading != null ? /* @__PURE__ */ jsx("div", { className: "flex h-6 shrink-0 items-center border-b border-border px-2 text-meta text-muted-foreground", children: heading }) : null,
+      heading != null ? /* @__PURE__ */ jsx("div", { className: "flex h-6 shrink-0 items-center border-b border-border px-2 text-sm text-muted-foreground", children: heading }) : null,
       /* @__PURE__ */ jsx("div", { role: "listbox", className: "flex flex-col", children: options.map((o) => {
         const disabled = o.unavailable != null;
         const selected = value === o.id;
@@ -6589,16 +7063,16 @@ var TemplatePicker = React23.forwardRef(({ heading, options, value, onSelect, fo
             ),
             children: [
               /* @__PURE__ */ jsx("span", { className: "w-3 shrink-0 text-primary", children: selected ? "\u2022" : "" }),
-              /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-meta", children: o.id }),
-              /* @__PURE__ */ jsx("span", { className: "shrink-0 text-meta text-muted-foreground", children: o.kind }),
+              /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-sm", children: o.id }),
+              /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm text-muted-foreground", children: o.kind }),
               /* @__PURE__ */ jsx("span", { className: "flex-1" }),
-              /* @__PURE__ */ jsx("span", { className: "shrink-0 truncate text-meta text-muted-foreground", children: o.unavailable ?? o.note })
+              /* @__PURE__ */ jsx("span", { className: "shrink-0 truncate text-sm text-muted-foreground", children: o.unavailable ?? o.note })
             ]
           },
           o.id
         );
       }) }),
-      footnote != null ? /* @__PURE__ */ jsx("div", { className: "border-t border-border px-2 py-1 text-meta text-muted-foreground", children: footnote }) : null
+      footnote != null ? /* @__PURE__ */ jsx("div", { className: "border-t border-border px-2 py-1 text-sm text-muted-foreground", children: footnote }) : null
     ]
   }
 ));
@@ -6614,14 +7088,14 @@ var MARKER = {
   output: "\u2192",
   comment: "#"
 };
-var Terminal = React23.forwardRef(
+var Terminal = React24.forwardRef(
   ({ cursor, columnTemplate = "150px minmax(0,1fr) auto auto", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
       ref,
       style: { "--terminal-cols": columnTemplate },
       className: cn(
-        "overflow-x-auto border border-border bg-muted/40 p-2 font-mono text-meta",
+        "overflow-x-auto border border-border bg-muted/40 p-2 font-mono text-sm",
         className
       ),
       ...props,
@@ -6639,7 +7113,7 @@ var Terminal = React23.forwardRef(
   )
 );
 Terminal.displayName = "Terminal";
-var TerminalLine = React23.forwardRef(
+var TerminalLine = React24.forwardRef(
   ({ kind = "output", level, levelColumn = 1, columns, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -6670,7 +7144,7 @@ var TerminalLine = React23.forwardRef(
               "min-w-0 truncate",
               // A log tints its level cell and greys everything that is not the
               // message; a transcript greys only its trailing cell.
-              level ? i === levelColumn ? LEVEL[level] : i === columns.length - 1 ? void 0 : "text-muted-foreground" : i === columns.length - 1 && "text-muted-foreground"
+              level ? i === levelColumn ? LEVEL[level] ?? "text-muted-foreground" : i === columns.length - 1 ? void 0 : "text-muted-foreground" : i === columns.length - 1 && "text-muted-foreground"
             ),
             children: c
           },
@@ -6681,10 +7155,10 @@ var TerminalLine = React23.forwardRef(
   )
 );
 TerminalLine.displayName = "TerminalLine";
-var TimelineVariantContext = React23.createContext("columns");
+var TimelineVariantContext = React24.createContext("columns");
 var RAIL_MARKER_OFFSET = "h-[0.692rem]";
 var RAIL_FOOTER_TAIL = "h-[1.067rem]";
-var TimelineList = React23.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 = 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 }) }));
 TimelineList.displayName = "TimelineList";
 function RailGutter({ marker }) {
   return /* @__PURE__ */ jsxs("span", { className: "flex w-2.5 shrink-0 flex-col items-center", children: [
@@ -6708,8 +7182,8 @@ function RailGutter({ marker }) {
     )
   ] });
 }
-var TimelineEntry = React23.forwardRef(({ when, title, marker, className, children, ...props }, ref) => {
-  const variant = React23.useContext(TimelineVariantContext);
+var TimelineEntry = React24.forwardRef(({ when, title, marker, className, children, ...props }, ref) => {
+  const variant = React24.useContext(TimelineVariantContext);
   if (variant === "rail") {
     return /* @__PURE__ */ jsxs(
       "li",
@@ -6720,7 +7194,7 @@ var TimelineEntry = React23.forwardRef(({ when, title, marker, className, childr
         children: [
           /* @__PURE__ */ jsx(RailGutter, { marker }),
           /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5 pb-4 group-last/entry:pb-0", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground", children: when }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: when }),
             title != null ? /* @__PURE__ */ jsx("span", { className: "font-medium", children: title }) : null,
             children
           ] })
@@ -6735,7 +7209,7 @@ var TimelineEntry = React23.forwardRef(({ when, title, marker, className, childr
       className: cn("flex gap-2 border-b border-border py-1.5 last:border-b-0", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs("span", { className: "flex w-[72px] shrink-0 items-baseline gap-1.5 text-meta text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs("span", { className: "flex w-[72px] shrink-0 items-baseline gap-1.5 text-sm text-muted-foreground", children: [
           marker ? /* @__PURE__ */ jsx("span", { className: "translate-y-1", children: marker }) : null,
           /* @__PURE__ */ jsx("span", { className: "truncate", children: when })
         ] }),
@@ -6748,8 +7222,8 @@ var TimelineEntry = React23.forwardRef(({ when, title, marker, className, childr
   );
 });
 TimelineEntry.displayName = "TimelineEntry";
-var TimelineFooter = React23.forwardRef(({ className, children, ...props }, ref) => {
-  const variant = React23.useContext(TimelineVariantContext);
+var TimelineFooter = React24.forwardRef(({ className, children, ...props }, ref) => {
+  const variant = React24.useContext(TimelineVariantContext);
   if (variant === "rail") {
     return /* @__PURE__ */ jsxs(
       "li",
@@ -6795,11 +7269,11 @@ function useTour(options) {
     onComplete,
     onExit
   } = options;
-  const [current, setCurrent] = React23.useState(initialStep);
+  const [current, setCurrent] = React24.useState(initialStep);
   const total = steps.length;
   const lastIndex = Math.max(total - 1, 0);
   const clamped = Math.min(Math.max(current, 0), lastIndex);
-  const goTo = React23.useCallback(
+  const goTo = React24.useCallback(
     (index) => {
       setCurrent((prev2) => {
         const next2 = Math.min(Math.max(index, 0), lastIndex);
@@ -6809,7 +7283,7 @@ function useTour(options) {
     },
     [lastIndex, onStepChange]
   );
-  const next = React23.useCallback(() => {
+  const next = React24.useCallback(() => {
     setCurrent((prev2) => {
       if (prev2 >= lastIndex) {
         if (loop && total > 0) {
@@ -6823,7 +7297,7 @@ function useTour(options) {
       return prev2 + 1;
     });
   }, [lastIndex, total, loop, onComplete, onStepChange]);
-  const prev = React23.useCallback(() => {
+  const prev = React24.useCallback(() => {
     setCurrent((p) => {
       if (p <= 0) {
         if (loop && total > 0) {
@@ -6836,10 +7310,10 @@ function useTour(options) {
       return p - 1;
     });
   }, [lastIndex, total, loop, onStepChange]);
-  const exit = React23.useCallback(() => {
+  const exit = React24.useCallback(() => {
     onExit?.();
   }, [onExit]);
-  return React23.useMemo(
+  return React24.useMemo(
     () => ({
       step: steps[clamped],
       current: clamped,
@@ -6897,7 +7371,7 @@ function Tour({
         /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 p-3", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx(Badge, { variant: "soft", className: "tracking-wider", children: badgeLabel }),
-            showCounter && /* @__PURE__ */ jsxs("span", { className: "text-meta text-muted-foreground", children: [
+            showCounter && /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
               current + 1,
               " / ",
               total
@@ -6908,7 +7382,7 @@ function Tour({
             {
               variant: "ghost",
               size: "sm",
-              className: "-mr-1 h-7 gap-1 px-2 text-meta text-muted-foreground [&_svg]:size-3.5",
+              className: "-mr-1 h-7 gap-1 px-2 text-sm text-muted-foreground [&_svg]:size-3.5",
               onClick: ctrl.exit,
               children: [
                 /* @__PURE__ */ jsx(X, {}),
@@ -7002,7 +7476,7 @@ function Tour({
   ) });
 }
 var TreeView = ({ searchable = false, ...props }) => {
-  const [searchQuery, setSearchQuery] = React23.useState("");
+  const [searchQuery, setSearchQuery] = React24.useState("");
   const filterItems = (items, query) => {
     if (!query) return items;
     return items.map((item) => ({
@@ -7025,7 +7499,7 @@ var TreeView = ({ searchable = false, ...props }) => {
   );
 };
 var TreeItem = ({ item }) => {
-  const [isExpanded, setIsExpanded] = React23.useState(item.isExpanded || true);
+  const [isExpanded, setIsExpanded] = React24.useState(item.isExpanded || true);
   const hasChildren = item.children && item.children.length > 0;
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsxs(
@@ -7094,7 +7568,7 @@ function UnderDevelopment({
     /* @__PURE__ */ jsx("span", { className: "mt-4 px-3 py-1 bg-yellow-100 text-yellow-800", children: "Coming Soon" })
   ] });
 }
-var TypographyH1 = React23.forwardRef(
+var TypographyH1 = React24.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "h1",
@@ -7110,7 +7584,7 @@ var TypographyH1 = React23.forwardRef(
   }
 );
 TypographyH1.displayName = "TypographyH1";
-var TypographyH2 = React23.forwardRef(
+var TypographyH2 = React24.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "h2",
@@ -7126,7 +7600,7 @@ var TypographyH2 = React23.forwardRef(
   }
 );
 TypographyH2.displayName = "TypographyH2";
-var TypographyH3 = React23.forwardRef(
+var TypographyH3 = React24.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "h3",
@@ -7142,7 +7616,7 @@ var TypographyH3 = React23.forwardRef(
   }
 );
 TypographyH3.displayName = "TypographyH3";
-var TypographyH4 = React23.forwardRef(
+var TypographyH4 = React24.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "h4",
@@ -7158,7 +7632,7 @@ var TypographyH4 = React23.forwardRef(
   }
 );
 TypographyH4.displayName = "TypographyH4";
-var TypographyH5 = React23.forwardRef(
+var TypographyH5 = React24.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "h5",
@@ -7174,7 +7648,7 @@ var TypographyH5 = React23.forwardRef(
   }
 );
 TypographyH5.displayName = "TypographyH5";
-var TypographyH6 = React23.forwardRef(
+var TypographyH6 = React24.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "h6",
@@ -7190,7 +7664,7 @@ var TypographyH6 = React23.forwardRef(
   }
 );
 TypographyH6.displayName = "TypographyH6";
-var TypographyP = React23.forwardRef(
+var TypographyP = React24.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "p",
@@ -7206,7 +7680,7 @@ var TypographyP = React23.forwardRef(
   }
 );
 TypographyP.displayName = "TypographyP";
-var TypographyBlockquote = React23.forwardRef(
+var TypographyBlockquote = React24.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "blockquote",
@@ -7222,14 +7696,14 @@ var TypographyBlockquote = React23.forwardRef(
   }
 );
 TypographyBlockquote.displayName = "TypographyBlockquote";
-var TypographyInlineCode = React23.forwardRef(
+var TypographyInlineCode = React24.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "code",
       {
         ref,
         className: cn(
-          "relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-meta font-semibold",
+          "relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold",
           className
         ),
         ...props
@@ -7238,7 +7712,7 @@ var TypographyInlineCode = React23.forwardRef(
   }
 );
 TypographyInlineCode.displayName = "TypographyInlineCode";
-var TypographyLead = React23.forwardRef(
+var TypographyLead = React24.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "p",
@@ -7254,7 +7728,7 @@ var TypographyLead = React23.forwardRef(
   }
 );
 TypographyLead.displayName = "TypographyLead";
-var TypographyLarge = React23.forwardRef(
+var TypographyLarge = React24.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -7270,14 +7744,14 @@ var TypographyLarge = React23.forwardRef(
   }
 );
 TypographyLarge.displayName = "TypographyLarge";
-var TypographySmall = React23.forwardRef(
+var TypographySmall = React24.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "small",
       {
         ref,
         className: cn(
-          "text-meta font-medium leading-none",
+          "text-sm font-medium leading-none",
           className
         ),
         ...props
@@ -7286,7 +7760,7 @@ var TypographySmall = React23.forwardRef(
   }
 );
 TypographySmall.displayName = "TypographySmall";
-var TypographyMuted = React23.forwardRef(
+var TypographyMuted = React24.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "p",
@@ -7302,7 +7776,7 @@ var TypographyMuted = React23.forwardRef(
   }
 );
 TypographyMuted.displayName = "TypographyMuted";
-var TypographyList = React23.forwardRef(
+var TypographyList = React24.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "ul",
@@ -7318,7 +7792,7 @@ var TypographyList = React23.forwardRef(
   }
 );
 TypographyList.displayName = "TypographyList";
-var TypographyPre = React23.forwardRef(
+var TypographyPre = React24.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "pre",
@@ -7354,6 +7828,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, 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, SWATCH as boundSwatch, buttonGroupVariants, buttonVariants, chatSessionGutterClass, cn, describeSlice, LABEL as layerLabel, SWATCH2 as layerSwatch, navigationMenuTriggerStyle, split as splitAddress, statusDotVariants, toggleVariants, MARK_LABEL as touchLabel, useOverflowItems, useSidebar, useTour };
+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 };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map