@alexgorbatchev/shadcn 0.0.12 → 0.0.17

package/dist/chunk-m1hr3w94.js

@@ -0,0 +1,35 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+
+// src/components/assistant-ui/elements/Suggestions.tsx
+import { jsx } from "react/jsx-runtime";
+function Suggestions2({
+  suggestions,
+  selectedSuggestion,
+  cycle,
+  onSuggestion,
+  variant = "pills",
+  className,
+  ...props
+}) {
+  const list = variant === "list";
+  return /* @__PURE__ */ jsx("div", {
+    "data-testid": "Suggestions",
+    "data-slot": "suggestions",
+    className: cn2(cn2(list ? "flex w-full max-w-sm flex-col gap-2" : "flex max-w-md flex-wrap justify-center gap-2"), className),
+    ...props,
+    children: suggestions.map((suggestion) => /* @__PURE__ */ jsx(Button2, {
+      type: "button",
+      "aria-pressed": selectedSuggestion === suggestion,
+      onClick: () => onSuggestion(suggestion),
+      variant: "ghost",
+      children: suggestion
+    }, suggestion))
+  }, cycle);
+}
+
+export { Suggestions2 };

package/dist/chunk-m54kq3he.js

@@ -0,0 +1,59 @@
+import {
+  useDensity
+} from "./chunk-e6hk39ev.js";
+import {
+  usePortalContainer2
+} from "./chunk-j89xg1ak.js";
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+
+// src/components/HoverCard.tsx
+import { PreviewCard as PreviewCardPrimitive } from "@base-ui/react/preview-card";
+import { useDirection } from "@base-ui/react/direction-provider";
+import { jsx } from "react/jsx-runtime";
+function HoverCard2({ ...props }) {
+  return /* @__PURE__ */ jsx(PreviewCardPrimitive.Root, {
+    "data-slot": "hover-card",
+    ...props
+  });
+}
+function HoverCardTrigger2({ ...props }) {
+  return /* @__PURE__ */ jsx(PreviewCardPrimitive.Trigger, {
+    "data-slot": "hover-card-trigger",
+    ...props
+  });
+}
+function HoverCardContent2({
+  density,
+  className,
+  side = "bottom",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 4,
+  ...props
+}) {
+  const resolvedDensity = useDensity(density);
+  const direction = useDirection();
+  const container = usePortalContainer2();
+  return /* @__PURE__ */ jsx(PreviewCardPrimitive.Portal, {
+    container,
+    "data-slot": "hover-card-portal",
+    children: /* @__PURE__ */ jsx(PreviewCardPrimitive.Positioner, {
+      dir: direction,
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      className: "isolate ",
+      children: /* @__PURE__ */ jsx(PreviewCardPrimitive.Popup, {
+        "data-density": resolvedDensity,
+        "data-slot": "hover-card-content",
+        className: (state) => cn2(" w-64 origin-(--transform-origin) rounded-sm bg-popover p-panel text-sm text-popover-foreground  border border-frame-edge shadow-frame outline-hidden duration-100       data-open:animate-in data-open:fade-in-0  data-closed:animate-out data-closed:fade-out-0 ", typeof className === "function" ? className(state) : className),
+        ...props
+      })
+    })
+  });
+}
+
+export { HoverCard2, HoverCardTrigger2, HoverCardContent2 };

package/dist/chunk-m99hfsps.js

@@ -0,0 +1,63 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  reasoningPreviewContext
+} from "./chunk-f8zc8ceg.js";
+
+// src/components/assistant-ui/elements/ReasoningText.tsx
+import { useContext, useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+function ReasoningText2({ children, className, ...props }) {
+  const isPreview = useContext(reasoningPreviewContext);
+  const scrollRef = useRef(null);
+  const contentRef = useRef(null);
+  useEffect(() => {
+    if (!isPreview)
+      return;
+    const scrollEl = scrollRef.current;
+    const contentEl = contentRef.current;
+    if (!scrollEl || !contentEl)
+      return;
+    let pinned = true;
+    let lastScrollTop = scrollEl.scrollTop;
+    let lastScrollHeight = scrollEl.scrollHeight;
+    const isAtBottom = () => Math.abs(scrollEl.scrollHeight - scrollEl.scrollTop - scrollEl.clientHeight) <= 1 || scrollEl.scrollHeight <= scrollEl.clientHeight;
+    const pin = () => {
+      if (!pinned)
+        return;
+      scrollEl.scrollTop = scrollEl.scrollHeight;
+    };
+    const onScroll = () => {
+      if (isAtBottom()) {
+        pinned = true;
+      } else if (scrollEl.scrollTop < lastScrollTop && scrollEl.scrollHeight === lastScrollHeight) {
+        pinned = false;
+      }
+      lastScrollTop = scrollEl.scrollTop;
+      lastScrollHeight = scrollEl.scrollHeight;
+    };
+    pin();
+    scrollEl.addEventListener("scroll", onScroll);
+    const observer = new ResizeObserver(pin);
+    observer.observe(contentEl);
+    return () => {
+      scrollEl.removeEventListener("scroll", onScroll);
+      observer.disconnect();
+    };
+  }, [isPreview]);
+  return /* @__PURE__ */ jsx("div", {
+    "data-testid": "ReasoningText",
+    ref: scrollRef,
+    "data-slot": "reasoning-text",
+    className: cn2(cn2("aui-reasoning-text relative z-0 max-h-64 overflow-y-auto ps-6 pt-2 pb-2 leading-relaxed text-pretty", "transform-gpu transition-[transform,opacity] ease-[cubic-bezier(0.32,0.72,0,1)]", "motion-reduce:animate-none", "group-data-open/collapsible-content:animate-in", "group-data-closed/collapsible-content:animate-out", "group-data-open/collapsible-content:fade-in-0", "group-data-closed/collapsible-content:fade-out-0", "group-data-open/collapsible-content:slide-in-from-top-4", "group-data-closed/collapsible-content:slide-out-to-top-4", "group-data-open/collapsible-content:blur-in-[2px]", "group-data-closed/collapsible-content:blur-out-[2px]", "group-data-open/collapsible-content:animation-duration-(--animation-duration)", "group-data-closed/collapsible-content:animation-duration-(--animation-duration)"), className),
+    ...props,
+    children: /* @__PURE__ */ jsx("div", {
+      ref: contentRef,
+      className: "aui-reasoning-text-content space-y-4",
+      children
+    })
+  });
+}
+
+export { ReasoningText2 };

package/dist/chunk-mammcx1w.js

@@ -0,0 +1,33 @@
+import {
+  clamp,
+  announced
+} from "./chunk-v8ks0cfq.js";
+
+// src/components/assistant-ui/elements/ShareMeter.tsx
+import { jsxs } from "react/jsx-runtime";
+function ShareMeter2({
+  label,
+  percentage,
+  valueText,
+  tone = "primary",
+  size = "default"
+}) {
+  const value = announced(clamp(percentage, 0, 100));
+  return /* @__PURE__ */ jsxs("meter", {
+    "data-testid": "ShareMeter",
+    "data-slot": "assistant-share-meter",
+    "data-tone": tone,
+    "data-size": size,
+    "aria-label": label,
+    "aria-valuetext": valueText,
+    min: 0,
+    max: 100,
+    value,
+    children: [
+      value,
+      "%"
+    ]
+  });
+}
+
+export { ShareMeter2 };

package/dist/chunk-mfx3kkk3.js

@@ -0,0 +1,38 @@
+// src/components/assistant-ui/native/QuoteBlock.tsx
+import { memo } from "react";
+import { QuoteIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function QuoteBlockRoot2(props) {
+  return /* @__PURE__ */ jsx("blockquote", {
+    "data-testid": "QuoteBlockRoot",
+    "data-slot": "quote-block",
+    className: "mb-1 flex items-start gap-1",
+    ...props
+  });
+}
+function QuoteBlockIcon2() {
+  return /* @__PURE__ */ jsx(QuoteIcon, {
+    "aria-hidden": "true",
+    className: "size-3.5 shrink-0 text-muted-foreground"
+  });
+}
+function QuoteBlockText2(props) {
+  return /* @__PURE__ */ jsx("p", {
+    "data-testid": "QuoteBlockText",
+    "data-slot": "quote-block-text",
+    className: "text-muted-foreground line-clamp-2 min-w-0 text-sm italic",
+    ...props
+  });
+}
+var QuoteBlock2 = Object.assign(memo(function QuoteBlock({ text }) {
+  return /* @__PURE__ */ jsxs(QuoteBlockRoot2, {
+    children: [
+      /* @__PURE__ */ jsx(QuoteBlockIcon2, {}),
+      /* @__PURE__ */ jsx(QuoteBlockText2, {
+        children: text
+      })
+    ]
+  });
+}), { Root: QuoteBlockRoot2, Icon: QuoteBlockIcon2, Text: QuoteBlockText2 });
+
+export { QuoteBlockRoot2, QuoteBlockIcon2, QuoteBlockText2, QuoteBlock2 };

package/dist/chunk-mjpc4qf7.js

@@ -0,0 +1,322 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  ConversationMap2
+} from "./chunk-ed49y20r.js";
+import {
+  usePrefersReducedMotion
+} from "./chunk-jy57625a.js";
+
+// src/components/assistant-ui/native/ConversationMapAui.tsx
+import { useAuiState } from "@assistant-ui/react";
+
+// src/components/assistant-ui/hooks/useConversationProjection.ts
+import { useEffect, useRef } from "react";
+
+// src/components/assistant-ui/utils/projectConversation.ts
+var TITLE_LENGTH = 72;
+var PREVIEW_LENGTH = 240;
+var cutAtWord = (text, limit) => {
+  if (text.length <= limit)
+    return text;
+  const head = text.slice(0, limit);
+  const boundary = head.lastIndexOf(" ");
+  return boundary > limit / 2 ? head.slice(0, boundary) : head;
+};
+var summarizeMessage = (message) => {
+  const content = message.content;
+  const textParts = [];
+  const tools = [];
+  let hasReasoning = false;
+  let hasImage = false;
+  let hasFile = false;
+  for (const part of content) {
+    switch (part.type) {
+      case "text":
+        textParts.push(part.text);
+        break;
+      case "tool-call":
+        tools.push(part.toolName);
+        break;
+      case "reasoning":
+        hasReasoning = true;
+        break;
+      case "image":
+        hasImage = true;
+        break;
+      case "file":
+        hasFile = true;
+        break;
+    }
+  }
+  const attachments = message.attachments ?? [];
+  for (const attachment of attachments) {
+    if (attachment.type === "image")
+      hasImage = true;
+    if (attachment.type === "file")
+      hasFile = true;
+  }
+  const text = textParts.join(`
+`).trim();
+  const lines = text.split(`
+`).map((line) => line.replace(/^[\s#>*`-]+/, "").trim()).filter(Boolean);
+  let label;
+  const onlyTool = tools[0];
+  if (tools.length === 1 && onlyTool !== undefined)
+    label = onlyTool;
+  else if (tools.length > 1)
+    label = `${tools.length} tool calls`;
+  else if (hasReasoning)
+    label = "Reasoning";
+  else if (hasImage)
+    label = "Image";
+  else if (hasFile)
+    label = "File";
+  else if (content.length + attachments.length > 0)
+    label = "Attachment";
+  else
+    label = message.role === "user" ? "Message" : "Response";
+  const first = lines[0] ?? "";
+  const title = cutAtWord(first, TITLE_LENGTH);
+  return {
+    hasText: text.length > 0,
+    title: title || label,
+    answerPreview: lines.join(" ").trim().slice(0, PREVIEW_LENGTH),
+    questionPreview: [first.slice(title.length), ...lines.slice(1)].join(" ").trim().slice(0, PREVIEW_LENGTH)
+  };
+};
+var hasSameStructure = (previous, turns, reusableTurns) => {
+  if (previous.turns.length !== turns.length)
+    return false;
+  for (let index = reusableTurns;index < turns.length; index++) {
+    const before = previous.turns[index];
+    const after = turns[index];
+    if (!before || !after)
+      return false;
+    if (before.head.id !== after.head.id)
+      return false;
+    if (before.members.length !== after.members.length)
+      return false;
+    for (let memberIndex = 0;memberIndex < after.members.length; memberIndex++) {
+      if (before.members[memberIndex]?.id !== after.members[memberIndex]?.id) {
+        return false;
+      }
+    }
+  }
+  return true;
+};
+var projectConversation = (messages, previous) => {
+  let firstChanged = 0;
+  if (previous) {
+    const sharedLength = Math.min(previous.messages.length, messages.length);
+    while (firstChanged < sharedLength && previous.messages[firstChanged] === messages[firstChanged]) {
+      firstChanged++;
+    }
+    if (firstChanged === messages.length && messages.length === previous.messages.length) {
+      return { ...previous, messages };
+    }
+  }
+  let reusableTurns = 0;
+  if (previous) {
+    while (reusableTurns < previous.turns.length) {
+      const turn = previous.turns[reusableTurns];
+      if (!turn || turn.endIndex >= firstChanged)
+        break;
+      reusableTurns++;
+    }
+    const boundary = (previous.turns[reusableTurns - 1]?.endIndex ?? -1) + 1;
+    for (let index = boundary;index < messages.length; index++) {
+      const role = messages[index]?.role;
+      if (role !== "user" && role !== "assistant")
+        continue;
+      if (role === "assistant" && reusableTurns > 0)
+        reusableTurns--;
+      break;
+    }
+  }
+  const startIndex = (previous?.turns[reusableTurns - 1]?.endIndex ?? -1) + 1;
+  const turns = previous ? previous.turns.slice(0, reusableTurns) : [];
+  for (let index = startIndex;index < messages.length; index++) {
+    const message = messages[index];
+    if (!message || message.role !== "user" && message.role !== "assistant")
+      continue;
+    const current = turns.at(-1);
+    if (message.role === "user" || !current) {
+      turns.push({ head: message, members: [message], endIndex: index });
+    } else {
+      current.members.push(message);
+      current.endIndex = index;
+    }
+  }
+  const entries = previous ? previous.entries.slice(0, reusableTurns) : [];
+  for (let index = reusableTurns;index < turns.length; index++) {
+    const turn = turns[index];
+    if (turn)
+      entries.push(describe(turn));
+  }
+  if (previous && hasSameStructure(previous, turns, reusableTurns)) {
+    return {
+      messages,
+      turns,
+      entries,
+      turnOf: previous.turnOf,
+      turnKey: previous.turnKey
+    };
+  }
+  const turnOf = new Map;
+  for (const turn of turns) {
+    for (const member of turn.members)
+      turnOf.set(member.id, turn.head.id);
+  }
+  return {
+    messages,
+    turns,
+    entries,
+    turnOf,
+    turnKey: turns.map((turn) => turn.head.id).join(" ")
+  };
+};
+var describe = ({ head, members }) => {
+  const headSummary = summarizeMessage(head);
+  const answer = members.find((member) => member !== head && summarizeMessage(member).hasText);
+  const preview = answer ? summarizeMessage(answer).answerPreview : headSummary.questionPreview;
+  return {
+    id: head.id,
+    title: headSummary.title,
+    ...preview ? { preview } : {}
+  };
+};
+
+// src/components/assistant-ui/hooks/useConversationProjection.ts
+function useConversationProjection(messages) {
+  const cacheRef = useRef(undefined);
+  const cached = cacheRef.current;
+  const projection = cached?.messages === messages ? cached : projectConversation(messages, cached);
+  useEffect(() => {
+    cacheRef.current = projection;
+  }, [projection]);
+  return projection;
+}
+
+// src/components/assistant-ui/hooks/useConversationMapViewport.ts
+import { useCallback, useEffect as useEffect2, useRef as useRef2, useState } from "react";
+import { useThreadViewport } from "@assistant-ui/react";
+var TOP_TOLERANCE = 1;
+var sameIds = (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;
+};
+var readingLine = (viewport) => {
+  const rect = viewport.getBoundingClientRect();
+  const height = viewport.clientHeight;
+  if (height <= 0)
+    return rect.top + TOP_TOLERANCE;
+  const remaining = viewport.scrollHeight - height - viewport.scrollTop;
+  const descent = Math.min(1, Math.max(0, (height - remaining) / height));
+  return rect.top + rect.height * descent + TOP_TOLERANCE;
+};
+function useConversationMapViewport({ turnOf, turnKey }) {
+  const prefersReducedMotion = usePrefersReducedMotion();
+  const viewport = useThreadViewport((s) => s.element.viewport);
+  const viewportHeight = useThreadViewport((s) => s.height.viewport);
+  const [activeId, setActiveId] = useState(undefined);
+  const [visibleIds, setVisibleIds] = useState([]);
+  const scheduleRef = useRef2(undefined);
+  const turnOfRef = useRef2(turnOf);
+  useEffect2(() => {
+    turnOfRef.current = turnOf;
+  });
+  useEffect2(() => {
+    if (!viewport)
+      return;
+    let frame = 0;
+    const measure = () => {
+      frame = 0;
+      const owners = turnOfRef.current;
+      const view = viewport.getBoundingClientRect();
+      const line = readingLine(viewport);
+      let current;
+      const onScreen = [];
+      for (const element of viewport.querySelectorAll("[data-message-id]")) {
+        const box = element.getBoundingClientRect();
+        if (box.top >= view.bottom)
+          break;
+        const id = element.dataset["messageId"];
+        const head = id === undefined ? undefined : owners.get(id);
+        if (head === undefined)
+          continue;
+        if (box.top <= line)
+          current = head;
+        if (box.bottom > view.top && !onScreen.includes(head)) {
+          onScreen.push(head);
+        }
+      }
+      setActiveId(current ?? owners.values().next().value);
+      setVisibleIds((previous) => sameIds(previous, onScreen) ? previous : onScreen);
+    };
+    const schedule = () => {
+      if (frame)
+        return;
+      frame = requestAnimationFrame(measure);
+    };
+    scheduleRef.current = schedule;
+    schedule();
+    viewport.addEventListener("scroll", schedule, { passive: true });
+    const observer = new ResizeObserver(schedule);
+    observer.observe(viewport);
+    return () => {
+      scheduleRef.current = undefined;
+      if (frame)
+        cancelAnimationFrame(frame);
+      viewport.removeEventListener("scroll", schedule);
+      observer.disconnect();
+    };
+  }, [viewport]);
+  useEffect2(() => {
+    scheduleRef.current?.();
+  }, [turnKey]);
+  const select = useCallback((id) => {
+    if (!viewport)
+      return;
+    for (const element of viewport.querySelectorAll("[data-message-id]")) {
+      if (element.dataset["messageId"] !== id)
+        continue;
+      const top = element.getBoundingClientRect().top - viewport.getBoundingClientRect().top + viewport.scrollTop;
+      viewport.scrollTo({ top, behavior: prefersReducedMotion ? "instant" : "smooth" });
+      return;
+    }
+  }, [viewport, prefersReducedMotion]);
+  return { viewportHeight, activeId, visibleIds, select };
+}
+
+// src/components/assistant-ui/native/ConversationMapAui.tsx
+import { jsx } from "react/jsx-runtime";
+function ConversationMapAui2({ side = "left", className }) {
+  const messages = useAuiState((state) => state.thread.messages);
+  const projection = useConversationProjection(messages);
+  const { entries } = projection;
+  const { activeId, visibleIds, viewportHeight, select } = useConversationMapViewport(projection);
+  return /* @__PURE__ */ jsx("div", {
+    "data-slot": "conversation-map-rail",
+    className: cn2("pointer-events-none sticky top-0 z-10 h-0 w-full", className),
+    children: /* @__PURE__ */ jsx("div", {
+      className: cn2("pointer-events-auto absolute top-0 px-3 py-10", side === "right" ? "right-0" : "left-0"),
+      style: { height: viewportHeight },
+      children: /* @__PURE__ */ jsx(ConversationMap2, {
+        entries,
+        activeId,
+        visibleIds,
+        onSelect: select,
+        side: side === "right" ? "left" : "right"
+      })
+    })
+  });
+}
+
+export { ConversationMapAui2 };

package/dist/chunk-msave608.js

@@ -0,0 +1,139 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Popover2,
+  PopoverTrigger2,
+  PopoverContent2
+} from "./chunk-x7z9jzyf.js";
+import {
+  AgentStatus3
+} from "./chunk-4k2jzddw.js";
+import {
+  TaskStateIcon2
+} from "./chunk-v00z8h0n.js";
+import {
+  TASK_PAGE_SIZE,
+  taskStateOf,
+  taskLabel,
+  taskMeta,
+  formatElapsed,
+  useTaskElapsed
+} from "./chunk-1s7af44v.js";
+import {
+  summarizeTasks,
+  summaryState2,
+  summaryLabel2
+} from "./chunk-yqs310vg.js";
+import {
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/native/TaskTray.tsx
+import { useMemo, useState } from "react";
+import { useAuiState } from "@assistant-ui/react";
+import { ChevronDownIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TaskTrayItem = ({ task }) => {
+  const state = taskStateOf(task.status, task.isError);
+  const meta = taskMeta(task.args);
+  const elapsedMs = useTaskElapsed(task.timing, task.status.type === "running" || task.status.type === "requires-action");
+  return /* @__PURE__ */ jsxs("li", {
+    "data-slot": "aui_task-tray-item",
+    "data-state": state,
+    className: "flex items-center gap-2.5 rounded-md py-2 pe-2.5 text-sm",
+    style: { paddingInlineStart: `${0.625 + task.depth * 0.75}rem` },
+    children: [
+      /* @__PURE__ */ jsx(TaskStateIcon2, {
+        state
+      }),
+      /* @__PURE__ */ jsx("span", {
+        className: "sr-only",
+        children: state
+      }),
+      /* @__PURE__ */ jsx("span", {
+        className: "min-w-0 flex-1 truncate",
+        children: taskLabel(task.toolName, task.args)
+      }),
+      meta !== undefined && /* @__PURE__ */ jsx("span", {
+        className: cn2(mono, "text-muted-foreground max-w-24 shrink-0 truncate"),
+        children: meta
+      }),
+      elapsedMs !== undefined && /* @__PURE__ */ jsx("span", {
+        className: cn2(mono, "text-muted-foreground shrink-0 tabular-nums"),
+        children: formatElapsed(elapsedMs)
+      })
+    ]
+  });
+};
+function TaskTray2({ className }) {
+  const tasks = useAuiState((s) => s.thread.tasks);
+  const summary = useMemo(() => summarizeTasks(tasks), [tasks]);
+  const elapsedMs = useTaskElapsed(summary.startedAt === undefined ? undefined : { startedAt: summary.startedAt }, summary.running > 0);
+  const [open, setOpen] = useState(false);
+  const [visible, setVisible] = useState(TASK_PAGE_SIZE);
+  const firstTask = tasks[0];
+  const listKey = firstTask === undefined ? "" : `${firstTask.messageId}:${firstTask.id}`;
+  const [seenListKey, setSeenListKey] = useState(listKey);
+  if (seenListKey !== listKey) {
+    setSeenListKey(listKey);
+    setVisible(TASK_PAGE_SIZE);
+  }
+  if (summary.total === 0 && open)
+    setOpen(false);
+  if (summary.total === 0)
+    return null;
+  const hidden = Math.max(0, tasks.length - visible);
+  return /* @__PURE__ */ jsxs(Popover2, {
+    open,
+    onOpenChange: (next) => {
+      setOpen(next);
+      if (!next)
+        setVisible(TASK_PAGE_SIZE);
+    },
+    children: [
+      /* @__PURE__ */ jsx(PopoverTrigger2, {
+        "aria-label": summaryLabel2(summary),
+        className: cn2("focus-visible:ring-ring/50 cursor-pointer appearance-none rounded-full border-0 bg-transparent p-0 text-start focus-visible:ring-[3px] focus-visible:outline-none", className),
+        children: /* @__PURE__ */ jsx(AgentStatus3, {
+          state: summaryState2(summary),
+          label: summaryLabel2(summary),
+          elapsed: elapsedMs === undefined ? undefined : formatElapsed(elapsedMs),
+          endEnhancer: /* @__PURE__ */ jsx(ChevronDownIcon, {
+            "aria-hidden": "true",
+            className: "size-3.5 shrink-0 transition-transform group-data-open:rotate-180 motion-reduce:transition-none"
+          })
+        })
+      }),
+      /* @__PURE__ */ jsx(PopoverContent2, {
+        align: "end",
+        children: /* @__PURE__ */ jsxs("ul", {
+          "data-slot": "aui_task-tray",
+          "aria-label": "Tasks",
+          className: "flex max-h-80 flex-col overflow-y-auto",
+          children: [
+            tasks.slice(0, visible).map((task, index) => /* @__PURE__ */ jsx(TaskTrayItem, {
+              task
+            }, `${index}:${task.id}`)),
+            hidden > 0 && /* @__PURE__ */ jsx("li", {
+              className: "flex",
+              children: /* @__PURE__ */ jsxs("button", {
+                type: "button",
+                "data-slot": "aui_task-tray-more",
+                onClick: () => setVisible((count) => count + TASK_PAGE_SIZE),
+                className: "text-muted-foreground hover:text-foreground px-2.5 py-2 text-sm transition-colors",
+                children: [
+                  "Show ",
+                  Math.min(hidden, TASK_PAGE_SIZE),
+                  " more"
+                ]
+              })
+            })
+          ]
+        })
+      })
+    ]
+  });
+}
+
+export { TaskTray2 };