@invana/ui 0.0.23 → 0.0.25

package/dist/index.js

@@ -3075,27 +3075,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.useRef(null);
+  const itemEls = React23.useRef([]);
+  const widths = React23.useRef([]);
+  const itemRefs = React23.useRef([]);
+  const [hidden, setHidden] = React23.useState(NONE);
+  const fit = React23.useCallback(() => {
+    const 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.useLayoutEffect(() => {
+    widths.current = [];
+    itemEls.current.length = count;
+    setHidden((prev) => prev === NONE ? prev : NONE);
+  }, [count]);
+  React23.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.useCallback((el) => {
+    containerEl.current = el;
+  }, []);
+  const itemRef = React23.useCallback((index) => {
+    let fn = itemRefs.current[index];
+    if (!fn) {
+      fn = (el) => {
+        itemEls.current[index] = el;
+      };
+      itemRefs.current[index] = fn;
+    }
+    return fn;
+  }, []);
+  const isHidden = React23.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__default.useState(null);
-  return /* @__PURE__ */ jsx(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__default.useState(
+    null
+  );
+  const isControlled = activeKey !== void 0;
+  const currentKey = isControlled ? activeKey : internalActive;
+  const activeIndex = items.findIndex((item) => keyOf(item) === currentKey);
+  const nodes = React23__default.useRef({});
+  const pendingFocus = React23__default.useRef(null);
+  React23__default.useEffect(() => {
+    const 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__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__ */ jsx(
       item.icon,
       {
@@ -3103,41 +3290,79 @@ var NavItems = ({
         className: item.iconClassName || iconClassName
       }
     );
-    const label = item.label && /* @__PURE__ */ jsx("span", { children: item.label });
+    const label = item.label && /* @__PURE__ */ jsx("span", { className: item.labelClassName, children: item.label });
     const badge = item.badge != null && /* @__PURE__ */ 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__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ 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__ */ jsx(ChevronDown, { className: "size-3" })
+      }
+    ) });
     const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
       icon,
       label,
+      caret,
       badge
     ] });
-    const control = item.href ? /* @__PURE__ */ jsx(
+    const control = asCaret ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: setNode,
+        ...tabProps,
+        style: item.style,
+        onClick: () => select(item),
+        className: itemClass,
+        children: inner
+      }
+    ) : item.href ? /* @__PURE__ */ 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__ */ jsx(
+    ) : item.onClick || hasMenu || isTabs ? /* @__PURE__ */ 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__ */ jsx("div", { className: itemClass, children: inner });
+    ) : /* @__PURE__ */ jsx("div", { ref: setNode, style: item.style, className: itemClass, children: inner });
     const withTooltip = /* @__PURE__ */ jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: hasMenu ? /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: control }) : control }),
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: hasMenu && !asCaret ? /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: control }) : control }),
       /* @__PURE__ */ jsx(TooltipContent, { side: item.tooltipSide || tooltipSide, children: item.tooltip || item.name })
     ] });
     return /* @__PURE__ */ jsxs(React23__default.Fragment, { children: [
@@ -3148,28 +3373,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__ */ jsxs(React23__default.Fragment, { children: [
-                menuItem.separatorBefore && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-                /* @__PURE__ */ 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__ */ jsx(MenuIcon, {}) : gutter ? /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "size-4 shrink-0" }) : null,
-                      /* @__PURE__ */ jsx("span", { className: "truncate", children: menuItem.label }),
-                      menuItem.shortcut && /* @__PURE__ */ jsx(DropdownMenuShortcut, { children: menuItem.shortcut })
-                    ]
-                  }
-                )
-              ] }, menuItem.id);
-            })
+            children: renderMenuRows(item.menuItems)
           }
         )
       ] }) : withTooltip,
@@ -3181,22 +3385,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__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ 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__ */ jsx(MoreHorizontal, { className: iconClassName })
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx(TooltipContent, { side: tooltipSide, children: overflowLabel })
+    ] }),
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: hiddenIndices.map((index) => {
+      const item = items[index];
+      if (!item) return null;
+      const Icon = item.icon;
+      return /* @__PURE__ */ jsxs(
+        DropdownMenuItem,
+        {
+          disabled: item.disabled,
+          onSelect: () => select(item),
+          children: [
+            Icon ? /* @__PURE__ */ jsx(Icon, {}) : /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "size-4 shrink-0" }),
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: item.label ?? item.name })
+          ]
+        },
+        keyOf(item)
+      );
+    }) })
+  ] });
+  if (!isTabs && !overflow) {
+    return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: rendered });
+  }
+  return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ 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__ */ jsxs(React23__default.Fragment, { children: [
+      menuItem.separatorBefore && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ 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__ */ jsx(MenuIcon, {}) : gutter ? /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "size-4 shrink-0" }) : null,
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: menuItem.label }),
+            menuItem.shortcut && /* @__PURE__ */ 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__ */ jsxs("nav", { className: containerClass, children: [
-    sections.start?.content && /* @__PURE__ */ jsx("div", { className: `${sectionWrapperClass} ${sections.start.className || ""}`, children: sections.start.content }),
-    sections.center?.content ? /* @__PURE__ */ jsx("div", { className: `flex-1 ${isVertical ? "" : "flex justify-center items-center gap-1"} ${sections.center.className || ""}`, children: sections.center.content }) : (
+    sections.start?.content && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `${sectionWrapperClass} ${sections.start.className || ""}`,
+        children: sections.start.content
+      }
+    ),
+    sections.center?.content ? /* @__PURE__ */ 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__ */ jsx("div", { className: "flex-1" })
     ),
-    sections.end?.content && /* @__PURE__ */ jsx("div", { className: `${sectionWrapperClass} ${isVertical ? "" : "ml-auto"} ${sections.end.className || ""}`, children: sections.end.content })
+    sections.end?.content && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `${sectionWrapperClass} ${isVertical ? "" : "ml-auto"} ${sections.end.className || ""}`,
+        children: sections.end.content
+      }
+    )
   ] });
 };
-var NavHorizontalItems = ({ items }) => /* @__PURE__ */ jsx(NavItems, { items, orientation: "horizontal" });
+var NavHorizontalItems = (props) => /* @__PURE__ */ jsx(NavItems, { ...props, orientation: "horizontal" });
 var NavHorizontal = ({
   left,
   leftNavItems,
@@ -3630,6 +3944,56 @@ var CitationRow = React23.forwardRef(
   )
 );
 CitationRow.displayName = "CitationRow";
+var ClampedText = React23.forwardRef(
+  ({
+    lines = 3,
+    moreLabel = "Show more",
+    lessLabel = "Show less",
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const [expanded, setExpanded] = React23.useState(false);
+    const [clipped, setClipped] = React23.useState(false);
+    const bodyRef = React23.useRef(null);
+    React23.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__ */ jsxs("div", { ref, className: cn("min-w-0", className), ...props, children: [
+      /* @__PURE__ */ 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__ */ 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.forwardRef(
   ({
     step,
@@ -4230,7 +4594,7 @@ var MetricGrid = React23.forwardRef(
   )
 );
 MetricGrid.displayName = "MetricGrid";
-var NavVerticalItems = ({ items }) => /* @__PURE__ */ jsx(NavItems, { items, orientation: "vertical" });
+var NavVerticalItems = (props) => /* @__PURE__ */ jsx(NavItems, { ...props, orientation: "vertical" });
 var NavVertical = ({
   className = "",
   top,
@@ -4838,6 +5202,27 @@ var SearchInput = ({
     }
   );
 };
+var Eyebrow = React23.forwardRef(
+  ({ aside, tone = "muted", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex items-baseline gap-2 text-meta font-semibold uppercase tracking-wide",
+        tone === "muted" && "text-muted-foreground",
+        tone === "foreground" && "text-foreground",
+        tone === "accent" && "text-primary",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children }),
+        aside != null ? /* @__PURE__ */ 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.forwardRef(({ icon, title, count, actions, bare, className, ...props }, ref) => /* @__PURE__ */ jsxs(
   "div",
   {
@@ -4935,6 +5320,9 @@ function TabbedPanel({
   activeTab,
   onTabChange,
   headerActions,
+  overflow = false,
+  overflowLabel = "More panels",
+  keepMounted = false,
   className,
   headerClassName,
   bodyClassName,
@@ -4949,35 +5337,358 @@ function TabbedPanel({
     }
     onTabChange?.(value);
   };
-  return /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx(Tabs, { value: currentTab, onValueChange: handleTabChange, className: "h-full", children: /* @__PURE__ */ jsxs(Card, { className: cn("h-full border rounded-none", className), children: [
-    /* @__PURE__ */ jsxs(CardHeader, { className: `flex flex-row items-center justify-between py-0 border-b h-[30px] px-0 space-y-0 ${headerClassName || ""}`, children: [
-      /* @__PURE__ */ jsx(TabsList, { className: "h-full bg-transparent p-0 gap-0 rounded-none", children: tabs.map((tab) => /* @__PURE__ */ jsxs(
-        TabsTrigger,
+  const uid = React23__default.useId();
+  const panelId = (value) => `${uid}-panel-${value}`;
+  const items = React23__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__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs(Card, { className: cn("flex h-full min-h-0 flex-col border rounded-none", className), children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex h-[30px] shrink-0 flex-row items-stretch border-b",
+          headerClassName
+        ),
+        children: [
+          /* @__PURE__ */ 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__ */ jsx("div", { className: "ml-auto flex h-full shrink-0 items-center gap-1 pr-1", children: /* @__PURE__ */ jsx(NavHorizontalItems, { items: headerActions }) })
+        ]
+      }
+    ),
+    tabs.map((tab) => {
+      const active = tab.value === currentTab;
+      if (!keepMounted && !active) return null;
+      return /* @__PURE__ */ 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__ */ 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__ */ jsx("div", { className: "ml-auto flex h-full shrink-0 items-center gap-1 pr-1", children: /* @__PURE__ */ jsx(NavHorizontalItems, { items: headerActions }) })
+      );
+    }),
+    footerContent && /* @__PURE__ */ 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.isValidElement(result)) return result;
+  if (typeof result !== "object") {
+    return /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
+    scalars.length ? /* @__PURE__ */ jsx(PropertyList, { labelWidth: 96, children: scalars.map(([k, v]) => /* @__PURE__ */ jsx(PropertyRow, { label: k, mono: true, className: "py-0.5", children: v == null ? "\u2014" : String(v) }, k)) }) : null,
+    nested.map(([k, v]) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground", children: k }),
+      /* @__PURE__ */ jsx("pre", { className: "max-h-40 overflow-auto border border-border bg-muted/40 p-1.5 font-mono text-meta", children: JSON.stringify(v, null, 2) })
+    ] }, k))
+  ] });
+}
+var TaskGanttDetailCard = React23.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__ */ jsxs("div", { ref, className: cn("flex flex-col gap-2", className), ...props, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2", children: [
+      /* @__PURE__ */ jsx(StatusDot, { tone: DOT[status], size: "md", className: "translate-y-px" }),
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate font-mono text-meta font-medium", children: task.key }),
+      /* @__PURE__ */ jsx("span", { className: "shrink-0 font-mono text-meta text-muted-foreground tabular-nums", children: duration })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "text-meta text-muted-foreground", children: [
+      STATUS_LABEL[status],
+      task.summary != null ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        " \xB7 ",
+        task.summary
+      ] }) : null
     ] }),
-    tabs.map((tab) => /* @__PURE__ */ jsx(
-      TabsContent,
+    attempts.length ? /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: attempts.map((a, i) => /* @__PURE__ */ jsxs("span", { className: "text-meta text-muted-foreground", children: [
+      /* @__PURE__ */ 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__ */ jsxs(
+      "div",
       {
-        value: tab.value,
-        className: `h-[calc(100%-30px)] m-0 ${bodyClassName || ""}`,
-        children: /* @__PURE__ */ jsx(CardContent, { className: "overflow-y-auto h-full p-0", children: tab.content })
-      },
-      tab.value
-    )),
-    footerContent && /* @__PURE__ */ 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__ */ jsx("div", { className: "font-mono text-meta font-medium text-destructive", children: task.error.code }) : null,
+          task.error.message != null ? /* @__PURE__ */ jsx("div", { className: "text-meta", children: task.error.message }) : null,
+          task.error.detail != null ? /* @__PURE__ */ jsx("pre", { className: "mt-1 max-h-32 overflow-auto whitespace-pre-wrap font-mono text-meta text-muted-foreground", children: task.error.detail }) : null
+        ]
+      }
+    ) : null,
+    task.result != null ? renderResult(task.result) : null,
+    task.log != null ? /* @__PURE__ */ jsx("div", { className: "border-t border-border pt-1.5 font-mono text-meta text-muted-foreground", children: task.log }) : null
+  ] });
+});
+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.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.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__ */ jsx(
+        TaskGanttDetailCard,
+        {
+          task,
+          elapsedMs,
+          formatDuration
+        }
+      );
+    };
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col", className), ...props, children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 pt-0.5 pb-1", "aria-hidden": true, children: [
+        /* @__PURE__ */ jsx("span", { className: "shrink-0", style: { width: labelWidth } }),
+        /* @__PURE__ */ jsx("span", { className: "flex flex-1", children: axis.slice(0, -1).map((label, i) => /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "flex-1 border-l border-border pl-1 text-meta text-muted-foreground tabular-nums",
+            children: label
+          },
+          i
+        )) }),
+        /* @__PURE__ */ 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__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-[3px]", children: [
+          /* @__PURE__ */ 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__ */ jsxs(
+            "span",
+            {
+              className: "relative min-w-0 flex-1 bg-muted/55",
+              style: { height: barHeight },
+              children: [
+                neverRan ? /* @__PURE__ */ jsx("span", { className: "absolute inset-0 border border-dashed border-border" }) : segments.map((seg, i) => /* @__PURE__ */ 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__ */ jsx(
+                  "span",
+                  {
+                    className: "absolute -top-0.5 -bottom-0.5 w-px bg-info/70",
+                    style: { left: pct(nowMs) },
+                    "aria-hidden": true
+                  }
+                ) : null
+              ]
+            }
+          ),
+          /* @__PURE__ */ 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__ */ 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__ */ jsx("div", { className: cn(detail != null && "hover:bg-accent/60"), children: row });
+        if (detail == null) return /* @__PURE__ */ jsx("div", { children: trigger }, task.key);
+        return /* @__PURE__ */ jsxs(
+          HoverCard,
+          {
+            openDelay: detailProps?.openDelay ?? 200,
+            closeDelay: detailProps?.closeDelay ?? 80,
+            children: [
+              /* @__PURE__ */ jsx(HoverCardTrigger, { asChild: true, children: trigger }),
+              /* @__PURE__ */ 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.forwardRef(({ heading, options, value, onSelect, footnote, className, ...props }, ref) => /* @__PURE__ */ jsxs(
   "div",
   {
@@ -5088,27 +5799,93 @@ var TerminalLine = React23.forwardRef(
   )
 );
 TerminalLine.displayName = "TerminalLine";
-var TimelineList = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("ol", { ref, className: cn("flex flex-col", className), ...props, children }));
+var TimelineVariantContext = React23.createContext("columns");
+var RAIL_MARKER_OFFSET = "h-[0.692rem]";
+var RAIL_FOOTER_TAIL = "h-[1.067rem]";
+var TimelineList = React23.forwardRef(({ className, variant = "columns", children, ...props }, ref) => /* @__PURE__ */ jsx(TimelineVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsx("ol", { ref, className: cn("flex flex-col", className), ...props, children }) }));
 TimelineList.displayName = "TimelineList";
-var TimelineEntry = React23.forwardRef(({ when, title, marker, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  "li",
-  {
-    ref,
-    className: cn("flex gap-2 border-b border-border py-1.5 last:border-b-0", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxs("span", { className: "flex w-[72px] shrink-0 items-baseline gap-1.5 text-meta text-muted-foreground", children: [
-        marker ? /* @__PURE__ */ jsx("span", { className: "translate-y-1", children: marker }) : null,
-        /* @__PURE__ */ jsx("span", { className: "truncate", children: when })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-        title != null ? /* @__PURE__ */ jsx("span", { className: "font-medium", children: title }) : null,
-        children
-      ] })
-    ]
+function RailGutter({ marker }) {
+  return /* @__PURE__ */ jsxs("span", { className: "flex w-2.5 shrink-0 flex-col items-center", children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        className: cn(
+          "w-px shrink-0 bg-border group-first/entry:bg-transparent",
+          RAIL_MARKER_OFFSET
+        )
+      }
+    ),
+    marker,
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        className: "w-px flex-1 bg-border group-last/entry:bg-transparent"
+      }
+    )
+  ] });
+}
+var TimelineEntry = React23.forwardRef(({ when, title, marker, className, children, ...props }, ref) => {
+  const variant = React23.useContext(TimelineVariantContext);
+  if (variant === "rail") {
+    return /* @__PURE__ */ jsxs(
+      "li",
+      {
+        ref,
+        className: cn("group/entry flex gap-2.5", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(RailGutter, { marker }),
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5 pb-4 group-last/entry:pb-0", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground", children: when }),
+            title != null ? /* @__PURE__ */ jsx("span", { className: "font-medium", children: title }) : null,
+            children
+          ] })
+        ]
+      }
+    );
   }
-));
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      ref,
+      className: cn("flex gap-2 border-b border-border py-1.5 last:border-b-0", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: "flex w-[72px] shrink-0 items-baseline gap-1.5 text-meta text-muted-foreground", children: [
+          marker ? /* @__PURE__ */ jsx("span", { className: "translate-y-1", children: marker }) : null,
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: when })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+          title != null ? /* @__PURE__ */ jsx("span", { className: "font-medium", children: title }) : null,
+          children
+        ] })
+      ]
+    }
+  );
+});
 TimelineEntry.displayName = "TimelineEntry";
+var TimelineFooter = React23.forwardRef(({ className, children, ...props }, ref) => {
+  const variant = React23.useContext(TimelineVariantContext);
+  if (variant === "rail") {
+    return /* @__PURE__ */ jsxs(
+      "li",
+      {
+        ref,
+        role: "presentation",
+        className: cn("flex gap-2.5", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "flex w-2.5 shrink-0 justify-center", children: /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn("w-px bg-border", RAIL_FOOTER_TAIL) }) }),
+          /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 pt-1.5", children })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("li", { ref, role: "presentation", className: cn("pt-1.5", className), ...props, children });
+});
+TimelineFooter.displayName = "TimelineFooter";
 var Toolbar = () => {
   return /* @__PURE__ */ jsxs("div", { className: "flex h-5 items-center space-x-2", children: [
     /* @__PURE__ */ jsx(
@@ -5695,6 +6472,6 @@ var Typography = {
   Pre: TypographyPre
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgentChip, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppStatusBar, Avatar, AvatarFallback, AvatarImage, Badge, BarChartH, BarChartV, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, ButtonWithTooltip, CannotAnswerCard, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardWithHeader, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChatSession, ChatSessionActivityRow, ChatSessionActivitySubLine, ChatSessionComposer, ChatSessionContextChip, ChatSessionDisclosure, ChatSessionMessage, ChatSessionMessageOptions, ChatSessionProgressLine, ChatSessionPromptRow, ChatSessionStatusBar, ChatSessionTaskGroup, ChatSessionTaskRow, CitationList, CitationMarker, CitationRow, ClarifyCard, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextBar, DiagnosisCard, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffList, DiffRow, DivergingBar, DotRating, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmissionCard, EmissionHeader, EmptyState, EmptyStateLock, ErrorBoundary, FilterBar, FilterChip, HeatStrip, HoverCard, HoverCardContent, HoverCardTrigger, Item3 as Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Legend, LegendItem, MenuItem, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MetricGrid, MetricTile, NavBase, NavHorizontal, NavHorizontalItems, NavItems, NavVertical, NavVerticalItems, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NestedMenu, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PanelContent, PanelStack, Popover, PopoverContent, PopoverTrigger, Progress, PropertyList, PropertyRow, ProposalCard, RatingControl, RepairNote, ResizableHandle, ResizablePanel, ResizablePanelGroup, RetryNote, RichSelect, ScrollArea, ScrollBar, SearchInput, SectionHeader, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Sparkline, Spinner, StatusDot, TabbedPanel, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TemplatePicker, Terminal, TerminalLine, TimelineEntry, TimelineList, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, TreeItem, TreeView, Typography, TypographyBlockquote, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyH5, TypographyH6, TypographyInlineCode, TypographyLarge, TypographyLead, TypographyList, TypographyMuted, TypographyP, TypographyPre, TypographySmall, UnderDevelopment, agentChipVariants, badgeVariants, buttonGroupVariants, buttonVariants, chatSessionGutterClass, cn, navigationMenuTriggerStyle, statusDotVariants, toggleVariants, useSidebar, useTour };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgentChip, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppStatusBar, Avatar, AvatarFallback, AvatarImage, Badge, BarChartH, BarChartV, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, ButtonWithTooltip, CannotAnswerCard, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardWithHeader, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChatSession, ChatSessionActivityRow, ChatSessionActivitySubLine, ChatSessionComposer, ChatSessionContextChip, ChatSessionDisclosure, ChatSessionMessage, ChatSessionMessageOptions, ChatSessionProgressLine, ChatSessionPromptRow, ChatSessionStatusBar, ChatSessionTaskGroup, ChatSessionTaskRow, CitationList, CitationMarker, CitationRow, ClampedText, ClarifyCard, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextBar, DiagnosisCard, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffList, DiffRow, DivergingBar, DotRating, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmissionCard, EmissionHeader, EmptyState, EmptyStateLock, ErrorBoundary, Eyebrow, FilterBar, FilterChip, HeatStrip, HoverCard, HoverCardContent, HoverCardTrigger, Item3 as Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Legend, LegendItem, MenuItem, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MetricGrid, MetricTile, NavBase, NavHorizontal, NavHorizontalItems, NavItems, NavVertical, NavVerticalItems, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NestedMenu, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PanelContent, PanelStack, Popover, PopoverContent, PopoverTrigger, Progress, PropertyList, PropertyRow, ProposalCard, RatingControl, RepairNote, ResizableHandle, ResizablePanel, ResizablePanelGroup, RetryNote, RichSelect, ScrollArea, ScrollBar, SearchInput, SectionHeader, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Sparkline, Spinner, StatusDot, TabbedPanel, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TaskGantt, TaskGanttDetailCard, TemplatePicker, Terminal, TerminalLine, TimelineEntry, TimelineFooter, TimelineList, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, TreeItem, TreeView, Typography, TypographyBlockquote, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyH5, TypographyH6, TypographyInlineCode, TypographyLarge, TypographyLead, TypographyList, TypographyMuted, TypographyP, TypographyPre, TypographySmall, UnderDevelopment, agentChipVariants, badgeVariants, buttonGroupVariants, buttonVariants, chatSessionGutterClass, cn, navigationMenuTriggerStyle, statusDotVariants, toggleVariants, useOverflowItems, useSidebar, useTour };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map