@invana/ui 0.0.23 → 0.0.25

package/dist/index.cjs

@@ -3115,27 +3115,214 @@ function ChatSessionMessage({
     footer
   ] });
 }
+var NONE = Object.freeze([]);
+function same(a, b) {
+  if (a.length !== b.length) return false;
+  for (let i = 0; i < a.length; i++) if (a[i] !== b[i]) return false;
+  return true;
+}
+function useOverflowItems({
+  count,
+  enabled = true,
+  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 el = containerEl.current;
+    if (!el || !enabled) {
+      setHidden((prev) => prev === NONE ? prev : NONE);
+      return;
+    }
+    const gap = Number.parseFloat(getComputedStyle(el).columnGap) || 0;
+    for (let i = 0; i < count; i++) {
+      const item = itemEls.current[i];
+      if (item && item.offsetParent !== null) widths.current[i] = item.offsetWidth + gap;
+    }
+    const budget = el.clientWidth;
+    if (budget <= 0) return;
+    let total = 0;
+    for (let i = 0; i < count; i++) total += widths.current[i] ?? 0;
+    if (total <= budget + gap) {
+      setHidden((prev) => prev === NONE ? prev : NONE);
+      return;
+    }
+    const next = [];
+    let used = pinnedIndex != null ? widths.current[pinnedIndex] ?? 0 : 0;
+    for (let i = 0; i < count; i++) {
+      if (i === pinnedIndex) continue;
+      const w = widths.current[i] ?? 0;
+      if (used + w <= budget - reserve) used += w;
+      else next.push(i);
+    }
+    setHidden((prev) => same(prev, next) ? prev : next);
+  }, [count, enabled, pinnedIndex, reserve]);
+  React23__namespace.useLayoutEffect(() => {
+    widths.current = [];
+    itemEls.current.length = count;
+    setHidden((prev) => prev === NONE ? prev : NONE);
+  }, [count]);
+  React23__namespace.useLayoutEffect(() => {
+    fit();
+    if (!enabled || typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(() => fit());
+    if (containerEl.current) observer.observe(containerEl.current);
+    for (const item of itemEls.current) if (item) observer.observe(item);
+    return () => observer.disconnect();
+  }, [fit, enabled, hidden]);
+  const containerRef = React23__namespace.useCallback((el) => {
+    containerEl.current = el;
+  }, []);
+  const itemRef = React23__namespace.useCallback((index) => {
+    let fn = itemRefs.current[index];
+    if (!fn) {
+      fn = (el) => {
+        itemEls.current[index] = el;
+      };
+      itemRefs.current[index] = fn;
+    }
+    return fn;
+  }, []);
+  const isHidden = React23__namespace.useCallback(
+    (index) => hidden.includes(index),
+    [hidden]
+  );
+  return { containerRef, itemRef, hiddenIndices: hidden, isHidden };
+}
+var VARIANT = {
+  /** The capsule: a filled, ringed chip. Toolbars, rails, header actions. */
+  nav: {
+    item: "rounded-control ring-1 ring-transparent",
+    hover: "hover:bg-primary/10 hover:text-primary hover:ring-primary/25",
+    open: "data-[state=open]:bg-primary/15 data-[state=open]:text-primary data-[state=open]:ring-primary/25",
+    active: "bg-primary/15 text-primary ring-primary/25",
+    strip: ""
+  },
+  /** The panel tab: accented fill with a rule under it, merging into the body. */
+  underline: {
+    item: "h-full rounded-none px-3 py-2",
+    hover: "hover:text-foreground",
+    open: "data-[state=open]:text-foreground",
+    active: "bg-primary/10 text-primary border-b-2 border-primary mb-[-1px]",
+    strip: "items-stretch"
+  },
+  /**
+   * The workbook tab: boxed on top / left / right with an *open bottom*, so it
+   * punches through the strip's own rule — the classic folder-tab notch.
+   */
+  folder: {
+    item: "h-full rounded-none px-3 py-2 gap-1.5",
+    hover: "hover:text-foreground",
+    open: "data-[state=open]:text-foreground",
+    active: "mb-[-1px] rounded-t-md border border-b-0 border-primary text-primary",
+    strip: "items-stretch"
+  }
+};
+var keyOf = (item) => item.key ?? item.name;
 var NavItems = ({
   items,
   orientation = "horizontal",
   tooltipSide = orientation === "vertical" ? "right" : "bottom",
-  iconClassName = orientation === "vertical" ? "w-5 h-5" : "w-4 h-4 flex-shrink-0"
+  iconClassName = orientation === "vertical" ? "w-5 h-5" : "w-4 h-4 flex-shrink-0",
+  variant = "nav",
+  activeKey,
+  onActiveChange,
+  selectionMode = "none",
+  panelId,
+  overflow = false,
+  overflowLabel = "More",
+  className
 }) => {
   const isVertical = orientation === "vertical";
-  const [activeItem, setActiveItem] = React23__namespace.default.useState(null);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: items.map((item) => {
-    const isActive = activeItem === item.name;
-    const padding = item.label ? "px-3 py-1.5" : "px-2 py-2";
+  const isTabs = selectionMode === "tabs";
+  const V = VARIANT[variant];
+  const [internalActive, setInternalActive] = React23__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 key = pendingFocus.current;
+    if (!key) return;
+    const node = nodes.current[key];
+    if (!node) return;
+    pendingFocus.current = null;
+    node.focus();
+  });
+  const { containerRef, itemRef, hiddenIndices, isHidden } = useOverflowItems({
+    count: items.length,
+    enabled: overflow && !isVertical,
+    pinnedIndex: activeIndex >= 0 ? activeIndex : void 0
+  });
+  const select = React23__namespace.default.useCallback(
+    (item) => {
+      if (item.disabled) return;
+      const key = keyOf(item);
+      item.onClick?.();
+      if (!isControlled) {
+        setInternalActive((prev) => isTabs ? key : prev === key ? null : key);
+      }
+      onActiveChange?.(key);
+    },
+    [isControlled, isTabs, onActiveChange]
+  );
+  const step = (from, delta) => {
+    if (items.length === 0) return -1;
+    let i = from < 0 ? delta > 0 ? -1 : 0 : from;
+    for (let n = 0; n < items.length; n++) {
+      i = (i + delta + items.length) % items.length;
+      if (!items[i]?.disabled) return i;
+    }
+    return -1;
+  };
+  const edge = (delta) => {
+    const start = delta > 0 ? -1 : items.length;
+    return step(start, delta);
+  };
+  const handleKeyDown = (event) => {
+    if (!isTabs) return;
+    const next = isVertical ? "ArrowDown" : "ArrowRight";
+    const prev = isVertical ? "ArrowUp" : "ArrowLeft";
+    let target = -1;
+    if (event.key === next) target = step(activeIndex, 1);
+    else if (event.key === prev) target = step(activeIndex, -1);
+    else if (event.key === "Home") target = edge(1);
+    else if (event.key === "End") target = edge(-1);
+    else return;
+    const item = items[target];
+    if (!item) return;
+    event.preventDefault();
+    pendingFocus.current = keyOf(item);
+    select(item);
+  };
+  const renderItem = (item, index) => {
+    const key = keyOf(item);
+    const isActive = key === currentKey;
     const hasMenu = !item.href && Boolean(item.menuItems?.length);
-    const isInteractive = Boolean(item.href || item.onClick || hasMenu);
-    const itemClass = `relative inline-flex border-0 items-center justify-center gap-2
-          whitespace-nowrap rounded-control transition-colors
-          ring-1 ring-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring
-          ${padding}
-          ${isInteractive ? "cursor-pointer hover:bg-primary/10 hover:text-primary hover:ring-primary/25" : ""}
-          ${hasMenu ? "data-[state=open]:bg-primary/15 data-[state=open]:text-primary data-[state=open]:ring-primary/25" : ""}
-          ${isActive ? `bg-primary/15 text-primary ring-primary/25 ${item.activeClass || ""}` : ""}
-          ${item.className || ""}`;
+    const asCaret = hasMenu && item.menuTrigger === "caret";
+    const isInteractive = Boolean(
+      item.href || item.onClick || hasMenu || isTabs
+    );
+    const padding = variant === "nav" ? item.label ? "px-3 py-1.5" : "px-2 py-2" : "";
+    const itemClass = cn(
+      `relative inline-flex border-0 items-center justify-center gap-2
+       whitespace-nowrap transition-colors
+       ring-1 ring-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`,
+      V.item,
+      padding,
+      isInteractive && !item.disabled && `cursor-pointer ${V.hover}`,
+      hasMenu && !asCaret && V.open,
+      item.disabled && "pointer-events-none opacity-50",
+      isActive && cn(V.active, item.activeClass),
+      item.className
+    );
     const icon = item.icon && /* @__PURE__ */ jsxRuntime.jsx(
       item.icon,
       {
@@ -3143,41 +3330,79 @@ var NavItems = ({
         className: item.iconClassName || iconClassName
       }
     );
-    const label = item.label && /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label });
+    const label = item.label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: item.labelClassName, children: item.label });
     const badge = item.badge != null && /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
-        className: "pointer-events-none absolute -right-0.5 -top-0.5 inline-flex h-3.5\n              min-w-3.5 items-center justify-center rounded-full bg-primary px-1\n              text-[9px] font-semibold leading-none text-primary-foreground",
+        className: "pointer-events-none absolute -right-0.5 -top-0.5 inline-flex h-3.5\n          min-w-3.5 items-center justify-center rounded-full bg-primary px-1\n          text-[9px] font-semibold leading-none text-primary-foreground",
         children: item.badge
       }
     );
+    const tabProps = isTabs ? {
+      role: "tab",
+      "aria-selected": isActive,
+      "aria-controls": panelId?.(key),
+      tabIndex: isActive || activeIndex < 0 && index === 0 ? 0 : -1
+    } : {};
+    const setNode = (el) => {
+      nodes.current[key] = el;
+      itemRef(index)(el);
+    };
+    const caret = asCaret && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        role: "button",
+        tabIndex: -1,
+        "aria-label": `${item.name} menu`,
+        onClick: (e) => e.stopPropagation(),
+        className: "ml-0.5 grid size-4 shrink-0 cursor-pointer place-items-center\n            rounded-control text-muted-foreground hover:bg-accent hover:text-foreground",
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "size-3" })
+      }
+    ) });
     const inner = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       icon,
       label,
+      caret,
       badge
     ] });
-    const control = item.href ? /* @__PURE__ */ jsxRuntime.jsx(
+    const control = asCaret ? /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: setNode,
+        ...tabProps,
+        style: item.style,
+        onClick: () => select(item),
+        className: itemClass,
+        children: inner
+      }
+    ) : item.href ? /* @__PURE__ */ jsxRuntime.jsx(
       "a",
       {
+        ref: setNode,
         href: item.href,
-        onClick: () => setActiveItem(item.name),
+        style: item.style,
+        onClick: () => select(item),
         className: itemClass,
         children: inner
       }
-    ) : item.onClick || hasMenu ? /* @__PURE__ */ jsxRuntime.jsx(
+    ) : item.onClick || hasMenu || isTabs ? /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
+        ref: setNode,
         type: "button",
+        disabled: item.disabled,
+        ...tabProps,
+        style: item.style,
         onClick: () => {
-          item.onClick?.();
-          if (!hasMenu) setActiveItem(isActive ? null : item.name);
+          if (hasMenu) item.onClick?.();
+          else select(item);
         },
         className: itemClass,
         children: inner
       }
-    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: itemClass, children: inner });
+    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { ref: setNode, style: item.style, className: itemClass, children: inner });
     const withTooltip = /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: hasMenu ? /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: control }) : control }),
+      /* @__PURE__ */ jsxRuntime.jsx(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: [
@@ -3188,28 +3413,7 @@ var NavItems = ({
           {
             side: isVertical ? "right" : "bottom",
             align: isVertical ? "start" : "end",
-            children: item.menuItems?.map((menuItem) => {
-              const MenuIcon = menuItem.icon;
-              const gutter = item.menuItems?.some((m) => m.icon);
-              return /* @__PURE__ */ jsxRuntime.jsxs(React23__namespace.default.Fragment, { children: [
-                menuItem.separatorBefore && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
-                /* @__PURE__ */ jsxRuntime.jsxs(
-                  DropdownMenuItem,
-                  {
-                    disabled: menuItem.disabled,
-                    onSelect: () => menuItem.onSelect?.(),
-                    className: cn(
-                      menuItem.destructive && "text-destructive focus:bg-destructive/15 focus:text-destructive hover:bg-destructive/10 hover:text-destructive"
-                    ),
-                    children: [
-                      MenuIcon ? /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, {}) : gutter ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "size-4 shrink-0" }) : null,
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: menuItem.label }),
-                      menuItem.shortcut && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuShortcut, { children: menuItem.shortcut })
-                    ]
-                  }
-                )
-              ] }, menuItem.id);
-            })
+            children: renderMenuRows(item.menuItems)
           }
         )
       ] }) : withTooltip,
@@ -3221,22 +3425,132 @@ var NavItems = ({
         }
       )
     ] }, item.key || item.name);
-  }) });
+  };
+  const rendered = items.map(
+    (item, index) => isHidden(index) ? null : renderItem(item, index)
+  );
+  const overflowTrigger = hiddenIndices.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": overflowLabel,
+          className: cn(
+            `relative inline-flex shrink-0 items-center justify-center border-0
+                 transition-colors ring-1 ring-transparent focus-visible:outline-none
+                 focus-visible:ring-2 focus-visible:ring-ring cursor-pointer`,
+            V.item,
+            variant === "nav" && "px-2 py-2",
+            V.hover,
+            V.open
+          ),
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: iconClassName })
+        }
+      ) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side: tooltipSide, children: overflowLabel })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuContent, { align: "end", children: hiddenIndices.map((index) => {
+      const item = items[index];
+      if (!item) return null;
+      const Icon = item.icon;
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        DropdownMenuItem,
+        {
+          disabled: item.disabled,
+          onSelect: () => select(item),
+          children: [
+            Icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, {}) : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "size-4 shrink-0" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: item.label ?? item.name })
+          ]
+        },
+        keyOf(item)
+      );
+    }) })
+  ] });
+  if (!isTabs && !overflow) {
+    return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { delayDuration: 0, children: rendered });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: containerRef,
+      role: isTabs ? "tablist" : void 0,
+      "aria-orientation": isTabs ? orientation : void 0,
+      onKeyDown: handleKeyDown,
+      className: cn(
+        "flex min-w-0",
+        isVertical ? "flex-col items-center gap-1" : "items-center gap-1",
+        V.strip,
+        className
+      ),
+      children: [
+        rendered,
+        overflowTrigger
+      ]
+    }
+  ) });
 };
-var NavBase = ({ className = "", orientation, sections }) => {
+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: [
+      menuItem.separatorBefore && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        DropdownMenuItem,
+        {
+          disabled: menuItem.disabled,
+          onSelect: () => menuItem.onSelect?.(),
+          className: cn(
+            menuItem.destructive && "text-destructive focus:bg-destructive/15 focus:text-destructive hover:bg-destructive/10 hover:text-destructive"
+          ),
+          children: [
+            MenuIcon ? /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, {}) : gutter ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "size-4 shrink-0" }) : null,
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: menuItem.label }),
+            menuItem.shortcut && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuShortcut, { children: menuItem.shortcut })
+          ]
+        }
+      )
+    ] }, menuItem.id);
+  });
+}
+var NavBase = ({
+  className = "",
+  orientation,
+  sections
+}) => {
   const isVertical = orientation === "vertical";
   const containerClass = isVertical ? `flex flex-col items-center h-full ${className}` : `flex items-center   w-full ${className}`;
   const sectionWrapperClass = isVertical ? "flex flex-col items-center gap-1" : "flex items-center gap-1 ";
   return /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: containerClass, children: [
-    sections.start?.content && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${sectionWrapperClass} ${sections.start.className || ""}`, children: sections.start.content }),
-    sections.center?.content ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex-1 ${isVertical ? "" : "flex justify-center items-center gap-1"} ${sections.center.className || ""}`, children: sections.center.content }) : (
+    sections.start?.content && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: `${sectionWrapperClass} ${sections.start.className || ""}`,
+        children: sections.start.content
+      }
+    ),
+    sections.center?.content ? /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: `flex-1 ${isVertical ? "" : "flex justify-center items-center gap-1"} ${sections.center.className || ""}`,
+        children: sections.center.content
+      }
+    ) : (
       // Empty spacer to push end section to the bottom/right
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" })
     ),
-    sections.end?.content && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${sectionWrapperClass} ${isVertical ? "" : "ml-auto"} ${sections.end.className || ""}`, children: sections.end.content })
+    sections.end?.content && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: `${sectionWrapperClass} ${isVertical ? "" : "ml-auto"} ${sections.end.className || ""}`,
+        children: sections.end.content
+      }
+    )
   ] });
 };
-var NavHorizontalItems = ({ items }) => /* @__PURE__ */ jsxRuntime.jsx(NavItems, { items, orientation: "horizontal" });
+var NavHorizontalItems = (props) => /* @__PURE__ */ jsxRuntime.jsx(NavItems, { ...props, orientation: "horizontal" });
 var NavHorizontal = ({
   left,
   leftNavItems,
@@ -3670,6 +3984,56 @@ var CitationRow = React23__namespace.forwardRef(
   )
 );
 CitationRow.displayName = "CitationRow";
+var ClampedText = React23__namespace.forwardRef(
+  ({
+    lines = 3,
+    moreLabel = "Show more",
+    lessLabel = "Show less",
+    className,
+    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 el = bodyRef.current;
+      if (!el || expanded) return;
+      const measure = () => setClipped(el.scrollHeight - el.clientHeight > 1);
+      measure();
+      const observer = new ResizeObserver(measure);
+      observer.observe(el);
+      return () => observer.disconnect();
+    }, [expanded, children, lines]);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("min-w-0", className), ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "p",
+        {
+          ref: bodyRef,
+          className: cn(
+            "whitespace-pre-line",
+            !expanded && "overflow-hidden [-webkit-box-orient:vertical] [-webkit-line-clamp:var(--clamped-lines)] [display:-webkit-box]"
+          ),
+          style: { "--clamped-lines": lines },
+          children
+        }
+      ),
+      clipped ? /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          type: "button",
+          variant: "link",
+          size: "sm",
+          className: "h-auto p-0",
+          "aria-expanded": expanded,
+          onClick: () => setExpanded((open) => !open),
+          children: expanded ? lessLabel : moreLabel
+        }
+      ) : null
+    ] });
+  }
+);
+ClampedText.displayName = "ClampedText";
 var ClarifyCard = React23__namespace.forwardRef(
   ({
     step,
@@ -4270,7 +4634,7 @@ var MetricGrid = React23__namespace.forwardRef(
   )
 );
 MetricGrid.displayName = "MetricGrid";
-var NavVerticalItems = ({ items }) => /* @__PURE__ */ jsxRuntime.jsx(NavItems, { items, orientation: "vertical" });
+var NavVerticalItems = (props) => /* @__PURE__ */ jsxRuntime.jsx(NavItems, { ...props, orientation: "vertical" });
 var NavVertical = ({
   className = "",
   top,
@@ -4878,6 +5242,27 @@ var SearchInput = ({
     }
   );
 };
+var Eyebrow = React23__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",
+        tone === "muted" && "text-muted-foreground",
+        tone === "foreground" && "text-foreground",
+        tone === "accent" && "text-primary",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children }),
+        aside != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto shrink-0 font-normal normal-case tracking-normal text-muted-foreground", children: aside }) : null
+      ]
+    }
+  )
+);
+Eyebrow.displayName = "Eyebrow";
 var SectionHeader = React23__namespace.forwardRef(({ icon, title, count, actions, bare, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   "div",
   {
@@ -4975,6 +5360,9 @@ function TabbedPanel({
   activeTab,
   onTabChange,
   headerActions,
+  overflow = false,
+  overflowLabel = "More panels",
+  keepMounted = false,
   className,
   headerClassName,
   bodyClassName,
@@ -4989,35 +5377,358 @@ function TabbedPanel({
     }
     onTabChange?.(value);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsx(Tabs, { value: currentTab, onValueChange: handleTabChange, className: "h-full", children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: cn("h-full border rounded-none", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: `flex flex-row items-center justify-between py-0 border-b h-[30px] px-0 space-y-0 ${headerClassName || ""}`, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(TabsList, { className: "h-full bg-transparent p-0 gap-0 rounded-none", children: tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsxs(
-        TabsTrigger,
+  const uid = React23__namespace.default.useId();
+  const panelId = (value) => `${uid}-panel-${value}`;
+  const items = React23__namespace.default.useMemo(
+    () => tabs.map((tab) => ({
+      key: tab.value,
+      name: tab.name ?? (typeof tab.label === "string" ? tab.label : tab.value),
+      label: tab.label,
+      icon: tab.icon,
+      disabled: tab.disabled
+    })),
+    [tabs]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: cn("flex h-full min-h-0 flex-col border rounded-none", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "flex h-[30px] shrink-0 flex-row items-stretch border-b",
+          headerClassName
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            NavItems,
+            {
+              items,
+              variant: "underline",
+              selectionMode: "tabs",
+              activeKey: currentTab,
+              onActiveChange: handleTabChange,
+              panelId,
+              overflow,
+              overflowLabel,
+              className: "min-w-0 flex-1 gap-0",
+              iconClassName: "h-3.5 w-3.5 shrink-0"
+            }
+          ),
+          headerActions && headerActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto flex h-full shrink-0 items-center gap-1 pr-1", children: /* @__PURE__ */ jsxRuntime.jsx(NavHorizontalItems, { items: headerActions }) })
+        ]
+      }
+    ),
+    tabs.map((tab) => {
+      const active = tab.value === currentTab;
+      if (!keepMounted && !active) return null;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
         {
-          value: tab.value,
-          disabled: tab.disabled,
-          className: "h-full text-muted-foreground hover:text-foreground data-[state=active]:bg-primary/10 data-[state=active]:text-primary data-[state=active]:border-b-2 data-[state=active]:border-primary data-[state=active]:mb-[-1px] rounded-none px-3 py-2",
-          children: [
-            tab.icon && /* @__PURE__ */ jsxRuntime.jsx(tab.icon, { className: "h-3.5 w-3.5 mr-1.5" }),
-            tab.label
-          ]
+          id: panelId(tab.value),
+          role: "tabpanel",
+          "aria-label": tab.name ?? (typeof tab.label === "string" ? tab.label : tab.value),
+          hidden: !active,
+          className: cn("m-0 min-h-0 flex-1 overflow-y-auto", bodyClassName),
+          children: tab.content
         },
         tab.value
-      )) }),
-      headerActions && headerActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto flex h-full shrink-0 items-center gap-1 pr-1", children: /* @__PURE__ */ jsxRuntime.jsx(NavHorizontalItems, { items: headerActions }) })
+      );
+    }),
+    footerContent && /* @__PURE__ */ jsxRuntime.jsx(CardFooter, { className: cn("shrink-0", footerClassName), children: footerContent })
+  ] }) }) });
+}
+var BAR = {
+  succeeded: "bg-success",
+  running: "bg-info",
+  failed: "bg-destructive",
+  needs_input: "bg-warning",
+  stopped: "bg-muted-foreground",
+  skipped: "bg-transparent",
+  queued: "bg-transparent"
+};
+var DOT = {
+  succeeded: "success",
+  running: "running",
+  failed: "error",
+  needs_input: "warning",
+  stopped: "muted",
+  skipped: "muted",
+  queued: "queued"
+};
+var STATUS_LABEL = {
+  succeeded: "succeeded",
+  running: "running",
+  failed: "failed",
+  needs_input: "needs input",
+  stopped: "stopped",
+  skipped: "never ran",
+  queued: "not started"
+};
+function renderResult(result) {
+  if (result == null) return null;
+  if (React23__namespace.isValidElement(result)) return result;
+  if (typeof result !== "object") {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-meta", children: String(result) });
+  }
+  const entries = Object.entries(result);
+  const scalars = entries.filter(([, v]) => v == null || typeof v !== "object");
+  const nested = entries.filter(([, v]) => v != null && typeof v === "object");
+  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) })
+    ] }, k))
+  ] });
+}
+var TaskGanttDetailCard = React23__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");
+  const attempts = task.attempts ?? [];
+  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.jsxs("div", { className: "text-meta text-muted-foreground", children: [
+      STATUS_LABEL[status],
+      task.summary != null ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        " \xB7 ",
+        task.summary
+      ] }) : null
     ] }),
-    tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
-      TabsContent,
+    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: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium text-warning", children: [
+        "attempt ",
+        i + 1
+      ] }),
+      " ",
+      a.title ?? `${a.status ?? "failed"}${a.durationMs != null ? ` \xB7 ${formatDuration(a.durationMs)}` : ""}`
+    ] }, i)) }) : null,
+    task.error != null ? /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
       {
-        value: tab.value,
-        className: `h-[calc(100%-30px)] m-0 ${bodyClassName || ""}`,
-        children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: "overflow-y-auto h-full p-0", children: tab.content })
-      },
-      tab.value
-    )),
-    footerContent && /* @__PURE__ */ jsxRuntime.jsx(CardFooter, { className: footerClassName, children: footerContent })
-  ] }) }) }) });
+        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
+        ]
+      }
+    ) : 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
+  ] });
+});
+TaskGanttDetailCard.displayName = "TaskGanttDetailCard";
+var toMs = (t) => t instanceof Date ? t.getTime() : typeof t === "number" ? t : Date.parse(t);
+var defaultFormatDuration = (ms) => {
+  if (ms < 100) return `${Math.round(ms)}ms`;
+  const s = ms / 1e3;
+  return s < 10 ? `${(Math.round(s * 10) / 10).toFixed(1)}s` : `${Math.round(s)}s`;
+};
+var defaultFormatTick = (ms) => {
+  if (ms === 0) return "0s";
+  const s = ms / 1e3;
+  return Number.isInteger(s) ? `${s}s` : `${(Math.round(s * 10) / 10).toFixed(1)}s`;
+};
+function place(seg, origin) {
+  let start = seg.startMs;
+  if (start == null && seg.startedAt != null && origin != null) {
+    start = toMs(seg.startedAt) - origin;
+  }
+  if (start == null || Number.isNaN(start)) return null;
+  let duration = seg.durationMs;
+  if (duration == null && seg.startedAt != null && seg.finishedAt != null) {
+    duration = toMs(seg.finishedAt) - toMs(seg.startedAt);
+  }
+  return { start, duration: duration != null && duration > 0 ? duration : 0 };
 }
+var TaskGantt = React23__namespace.forwardRef(
+  ({
+    tasks,
+    origin,
+    spanMs,
+    nowMs,
+    openEnded,
+    ticks = 4,
+    formatTick = defaultFormatTick,
+    formatDuration = defaultFormatDuration,
+    labelWidth = 112,
+    density = "comfortable",
+    showDetail = true,
+    renderDetail,
+    detailProps,
+    selectedKey,
+    onSelectTask,
+    className,
+    ...props
+  }, ref) => {
+    const barHeight = density === "compact" ? 11 : 13;
+    const durationWidth = 40;
+    const rows = React23__namespace.useMemo(() => {
+      const stamps = [];
+      for (const t of [...tasks, ...tasks.flatMap((t2) => t2.attempts ?? [])]) {
+        if (t.startedAt != null) stamps.push(toMs(t.startedAt));
+      }
+      const zero = origin != null ? toMs(origin) : stamps.length ? Math.min(...stamps) : void 0;
+      return tasks.map((task) => {
+        const segments = [...task.attempts ?? [], task].map((seg) => {
+          const at = place(seg, zero);
+          return at ? { ...at, status: seg.status ?? task.status ?? "succeeded", title: seg.title } : null;
+        }).filter((s) => s !== null);
+        const last = segments[segments.length - 1];
+        return { task, segments, end: last ? last.start + last.duration : 0 };
+      });
+    }, [tasks, origin]);
+    const span = Math.max(
+      spanMs ?? Math.max(nowMs ?? 0, ...rows.map((r) => r.end)),
+      1
+    );
+    const pct = (ms) => `${Math.max(0, Math.min(100, ms / span * 100))}%`;
+    const axis = Array.from(
+      { length: ticks + 1 },
+      (_, i) => formatTick(span / ticks * i)
+    );
+    const lastLabel = openEnded ? `${axis[axis.length - 1]}+` : axis[axis.length - 1];
+    const detailFor = (task, elapsedMs) => {
+      if (!showDetail) return null;
+      if (renderDetail) return renderDetail(task);
+      if (task.detail != null) return task.detail;
+      const hasBody = task.result != null || task.error != null || task.log != null || task.summary != null || (task.attempts?.length ?? 0) > 0;
+      if (!hasBody) return null;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        TaskGanttDetailCard,
+        {
+          task,
+          elapsedMs,
+          formatDuration
+        }
+      );
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("flex flex-col", className), ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 pt-0.5 pb-1", "aria-hidden": true, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", style: { width: labelWidth } }),
+        /* @__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",
+            children: label
+          },
+          i
+        )) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "shrink-0 text-right text-meta text-muted-foreground tabular-nums",
+            style: { width: durationWidth },
+            children: lastLabel
+          }
+        )
+      ] }),
+      rows.map(({ task, segments }) => {
+        const neverRan = segments.length === 0;
+        const selected = selectedKey != null && selectedKey === task.key;
+        const pickable = onSelectTask != null;
+        const elapsed = task.durationMs ?? segments[segments.length - 1]?.duration;
+        const duration = task.duration ?? (neverRan || elapsed == null ? "\u2014" : formatDuration(elapsed));
+        const detail = detailFor(task, elapsed);
+        const row = /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 py-[3px]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: cn(
+                "shrink-0 truncate font-mono text-meta",
+                neverRan && "text-muted-foreground"
+              ),
+              style: { width: labelWidth },
+              title: task.key,
+              children: task.label ?? task.key
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              className: "relative min-w-0 flex-1 bg-muted/55",
+              style: { height: barHeight },
+              children: [
+                neverRan ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-0 border border-dashed border-border" }) : segments.map((seg, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    title: seg.title ?? `${task.key} \xB7 ${seg.status} \xB7 ${formatDuration(seg.duration)}`,
+                    className: cn("absolute inset-y-0 rounded-[1px]", BAR[seg.status]),
+                    style: {
+                      left: pct(seg.start),
+                      width: pct(seg.duration),
+                      minWidth: 2
+                    }
+                  },
+                  i
+                )),
+                nowMs != null ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: "absolute -top-0.5 -bottom-0.5 w-px bg-info/70",
+                    style: { left: pct(nowMs) },
+                    "aria-hidden": true
+                  }
+                ) : null
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: "shrink-0 text-right font-mono text-meta text-muted-foreground tabular-nums",
+              style: { width: durationWidth },
+              children: duration
+            }
+          )
+        ] }) });
+        const trigger = pickable ? /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "aria-pressed": selected,
+            onClick: () => onSelectTask(task.key),
+            className: cn(
+              "w-full cursor-pointer text-left focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50",
+              "hover:bg-accent/60",
+              selected && "bg-accent"
+            ),
+            children: row
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(detail != null && "hover:bg-accent/60"), children: row });
+        if (detail == null) return /* @__PURE__ */ jsxRuntime.jsx("div", { children: trigger }, task.key);
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          HoverCard,
+          {
+            openDelay: detailProps?.openDelay ?? 200,
+            closeDelay: detailProps?.closeDelay ?? 80,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(HoverCardTrigger, { asChild: true, children: trigger }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                HoverCardContent,
+                {
+                  side: detailProps?.side ?? "right",
+                  align: detailProps?.align ?? "start",
+                  sideOffset: detailProps?.sideOffset ?? 8,
+                  style: detailProps?.width != null ? { width: detailProps.width } : void 0,
+                  className: cn("w-72 p-3", detailProps?.className),
+                  children: detail
+                }
+              )
+            ]
+          },
+          task.key
+        );
+      })
+    ] });
+  }
+);
+TaskGantt.displayName = "TaskGantt";
 var TemplatePicker = React23__namespace.forwardRef(({ heading, options, value, onSelect, footnote, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   "div",
   {
@@ -5128,27 +5839,93 @@ var TerminalLine = React23__namespace.forwardRef(
   )
 );
 TerminalLine.displayName = "TerminalLine";
-var TimelineList = React23__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("ol", { ref, className: cn("flex flex-col", className), ...props, children }));
+var TimelineVariantContext = React23__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 }) }));
 TimelineList.displayName = "TimelineList";
-var TimelineEntry = React23__namespace.forwardRef(({ when, title, marker, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  "li",
-  {
-    ref,
-    className: cn("flex gap-2 border-b border-border py-1.5 last:border-b-0", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex w-[72px] shrink-0 items-baseline gap-1.5 text-meta text-muted-foreground", children: [
-        marker ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "translate-y-1", children: marker }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: when })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-        title != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: title }) : null,
-        children
-      ] })
-    ]
+function RailGutter({ marker }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex w-2.5 shrink-0 flex-col items-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        className: cn(
+          "w-px shrink-0 bg-border group-first/entry:bg-transparent",
+          RAIL_MARKER_OFFSET
+        )
+      }
+    ),
+    marker,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        className: "w-px flex-1 bg-border group-last/entry:bg-transparent"
+      }
+    )
+  ] });
+}
+var TimelineEntry = React23__namespace.forwardRef(({ when, title, marker, className, children, ...props }, ref) => {
+  const variant = React23__namespace.useContext(TimelineVariantContext);
+  if (variant === "rail") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "li",
+      {
+        ref,
+        className: cn("group/entry flex gap-2.5", className),
+        ...props,
+        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 }),
+            title != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: title }) : null,
+            children
+          ] })
+        ]
+      }
+    );
   }
-));
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "li",
+    {
+      ref,
+      className: cn("flex gap-2 border-b border-border py-1.5 last:border-b-0", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex w-[72px] shrink-0 items-baseline gap-1.5 text-meta text-muted-foreground", children: [
+          marker ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "translate-y-1", children: marker }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: when })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+          title != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: title }) : null,
+          children
+        ] })
+      ]
+    }
+  );
+});
 TimelineEntry.displayName = "TimelineEntry";
+var TimelineFooter = React23__namespace.forwardRef(({ className, children, ...props }, ref) => {
+  const variant = React23__namespace.useContext(TimelineVariantContext);
+  if (variant === "rail") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "li",
+      {
+        ref,
+        role: "presentation",
+        className: cn("flex gap-2.5", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex w-2.5 shrink-0 justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: cn("w-px bg-border", RAIL_FOOTER_TAIL) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1 pt-1.5", children })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { ref, role: "presentation", className: cn("pt-1.5", className), ...props, children });
+});
+TimelineFooter.displayName = "TimelineFooter";
 var Toolbar = () => {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-5 items-center space-x-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -5802,6 +6579,7 @@ exports.ChatSessionTaskRow = ChatSessionTaskRow;
 exports.CitationList = CitationList;
 exports.CitationMarker = CitationMarker;
 exports.CitationRow = CitationRow;
+exports.ClampedText = ClampedText;
 exports.ClarifyCard = ClarifyCard;
 exports.Command = Command;
 exports.CommandDialog = CommandDialog;
@@ -5848,6 +6626,7 @@ exports.EmissionHeader = EmissionHeader;
 exports.EmptyState = EmptyState;
 exports.EmptyStateLock = EmptyStateLock;
 exports.ErrorBoundary = ErrorBoundary;
+exports.Eyebrow = Eyebrow;
 exports.FilterBar = FilterBar;
 exports.FilterChip = FilterChip;
 exports.HeatStrip = HeatStrip;
@@ -5980,10 +6759,13 @@ exports.Tabs = Tabs;
 exports.TabsContent = TabsContent;
 exports.TabsList = TabsList;
 exports.TabsTrigger = TabsTrigger;
+exports.TaskGantt = TaskGantt;
+exports.TaskGanttDetailCard = TaskGanttDetailCard;
 exports.TemplatePicker = TemplatePicker;
 exports.Terminal = Terminal;
 exports.TerminalLine = TerminalLine;
 exports.TimelineEntry = TimelineEntry;
+exports.TimelineFooter = TimelineFooter;
 exports.TimelineList = TimelineList;
 exports.Toaster = Toaster;
 exports.Toggle = Toggle;
@@ -6023,6 +6805,7 @@ exports.cn = cn;
 exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle;
 exports.statusDotVariants = statusDotVariants;
 exports.toggleVariants = toggleVariants;
+exports.useOverflowItems = useOverflowItems;
 exports.useSidebar = useSidebar;
 exports.useTour = useTour;
 //# sourceMappingURL=index.cjs.map