@invana/ui 0.0.29 → 0.0.30

package/dist/index.cjs

@@ -2,7 +2,7 @@
 
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var React23 = require('react');
+var React24 = require('react');
 var AccordionPrimitive = require('@radix-ui/react-accordion');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -48,7 +48,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React23__namespace = /*#__PURE__*/_interopNamespace(React23);
+var React24__namespace = /*#__PURE__*/_interopNamespace(React24);
 var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
 var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
@@ -68,18 +68,11 @@ var TogglePrimitive__namespace = /*#__PURE__*/_interopNamespace(TogglePrimitive)
 var ToggleGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(ToggleGroupPrimitive);
 
 // src/lib/utils.ts
-var twMerge = tailwindMerge.extendTailwindMerge({
-  extend: {
-    classGroups: {
-      "font-size": [{ text: ["meta"] }]
-    }
-  }
-});
 function cn(...inputs) {
-  return twMerge(clsx.clsx(inputs));
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
 var Accordion = AccordionPrimitive__namespace.Root;
-var AccordionItem = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AccordionItem = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AccordionPrimitive__namespace.Item,
   {
     ref,
@@ -88,7 +81,7 @@ var AccordionItem = React23__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React23__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+var AccordionTrigger = React24__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
   AccordionPrimitive__namespace.Trigger,
   {
     ref,
@@ -104,7 +97,7 @@ var AccordionTrigger = React23__namespace.forwardRef(({ className, children, ...
   }
 ) }));
 AccordionTrigger.displayName = AccordionPrimitive__namespace.Trigger.displayName;
-var AccordionContent = React23__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AccordionContent = React24__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AccordionPrimitive__namespace.Content,
   {
     ref,
@@ -128,7 +121,7 @@ var alertVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Alert = React23__namespace.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Alert = React24__namespace.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -138,7 +131,7 @@ var Alert = React23__namespace.forwardRef(({ className, variant, ...props }, ref
   }
 ));
 Alert.displayName = "Alert";
-var AlertTitle = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertTitle = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "h5",
   {
     ref,
@@ -147,7 +140,7 @@ var AlertTitle = React23__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDescription = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -177,7 +170,7 @@ var buttonVariants = classVarianceAuthority.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",
@@ -192,7 +185,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React23__namespace.forwardRef(
+var Button = React24__namespace.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -209,7 +202,7 @@ Button.displayName = "Button";
 var AlertDialog = AlertDialogPrimitive__namespace.Root;
 var AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
-var AlertDialogOverlay = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogOverlay = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Overlay,
   {
     className: cn(
@@ -221,7 +214,7 @@ var AlertDialogOverlay = React23__namespace.forwardRef(({ className, ...props },
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
-var AlertDialogContent = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
+var AlertDialogContent = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsx(
     AlertDialogPrimitive__namespace.Content,
@@ -264,7 +257,7 @@ var AlertDialogFooter = ({
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogTitle = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Title,
   {
     ref,
@@ -273,7 +266,7 @@ var AlertDialogTitle = React23__namespace.forwardRef(({ className, ...props }, r
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
-var AlertDialogDescription = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogDescription = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Description,
   {
     ref,
@@ -282,7 +275,7 @@ var AlertDialogDescription = React23__namespace.forwardRef(({ className, ...prop
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
-var AlertDialogAction = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogAction = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Action,
   {
     ref,
@@ -291,7 +284,7 @@ var AlertDialogAction = React23__namespace.forwardRef(({ className, ...props },
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
-var AlertDialogCancel = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogCancel = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Cancel,
   {
     ref,
@@ -304,7 +297,7 @@ var AlertDialogCancel = React23__namespace.forwardRef(({ className, ...props },
   }
 ));
 AlertDialogCancel.displayName = AlertDialogPrimitive__namespace.Cancel.displayName;
-var Avatar = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Avatar = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Root,
   {
     ref,
@@ -317,7 +310,7 @@ var Avatar = React23__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
-var AvatarImage = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AvatarImage = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Image,
   {
     ref,
@@ -326,7 +319,7 @@ var AvatarImage = React23__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
-var AvatarFallback = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AvatarFallback = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Fallback,
   {
     ref,
@@ -358,15 +351,15 @@ var badgeVariants = classVarianceAuthority.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: {
@@ -385,9 +378,9 @@ function Badge({ className, variant, tone, size, ...props }) {
     }
   );
 }
-var Breadcrumb = React23__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var Breadcrumb = React24__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var BreadcrumbList = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "ol",
   {
     ref,
@@ -399,7 +392,7 @@ var BreadcrumbList = React23__namespace.forwardRef(({ className, ...props }, ref
   }
 ));
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var BreadcrumbItem = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "li",
   {
     ref,
@@ -408,7 +401,7 @@ var BreadcrumbItem = React23__namespace.forwardRef(({ className, ...props }, ref
   }
 ));
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React23__namespace.forwardRef(({ asChild, className, ...props }, ref) => {
+var BreadcrumbLink = React24__namespace.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? reactSlot.Slot : "a";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Comp,
@@ -420,7 +413,7 @@ var BreadcrumbLink = React23__namespace.forwardRef(({ asChild, className, ...pro
   );
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var BreadcrumbPage = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "span",
   {
     ref,
@@ -464,7 +457,7 @@ var BreadcrumbEllipsis = ({
   }
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
-var Separator = React23__namespace.forwardRef(
+var Separator = React24__namespace.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     SeparatorPrimitive__namespace.Root,
     {
@@ -546,7 +539,7 @@ function ButtonGroupSeparator({
     }
   );
 }
-var Card = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Card = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -558,7 +551,7 @@ var Card = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardHeader = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -567,7 +560,7 @@ var CardHeader = React23__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardTitle = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -576,7 +569,7 @@ var CardTitle = React23__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardDescription = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -585,9 +578,9 @@ var CardDescription = React23__namespace.forwardRef(({ className, ...props }, re
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-3 flex-1 overflow-y-auto", className), ...props }));
+var CardContent = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-3 flex-1 overflow-y-auto", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardFooter = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -596,7 +589,7 @@ var CardFooter = React23__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 CardFooter.displayName = "CardFooter";
-var CardWithHeader = React23__namespace.forwardRef(
+var CardWithHeader = React24__namespace.forwardRef(
   ({ className, title, description, headerClassName, contentClassName, footerClassName, footer, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(Card, { ref, className, ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: `${headerClassName} rounded-t-md`, children: [
       typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: title }) : title,
@@ -607,15 +600,15 @@ var CardWithHeader = React23__namespace.forwardRef(
   ] })
 );
 CardWithHeader.displayName = "CardWithHeader";
-var CarouselContext = React23__namespace.createContext(null);
+var CarouselContext = React24__namespace.createContext(null);
 function useCarousel() {
-  const context = React23__namespace.useContext(CarouselContext);
+  const context = React24__namespace.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React23__namespace.forwardRef(
+var Carousel = React24__namespace.forwardRef(
   ({
     orientation = "horizontal",
     opts,
@@ -632,22 +625,22 @@ var Carousel = React23__namespace.forwardRef(
       },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React23__namespace.useState(false);
-    const [canScrollNext, setCanScrollNext] = React23__namespace.useState(false);
-    const onSelect = React23__namespace.useCallback((api2) => {
+    const [canScrollPrev, setCanScrollPrev] = React24__namespace.useState(false);
+    const [canScrollNext, setCanScrollNext] = React24__namespace.useState(false);
+    const onSelect = React24__namespace.useCallback((api2) => {
       if (!api2) {
         return;
       }
       setCanScrollPrev(api2.canScrollPrev());
       setCanScrollNext(api2.canScrollNext());
     }, []);
-    const scrollPrev = React23__namespace.useCallback(() => {
+    const scrollPrev = React24__namespace.useCallback(() => {
       api?.scrollPrev();
     }, [api]);
-    const scrollNext = React23__namespace.useCallback(() => {
+    const scrollNext = React24__namespace.useCallback(() => {
       api?.scrollNext();
     }, [api]);
-    const handleKeyDown = React23__namespace.useCallback(
+    const handleKeyDown = React24__namespace.useCallback(
       (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -659,13 +652,13 @@ var Carousel = React23__namespace.forwardRef(
       },
       [scrollPrev, scrollNext]
     );
-    React23__namespace.useEffect(() => {
+    React24__namespace.useEffect(() => {
       if (!api || !setApi) {
         return;
       }
       setApi(api);
     }, [api, setApi]);
-    React23__namespace.useEffect(() => {
+    React24__namespace.useEffect(() => {
       if (!api) {
         return;
       }
@@ -706,7 +699,7 @@ var Carousel = React23__namespace.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React23__namespace.forwardRef(({ className, ...props }, ref) => {
+var CarouselContent = React24__namespace.forwardRef(({ className, ...props }, ref) => {
   const { carouselRef, orientation } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -722,7 +715,7 @@ var CarouselContent = React23__namespace.forwardRef(({ className, ...props }, re
   ) });
 });
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React23__namespace.forwardRef(({ className, ...props }, ref) => {
+var CarouselItem = React24__namespace.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -740,7 +733,7 @@ var CarouselItem = React23__namespace.forwardRef(({ className, ...props }, ref)
   );
 });
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React23__namespace.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselPrevious = React24__namespace.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Button,
@@ -764,7 +757,7 @@ var CarouselPrevious = React23__namespace.forwardRef(({ className, variant = "ou
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React23__namespace.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselNext = React24__namespace.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Button,
@@ -792,7 +785,7 @@ var Dialog = DialogPrimitive__namespace.Root;
 var DialogTrigger = DialogPrimitive__namespace.Trigger;
 var DialogPortal = DialogPrimitive__namespace.Portal;
 var DialogClose = DialogPrimitive__namespace.Close;
-var DialogOverlay = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogOverlay = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -804,7 +797,7 @@ var DialogOverlay = React23__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var DialogContent = React23__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+var DialogContent = React24__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsxs(
     DialogPrimitive__namespace.Content,
@@ -854,7 +847,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogTitle = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -866,7 +859,7 @@ var DialogTitle = React23__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var DialogDescription = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogDescription = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -875,7 +868,7 @@ var DialogDescription = React23__namespace.forwardRef(({ className, ...props },
   }
 ));
 DialogDescription.displayName = DialogPrimitive__namespace.Description.displayName;
-var Command = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Command = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command,
   {
     ref,
@@ -890,7 +883,7 @@ Command.displayName = cmdk.Command.displayName;
 var CommandDialog = ({ children, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+var CommandInput = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ jsxRuntime.jsx(
     cmdk.Command.Input,
@@ -905,7 +898,7 @@ var CommandInput = React23__namespace.forwardRef(({ className, ...props }, ref)
   )
 ] }));
 CommandInput.displayName = cmdk.Command.Input.displayName;
-var CommandList = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandList = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.List,
   {
     ref,
@@ -914,7 +907,7 @@ var CommandList = React23__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 CommandList.displayName = cmdk.Command.List.displayName;
-var CommandEmpty = React23__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandEmpty = React24__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Empty,
   {
     ref,
@@ -923,19 +916,19 @@ var CommandEmpty = React23__namespace.forwardRef((props, ref) => /* @__PURE__ */
   }
 ));
 CommandEmpty.displayName = cmdk.Command.Empty.displayName;
-var CommandGroup = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandGroup = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.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 = cmdk.Command.Group.displayName;
-var CommandSeparator = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandSeparator = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Separator,
   {
     ref,
@@ -944,7 +937,7 @@ var CommandSeparator = React23__namespace.forwardRef(({ className, ...props }, r
   }
 ));
 CommandSeparator.displayName = cmdk.Command.Separator.displayName;
-var CommandItem = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandItem = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Item,
   {
     ref,
@@ -964,7 +957,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
@@ -978,7 +971,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
-var DropdownMenuSubTrigger = React23__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuSubTrigger = React24__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.SubTrigger,
   {
     ref,
@@ -995,7 +988,7 @@ var DropdownMenuSubTrigger = React23__namespace.forwardRef(({ className, inset,
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-var DropdownMenuSubContent = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuSubContent = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.SubContent,
   {
     ref,
@@ -1007,7 +1000,7 @@ var DropdownMenuSubContent = React23__namespace.forwardRef(({ className, ...prop
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
-var DropdownMenuContent = React23__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuContent = React24__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Content,
   {
     ref,
@@ -1021,7 +1014,7 @@ var DropdownMenuContent = React23__namespace.forwardRef(({ className, sideOffset
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-var DropdownMenuItem = React23__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuItem = React24__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Item,
   {
     ref,
@@ -1034,7 +1027,7 @@ var DropdownMenuItem = React23__namespace.forwardRef(({ className, inset, ...pro
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
-var DropdownMenuCheckboxItem = React23__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuCheckboxItem = React24__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.CheckboxItem,
   {
     ref,
@@ -1051,7 +1044,7 @@ var DropdownMenuCheckboxItem = React23__namespace.forwardRef(({ className, child
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React23__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuRadioItem = React24__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.RadioItem,
   {
     ref,
@@ -1067,7 +1060,7 @@ var DropdownMenuRadioItem = React23__namespace.forwardRef(({ className, children
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
-var DropdownMenuLabel = React23__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuLabel = React24__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Label,
   {
     ref,
@@ -1080,7 +1073,7 @@ var DropdownMenuLabel = React23__namespace.forwardRef(({ className, inset, ...pr
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
-var DropdownMenuSeparator = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuSeparator = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Separator,
   {
     ref,
@@ -1096,7 +1089,7 @@ var DropdownMenuShortcut = ({
   return /* @__PURE__ */ jsxRuntime.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
     }
   );
@@ -1104,7 +1097,7 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 var HoverCard = HoverCardPrimitive__namespace.Root;
 var HoverCardTrigger = HoverCardPrimitive__namespace.Trigger;
-var HoverCardContent = React23__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var HoverCardContent = React24__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   HoverCardPrimitive__namespace.Content,
   {
     ref,
@@ -1265,7 +1258,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
       ),
@@ -1315,7 +1308,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
@@ -1334,6 +1327,32 @@ function KbdGroup({ className, ...props }) {
     }
   );
 }
+var linkVariants = classVarianceAuthority.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__namespace.forwardRef(
+  ({ className, variant, external, target, rel, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      ref,
+      className: cn(linkVariants({ variant }), className),
+      target: external ? "_blank" : target,
+      rel: external ? "noreferrer noopener" : rel,
+      ...props
+    }
+  )
+);
+Link.displayName = "Link";
 function MenubarMenu({
   ...props
 }) {
@@ -1359,7 +1378,7 @@ function MenubarSub({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Sub, { "data-slot": "menubar-sub", ...props });
 }
-var Menubar = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Menubar = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   MenubarPrimitive__namespace.Root,
   {
     ref,
@@ -1371,7 +1390,7 @@ var Menubar = React23__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 Menubar.displayName = MenubarPrimitive__namespace.Root.displayName;
-var MenubarTrigger = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var MenubarTrigger = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   MenubarPrimitive__namespace.Trigger,
   {
     ref,
@@ -1383,7 +1402,7 @@ var MenubarTrigger = React23__namespace.forwardRef(({ className, ...props }, ref
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive__namespace.Trigger.displayName;
-var MenubarSubTrigger = React23__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var MenubarSubTrigger = React24__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   MenubarPrimitive__namespace.SubTrigger,
   {
     ref,
@@ -1400,7 +1419,7 @@ var MenubarSubTrigger = React23__namespace.forwardRef(({ className, inset, child
   }
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive__namespace.SubTrigger.displayName;
-var MenubarSubContent = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var MenubarSubContent = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   MenubarPrimitive__namespace.SubContent,
   {
     ref,
@@ -1412,7 +1431,7 @@ var MenubarSubContent = React23__namespace.forwardRef(({ className, ...props },
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive__namespace.SubContent.displayName;
-var MenubarContent = React23__namespace.forwardRef(
+var MenubarContent = React24__namespace.forwardRef(
   ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
     MenubarPrimitive__namespace.Content,
     {
@@ -1429,7 +1448,7 @@ var MenubarContent = React23__namespace.forwardRef(
   ) })
 );
 MenubarContent.displayName = MenubarPrimitive__namespace.Content.displayName;
-var MenubarItem = React23__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var MenubarItem = React24__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   MenubarPrimitive__namespace.Item,
   {
     ref,
@@ -1442,7 +1461,7 @@ var MenubarItem = React23__namespace.forwardRef(({ className, inset, ...props },
   }
 ));
 MenubarItem.displayName = MenubarPrimitive__namespace.Item.displayName;
-var MenubarCheckboxItem = React23__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var MenubarCheckboxItem = React24__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   MenubarPrimitive__namespace.CheckboxItem,
   {
     ref,
@@ -1459,7 +1478,7 @@ var MenubarCheckboxItem = React23__namespace.forwardRef(({ className, children,
   }
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive__namespace.CheckboxItem.displayName;
-var MenubarRadioItem = React23__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var MenubarRadioItem = React24__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   MenubarPrimitive__namespace.RadioItem,
   {
     ref,
@@ -1475,7 +1494,7 @@ var MenubarRadioItem = React23__namespace.forwardRef(({ className, children, ...
   }
 ));
 MenubarRadioItem.displayName = MenubarPrimitive__namespace.RadioItem.displayName;
-var MenubarLabel = React23__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var MenubarLabel = React24__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   MenubarPrimitive__namespace.Label,
   {
     ref,
@@ -1488,7 +1507,7 @@ var MenubarLabel = React23__namespace.forwardRef(({ className, inset, ...props }
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive__namespace.Label.displayName;
-var MenubarSeparator = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var MenubarSeparator = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   MenubarPrimitive__namespace.Separator,
   {
     ref,
@@ -1505,7 +1524,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
@@ -1513,7 +1532,7 @@ var MenubarShortcut = ({
   );
 };
 MenubarShortcut.displayname = "MenubarShortcut";
-var NavigationMenu = React23__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var NavigationMenu = React24__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   NavigationMenuPrimitive__namespace.Root,
   {
     ref,
@@ -1529,7 +1548,7 @@ var NavigationMenu = React23__namespace.forwardRef(({ className, children, ...pr
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive__namespace.Root.displayName;
-var NavigationMenuList = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var NavigationMenuList = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   NavigationMenuPrimitive__namespace.List,
   {
     ref,
@@ -1545,7 +1564,7 @@ var NavigationMenuItem = NavigationMenuPrimitive__namespace.Item;
 var navigationMenuTriggerStyle = classVarianceAuthority.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__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var NavigationMenuTrigger = React24__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   NavigationMenuPrimitive__namespace.Trigger,
   {
     ref,
@@ -1565,7 +1584,7 @@ var NavigationMenuTrigger = React23__namespace.forwardRef(({ className, children
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive__namespace.Trigger.displayName;
-var NavigationMenuContent = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var NavigationMenuContent = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   NavigationMenuPrimitive__namespace.Content,
   {
     ref,
@@ -1578,7 +1597,7 @@ var NavigationMenuContent = React23__namespace.forwardRef(({ className, ...props
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive__namespace.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive__namespace.Link;
-var NavigationMenuViewport = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsxRuntime.jsx(
+var NavigationMenuViewport = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsxRuntime.jsx(
   NavigationMenuPrimitive__namespace.Viewport,
   {
     className: cn(
@@ -1590,7 +1609,7 @@ var NavigationMenuViewport = React23__namespace.forwardRef(({ className, ...prop
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive__namespace.Viewport.displayName;
-var NavigationMenuIndicator = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var NavigationMenuIndicator = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   NavigationMenuPrimitive__namespace.Indicator,
   {
     ref,
@@ -1613,7 +1632,7 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var PaginationContent = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "ul",
   {
     ref,
@@ -1622,7 +1641,7 @@ var PaginationContent = React23__namespace.forwardRef(({ className, ...props },
   }
 ));
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = ({
   className,
@@ -1696,7 +1715,7 @@ var PaginationEllipsis = ({
 PaginationEllipsis.displayName = "PaginationEllipsis";
 var Popover = PopoverPrimitive__namespace.Root;
 var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
-var PopoverContent = React23__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var PopoverContent = React24__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   PopoverPrimitive__namespace.Content,
   {
     ref,
@@ -1710,7 +1729,7 @@ var PopoverContent = React23__namespace.forwardRef(({ className, align = "center
   }
 ) }));
 PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
-var Progress = React23__namespace.forwardRef(({ className, value, size = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Progress = React24__namespace.forwardRef(({ className, value, size = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ProgressPrimitive__namespace.Root,
   {
     ref,
@@ -1754,7 +1773,7 @@ var ResizableHandle = ({
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "z-10 h-6 w-[3px] rounded-full bg-muted-foreground/40" })
   }
 );
-var ScrollArea = React23__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var ScrollArea = React24__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   ScrollAreaPrimitive__namespace.Root,
   {
     ref,
@@ -1768,7 +1787,7 @@ var ScrollArea = React23__namespace.forwardRef(({ className, children, ...props
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive__namespace.Root.displayName;
-var ScrollBar = React23__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ScrollBar = React24__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
   {
     ref,
@@ -1788,7 +1807,7 @@ var Sheet = DialogPrimitive__namespace.Root;
 var SheetTrigger = DialogPrimitive__namespace.Trigger;
 var SheetClose = DialogPrimitive__namespace.Close;
 var SheetPortal = DialogPrimitive__namespace.Portal;
-var SheetOverlay = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SheetOverlay = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     className: cn(
@@ -1816,7 +1835,7 @@ var sheetVariants = classVarianceAuthority.cva(
     }
   }
 );
-var SheetContent = React23__namespace.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
+var SheetContent = React24__namespace.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsxs(
     DialogPrimitive__namespace.Content,
@@ -1863,7 +1882,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SheetTitle = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -1872,7 +1891,7 @@ var SheetTitle = React23__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SheetTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var SheetDescription = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SheetDescription = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -1883,8 +1902,8 @@ var SheetDescription = React23__namespace.forwardRef(({ className, ...props }, r
 SheetDescription.displayName = DialogPrimitive__namespace.Description.displayName;
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React23__namespace.useState(void 0);
-  React23__namespace.useEffect(() => {
+  const [isMobile, setIsMobile] = React24__namespace.useState(void 0);
+  React24__namespace.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -1910,7 +1929,7 @@ function Skeleton({
 var TooltipProvider = TooltipPrimitive__namespace.Provider;
 var Tooltip = TooltipPrimitive__namespace.Root;
 var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
-var TooltipContent = React23__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TooltipContent = React24__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TooltipPrimitive__namespace.Content,
   {
     ref,
@@ -1929,15 +1948,15 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React23__namespace.createContext(null);
+var SidebarContext = React24__namespace.createContext(null);
 function useSidebar() {
-  const context = React23__namespace.useContext(SidebarContext);
+  const context = React24__namespace.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
   return context;
 }
-var SidebarProvider = React23__namespace.forwardRef(
+var SidebarProvider = React24__namespace.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -1948,10 +1967,10 @@ var SidebarProvider = React23__namespace.forwardRef(
     ...props
   }, ref) => {
     const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = React23__namespace.useState(false);
-    const [_open, _setOpen] = React23__namespace.useState(defaultOpen);
+    const [openMobile, setOpenMobile] = React24__namespace.useState(false);
+    const [_open, _setOpen] = React24__namespace.useState(defaultOpen);
     const open = openProp ?? _open;
-    const setOpen = React23__namespace.useCallback(
+    const setOpen = React24__namespace.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -1963,10 +1982,10 @@ var SidebarProvider = React23__namespace.forwardRef(
       },
       [setOpenProp, open]
     );
-    const toggleSidebar = React23__namespace.useCallback(() => {
+    const toggleSidebar = React24__namespace.useCallback(() => {
       return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
     }, [isMobile, setOpen, setOpenMobile]);
-    React23__namespace.useEffect(() => {
+    React24__namespace.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           event.preventDefault();
@@ -1977,7 +1996,7 @@ var SidebarProvider = React23__namespace.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React23__namespace.useMemo(
+    const contextValue = React24__namespace.useMemo(
       () => ({
         state,
         open,
@@ -2009,7 +2028,7 @@ var SidebarProvider = React23__namespace.forwardRef(
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React23__namespace.forwardRef(
+var Sidebar = React24__namespace.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -2102,7 +2121,7 @@ var Sidebar = React23__namespace.forwardRef(
   }
 );
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React23__namespace.forwardRef(({ className, onClick, ...props }, ref) => {
+var SidebarTrigger = React24__namespace.forwardRef(({ className, onClick, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Button,
@@ -2125,7 +2144,7 @@ var SidebarTrigger = React23__namespace.forwardRef(({ className, onClick, ...pro
   );
 });
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React23__namespace.forwardRef(({ className, ...props }, ref) => {
+var SidebarRail = React24__namespace.forwardRef(({ className, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
   return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
@@ -2150,7 +2169,7 @@ var SidebarRail = React23__namespace.forwardRef(({ className, ...props }, ref) =
   );
 });
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React23__namespace.forwardRef(({ className, ...props }, ref) => {
+var SidebarInset = React24__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "main",
     {
@@ -2165,7 +2184,7 @@ var SidebarInset = React23__namespace.forwardRef(({ className, ...props }, ref)
   );
 });
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React23__namespace.forwardRef(({ className, type, ...props }, ref) => {
+var SidebarInput = React24__namespace.forwardRef(({ className, type, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "input",
     {
@@ -2183,7 +2202,7 @@ var SidebarInput = React23__namespace.forwardRef(({ className, type, ...props },
   );
 });
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React23__namespace.forwardRef(({ className, ...props }, ref) => {
+var SidebarHeader = React24__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -2195,7 +2214,7 @@ var SidebarHeader = React23__namespace.forwardRef(({ className, ...props }, ref)
   );
 });
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React23__namespace.forwardRef(({ className, ...props }, ref) => {
+var SidebarFooter = React24__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -2207,7 +2226,7 @@ var SidebarFooter = React23__namespace.forwardRef(({ className, ...props }, ref)
   );
 });
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React23__namespace.forwardRef(({ className, ...props }, ref) => {
+var SidebarSeparator = React24__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     Separator,
     {
@@ -2219,7 +2238,7 @@ var SidebarSeparator = React23__namespace.forwardRef(({ className, ...props }, r
   );
 });
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React23__namespace.forwardRef(({ className, ...props }, ref) => {
+var SidebarContent = React24__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -2234,7 +2253,7 @@ var SidebarContent = React23__namespace.forwardRef(({ className, ...props }, ref
   );
 });
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React23__namespace.forwardRef(({ className, ...props }, ref) => {
+var SidebarGroup = React24__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -2246,7 +2265,7 @@ var SidebarGroup = React23__namespace.forwardRef(({ className, ...props }, ref)
   );
 });
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React23__namespace.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupLabel = React24__namespace.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? reactSlot.Slot : "div";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Comp,
@@ -2254,7 +2273,7 @@ var SidebarGroupLabel = React23__namespace.forwardRef(({ className, asChild = fa
       ref,
       "data-sidebar": "group-label",
       className: cn(
-        "flex h-8 shrink-0 items-center rounded-md px-2 text-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
       ),
@@ -2263,7 +2282,7 @@ var SidebarGroupLabel = React23__namespace.forwardRef(({ className, asChild = fa
   );
 });
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React23__namespace.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupAction = React24__namespace.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? reactSlot.Slot : "button";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Comp,
@@ -2282,7 +2301,7 @@ var SidebarGroupAction = React23__namespace.forwardRef(({ className, asChild = f
   );
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarGroupContent = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -2292,7 +2311,7 @@ var SidebarGroupContent = React23__namespace.forwardRef(({ className, ...props }
   }
 ));
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarMenu = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "ul",
   {
     ref,
@@ -2302,7 +2321,7 @@ var SidebarMenu = React23__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarMenuItem = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "li",
   {
     ref,
@@ -2332,7 +2351,7 @@ var sidebarMenuButtonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var SidebarMenuButton = React23__namespace.forwardRef(
+var SidebarMenuButton = React24__namespace.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -2378,7 +2397,7 @@ var SidebarMenuButton = React23__namespace.forwardRef(
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React23__namespace.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuAction = React24__namespace.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? reactSlot.Slot : "button";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Comp,
@@ -2401,13 +2420,13 @@ var SidebarMenuAction = React23__namespace.forwardRef(({ className, asChild = fa
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarMenuBadge = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.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",
@@ -2419,8 +2438,8 @@ var SidebarMenuBadge = React23__namespace.forwardRef(({ className, ...props }, r
   }
 ));
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React23__namespace.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React23__namespace.useMemo(() => {
+var SidebarMenuSkeleton = React24__namespace.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React24__namespace.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2453,7 +2472,7 @@ var SidebarMenuSkeleton = React23__namespace.forwardRef(({ className, showIcon =
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarMenuSub = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "ul",
   {
     ref,
@@ -2467,9 +2486,9 @@ var SidebarMenuSub = React23__namespace.forwardRef(({ className, ...props }, ref
   }
 ));
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React23__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, ...props }));
+var SidebarMenuSubItem = React24__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, ...props }));
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-var SidebarMenuSubButton = React23__namespace.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButton = React24__namespace.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? reactSlot.Slot : "a";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Comp,
@@ -2571,7 +2590,7 @@ var statusDotVariants = classVarianceAuthority.cva("inline-block shrink-0 rounde
     size: "sm"
   }
 });
-var StatusDot = React23__namespace.forwardRef(
+var StatusDot = React24__namespace.forwardRef(
   ({ className, tone, size, label, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
@@ -2585,7 +2604,7 @@ var StatusDot = React23__namespace.forwardRef(
   )
 );
 StatusDot.displayName = "StatusDot";
-var Table = React23__namespace.forwardRef(({ className, density = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Table = React24__namespace.forwardRef(({ className, density = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     "data-density": density,
@@ -2601,9 +2620,9 @@ var Table = React23__namespace.forwardRef(({ className, density = "default", ...
   }
 ));
 Table.displayName = "Table";
-var TableHeader = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableBody = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tbody",
   {
     ref,
@@ -2612,7 +2631,7 @@ var TableBody = React23__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableFooter = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tfoot",
   {
     ref,
@@ -2624,7 +2643,7 @@ var TableFooter = React23__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableRow = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tr",
   {
     ref,
@@ -2636,7 +2655,7 @@ var TableRow = React23__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableHead = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "th",
   {
     ref,
@@ -2646,14 +2665,14 @@ var TableHead = React23__namespace.forwardRef(({ className, ...props }, ref) =>
       // 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__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCell = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "td",
   {
     ref,
@@ -2666,7 +2685,7 @@ var TableCell = React23__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCaption = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "caption",
   {
     ref,
@@ -2675,11 +2694,11 @@ var TableCaption = React23__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 TableCaption.displayName = "TableCaption";
-var TabsSizeContext = React23__namespace.createContext("default");
-var Tabs = React23__namespace.forwardRef(({ size = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TabsSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Root, { ref, ...props }) }));
+var TabsSizeContext = React24__namespace.createContext("default");
+var Tabs = React24__namespace.forwardRef(({ size = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TabsSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Root, { ref, ...props }) }));
 Tabs.displayName = TabsPrimitive__namespace.Root.displayName;
-var TabsList = React23__namespace.forwardRef(({ className, ...props }, ref) => {
-  const size = React23__namespace.useContext(TabsSizeContext);
+var TabsList = React24__namespace.forwardRef(({ className, ...props }, ref) => {
+  const size = React24__namespace.useContext(TabsSizeContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.List,
     {
@@ -2694,14 +2713,14 @@ var TabsList = React23__namespace.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TabsList.displayName = TabsPrimitive__namespace.List.displayName;
-var TabsTrigger = React23__namespace.forwardRef(({ className, ...props }, ref) => {
-  const size = React23__namespace.useContext(TabsSizeContext);
+var TabsTrigger = React24__namespace.forwardRef(({ className, ...props }, ref) => {
+  const size = React24__namespace.useContext(TabsSizeContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.Trigger,
     {
       ref,
       className: cn(
-        size === "sm" ? "h-[26px] px-2 text-meta" : "px-3 py-1",
+        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
       ),
@@ -2710,7 +2729,7 @@ var TabsTrigger = React23__namespace.forwardRef(({ className, ...props }, ref) =
   );
 });
 TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
-var TabsContent = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsContent = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Content,
   {
     ref,
@@ -2742,7 +2761,7 @@ var toggleVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Toggle = React23__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Toggle = React24__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TogglePrimitive__namespace.Root,
   {
     ref,
@@ -2751,11 +2770,11 @@ var Toggle = React23__namespace.forwardRef(({ className, variant, size, ...props
   }
 ));
 Toggle.displayName = TogglePrimitive__namespace.Root.displayName;
-var ToggleGroupContext = React23__namespace.createContext({
+var ToggleGroupContext = React24__namespace.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React23__namespace.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ToggleGroup = React24__namespace.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ToggleGroupPrimitive__namespace.Root,
   {
     ref,
@@ -2765,8 +2784,8 @@ var ToggleGroup = React23__namespace.forwardRef(({ className, variant, size, chi
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive__namespace.Root.displayName;
-var ToggleGroupItem = React23__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React23__namespace.useContext(ToggleGroupContext);
+var ToggleGroupItem = React24__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React24__namespace.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ToggleGroupPrimitive__namespace.Item,
     {
@@ -2795,7 +2814,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__namespace.forwardRef(
+var AddressChip = React24__namespace.forwardRef(
   ({ address, tone = "allowed", onOpen, className, ...props }, ref) => {
     const { head, tail } = split(address);
     const body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -2817,8 +2836,8 @@ var AddressChip = React23__namespace.forwardRef(
       /* @__PURE__ */ jsxRuntime.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) {
@@ -2841,7 +2860,7 @@ var AddressChip = React23__namespace.forwardRef(
 );
 AddressChip.displayName = "AddressChip";
 var agentChipVariants = classVarianceAuthority.cva(
-  "inline-flex max-w-full shrink-0 items-center gap-1 rounded-control border px-1.5   text-meta [&_svg]:size-3 [&_svg]:shrink-0",
+  "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: {
       /**
@@ -2862,7 +2881,7 @@ var agentChipVariants = classVarianceAuthority.cva(
     defaultVariants: { kind: "agent", inactive: false }
   }
 );
-var AgentChip = React23__namespace.forwardRef(
+var AgentChip = React24__namespace.forwardRef(
   ({ icon, name, kind, inactive, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "span",
     {
@@ -2889,13 +2908,13 @@ var stateVariants = classVarianceAuthority.cva("inline-flex shrink-0 items-cente
   },
   defaultVariants: { tone: "active" }
 });
-var AppStatusBar = React23__namespace.forwardRef(
+var AppStatusBar = React24__namespace.forwardRef(
   ({ state, tone, end, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       ref,
       className: cn(
-        "flex h-[25px] shrink-0 items-center gap-2 border-t border-border px-2 text-meta text-muted-foreground",
+        "flex h-[25px] shrink-0 items-center gap-2 border-t border-border px-2 text-sm text-muted-foreground",
         className
       ),
       ...props,
@@ -2917,7 +2936,7 @@ var AppStatusBar = React23__namespace.forwardRef(
   )
 );
 AppStatusBar.displayName = "AppStatusBar";
-var BarChartH = React23__namespace.forwardRef(
+var BarChartH = React24__namespace.forwardRef(
   ({
     data,
     max,
@@ -2929,12 +2948,12 @@ var BarChartH = React23__namespace.forwardRef(
   }, ref) => {
     const ceiling = max ?? (Math.max(...data.map((d) => d.value), 0) || 1);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("flex flex-col gap-1", className), ...props, children: [
-      caption != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: caption }) : null,
+      caption != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: caption }) : null,
       data.map((d, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-4 items-center gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
-            className: "shrink-0 truncate text-meta text-muted-foreground",
+            className: "shrink-0 truncate text-sm text-muted-foreground",
             style: { width: labelWidth },
             children: d.label
           }
@@ -2951,14 +2970,14 @@ var BarChartH = React23__namespace.forwardRef(
               }
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-meta tabular-nums", children: d.display ?? d.value })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-sm tabular-nums", children: d.display ?? d.value })
         ] })
       ] }, i))
     ] });
   }
 );
 BarChartH.displayName = "BarChartH";
-var BarChartV = React23__namespace.forwardRef(
+var BarChartV = React24__namespace.forwardRef(
   ({
     data,
     max,
@@ -2976,7 +2995,7 @@ var BarChartV = React23__namespace.forwardRef(
     const emphasis = highlightIndex ?? data.length - 1;
     const labelled = (i) => labelMode === "all" || labelMode === "last" && i === emphasis;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("flex flex-col gap-1", className), ...props, children: [
-      caption != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: caption }) : null,
+      caption != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: caption }) : null,
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative mt-2", style: { height }, children: [
         gridlines.map((g) => /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
@@ -2986,7 +3005,7 @@ var BarChartV = React23__namespace.forwardRef(
             style: { bottom: `${g / ceiling * 100}%` },
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-px flex-1 bg-border" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pl-1 text-meta tabular-nums text-muted-foreground", children: g })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pl-1 text-sm tabular-nums text-muted-foreground", children: g })
             ]
           },
           g
@@ -2996,7 +3015,7 @@ var BarChartV = React23__namespace.forwardRef(
           {
             className: "flex h-full min-w-0 flex-1 flex-col items-center justify-end gap-1",
             children: [
-              labelled(i) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta tabular-nums", children: d.display ?? d.value }) : null,
+              labelled(i) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm tabular-nums", children: d.display ?? d.value }) : null,
               /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
@@ -3015,38 +3034,34 @@ var BarChartV = React23__namespace.forwardRef(
         )) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-between gap-2", children: data.map((d, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col items-center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-meta text-muted-foreground", children: d.label }),
-        d.sublabel != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-meta text-muted-foreground/70", children: d.sublabel }) : null
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm text-muted-foreground", children: d.label }),
+        d.sublabel != null ? /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(
-  ({ bound, swatchOnly, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var UNPAINTED = "bg-muted-foreground";
+var BoundChip = React24__namespace.forwardRef(
+  ({ bound, swatchOnly, label, swatch, palette, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: cn("size-1.5 shrink-0", SWATCH[bound]) }),
-        swatchOnly ? null : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: bound })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: cn("size-1.5 shrink-0", swatch ?? palette?.[bound] ?? UNPAINTED)
+          }
+        ),
+        swatchOnly ? null : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: label ?? bound })
       ]
     }
   )
@@ -3058,7 +3073,7 @@ function ButtonWithTooltip(props) {
     /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { children: props.tooltip })
   ] }) });
 }
-var CannotAnswerCard = React23__namespace.forwardRef(({ label = "cannot answer", remedy, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var CannotAnswerCard = React24__namespace.forwardRef(({ label = "cannot answer", remedy, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   "div",
   {
     ref,
@@ -3068,9 +3083,9 @@ var CannotAnswerCard = React23__namespace.forwardRef(({ label = "cannot answer",
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta font-medium text-muted-foreground", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-muted-foreground", children: label }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { children }),
-      remedy != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: remedy }) : null
+      remedy != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: remedy }) : null
     ]
   }
 ));
@@ -3082,7 +3097,7 @@ var PURPOSE = {
   judge: "scores an output \u2014 often local",
   embed: "text in, vector out"
 };
-var CastTable = React23__namespace.forwardRef(
+var CastTable = React24__namespace.forwardRef(
   ({ cast = {}, resolved, readOnly, className, ...props }, ref) => {
     const byRole = new Map((resolved ?? []).map((r) => [r.role, r]));
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("min-w-0", className), ...props, children: [
@@ -3097,15 +3112,15 @@ var CastTable = React23__namespace.forwardRef(
           const address = hit ? hit.address : cast[role] ?? null;
           const denied = hit ? !hit.allowed : false;
           return /* @__PURE__ */ jsxRuntime.jsxs(TableRow, { "data-role": role, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "font-mono text-meta text-muted-foreground", children: role }),
+            /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "font-mono text-sm text-muted-foreground", children: role }),
             /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "min-w-0", children: address ? /* @__PURE__ */ jsxRuntime.jsx(
               AddressChip,
               {
                 address,
                 tone: denied ? "denied" : "allowed"
               }
-            ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground/70", children: "nothing casts it" }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "text-meta text-muted-foreground", children: denied ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-destructive", children: [
+            ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground/70", children: "nothing casts it" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "text-sm text-muted-foreground", children: denied ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-destructive", children: [
               "denied by ",
               hit?.ruleMatched ?? "this world"
             ] }) : hit?.source ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: hit.source !== "shipped" ? `set on the ${hit.source}` : address ? "shipped default" : (
@@ -3117,7 +3132,7 @@ var CastTable = React23__namespace.forwardRef(
           ] }, role);
         }) })
       ] }),
-      readOnly ? null : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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." })
     ] });
   }
 );
@@ -3131,20 +3146,20 @@ function ChatSession({
   className,
   bodyClassName
 }) {
-  const rootRef = React23__namespace.useRef(null);
-  const contentRef = React23__namespace.useRef(null);
-  const pinnedRef = React23__namespace.useRef(true);
-  const getViewport = React23__namespace.useCallback(
+  const rootRef = React24__namespace.useRef(null);
+  const contentRef = React24__namespace.useRef(null);
+  const pinnedRef = React24__namespace.useRef(true);
+  const getViewport = React24__namespace.useCallback(
     () => rootRef.current?.querySelector(
       "[data-radix-scroll-area-viewport]"
     ) ?? null,
     []
   );
-  const scrollToBottom = React23__namespace.useCallback(() => {
+  const scrollToBottom = React24__namespace.useCallback(() => {
     const viewport = getViewport();
     if (viewport) viewport.scrollTop = viewport.scrollHeight;
   }, [getViewport]);
-  React23__namespace.useEffect(() => {
+  React24__namespace.useEffect(() => {
     const viewport = getViewport();
     if (!viewport) return;
     const handleScroll = () => {
@@ -3154,7 +3169,7 @@ function ChatSession({
     viewport.addEventListener("scroll", handleScroll, { passive: true });
     return () => viewport.removeEventListener("scroll", handleScroll);
   }, [getViewport, followThreshold]);
-  React23__namespace.useEffect(() => {
+  React24__namespace.useEffect(() => {
     const content = contentRef.current;
     if (!content || typeof ResizeObserver === "undefined") return;
     const observer = new ResizeObserver(() => {
@@ -3163,11 +3178,11 @@ function ChatSession({
     observer.observe(content);
     return () => observer.disconnect();
   }, [scrollToBottom]);
-  React23__namespace.useEffect(() => {
+  React24__namespace.useEffect(() => {
     pinnedRef.current = true;
     scrollToBottom();
   }, [autoScrollKey, scrollToBottom]);
-  const isEmpty = React23__namespace.Children.count(children) === 0;
+  const isEmpty = React24__namespace.Children.count(children) === 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col h-full min-h-0", className), children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       ScrollArea,
@@ -3260,12 +3275,12 @@ function useOverflowItems({
   pinnedIndex,
   reserve = 32
 }) {
-  const containerEl = React23__namespace.useRef(null);
-  const itemEls = React23__namespace.useRef([]);
-  const widths = React23__namespace.useRef([]);
-  const itemRefs = React23__namespace.useRef([]);
-  const [hidden, setHidden] = React23__namespace.useState(NONE);
-  const fit = React23__namespace.useCallback(() => {
+  const containerEl = React24__namespace.useRef(null);
+  const itemEls = React24__namespace.useRef([]);
+  const widths = React24__namespace.useRef([]);
+  const itemRefs = React24__namespace.useRef([]);
+  const [hidden, setHidden] = React24__namespace.useState(NONE);
+  const fit = React24__namespace.useCallback(() => {
     const el = containerEl.current;
     if (!el || !enabled) {
       setHidden((prev) => prev === NONE ? prev : NONE);
@@ -3294,12 +3309,12 @@ function useOverflowItems({
     }
     setHidden((prev) => same(prev, next) ? prev : next);
   }, [count, enabled, pinnedIndex, reserve]);
-  React23__namespace.useLayoutEffect(() => {
+  React24__namespace.useLayoutEffect(() => {
     widths.current = [];
     itemEls.current.length = count;
     setHidden((prev) => prev === NONE ? prev : NONE);
   }, [count]);
-  React23__namespace.useLayoutEffect(() => {
+  React24__namespace.useLayoutEffect(() => {
     fit();
     if (!enabled || typeof ResizeObserver === "undefined") return;
     const observer = new ResizeObserver(() => fit());
@@ -3307,10 +3322,10 @@ function useOverflowItems({
     for (const item of itemEls.current) if (item) observer.observe(item);
     return () => observer.disconnect();
   }, [fit, enabled, hidden]);
-  const containerRef = React23__namespace.useCallback((el) => {
+  const containerRef = React24__namespace.useCallback((el) => {
     containerEl.current = el;
   }, []);
-  const itemRef = React23__namespace.useCallback((index) => {
+  const itemRef = React24__namespace.useCallback((index) => {
     let fn = itemRefs.current[index];
     if (!fn) {
       fn = (el) => {
@@ -3320,7 +3335,7 @@ function useOverflowItems({
     }
     return fn;
   }, []);
-  const isHidden = React23__namespace.useCallback(
+  const isHidden = React24__namespace.useCallback(
     (index) => hidden.includes(index),
     [hidden]
   );
@@ -3373,15 +3388,15 @@ var NavItems = ({
   const isVertical = orientation === "vertical";
   const isTabs = selectionMode === "tabs";
   const V = VARIANT[variant];
-  const [internalActive, setInternalActive] = React23__namespace.default.useState(
+  const [internalActive, setInternalActive] = React24__namespace.default.useState(
     null
   );
   const isControlled = activeKey !== void 0;
   const currentKey = isControlled ? activeKey : internalActive;
   const activeIndex = items.findIndex((item) => keyOf(item) === currentKey);
-  const nodes = React23__namespace.default.useRef({});
-  const pendingFocus = React23__namespace.default.useRef(null);
-  React23__namespace.default.useEffect(() => {
+  const nodes = React24__namespace.default.useRef({});
+  const pendingFocus = React24__namespace.default.useRef(null);
+  React24__namespace.default.useEffect(() => {
     const key = pendingFocus.current;
     if (!key) return;
     const node = nodes.current[key];
@@ -3394,7 +3409,7 @@ var NavItems = ({
     enabled: overflow && !isVertical,
     pinnedIndex: activeIndex >= 0 ? activeIndex : void 0
   });
-  const select = React23__namespace.default.useCallback(
+  const select = React24__namespace.default.useCallback(
     (item) => {
       if (item.disabled) return;
       const key = keyOf(item);
@@ -3464,6 +3479,7 @@ var NavItems = ({
       }
     );
     const label = item.label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: item.labelClassName, children: item.label });
+    const a11y = label ? {} : { "aria-label": item.name };
     const badge = item.badge != null && /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
@@ -3503,6 +3519,7 @@ var NavItems = ({
       {
         ref: setNode,
         ...tabProps,
+        ...a11y,
         style: item.style,
         onClick: () => select(item),
         className: itemClass,
@@ -3513,6 +3530,7 @@ var NavItems = ({
       {
         ref: setNode,
         href: item.href,
+        ...a11y,
         style: item.style,
         onClick: () => select(item),
         className: itemClass,
@@ -3525,6 +3543,7 @@ var NavItems = ({
         type: "button",
         disabled: item.disabled,
         ...tabProps,
+        ...a11y,
         style: item.style,
         onClick: () => {
           if (hasMenu) item.onClick?.();
@@ -3538,7 +3557,7 @@ var NavItems = ({
       /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: hasMenu && !asCaret ? /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: control }) : control }),
       /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side: item.tooltipSide || tooltipSide, children: item.tooltip || item.name })
     ] });
-    return /* @__PURE__ */ jsxRuntime.jsxs(React23__namespace.default.Fragment, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(React24__namespace.default.Fragment, { children: [
       hasMenu ? /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
         withTooltip,
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -3628,7 +3647,7 @@ function renderMenuRows(menuItems) {
   const gutter = menuItems?.some((m) => m.icon);
   return menuItems?.map((menuItem) => {
     const MenuIcon = menuItem.icon;
-    return /* @__PURE__ */ jsxRuntime.jsxs(React23__namespace.default.Fragment, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(React24__namespace.default.Fragment, { children: [
       menuItem.separatorBefore && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
       /* @__PURE__ */ jsxRuntime.jsxs(
         DropdownMenuItem,
@@ -3947,7 +3966,7 @@ function ChatSessionDisclosure({
   className,
   contentClassName
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React23__namespace.useState(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = React24__namespace.useState(defaultOpen);
   const isOpen = open ?? uncontrolledOpen;
   const toggle = () => {
     const next = !isOpen;
@@ -4078,7 +4097,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,
@@ -4099,9 +4118,9 @@ function ChatSessionContextChip({
     }
   );
 }
-var CitationList = React23__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("ul", { ref, className: cn("flex flex-col", className), ...props, children }));
+var CitationList = React24__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("ul", { ref, className: cn("flex flex-col", className), ...props, children }));
 CitationList.displayName = "CitationList";
-var CitationRow = React23__namespace.forwardRef(
+var CitationRow = React24__namespace.forwardRef(
   ({ kind, source, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "li",
     {
@@ -4109,15 +4128,15 @@ var CitationRow = React23__namespace.forwardRef(
       className: cn("flex min-h-[26px] items-center gap-2 py-0.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 border border-border px-1 text-meta text-muted-foreground", children: kind }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 border border-border px-1 text-sm text-muted-foreground", children: kind }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children }),
-        source != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-meta text-muted-foreground", children: source }) : null
+        source != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-sm text-muted-foreground", children: source }) : null
       ]
     }
   )
 );
 CitationRow.displayName = "CitationRow";
-var ClampedText = React23__namespace.forwardRef(
+var ClampedText = React24__namespace.forwardRef(
   ({
     lines = 3,
     moreLabel = "Show more",
@@ -4126,10 +4145,10 @@ var ClampedText = React23__namespace.forwardRef(
     children,
     ...props
   }, ref) => {
-    const [expanded, setExpanded] = React23__namespace.useState(false);
-    const [clipped, setClipped] = React23__namespace.useState(false);
-    const bodyRef = React23__namespace.useRef(null);
-    React23__namespace.useLayoutEffect(() => {
+    const [expanded, setExpanded] = React24__namespace.useState(false);
+    const [clipped, setClipped] = React24__namespace.useState(false);
+    const bodyRef = React24__namespace.useRef(null);
+    React24__namespace.useLayoutEffect(() => {
       const el = bodyRef.current;
       if (!el || expanded) return;
       const measure = () => setClipped(el.scrollHeight - el.clientHeight > 1);
@@ -4167,7 +4186,7 @@ var ClampedText = React23__namespace.forwardRef(
   }
 );
 ClampedText.displayName = "ClampedText";
-var ClarifyCard = React23__namespace.forwardRef(
+var ClarifyCard = React24__namespace.forwardRef(
   ({
     step,
     waiting,
@@ -4180,7 +4199,7 @@ var ClarifyCard = React23__namespace.forwardRef(
     className,
     ...props
   }, ref) => {
-    const name = React23__namespace.useId();
+    const name = React24__namespace.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -4188,7 +4207,7 @@ var ClarifyCard = React23__namespace.forwardRef(
         className: cn("flex flex-col overflow-hidden border border-border bg-card", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-6 shrink-0 items-center gap-2 border-b border-border bg-muted/40 px-2 text-meta", children: [
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-medium", children: "question" }),
             step != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-muted-foreground", children: step }) : null,
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1" }),
@@ -4231,7 +4250,7 @@ var ClarifyCard = React23__namespace.forwardRef(
                       }
                     ),
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate", children: o.label }),
-                    o.detail != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-mono text-meta text-muted-foreground", children: o.detail }) : null
+                    o.detail != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-mono text-sm text-muted-foreground", children: o.detail }) : null
                   ]
                 },
                 o.value
@@ -4239,7 +4258,7 @@ var ClarifyCard = React23__namespace.forwardRef(
             }) }),
             actions || footnote != null ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
               actions,
-              footnote != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-meta text-muted-foreground", children: footnote }) : null
+              footnote != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-sm text-muted-foreground", children: footnote }) : null
             ] }) : null
           ] })
         ]
@@ -4248,13 +4267,13 @@ var ClarifyCard = React23__namespace.forwardRef(
   }
 );
 ClarifyCard.displayName = "ClarifyCard";
-var ContextBar = React23__namespace.forwardRef(
+var ContextBar = React24__namespace.forwardRef(
   ({ counters, hint, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       ref,
       className: cn(
-        "flex h-7 shrink-0 items-center gap-3 border-t border-border px-2 text-meta",
+        "flex h-7 shrink-0 items-center gap-3 border-t border-border px-2 text-sm",
         className
       ),
       ...props,
@@ -4267,22 +4286,22 @@ var ContextBar = React23__namespace.forwardRef(
   )
 );
 ContextBar.displayName = "ContextBar";
-var DiagnosisCard = React23__namespace.forwardRef(({ code, attempted, target, actions, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DiagnosisCard = React24__namespace.forwardRef(({ code, attempted, target, actions, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   "div",
   {
     ref,
     className: cn("flex flex-col gap-2 border border-destructive/40 bg-card p-2", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-meta", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-medium text-destructive", children: "diagnosis" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-mono text-muted-foreground", children: code })
       ] }),
       children != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { children }) : null,
       attempted != null || target != null ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 border border-border bg-muted/40 p-1.5", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: "what was tried" }),
-        attempted != null ? /* @__PURE__ */ jsxRuntime.jsx("code", { className: "whitespace-pre-wrap break-all font-mono text-meta", children: attempted }) : null,
-        target != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: target }) : null
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "what was tried" }),
+        attempted != null ? /* @__PURE__ */ jsxRuntime.jsx("code", { className: "whitespace-pre-wrap break-all font-mono text-sm", children: attempted }) : null,
+        target != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: target }) : null
       ] }) : null,
       actions ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5", children: actions }) : null
     ]
@@ -4295,19 +4314,19 @@ var OP_CLASS = {
   remove: "text-destructive",
   change: "text-warning"
 };
-var DiffList = React23__namespace.forwardRef(
+var DiffList = React24__namespace.forwardRef(
   ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("ul", { ref, className: cn("flex flex-col", className), ...props, children })
 );
 DiffList.displayName = "DiffList";
-var DiffRow = React23__namespace.forwardRef(
+var DiffRow = React24__namespace.forwardRef(
   ({ op = "add", kind, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "li",
     {
       ref,
-      className: cn("flex items-baseline gap-2 py-0.5 text-meta", className),
+      className: cn("flex items-baseline gap-2 py-0.5 text-sm", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("w-3 shrink-0 text-center font-mono", OP_CLASS[op]), children: OP_SIGN[op] }),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-muted-foreground", children: kind }) : null,
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1", children })
       ]
@@ -4315,7 +4334,7 @@ var DiffRow = React23__namespace.forwardRef(
   )
 );
 DiffRow.displayName = "DiffRow";
-var DivergingBar = React23__namespace.forwardRef(
+var DivergingBar = React24__namespace.forwardRef(
   ({
     data,
     max,
@@ -4328,7 +4347,7 @@ var DivergingBar = React23__namespace.forwardRef(
   }, ref) => {
     const ceiling = max ?? (Math.max(...data.map((d) => Math.abs(d.value)), 0) || 1);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("flex flex-col gap-1", className), ...props, children: [
-      caption != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: caption }) : null,
+      caption != null ? /* @__PURE__ */ jsxRuntime.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}%`;
@@ -4336,7 +4355,7 @@ var DivergingBar = React23__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.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
             }
@@ -4366,14 +4385,14 @@ var DivergingBar = React23__namespace.forwardRef(
               }
             ) : null })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-8 shrink-0 text-right text-meta tabular-nums", children: d.display ?? (d.value > 0 ? `+${d.value}` : d.value) })
+          /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(
+var EgressList = React24__namespace.forwardRef(
   ({ to, classes = [], cut = [], className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -4383,7 +4402,7 @@ var EgressList = React23__namespace.forwardRef(
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(AddressChip, { address: to }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-0.5 pl-3", children: [
-          classes.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-destructive", children: "nothing may be sent" }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-1 text-meta text-muted-foreground", children: [
+          classes.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-destructive", children: "nothing may be sent" }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-1 text-sm text-muted-foreground", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: "may send" }),
             classes.map((c) => /* @__PURE__ */ jsxRuntime.jsx(
               "span",
@@ -4394,7 +4413,7 @@ var EgressList = React23__namespace.forwardRef(
               c
             ))
           ] }),
-          cut.length ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-1 text-meta text-muted-foreground", children: [
+          cut.length ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-1 text-sm text-muted-foreground", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: "cut" }),
             cut.map((c) => /* @__PURE__ */ jsxRuntime.jsx(
               "span",
@@ -4411,12 +4430,12 @@ var EgressList = React23__namespace.forwardRef(
   )
 );
 EgressList.displayName = "EgressList";
-var EmissionHeader = React23__namespace.forwardRef(({ kind, template, citation, note, actions, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var EmissionHeader = React24__namespace.forwardRef(({ kind, template, citation, note, actions, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   "div",
   {
     ref,
     className: cn(
-      "flex h-6 shrink-0 items-center gap-2 border-b border-border bg-muted/40 px-2 text-meta",
+      "flex h-6 shrink-0 items-center gap-2 border-b border-border bg-muted/40 px-2 text-sm",
       className
     ),
     ...props,
@@ -4431,7 +4450,7 @@ var EmissionHeader = React23__namespace.forwardRef(({ kind, template, citation,
   }
 ));
 EmissionHeader.displayName = "EmissionHeader";
-var EmissionCard = React23__namespace.forwardRef(
+var EmissionCard = React24__namespace.forwardRef(
   ({
     kind,
     template,
@@ -4466,7 +4485,7 @@ var EmissionCard = React23__namespace.forwardRef(
   )
 );
 EmissionCard.displayName = "EmissionCard";
-var CitationMarker = React23__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CitationMarker = React24__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "sup",
   {
     ref,
@@ -4476,7 +4495,7 @@ var CitationMarker = React23__namespace.forwardRef(({ className, children, ...pr
   }
 ));
 CitationMarker.displayName = "CitationMarker";
-var EmptyState = React23__namespace.forwardRef(
+var EmptyState = React24__namespace.forwardRef(
   ({ icon, title, description, actions, locks, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -4497,12 +4516,12 @@ var EmptyState = React23__namespace.forwardRef(
   )
 );
 EmptyState.displayName = "EmptyState";
-var EmptyStateLock = React23__namespace.forwardRef(({ icon, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var EmptyStateLock = React24__namespace.forwardRef(({ icon, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   "span",
   {
     ref,
     className: cn(
-      "inline-flex h-6 items-center gap-1.5 border border-dashed border-border px-2 text-meta text-muted-foreground [&_svg]:size-3",
+      "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,
@@ -4513,7 +4532,7 @@ var EmptyStateLock = React23__namespace.forwardRef(({ icon, className, children,
   }
 ));
 EmptyStateLock.displayName = "EmptyStateLock";
-var ErrorBoundary = class extends React23.Component {
+var ErrorBoundary = class extends React24.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -4534,13 +4553,13 @@ var ErrorBoundary = class extends React23.Component {
     return this.props.children;
   }
 };
-var Eyebrow = React23__namespace.forwardRef(
+var Eyebrow = React24__namespace.forwardRef(
   ({ aside, tone = "muted", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.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",
@@ -4555,7 +4574,7 @@ var Eyebrow = React23__namespace.forwardRef(
   )
 );
 Eyebrow.displayName = "Eyebrow";
-var FilterBar = React23__namespace.forwardRef(
+var FilterBar = React24__namespace.forwardRef(
   ({ summary, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -4568,13 +4587,13 @@ var FilterBar = React23__namespace.forwardRef(
       children: [
         children,
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1" }),
-        summary != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-meta text-muted-foreground", children: summary }) : null
+        summary != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-sm text-muted-foreground", children: summary }) : null
       ]
     }
   )
 );
 FilterBar.displayName = "FilterBar";
-var FilterChip = React23__namespace.forwardRef(
+var FilterChip = React24__namespace.forwardRef(
   ({ label, value, active, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     Button,
     {
@@ -4598,9 +4617,9 @@ var FilterChip = React23__namespace.forwardRef(
   )
 );
 FilterChip.displayName = "FilterChip";
-var HeatStrip = React23__namespace.forwardRef(
+var HeatStrip = React24__namespace.forwardRef(
   ({ cells, states, ticks, cellSize = 14, className, ...props }, ref) => {
-    const byKey = React23__namespace.useMemo(
+    const byKey = React24__namespace.useMemo(
       () => new Map(states.map((s) => [s.key, s])),
       [states]
     );
@@ -4627,14 +4646,14 @@ var HeatStrip = React23__namespace.forwardRef(
         return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-meta", children: states.map((s) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-sm", children: states.map((s) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
@@ -4652,54 +4671,58 @@ var HeatStrip = React23__namespace.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__namespace.forwardRef(
-  ({ layer, count, dim, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__namespace.forwardRef(
+  ({ layer, count, label, dim, swatch, palette, className, ...props }, ref) => {
+    const paint = layerPaint(palette, layer);
+    return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "truncate", children: LABEL[layer] }),
-        count != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 tabular-nums opacity-70", children: count }) : null
-      ]
-    }
-  )
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              className: cn(
+                "size-1.5 shrink-0",
+                dim ? "bg-muted-foreground/50" : swatch ?? paint.swatch
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: label ?? layerLabel(layer) }),
+          count != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-sm tabular-nums text-muted-foreground", children: count }) : null
+        ]
+      }
+    );
+  }
 );
 LayerChip.displayName = "LayerChip";
-var LayerSection = React23__namespace.forwardRef(
-  ({ layer, summary, count, dim, className, children, ...props }, ref) => {
-    const empty = React23__namespace.Children.count(children) === 0;
+var LayerSection = React24__namespace.forwardRef(
+  ({ layer, summary, count, dim, palette, className, children, ...props }, ref) => {
+    const empty = React24__namespace.Children.count(children) === 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -4708,125 +4731,562 @@ var LayerSection = React23__namespace.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-baseline gap-2 border-b border-border pb-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(LayerChip, { layer, count, dim }),
-            summary != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto min-w-0 shrink truncate text-meta text-muted-foreground", children: summary }) : null
+            /* @__PURE__ */ jsxRuntime.jsx(LayerChip, { layer, count, dim, palette }),
+            summary != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto min-w-0 shrink truncate text-sm text-muted-foreground", children: summary }) : null
           ] }),
-          empty ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-1 py-1 text-meta text-muted-foreground/70", children: "no rules in this layer" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex min-w-0 flex-col", dim && "opacity-60"), children })
+          empty ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-1 py-1 text-sm text-muted-foreground/70", children: "no rules in this layer" }) : /* @__PURE__ */ jsxRuntime.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__namespace.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__namespace.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__ */ jsxRuntime.jsx(
+    const [ownCollapsed, setOwnCollapsed] = React24__namespace.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: cn(
+                "min-w-0 flex-1 truncate font-mono text-base",
+                state === "refused" && "text-destructive line-through"
+              ),
+              children: item.label
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: cn(
+                "shrink-0 text-sm",
+                state === "refused" ? "text-destructive" : "text-muted-foreground"
+              ),
+              children: stateLabel(state)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "grid grid-cols-[auto_1fr] gap-x-2 gap-y-1 text-sm", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: "layer" }),
+          /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx(LayerChip, { layer: item.layer, palette }) }),
+          part ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: "participant" }),
+            /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "min-w-0 break-all font-mono", children: part.label })
+          ] }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: "when" }),
+          /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "min-w-0 tabular-nums", children: spanLabel(item) }),
+          item.note ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: "what it does" }),
+            /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "min-w-0 font-mono", children: item.note })
+          ] }) : null,
+          item.ruleMatched ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: "refused by" }),
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+              "span",
+              {
+                "aria-hidden": true,
+                className: cn(
+                  "w-1 shrink-0",
+                  layerPaint(palette, item.layer).swatch
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-col justify-center", children: [
               /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: "layer" })
+                  children: item.label
                 }
               ),
-              steps.map((step) => /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
+              compact ? null : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(HoverCard, { openDelay: 140, closeDelay: 80, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(HoverCardTrigger, { asChild: true, children: drawn }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          HoverCardContent,
+          {
+            align: "start",
+            side: "top",
+            className: "w-auto max-w-80 p-3",
+            children: detail(item)
+          }
+        )
+      ] }, item.id);
+    };
+    const bracketLanes = React24__namespace.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__namespace.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__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "min-w-0 overflow-x-auto rounded-control border border-border bg-card",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative min-w-max", children: [
+          seams?.length ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                collapsible && withParts.length > 0 ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { "aria-hidden": true, className: "size-3 shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { "aria-hidden": true, className: "size-3 shrink-0" }),
+                      allShut ? "expand all" : "collapse all"
+                    ]
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "layer" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto text-sm text-muted-foreground/70", children: scale === "seq" ? "step" : "elapsed" })
+              ] }),
+              "min-h-0 py-1"
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0", children: axisTicks.map((value) => {
+              const atEnd = pct(value) > 99;
+              return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(React23__namespace.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(LayerChip, { layer: band.layer })
-                  }
-                ),
-                byBand(band.layer).map(({ step, touch }) => /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
+                value
+              );
+            }) })
+          ),
+          bracketLanes.map(
+            (lane, laneIndex) => row(
+              `brackets-${laneIndex}`,
+              label(
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: laneIndex === 0 ? "its bound" : "" }),
+                "min-h-0 py-1"
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 py-1", children: lane.map((bracket) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: lineIndex === 0 ? "its gates" : "" })
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0", children: line.map((seam) => {
+                const named = /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-col justify-center", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm", children: seam.label }),
+                  seam.note ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs text-muted-foreground", children: seam.note }) : null
+                ] });
+                if (seam.at == null)
+                  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(React24__namespace.Fragment, { children: [
+              row(
+                band.layer,
+                label(
+                  /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                    foldable ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+                            lucideReact.ChevronRight,
+                            {
+                              "aria-hidden": true,
+                              className: "size-3 shrink-0 text-muted-foreground"
+                            }
+                          ) : /* @__PURE__ */ jsxRuntime.jsx(
+                            lucideReact.ChevronDown,
+                            {
+                              "aria-hidden": true,
+                              className: "size-3 shrink-0 text-muted-foreground"
+                            }
+                          ),
+                          band.label ?? /* @__PURE__ */ jsxRuntime.jsx(
+                            LayerChip,
+                            {
+                              layer: band.layer,
+                              dim,
+                              palette
+                            }
+                          )
+                        ]
+                      }
+                    ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 pl-4", children: band.label ?? /* @__PURE__ */ jsxRuntime.jsx(
+                      LayerChip,
+                      {
+                        layer: band.layer,
+                        dim,
+                        palette
+                      }
+                    ) }),
+                    band.note ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "text-muted-foreground/25", children: "\xB7" })
-                  },
-                  `${band.layer}-${step.id}`
-                ))
-              ] }, band.layer))
-            ]
-          }
-        )
+                    ) : null
+                  ] }),
+                  void 0,
+                  false,
+                  dim
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  spine ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+                      "span",
+                      {
+                        className: "flex min-w-0 flex-col",
+                        title: part.label,
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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);
+          })
+        ] })
       }
     );
   }
@@ -4879,14 +5339,14 @@ function Swatch({ kind = "dot", color }) {
     }
   );
 }
-var Legend = React23__namespace.forwardRef(
+var Legend = React24__namespace.forwardRef(
   ({ orientation = "row", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       ref,
       role: "list",
       className: cn(
-        "flex gap-x-3 gap-y-1 text-meta",
+        "flex gap-x-3 gap-y-1 text-sm",
         orientation === "row" ? "flex-wrap items-center" : "flex-col",
         className
       ),
@@ -4896,7 +5356,7 @@ var Legend = React23__namespace.forwardRef(
   )
 );
 Legend.displayName = "Legend";
-var LegendItem = React23__namespace.forwardRef(
+var LegendItem = React24__namespace.forwardRef(
   ({ kind, color, label, count, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -4913,7 +5373,7 @@ var LegendItem = React23__namespace.forwardRef(
   )
 );
 LegendItem.displayName = "LegendItem";
-var LensChip = React23__namespace.forwardRef(
+var LensChip = React24__namespace.forwardRef(
   ({ lens, onPick, className, ...props }, ref) => {
     const label = lens?.name ?? "Everything";
     const unset = lens == null;
@@ -4932,7 +5392,7 @@ var LensChip = React23__namespace.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
     );
@@ -4956,7 +5416,7 @@ var LensChip = React23__namespace.forwardRef(
   }
 );
 LensChip.displayName = "LensChip";
-function describe(n) {
+function describe(n, palette) {
   switch (n.kind) {
     case "allow":
       return `${n.count} allow`;
@@ -4971,12 +5431,12 @@ function describe(n) {
     case "closes":
       return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", children: [
         "closes",
-        n.layers.map((layer) => /* @__PURE__ */ jsxRuntime.jsx(LayerChip, { layer }, layer))
+        n.layers.map((layer) => /* @__PURE__ */ jsxRuntime.jsx(LayerChip, { layer, palette }, layer))
       ] });
   }
 }
-var LensRow = React23__namespace.forwardRef(
-  ({ name, narrows = [], usage, selected, onSelect, className, ...props }, ref) => {
+var LensRow = React24__namespace.forwardRef(
+  ({ name, narrows = [], usage, selected, onSelect, palette, className, ...props }, ref) => {
     const interactive = Boolean(onSelect);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -5002,8 +5462,8 @@ var LensRow = React23__namespace.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-baseline gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate text-sm font-medium text-foreground", children: name }),
-            usage ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-auto shrink-0 text-meta text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate text-base font-medium text-foreground", children: name }),
+            usage ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-auto shrink-0 text-sm text-muted-foreground", children: [
               "used in ",
               usage.runs,
               " run",
@@ -5011,17 +5471,17 @@ var LensRow = React23__namespace.forwardRef(
               usage.lastUsed ? ` \xB7 last ${usage.lastUsed}` : ""
             ] }) : null
           ] }),
-          narrows.length ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(React23__namespace.Fragment, { children: [
+          narrows.length ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(React24__namespace.Fragment, { children: [
             i > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "opacity-40", children: "\xB7" }) : null,
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center", children: describe(n) })
-          ] }, `${n.kind}-${i}`)) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground/70", children: "narrows nothing \u2014 the whole model, inside the guardrails" })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center", children: describe(n, palette) })
+          ] }, `${n.kind}-${i}`)) }) : /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(
+var MatchPreview = React24__namespace.forwardRef(
   ({ pattern, matches = [], loading, limit = 8, className, ...props }, ref) => {
     const hits = matches.filter((m) => m.matched);
     const misses = matches.filter((m) => !m.matched);
@@ -5038,14 +5498,14 @@ var MatchPreview = React23__namespace.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-baseline gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: "what this matches" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto shrink-0 text-meta tabular-nums text-muted-foreground", children: loading ? "\u2026" : `${hits.length} of ${matches.length}` })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "what this matches" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto shrink-0 text-sm tabular-nums text-muted-foreground", children: loading ? "\u2026" : `${hits.length} of ${matches.length}` })
           ] }),
           loading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 py-0.5", children: [
             /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-3 w-3/5" }),
             /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-3 w-2/5" }),
             /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-3 w-1/2" })
-          ] }) : matches.length === 0 ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("p", { className: "text-meta text-destructive", children: [
+          ] }) : matches.length === 0 ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("p", { className: "text-sm text-destructive", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: pattern }),
             " matches nothing here"
           ] }) : null,
@@ -5058,7 +5518,7 @@ var MatchPreview = React23__namespace.forwardRef(
               },
               m.address
             )),
-            hidden > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pt-0.5 text-meta text-muted-foreground/70", children: [
+            hidden > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pt-0.5 text-sm text-muted-foreground/70", children: [
               "and ",
               hidden,
               " more"
@@ -5137,7 +5597,7 @@ var TONE2 = {
   error: "text-destructive",
   info: "text-info"
 };
-var MetricTile = React23__namespace.forwardRef(
+var MetricTile = React24__namespace.forwardRef(
   ({ label, value, caption, tone, meter, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -5148,7 +5608,7 @@ var MetricTile = React23__namespace.forwardRef(
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-meta font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
@@ -5157,12 +5617,12 @@ var MetricTile = React23__namespace.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__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: caption }) : null,
+        caption != null ? /* @__PURE__ */ jsxRuntime.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
@@ -5176,7 +5636,7 @@ var MetricTile = React23__namespace.forwardRef(
               children: /* @__PURE__ */ jsxRuntime.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}%` }
                 }
               )
@@ -5189,7 +5649,7 @@ var MetricTile = React23__namespace.forwardRef(
   )
 );
 MetricTile.displayName = "MetricTile";
-var MetricGrid = React23__namespace.forwardRef(
+var MetricGrid = React24__namespace.forwardRef(
   ({ minTileWidth = 120, gap = 6, className, style, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -5248,7 +5708,7 @@ var NestedMenu = (props) => {
     }
   );
 };
-var PanelBox = React23__namespace.forwardRef(
+var PanelBox = React24__namespace.forwardRef(
   ({ title, aside, flush, className, headerClassName, bodyClassName, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     Card,
     {
@@ -5339,13 +5799,13 @@ function PanelStack({
   headerClassName,
   bodyClassName
 }) {
-  const groupRef = React23__namespace.useRef(null);
-  const refs = React23__namespace.useRef({});
-  const [collapsed, setCollapsed] = React23__namespace.useState(
+  const groupRef = React24__namespace.useRef(null);
+  const refs = React24__namespace.useRef({});
+  const [collapsed, setCollapsed] = React24__namespace.useState(
     () => Object.fromEntries(sections.map((s) => [s.id, !!s.defaultCollapsed]))
   );
-  const didInit = React23__namespace.useRef(false);
-  React23__namespace.useLayoutEffect(() => {
+  const didInit = React24__namespace.useRef(false);
+  React24__namespace.useLayoutEffect(() => {
     if (didInit.current) return;
     didInit.current = true;
     const targets = sections.filter((s) => s.defaultCollapsed);
@@ -5377,18 +5837,18 @@ function PanelStack({
     for (const s of targets) refs.current[s.id]?.collapse();
     group.setLayout(next);
   }, []);
-  const notify = React23__namespace.useRef(onCollapsedChange);
-  React23__namespace.useEffect(() => {
+  const notify = React24__namespace.useRef(onCollapsedChange);
+  React24__namespace.useEffect(() => {
     notify.current = onCollapsedChange;
   }, [onCollapsedChange]);
-  const collapsedRef = React23__namespace.useRef(collapsed);
+  const collapsedRef = React24__namespace.useRef(collapsed);
   collapsedRef.current = collapsed;
-  const collapsePanel = React23__namespace.useCallback((id) => {
+  const collapsePanel = React24__namespace.useCallback((id) => {
     const ref = refs.current[id];
     if (!ref || ref.isCollapsed()) return;
     ref.collapse();
   }, []);
-  const expandPanel = React23__namespace.useCallback((id) => {
+  const expandPanel = React24__namespace.useCallback((id) => {
     const ref = refs.current[id];
     if (!ref || !ref.isCollapsed()) return;
     ref.expand();
@@ -5406,7 +5866,7 @@ function PanelStack({
       [donorId]: donorPct - share
     });
   }, []);
-  const toggle = React23__namespace.useCallback(
+  const toggle = React24__namespace.useCallback(
     (id) => {
       const ref = refs.current[id];
       if (!ref) return;
@@ -5415,7 +5875,7 @@ function PanelStack({
     },
     [expandPanel, collapsePanel]
   );
-  React23__namespace.useImperativeHandle(
+  React24__namespace.useImperativeHandle(
     stackRef,
     () => ({
       expand: expandPanel,
@@ -5439,7 +5899,7 @@ function PanelStack({
           const Icon = section.icon;
           const isCollapsed = collapsed[section.id];
           const flush = index > 0 && (isCollapsed || collapsed[sections[index - 1].id]);
-          return /* @__PURE__ */ jsxRuntime.jsxs(React23__namespace.Fragment, { children: [
+          return /* @__PURE__ */ jsxRuntime.jsxs(React24__namespace.Fragment, { children: [
             index > 0 && /* @__PURE__ */ jsxRuntime.jsx(
               ResizableHandle,
               {
@@ -5493,7 +5953,7 @@ function PanelStack({
                             children: [
                               isCollapsed ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-5 w-5 shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-5 w-5 shrink-0" }),
                               Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-3.5 w-3.5 shrink-0" }),
-                              typeof section.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-meta font-semibold uppercase tracking-wide", children: section.title }) : (
+                              typeof section.title === "string" ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "flex min-w-0 flex-1 items-center", children: section.title })
@@ -5535,7 +5995,7 @@ function PanelStack({
     ) })
   );
 }
-var PropertyList = React23__namespace.forwardRef(
+var PropertyList = React24__namespace.forwardRef(
   ({ labelWidth = 78, className, style, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "dl",
     {
@@ -5551,7 +6011,7 @@ var PropertyList = React23__namespace.forwardRef(
   )
 );
 PropertyList.displayName = "PropertyList";
-var PropertyRow = React23__namespace.forwardRef(
+var PropertyRow = React24__namespace.forwardRef(
   ({ label, mono, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -5559,14 +6019,14 @@ var PropertyRow = React23__namespace.forwardRef(
       className: cn("flex items-baseline gap-2 py-1", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "shrink-0 truncate text-meta text-muted-foreground [width:var(--property-label-width,78px)]", children: label }),
-        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: cn("min-w-0 flex-1", mono && "font-mono text-meta"), children })
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "shrink-0 truncate text-sm text-muted-foreground [width:var(--property-label-width,78px)]", children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: cn("min-w-0 flex-1", mono && "font-mono text-sm"), children })
       ]
     }
   )
 );
 PropertyRow.displayName = "PropertyRow";
-var ProposalCard = React23__namespace.forwardRef(
+var ProposalCard = React24__namespace.forwardRef(
   ({
     title,
     source,
@@ -5582,23 +6042,23 @@ var ProposalCard = React23__namespace.forwardRef(
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-medium", children: title }),
-        source != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: source }) : null
+        source != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: source }) : null
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border border-border bg-muted/30 p-2", children })
     ] }),
     evidence ? /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-medium", children: evidenceTitle }),
-        evidenceMeta != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: evidenceMeta }) : null
+        evidenceMeta != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: evidenceMeta }) : null
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden border border-border", children: evidence })
     ] }) : null,
-    consequence != null ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-meta text-muted-foreground", children: consequence }) : null,
+    consequence != null ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: consequence }) : null,
     actions ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center gap-1.5", children: actions }) : null
   ] })
 );
 ProposalCard.displayName = "ProposalCard";
-var DotRating = React23__namespace.forwardRef(
+var DotRating = React24__namespace.forwardRef(
   ({ value, max = 3, onChange, readOnly, label, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -5643,7 +6103,7 @@ var DotRating = React23__namespace.forwardRef(
   )
 );
 DotRating.displayName = "DotRating";
-var RatingControl = React23__namespace.forwardRef(
+var RatingControl = React24__namespace.forwardRef(
   ({
     verdict,
     onVerdictChange,
@@ -5662,7 +6122,7 @@ var RatingControl = React23__namespace.forwardRef(
       className: cn("flex flex-col gap-2 border border-border bg-card p-2", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-meta", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Your verdict" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "becomes a Learning" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1" }),
@@ -5677,7 +6137,7 @@ var RatingControl = React23__namespace.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
@@ -5685,11 +6145,11 @@ var RatingControl = React23__namespace.forwardRef(
             v
           )) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: "weight" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "weight" }),
             /* @__PURE__ */ jsxRuntime.jsx(DotRating, { value: weight, max: maxWeight, onChange: onWeightChange }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta tabular-nums", children: weight })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm tabular-nums", children: weight })
           ] }),
-          refines != null ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-meta text-muted-foreground", children: [
+          refines != null ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-muted-foreground", children: [
             "refines ",
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: refines })
           ] }) : null
@@ -5700,7 +6160,7 @@ var RatingControl = React23__namespace.forwardRef(
   )
 );
 RatingControl.displayName = "RatingControl";
-var RecordHeader = React23__namespace.forwardRef(
+var RecordHeader = React24__namespace.forwardRef(
   ({ tone, crumbs, chips, actions, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -5714,7 +6174,7 @@ var RecordHeader = React23__namespace.forwardRef(
         tone ? /* @__PURE__ */ jsxRuntime.jsx(StatusDot, { tone, size: "lg" }) : null,
         /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(React23__namespace.Fragment, { children: [
+          return /* @__PURE__ */ jsxRuntime.jsxs(React24__namespace.Fragment, { children: [
             i > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
               lucideReact.ChevronRight,
               {
@@ -5741,13 +6201,13 @@ var RecordHeader = React23__namespace.forwardRef(
   )
 );
 RecordHeader.displayName = "RecordHeader";
-var RepairNote = React23__namespace.forwardRef(
+var RepairNote = React24__namespace.forwardRef(
   ({ from, to, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       ref,
       className: cn(
-        "flex flex-wrap items-center gap-1 py-0.5 pl-4 text-meta text-muted-foreground",
+        "flex flex-wrap items-center gap-1 py-0.5 pl-4 text-sm text-muted-foreground",
         className
       ),
       ...props,
@@ -5760,13 +6220,13 @@ var RepairNote = React23__namespace.forwardRef(
   )
 );
 RepairNote.displayName = "RepairNote";
-var RetryNote = React23__namespace.forwardRef(
+var RetryNote = React24__namespace.forwardRef(
   ({ attempt, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       ref,
       className: cn(
-        "flex flex-wrap items-baseline gap-1.5 py-0.5 pl-4 text-meta text-muted-foreground",
+        "flex flex-wrap items-baseline gap-1.5 py-0.5 pl-4 text-sm text-muted-foreground",
         className
       ),
       ...props,
@@ -5786,7 +6246,7 @@ function OptionRow({ option }) {
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: option.label }),
       option.badge != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto pl-2", children: option.badge })
     ] }),
-    option.description != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: option.description })
+    option.description != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: option.description })
   ] });
 }
 function RichSelect({
@@ -5927,7 +6387,7 @@ function describeSlice(select, declared) {
   }
   return out;
 }
-var SliceSummary = React23__namespace.forwardRef(
+var SliceSummary = React24__namespace.forwardRef(
   ({ select, declaredAxes, modelLabel, variant = "line", className, ...props }, ref) => {
     const lines = select ? describeSlice(select, declaredAxes) : [];
     if (!lines.length) {
@@ -5935,7 +6395,7 @@ var SliceSummary = React23__namespace.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"
         }
@@ -5956,13 +6416,13 @@ var SliceSummary = React23__namespace.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__ */ jsxRuntime.jsxs("span", { className: "text-meta text-destructive", children: [
+          line.undeclared ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-destructive", children: [
             modelLabel ?? "this model",
             " declares no ",
             line.axisKind,
@@ -5974,7 +6434,7 @@ var SliceSummary = React23__namespace.forwardRef(
   }
 );
 SliceSummary.displayName = "SliceSummary";
-var RuleRow = React23__namespace.forwardRef(
+var RuleRow = React24__namespace.forwardRef(
   ({ match, allow, properties, select, egress, readOnly, className, ...props }, ref) => {
     const excluded = properties?.exclude ?? [];
     const sends = egress?.may_send ?? [];
@@ -6001,7 +6461,7 @@ var RuleRow = React23__namespace.forwardRef(
             "span",
             {
               className: cn(
-                "font-mono text-meta",
+                "font-mono text-sm",
                 allow ? "text-muted-foreground" : "font-semibold text-destructive"
               ),
               children: allow ? "allow" : "deny"
@@ -6016,12 +6476,12 @@ var RuleRow = React23__namespace.forwardRef(
             }
           ),
           excluded.length || sliced || sends.length ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-start-2 flex min-w-0 flex-col gap-0.5", children: [
-            excluded.length ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate text-meta text-muted-foreground", children: [
+            excluded.length ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate text-sm text-muted-foreground", children: [
               "excludes ",
               excluded.join(", ")
             ] }) : null,
             sliced ? /* @__PURE__ */ jsxRuntime.jsx(SliceSummary, { select, variant: "line" }) : null,
-            sends.length ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate text-meta text-muted-foreground", children: [
+            sends.length ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate text-sm text-muted-foreground", children: [
               "may send ",
               sends.join(", ")
             ] }) : null
@@ -6051,14 +6511,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__namespace.forwardRef(({ icon, title, count, actions, bare, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SectionHeader = React24__namespace.forwardRef(({ icon, title, count, actions, bare, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   "div",
   {
     ref,
@@ -6071,13 +6531,13 @@ var SectionHeader = React23__namespace.forwardRef(({ icon, title, count, actions
     children: [
       icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 items-center text-muted-foreground [&_svg]:size-3.5", children: icon }) : null,
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate font-medium", children: title }),
-      count != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-meta text-muted-foreground", children: count }) : null,
+      count != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-sm text-muted-foreground", children: count }) : null,
       actions ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 items-center gap-1", children: actions }) : null
     ]
   }
 ));
 SectionHeader.displayName = "SectionHeader";
-var Sparkline = React23__namespace.forwardRef(
+var Sparkline = React24__namespace.forwardRef(
   ({
     values,
     width = 72,
@@ -6164,7 +6624,7 @@ function TabbedPanel({
   footerClassName,
   footerContent
 }) {
-  const [internalTab, setInternalTab] = React23__namespace.default.useState(defaultTab || tabs[0]?.value);
+  const [internalTab, setInternalTab] = React24__namespace.default.useState(defaultTab || tabs[0]?.value);
   const currentTab = activeTab !== void 0 ? activeTab : internalTab;
   const handleTabChange = (value) => {
     if (activeTab === void 0) {
@@ -6172,9 +6632,9 @@ function TabbedPanel({
     }
     onTabChange?.(value);
   };
-  const uid = React23__namespace.default.useId();
+  const uid = React24__namespace.default.useId();
   const panelId = (value) => `${uid}-panel-${value}`;
-  const items = React23__namespace.default.useMemo(
+  const items = React24__namespace.default.useMemo(
     () => tabs.map((tab) => ({
       key: tab.value,
       name: tab.name ?? (typeof tab.label === "string" ? tab.label : tab.value),
@@ -6260,9 +6720,9 @@ var STATUS_LABEL = {
 };
 function renderResult(result) {
   if (result == null) return null;
-  if (React23__namespace.isValidElement(result)) return result;
+  if (React24__namespace.isValidElement(result)) return result;
   if (typeof result !== "object") {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-meta", children: String(result) });
+    return /* @__PURE__ */ jsxRuntime.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");
@@ -6270,12 +6730,12 @@ function renderResult(result) {
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     scalars.length ? /* @__PURE__ */ jsxRuntime.jsx(PropertyList, { labelWidth: 96, children: scalars.map(([k, v]) => /* @__PURE__ */ jsxRuntime.jsx(PropertyRow, { label: k, mono: true, className: "py-0.5", children: v == null ? "\u2014" : String(v) }, k)) }) : null,
     nested.map(([k, v]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: k }),
-      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: k }),
+      /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(({ task, elapsedMs, formatDuration = defaultFormatDuration, className, ...props }, ref) => {
+var TaskGanttDetailCard = React24__namespace.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");
@@ -6283,17 +6743,17 @@ var TaskGanttDetailCard = React23__namespace.forwardRef(({ task, elapsedMs, form
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("flex flex-col gap-2", className), ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(StatusDot, { tone: DOT[status], size: "md", className: "translate-y-px" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate font-mono text-meta font-medium", children: task.key }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-mono text-meta text-muted-foreground tabular-nums", children: duration })
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate font-mono text-sm font-medium", children: task.key }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-mono text-sm text-muted-foreground tabular-nums", children: duration })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-meta text-muted-foreground", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm text-muted-foreground", children: [
       STATUS_LABEL[status],
       task.summary != null ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         " \xB7 ",
         task.summary
       ] }) : null
     ] }),
-    attempts.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-0.5", children: attempts.map((a, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-meta text-muted-foreground", children: [
+    attempts.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-0.5", children: attempts.map((a, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-muted-foreground", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium text-warning", children: [
         "attempt ",
         i + 1
@@ -6307,14 +6767,14 @@ var TaskGanttDetailCard = React23__namespace.forwardRef(({ task, elapsedMs, form
         style: { borderColor: "var(--color-destructive)" },
         className: "border-l-2 bg-destructive/10 px-2 py-1.5",
         children: [
-          task.error.code != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-mono text-meta font-medium text-destructive", children: task.error.code }) : null,
-          task.error.message != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-meta", children: task.error.message }) : null,
-          task.error.detail != null ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "font-mono text-sm font-medium text-destructive", children: task.error.code }) : null,
+          task.error.message != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm", children: task.error.message }) : null,
+          task.error.detail != null ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "border-t border-border pt-1.5 font-mono text-sm text-muted-foreground", children: task.log }) : null
   ] });
 });
 TaskGanttDetailCard.displayName = "TaskGanttDetailCard";
@@ -6341,7 +6801,7 @@ function place(seg, origin) {
   }
   return { start, duration: duration != null && duration > 0 ? duration : 0 };
 }
-var TaskGantt = React23__namespace.forwardRef(
+var TaskGantt = React24__namespace.forwardRef(
   ({
     tasks,
     origin,
@@ -6363,7 +6823,7 @@ var TaskGantt = React23__namespace.forwardRef(
   }, ref) => {
     const barHeight = density === "compact" ? 11 : 13;
     const durationWidth = 40;
-    const rows = React23__namespace.useMemo(() => {
+    const rows = React24__namespace.useMemo(() => {
       const stamps = [];
       for (const t of [...tasks, ...tasks.flatMap((t2) => t2.attempts ?? [])]) {
         if (t.startedAt != null) stamps.push(toMs(t.startedAt));
@@ -6409,7 +6869,7 @@ var TaskGantt = React23__namespace.forwardRef(
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex flex-1", children: axis.slice(0, -1).map((label, i) => /* @__PURE__ */ jsxRuntime.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
@@ -6417,7 +6877,7 @@ var TaskGantt = React23__namespace.forwardRef(
         /* @__PURE__ */ jsxRuntime.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
           }
@@ -6435,7 +6895,7 @@ var TaskGantt = React23__namespace.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 },
@@ -6476,7 +6936,7 @@ var TaskGantt = React23__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.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
             }
@@ -6524,8 +6984,22 @@ var TaskGantt = React23__namespace.forwardRef(
   }
 );
 TaskGantt.displayName = "TaskGantt";
-var TaskNode = React23__namespace.forwardRef(
-  ({ taskKey, bound, status, tags, meta, selected, gate, dim, ghost, className, ...props }, ref) => {
+var TaskNode = React24__namespace.forwardRef(
+  ({
+    taskKey,
+    bound,
+    boundSwatch,
+    boundPalette,
+    status,
+    tags,
+    meta,
+    selected,
+    gate,
+    dim,
+    ghost,
+    className,
+    ...props
+  }, ref) => {
     if (ghost) {
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
@@ -6533,7 +7007,7 @@ var TaskNode = React23__namespace.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,
@@ -6574,12 +7048,12 @@ var TaskNode = React23__namespace.forwardRef(
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate font-mono", children: taskKey })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(BoundChip, { bound }),
+            /* @__PURE__ */ jsxRuntime.jsx(BoundChip, { bound, swatch: boundSwatch, palette: boundPalette }),
             tags?.map((tag, i) => /* @__PURE__ */ jsxRuntime.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
@@ -6591,7 +7065,7 @@ var TaskNode = React23__namespace.forwardRef(
             "div",
             {
               className: cn(
-                "truncate text-meta",
+                "truncate text-sm",
                 gate ? "text-warning" : "text-muted-foreground"
               ),
               children: meta
@@ -6603,14 +7077,14 @@ var TaskNode = React23__namespace.forwardRef(
   }
 );
 TaskNode.displayName = "TaskNode";
-var TemplatePicker = React23__namespace.forwardRef(({ heading, options, value, onSelect, footnote, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var TemplatePicker = React24__namespace.forwardRef(({ heading, options, value, onSelect, footnote, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   "div",
   {
     ref,
     className: cn("flex w-full flex-col border border-border bg-card", className),
     ...props,
     children: [
-      heading != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-6 shrink-0 items-center border-b border-border px-2 text-meta text-muted-foreground", children: heading }) : null,
+      heading != null ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { role: "listbox", className: "flex flex-col", children: options.map((o) => {
         const disabled = o.unavailable != null;
         const selected = value === o.id;
@@ -6629,16 +7103,16 @@ var TemplatePicker = React23__namespace.forwardRef(({ heading, options, value, o
             ),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-3 shrink-0 text-primary", children: selected ? "\u2022" : "" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-mono text-meta", children: o.id }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-meta text-muted-foreground", children: o.kind }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-mono text-sm", children: o.id }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-sm text-muted-foreground", children: o.kind }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 truncate text-meta text-muted-foreground", children: o.unavailable ?? o.note })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 truncate text-sm text-muted-foreground", children: o.unavailable ?? o.note })
             ]
           },
           o.id
         );
       }) }),
-      footnote != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border px-2 py-1 text-meta text-muted-foreground", children: footnote }) : null
+      footnote != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border px-2 py-1 text-sm text-muted-foreground", children: footnote }) : null
     ]
   }
 ));
@@ -6654,14 +7128,14 @@ var MARKER = {
   output: "\u2192",
   comment: "#"
 };
-var Terminal = React23__namespace.forwardRef(
+var Terminal = React24__namespace.forwardRef(
   ({ cursor, columnTemplate = "150px minmax(0,1fr) auto auto", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.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,
@@ -6679,7 +7153,7 @@ var Terminal = React23__namespace.forwardRef(
   )
 );
 Terminal.displayName = "Terminal";
-var TerminalLine = React23__namespace.forwardRef(
+var TerminalLine = React24__namespace.forwardRef(
   ({ kind = "output", level, levelColumn = 1, columns, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -6710,7 +7184,7 @@ var TerminalLine = React23__namespace.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
           },
@@ -6721,10 +7195,10 @@ var TerminalLine = React23__namespace.forwardRef(
   )
 );
 TerminalLine.displayName = "TerminalLine";
-var TimelineVariantContext = React23__namespace.createContext("columns");
+var TimelineVariantContext = React24__namespace.createContext("columns");
 var RAIL_MARKER_OFFSET = "h-[0.692rem]";
 var RAIL_FOOTER_TAIL = "h-[1.067rem]";
-var TimelineList = React23__namespace.forwardRef(({ className, variant = "columns", children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TimelineVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { ref, className: cn("flex flex-col", className), ...props, children }) }));
+var TimelineList = React24__namespace.forwardRef(({ className, variant = "columns", children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TimelineVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { ref, className: cn("flex flex-col", className), ...props, children }) }));
 TimelineList.displayName = "TimelineList";
 function RailGutter({ marker }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex w-2.5 shrink-0 flex-col items-center", children: [
@@ -6748,8 +7222,8 @@ function RailGutter({ marker }) {
     )
   ] });
 }
-var TimelineEntry = React23__namespace.forwardRef(({ when, title, marker, className, children, ...props }, ref) => {
-  const variant = React23__namespace.useContext(TimelineVariantContext);
+var TimelineEntry = React24__namespace.forwardRef(({ when, title, marker, className, children, ...props }, ref) => {
+  const variant = React24__namespace.useContext(TimelineVariantContext);
   if (variant === "rail") {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "li",
@@ -6760,7 +7234,7 @@ var TimelineEntry = React23__namespace.forwardRef(({ when, title, marker, classN
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(RailGutter, { marker }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5 pb-4 group-last/entry:pb-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: when }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: when }),
             title != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: title }) : null,
             children
           ] })
@@ -6775,7 +7249,7 @@ var TimelineEntry = React23__namespace.forwardRef(({ when, title, marker, classN
       className: cn("flex gap-2 border-b border-border py-1.5 last:border-b-0", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex w-[72px] shrink-0 items-baseline gap-1.5 text-meta text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex w-[72px] shrink-0 items-baseline gap-1.5 text-sm text-muted-foreground", children: [
           marker ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "translate-y-1", children: marker }) : null,
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: when })
         ] }),
@@ -6788,8 +7262,8 @@ var TimelineEntry = React23__namespace.forwardRef(({ when, title, marker, classN
   );
 });
 TimelineEntry.displayName = "TimelineEntry";
-var TimelineFooter = React23__namespace.forwardRef(({ className, children, ...props }, ref) => {
-  const variant = React23__namespace.useContext(TimelineVariantContext);
+var TimelineFooter = React24__namespace.forwardRef(({ className, children, ...props }, ref) => {
+  const variant = React24__namespace.useContext(TimelineVariantContext);
   if (variant === "rail") {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "li",
@@ -6835,11 +7309,11 @@ function useTour(options) {
     onComplete,
     onExit
   } = options;
-  const [current, setCurrent] = React23__namespace.useState(initialStep);
+  const [current, setCurrent] = React24__namespace.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__namespace.useCallback(
+  const goTo = React24__namespace.useCallback(
     (index) => {
       setCurrent((prev2) => {
         const next2 = Math.min(Math.max(index, 0), lastIndex);
@@ -6849,7 +7323,7 @@ function useTour(options) {
     },
     [lastIndex, onStepChange]
   );
-  const next = React23__namespace.useCallback(() => {
+  const next = React24__namespace.useCallback(() => {
     setCurrent((prev2) => {
       if (prev2 >= lastIndex) {
         if (loop && total > 0) {
@@ -6863,7 +7337,7 @@ function useTour(options) {
       return prev2 + 1;
     });
   }, [lastIndex, total, loop, onComplete, onStepChange]);
-  const prev = React23__namespace.useCallback(() => {
+  const prev = React24__namespace.useCallback(() => {
     setCurrent((p) => {
       if (p <= 0) {
         if (loop && total > 0) {
@@ -6876,10 +7350,10 @@ function useTour(options) {
       return p - 1;
     });
   }, [lastIndex, total, loop, onStepChange]);
-  const exit = React23__namespace.useCallback(() => {
+  const exit = React24__namespace.useCallback(() => {
     onExit?.();
   }, [onExit]);
-  return React23__namespace.useMemo(
+  return React24__namespace.useMemo(
     () => ({
       step: steps[clamped],
       current: clamped,
@@ -6937,7 +7411,7 @@ function Tour({
         /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 p-3", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "soft", className: "tracking-wider", children: badgeLabel }),
-            showCounter && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-meta text-muted-foreground", children: [
+            showCounter && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-muted-foreground", children: [
               current + 1,
               " / ",
               total
@@ -6948,7 +7422,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__ */ jsxRuntime.jsx(lucideReact.X, {}),
@@ -7042,7 +7516,7 @@ function Tour({
   ) });
 }
 var TreeView = ({ searchable = false, ...props }) => {
-  const [searchQuery, setSearchQuery] = React23__namespace.useState("");
+  const [searchQuery, setSearchQuery] = React24__namespace.useState("");
   const filterItems = (items, query) => {
     if (!query) return items;
     return items.map((item) => ({
@@ -7065,7 +7539,7 @@ var TreeView = ({ searchable = false, ...props }) => {
   );
 };
 var TreeItem = ({ item }) => {
-  const [isExpanded, setIsExpanded] = React23__namespace.useState(item.isExpanded || true);
+  const [isExpanded, setIsExpanded] = React24__namespace.useState(item.isExpanded || true);
   const hasChildren = item.children && item.children.length > 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -7134,7 +7608,7 @@ function UnderDevelopment({
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-4 px-3 py-1 bg-yellow-100 text-yellow-800", children: "Coming Soon" })
   ] });
 }
-var TypographyH1 = React23__namespace.forwardRef(
+var TypographyH1 = React24__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "h1",
@@ -7150,7 +7624,7 @@ var TypographyH1 = React23__namespace.forwardRef(
   }
 );
 TypographyH1.displayName = "TypographyH1";
-var TypographyH2 = React23__namespace.forwardRef(
+var TypographyH2 = React24__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "h2",
@@ -7166,7 +7640,7 @@ var TypographyH2 = React23__namespace.forwardRef(
   }
 );
 TypographyH2.displayName = "TypographyH2";
-var TypographyH3 = React23__namespace.forwardRef(
+var TypographyH3 = React24__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "h3",
@@ -7182,7 +7656,7 @@ var TypographyH3 = React23__namespace.forwardRef(
   }
 );
 TypographyH3.displayName = "TypographyH3";
-var TypographyH4 = React23__namespace.forwardRef(
+var TypographyH4 = React24__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "h4",
@@ -7198,7 +7672,7 @@ var TypographyH4 = React23__namespace.forwardRef(
   }
 );
 TypographyH4.displayName = "TypographyH4";
-var TypographyH5 = React23__namespace.forwardRef(
+var TypographyH5 = React24__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "h5",
@@ -7214,7 +7688,7 @@ var TypographyH5 = React23__namespace.forwardRef(
   }
 );
 TypographyH5.displayName = "TypographyH5";
-var TypographyH6 = React23__namespace.forwardRef(
+var TypographyH6 = React24__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "h6",
@@ -7230,7 +7704,7 @@ var TypographyH6 = React23__namespace.forwardRef(
   }
 );
 TypographyH6.displayName = "TypographyH6";
-var TypographyP = React23__namespace.forwardRef(
+var TypographyP = React24__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "p",
@@ -7246,7 +7720,7 @@ var TypographyP = React23__namespace.forwardRef(
   }
 );
 TypographyP.displayName = "TypographyP";
-var TypographyBlockquote = React23__namespace.forwardRef(
+var TypographyBlockquote = React24__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "blockquote",
@@ -7262,14 +7736,14 @@ var TypographyBlockquote = React23__namespace.forwardRef(
   }
 );
 TypographyBlockquote.displayName = "TypographyBlockquote";
-var TypographyInlineCode = React23__namespace.forwardRef(
+var TypographyInlineCode = React24__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.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
@@ -7278,7 +7752,7 @@ var TypographyInlineCode = React23__namespace.forwardRef(
   }
 );
 TypographyInlineCode.displayName = "TypographyInlineCode";
-var TypographyLead = React23__namespace.forwardRef(
+var TypographyLead = React24__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "p",
@@ -7294,7 +7768,7 @@ var TypographyLead = React23__namespace.forwardRef(
   }
 );
 TypographyLead.displayName = "TypographyLead";
-var TypographyLarge = React23__namespace.forwardRef(
+var TypographyLarge = React24__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -7310,14 +7784,14 @@ var TypographyLarge = React23__namespace.forwardRef(
   }
 );
 TypographyLarge.displayName = "TypographyLarge";
-var TypographySmall = React23__namespace.forwardRef(
+var TypographySmall = React24__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "small",
       {
         ref,
         className: cn(
-          "text-meta font-medium leading-none",
+          "text-sm font-medium leading-none",
           className
         ),
         ...props
@@ -7326,7 +7800,7 @@ var TypographySmall = React23__namespace.forwardRef(
   }
 );
 TypographySmall.displayName = "TypographySmall";
-var TypographyMuted = React23__namespace.forwardRef(
+var TypographyMuted = React24__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "p",
@@ -7342,7 +7816,7 @@ var TypographyMuted = React23__namespace.forwardRef(
   }
 );
 TypographyMuted.displayName = "TypographyMuted";
-var TypographyList = React23__namespace.forwardRef(
+var TypographyList = React24__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "ul",
@@ -7358,7 +7832,7 @@ var TypographyList = React23__namespace.forwardRef(
   }
 );
 TypographyList.displayName = "TypographyList";
-var TypographyPre = React23__namespace.forwardRef(
+var TypographyPre = React24__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "pre",
@@ -7539,6 +8013,7 @@ exports.Legend = Legend;
 exports.LegendItem = LegendItem;
 exports.LensChip = LensChip;
 exports.LensRow = LensRow;
+exports.Link = Link;
 exports.MatchPreview = MatchPreview;
 exports.MenuItem = MenuItem;
 exports.Menubar = Menubar;
@@ -7696,19 +8171,19 @@ exports.TypographySmall = TypographySmall;
 exports.UnderDevelopment = UnderDevelopment;
 exports.agentChipVariants = agentChipVariants;
 exports.badgeVariants = badgeVariants;
-exports.boundSwatch = SWATCH;
 exports.buttonGroupVariants = buttonGroupVariants;
 exports.buttonVariants = buttonVariants;
 exports.chatSessionGutterClass = chatSessionGutterClass;
 exports.cn = cn;
 exports.describeSlice = describeSlice;
-exports.layerLabel = LABEL;
-exports.layerSwatch = SWATCH2;
+exports.layerItemLabel = stateLabel;
+exports.layerLabel = layerLabel;
+exports.layerPaint = layerPaint;
+exports.linkVariants = linkVariants;
 exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle;
 exports.splitAddress = split;
 exports.statusDotVariants = statusDotVariants;
 exports.toggleVariants = toggleVariants;
-exports.touchLabel = MARK_LABEL;
 exports.useOverflowItems = useOverflowItems;
 exports.useSidebar = useSidebar;
 exports.useTour = useTour;