@alexgorbatchev/shadcn 0.0.12 → 0.0.16

package/dist/chunk-nz2e73h2.js

@@ -0,0 +1,132 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  clamp
+} from "./chunk-v8ks0cfq.js";
+import {
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/TodoList.tsx
+import { useId, useState } from "react";
+import { CheckIcon, Loader2Icon, MinusIcon, XIcon } from "lucide-react";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+function TodoList2({
+  items,
+  revision,
+  title = "Todos",
+  description,
+  maxVisible,
+  className,
+  ...props
+}) {
+  const done = items.filter((item) => item.status === "done").length;
+  const total = items.filter((item) => item.status !== "cancelled").length;
+  const visibleCount = Math.floor(clamp(maxVisible ?? items.length, 0, items.length));
+  const [expanded, setExpanded] = useState(false);
+  const listId = useId();
+  const hiddenItems = items.filter((item, index) => index >= visibleCount && item.status !== "active" && item.status !== "failed");
+  const canFold = maxVisible !== undefined && hiddenItems.length > 0;
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "TodoList",
+    "data-slot": "todo-list",
+    className: cn2(cn2("flex w-full max-w-sm flex-col gap-3"), className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex items-start justify-between gap-3",
+        children: [
+          /* @__PURE__ */ jsxs("div", {
+            className: "min-w-0",
+            children: [
+              /* @__PURE__ */ jsx("span", {
+                className: "text-base font-medium",
+                children: title
+              }),
+              description ? /* @__PURE__ */ jsx("p", {
+                className: "text-muted-foreground text-sm leading-4 break-words",
+                children: description
+              }) : null
+            ]
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: cn2(mono, "text-muted-foreground shrink-0 whitespace-nowrap tabular-nums"),
+            children: revision === undefined ? `${done}/${total}` : `${done}/${total} · rev ${revision}`
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx("ul", {
+        id: listId,
+        className: "flex flex-col gap-1",
+        children: items.map((item, index) => {
+          const collapsed = canFold && index >= visibleCount && item.status !== "active" && item.status !== "failed";
+          const rowClassName = "fade-in slide-in-from-bottom-1 animate-in fill-mode-both flex items-start gap-2.5 py-0.5 text-base duration-300 motion-reduce:animate-none";
+          const row = /* @__PURE__ */ jsxs(Fragment, {
+            children: [
+              /* @__PURE__ */ jsx("span", {
+                "aria-hidden": true,
+                className: "flex size-4 h-5 shrink-0 items-center justify-center",
+                children: item.status === "done" ? /* @__PURE__ */ jsx(CheckIcon, {
+                  "aria-hidden": "true",
+                  className: cn2("size-4")
+                }) : item.status === "failed" ? /* @__PURE__ */ jsx(XIcon, {
+                  "aria-hidden": "true",
+                  className: cn2("size-4", "text-destructive")
+                }) : item.status === "cancelled" ? /* @__PURE__ */ jsx(MinusIcon, {
+                  "aria-hidden": "true",
+                  className: cn2("size-4")
+                }) : item.status === "active" ? /* @__PURE__ */ jsx(Loader2Icon, {
+                  "aria-hidden": "true",
+                  className: cn2("size-4", "animate-spin motion-reduce:animate-none")
+                }) : /* @__PURE__ */ jsx("span", {
+                  className: "border-foreground/15 size-3.5 rounded-[5px] border"
+                })
+              }),
+              /* @__PURE__ */ jsx("span", {
+                className: "sr-only",
+                children: item.status
+              }),
+              /* @__PURE__ */ jsxs("div", {
+                className: "min-w-0 flex-1 leading-5 break-words",
+                children: [
+                  /* @__PURE__ */ jsx("span", {
+                    className: cn2(item.status === "done" && "text-muted-foreground line-through decoration-[1.5px]", item.status === "active" && "text-foreground", item.status === "pending" && "text-muted-foreground", item.status === "failed" && "text-destructive text-destructive", item.status === "cancelled" && "text-muted-foreground line-through decoration-[1.5px]"),
+                    children: item.text
+                  }),
+                  item.status === "failed" ? item.reason ? /* @__PURE__ */ jsx("p", {
+                    className: "text-muted-foreground text-sm leading-4 break-words",
+                    children: item.reason
+                  }) : null : item.status !== "cancelled" && item.description ? /* @__PURE__ */ jsx("p", {
+                    className: "text-muted-foreground text-sm leading-4 break-words",
+                    children: item.description
+                  }) : null
+                ]
+              })
+            ]
+          });
+          if (collapsed && !expanded)
+            return null;
+          return /* @__PURE__ */ jsx("li", {
+            "data-status": item.status,
+            className: rowClassName,
+            children: row
+          }, item.id);
+        })
+      }),
+      canFold ? /* @__PURE__ */ jsx(Button2, {
+        type: "button",
+        "aria-expanded": expanded,
+        "aria-controls": listId,
+        onClick: () => setExpanded((current) => !current),
+        variant: "ghost",
+        children: expanded ? "Show less" : `Show ${hiddenItems.length} more`
+      }) : null
+    ]
+  });
+}
+
+export { TodoList2 };

package/dist/chunk-nzas8r5v.js

@@ -0,0 +1,22 @@
+// src/components/assistant-ui/utils/tokens.ts
+var UNITS = [
+  { size: 1000, suffix: "k" },
+  { size: 1e6, suffix: "M" },
+  { size: 1e9, suffix: "B" },
+  { size: 1000000000000, suffix: "T" }
+];
+var tenths = (value) => Math.round(value * 10) / 10;
+function formatTokenCount(tokens) {
+  if (!(tokens >= 1000))
+    return `${tokens}`;
+  let label = "";
+  for (const { size, suffix } of UNITS) {
+    const value = tenths(tokens / size);
+    label = `${value}${suffix}`;
+    if (value < 1000)
+      break;
+  }
+  return label;
+}
+
+export { formatTokenCount };

package/dist/chunk-p9aqek06.js

@@ -0,0 +1,68 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  floating,
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/ConfidenceMarker.tsx
+import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var UNDERLINE = {
+  grounded: "decoration-success/50",
+  inferred: "decoration-warning/60",
+  uncertain: "decoration-destructive/50 decoration-dotted"
+};
+var LABEL = {
+  grounded: "from a source",
+  inferred: "inferred",
+  uncertain: "unverified"
+};
+function ConfidenceMarker2({ claims, hoveredId, onHover, ...props }) {
+  const basisId = useId();
+  const hovered = claims.find((claim) => claim.id === hoveredId);
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "ConfidenceMarker",
+    "data-slot": "confidence-marker",
+    className: "flex w-full max-w-sm flex-col gap-2",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("p", {
+        className: "text-base leading-relaxed",
+        children: claims.map((claim) => /* @__PURE__ */ jsxs("button", {
+          type: "button",
+          "aria-describedby": hoveredId === claim.id ? basisId : undefined,
+          onMouseEnter: () => onHover?.(claim.id),
+          onMouseLeave: () => onHover?.(""),
+          onFocus: () => onHover?.(claim.id),
+          onBlur: () => onHover?.(""),
+          className: cn2("focus-visible:ring-foreground/20 inline cursor-help rounded text-start underline decoration-2 underline-offset-[3px] transition-colors outline-none focus-visible:ring-1", UNDERLINE[claim.confidence], hoveredId === claim.id ? "text-foreground/95" : "text-foreground/70"),
+          children: [
+            claim.text,
+            " "
+          ]
+        }, claim.id))
+      }),
+      /* @__PURE__ */ jsx("div", {
+        className: "flex h-9 items-start",
+        children: hovered && /* @__PURE__ */ jsxs("span", {
+          id: basisId,
+          role: "status",
+          className: cn2(floating, mono, "fade-in animate-in text-muted-foreground flex items-center gap-1.5 rounded-full px-2.5 py-1.5 duration-150"),
+          children: [
+            /* @__PURE__ */ jsx("span", {
+              "aria-hidden": true,
+              className: cn2("size-1.5 rounded-full", hovered.confidence === "grounded" && "bg-success", hovered.confidence === "inferred" && "bg-warning", hovered.confidence === "uncertain" && "bg-destructive")
+            }),
+            LABEL[hovered.confidence],
+            " · ",
+            hovered.basis
+          ]
+        })
+      })
+    ]
+  });
+}
+
+export { ConfidenceMarker2 };

package/dist/chunk-pa07b92f.js

@@ -0,0 +1,20 @@
+// src/components/assistant-ui/elements/OpenAILogo.tsx
+import { jsx } from "react/jsx-runtime";
+function OpenAILogo2({ size = "md", ...props }) {
+  return /* @__PURE__ */ jsx("svg", {
+    "data-testid": "OpenAILogo",
+    "data-slot": "icon",
+    width: size === "sm" ? 12 : 14,
+    height: size === "sm" ? 12 : 14,
+    viewBox: "0 0 256 260",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    ...props,
+    children: /* @__PURE__ */ jsx("path", {
+      d: "M239.184 106.203a64.716 64.716 0 0 0-5.576-53.103C219.452 28.459 191 15.784 163.213 21.74A65.586 65.586 0 0 0 52.096 45.22a64.716 64.716 0 0 0-43.23 31.36c-14.31 24.602-11.061 55.634 8.033 76.74a64.665 64.665 0 0 0 5.525 53.102c14.174 24.65 42.644 37.324 70.446 31.36a64.72 64.72 0 0 0 48.754 21.744c28.481.025 53.714-18.361 62.414-45.481a64.767 64.767 0 0 0 43.229-31.36c14.137-24.558 10.875-55.423-8.083-76.483Zm-97.56 136.338a48.397 48.397 0 0 1-31.105-11.255l1.535-.87 51.67-29.825a8.595 8.595 0 0 0 4.247-7.367v-72.85l21.845 12.636c.218.111.37.32.409.563v60.367c-.056 26.818-21.783 48.545-48.601 48.601Zm-104.466-44.61a48.345 48.345 0 0 1-5.781-32.589l1.534.921 51.722 29.826a8.339 8.339 0 0 0 8.441 0l63.181-36.425v25.221a.87.87 0 0 1-.358.665l-52.335 30.184c-23.257 13.398-52.97 5.431-66.404-17.803ZM23.549 85.38a48.499 48.499 0 0 1 25.58-21.333v61.39a8.288 8.288 0 0 0 4.195 7.316l62.874 36.272-21.845 12.636a.819.819 0 0 1-.767 0L41.353 151.53c-23.211-13.454-31.171-43.144-17.804-66.405v.256Zm179.466 41.695-63.08-36.63L161.73 77.86a.819.819 0 0 1 .768 0l52.233 30.184a48.6 48.6 0 0 1-7.316 87.635v-61.391a8.544 8.544 0 0 0-4.4-7.213Zm21.742-32.69-1.535-.922-51.619-30.081a8.39 8.39 0 0 0-8.492 0L99.98 99.808V74.587a.716.716 0 0 1 .307-.665l52.233-30.133a48.652 48.652 0 0 1 72.236 50.391v.205ZM88.061 139.097l-21.845-12.585a.87.87 0 0 1-.41-.614V65.685a48.652 48.652 0 0 1 79.757-37.346l-1.535.87-51.67 29.825a8.595 8.595 0 0 0-4.246 7.367l-.051 72.697Zm11.868-25.58 28.138-16.217 28.188 16.218v32.434l-28.086 16.218-28.188-16.218-.052-32.434Z"
+    })
+  });
+}
+
+export { OpenAILogo2 };

package/dist/chunk-pb8tsrdf.js

@@ -0,0 +1,26 @@
+// src/components/assistant-ui/hooks/useMediaDuration.ts
+import { useEffect, useState } from "react";
+function useMediaDuration(mediaRef, src, durationMs) {
+  const [metadata, setMetadata] = useState({
+    src
+  });
+  useEffect(() => {
+    const media = mediaRef.current;
+    if (!media || media.readyState < HTMLMediaElement.HAVE_METADATA)
+      return;
+    if (Number.isFinite(media.duration) && media.duration >= 0) {
+      setMetadata({ src, duration: media.duration });
+    }
+  }, [mediaRef, src]);
+  const fallbackDuration = durationMs !== undefined && Number.isFinite(durationMs) ? Math.max(0, durationMs / 1000) : undefined;
+  return {
+    duration: metadata.src === src ? metadata.duration ?? fallbackDuration : fallbackDuration,
+    setDurationFromMetadata: (duration) => {
+      if (Number.isFinite(duration) && duration >= 0) {
+        setMetadata({ src, duration });
+      }
+    }
+  };
+}
+
+export { useMediaDuration };

package/dist/chunk-pe1vvkp7.js

@@ -0,0 +1,33 @@
+import {
+  ContextDisplayRoot3
+} from "./chunk-f63f8w58.js";
+import {
+  ContextDisplayTrigger2
+} from "./chunk-86211e5a.js";
+import {
+  ContextDisplayContent2
+} from "./chunk-2b9agdrf.js";
+import {
+  ContextDisplayValue2
+} from "./chunk-qxt0fx4f.js";
+
+// src/components/assistant-ui/elements/ContextDisplayBar.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ContextDisplayBar2({ side, ...props }) {
+  return /* @__PURE__ */ jsxs(ContextDisplayRoot3, {
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(ContextDisplayTrigger2, {
+        "aria-label": "Context usage",
+        children: /* @__PURE__ */ jsx(ContextDisplayValue2, {
+          variant: "bar"
+        })
+      }),
+      /* @__PURE__ */ jsx(ContextDisplayContent2, {
+        side
+      })
+    ]
+  });
+}
+
+export { ContextDisplayBar2 };

package/dist/chunk-pkegpb49.js

@@ -0,0 +1,364 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  useCopyToClipboard
+} from "./chunk-6synj4j9.js";
+import {
+  clamp,
+  take
+} from "./chunk-v8ks0cfq.js";
+import {
+  paper,
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/utils/parseTerminalLine.ts
+import stripAnsi from "strip-ansi";
+import Anser from "anser";
+
+// src/components/assistant-ui/utils/stripTerminalControls.ts
+var ESCAPE = String.fromCharCode(27);
+var BELL = String.fromCharCode(7);
+function stripTerminalControls(line) {
+  let result = "";
+  let index = 0;
+  while (index < line.length) {
+    const character = line[index];
+    if (character !== ESCAPE) {
+      result += character;
+      index += 1;
+      continue;
+    }
+    const command = line[index + 1];
+    if (command === undefined)
+      break;
+    if (/[ -/]/u.test(command)) {
+      let end = index + 2;
+      while (end < line.length && /[ -/]/u.test(line[end] ?? ""))
+        end += 1;
+      if (end === line.length)
+        break;
+      const final = line.charCodeAt(end);
+      index = final >= 48 && final <= 126 ? end + 1 : end;
+      continue;
+    }
+    if (command === "]" || command === "P" || command === "X" || command === "^" || command === "_") {
+      index += 2;
+      while (index < line.length) {
+        if (command === "]" && line[index] === BELL) {
+          index += 1;
+          break;
+        }
+        if (line[index] === ESCAPE && line[index + 1] === "\\") {
+          index += 2;
+          break;
+        }
+        index += 1;
+      }
+      continue;
+    }
+    if (command === "[") {
+      let end = index + 2;
+      while (end < line.length && /[ -?]/u.test(line[end] ?? ""))
+        end += 1;
+      if (end === line.length)
+        break;
+    }
+    result += character;
+    index += 1;
+  }
+  return result;
+}
+
+// src/components/assistant-ui/utils/parseTerminalLine.ts
+function parseTerminalLine(line) {
+  const normalized = line.replace(/[\u0090\u0098\u009b-\u009f]/gu, (control) => `\x1B${String.fromCharCode(control.charCodeAt(0) - 64)}`);
+  const parsed = Anser.ansiToJson(stripTerminalControls(normalized), { remove_empty: true, use_classes: false });
+  const fragments = parsed.map((fragment) => ({
+    text: stripAnsi(fragment.content),
+    foregroundColor: fragment.fg ? `rgb(${fragment.fg})` : null,
+    backgroundColor: fragment.bg ? `rgb(${fragment.bg})` : null,
+    isBold: fragment.decorations.includes("bold"),
+    isDim: fragment.decorations.includes("dim"),
+    isItalic: fragment.decorations.includes("italic"),
+    isUnderline: fragment.decorations.includes("underline"),
+    isStrikethrough: fragment.decorations.includes("strikethrough"),
+    isHidden: fragment.decorations.includes("hidden"),
+    isReverse: fragment.decorations.includes("reverse")
+  }));
+  return { fragments, text: fragments.map((fragment) => fragment.text).join("") };
+}
+
+// src/components/assistant-ui/elements/TerminalAnsiFragment.tsx
+import { useLayoutEffect, useRef, useState } from "react";
+
+// src/components/assistant-ui/utils/readTerminalBackground.ts
+function readTerminalBackground(element) {
+  const backgrounds = [];
+  let current = element;
+  while (current) {
+    backgrounds.push(getComputedStyle(current).backgroundColor);
+    const root = current.getRootNode();
+    current = current.parentElement ?? (root instanceof ShadowRoot ? root.host : null);
+  }
+  const canvas = element.ownerDocument.createElement("canvas");
+  canvas.width = 1;
+  canvas.height = 1;
+  const context = canvas.getContext("2d", { willReadFrequently: true });
+  if (!context)
+    return;
+  for (const background of backgrounds.reverse()) {
+    context.fillStyle = background;
+    context.fillRect(0, 0, 1, 1);
+  }
+  const [red, green, blue, alpha] = context.getImageData(0, 0, 1, 1).data;
+  if (alpha !== 255)
+    return;
+  return `rgb(${red}, ${green}, ${blue})`;
+}
+
+// src/components/assistant-ui/utils/readableTerminalForeground.ts
+import Color from "colorjs.io";
+function readableTerminalForeground(foreground, background, isDim = false) {
+  const original = new Color(foreground);
+  const surface = new Color(background);
+  const minimum = 4.6;
+  if (original.contrastWCAG21(surface) >= minimum) {
+    if (!isDim)
+      return foreground;
+    const perceptual = original.to("oklch");
+    const initial = perceptual.coords[0] ?? 0;
+    const destination = surface.to("oklch").coords[0] ?? 0;
+    let lower = 0;
+    let upper = 1;
+    let result = original;
+    for (let iteration = 0;iteration < 18; iteration += 1) {
+      const fraction = (lower + upper) / 2;
+      const candidate = perceptual.clone().set("l", initial + (destination - initial) * fraction).toGamut("srgb");
+      if (candidate.contrastWCAG21(surface) >= minimum) {
+        lower = fraction;
+        result = candidate;
+      } else {
+        upper = fraction;
+      }
+    }
+    return result.to("srgb").toString({ format: "rgb", precision: 6 });
+  }
+  const perceptual = original.to("oklch");
+  const initialLightness = perceptual.coords[0] ?? 0;
+  const destination = new Color("white").contrastWCAG21(surface) >= new Color("black").contrastWCAG21(surface) ? 1 : 0;
+  let lower = 0;
+  let upper = 1;
+  let result = perceptual.clone().set("l", destination).toGamut("srgb");
+  for (let iteration = 0;iteration < 18; iteration += 1) {
+    const fraction = (lower + upper) / 2;
+    const candidate = perceptual.clone().set("l", initialLightness + (destination - initialLightness) * fraction).toGamut("srgb");
+    if (candidate.contrastWCAG21(surface) >= minimum) {
+      upper = fraction;
+      result = candidate;
+    } else {
+      lower = fraction;
+    }
+  }
+  return result.to("srgb").toString({ format: "rgb", precision: 6 });
+}
+
+// src/components/assistant-ui/elements/TerminalAnsiFragment.tsx
+import { jsx } from "react/jsx-runtime";
+function TerminalAnsiFragment({ fragment }) {
+  const elementRef = useRef(null);
+  const [readableForeground, setReadableForeground] = useState();
+  const foreground = fragment.isReverse ? fragment.backgroundColor : fragment.foregroundColor;
+  const background = fragment.isReverse ? fragment.foregroundColor : fragment.backgroundColor;
+  useLayoutEffect(() => {
+    const element = elementRef.current;
+    if (!element)
+      return;
+    if (!foreground && !background && !fragment.isDim) {
+      setReadableForeground(undefined);
+      return;
+    }
+    const measure = () => {
+      const surface = readTerminalBackground(element);
+      const color = foreground ?? getComputedStyle(element.parentElement ?? element).color;
+      setReadableForeground(surface ? readableTerminalForeground(color, surface, fragment.isDim) : foreground ?? undefined);
+    };
+    measure();
+    const observer = new MutationObserver(measure);
+    observer.observe(element.ownerDocument.documentElement, {
+      attributes: true,
+      attributeFilter: ["class", "style", "data-theme"]
+    });
+    const root = element.getRootNode();
+    if (root instanceof ShadowRoot)
+      observer.observe(root.host, { attributes: true, attributeFilter: ["class", "style", "data-theme"] });
+    return () => observer.disconnect();
+  }, [foreground, background, fragment.isDim]);
+  return /* @__PURE__ */ jsx("span", {
+    ref: elementRef,
+    style: {
+      color: readableForeground ?? foreground ?? undefined,
+      backgroundColor: background ?? undefined,
+      fontWeight: fragment.isBold ? 700 : undefined,
+      fontStyle: fragment.isItalic ? "italic" : undefined,
+      textDecorationLine: [fragment.isUnderline ? "underline" : "", fragment.isStrikethrough ? "line-through" : ""].filter(Boolean).join(" ") || undefined,
+      visibility: fragment.isHidden ? "hidden" : undefined
+    },
+    children: fragment.text
+  });
+}
+
+// src/components/assistant-ui/elements/TerminalBlock.tsx
+import { useId, useState as useState2 } from "react";
+import { CheckIcon, CopyIcon, Loader2Icon, XIcon } from "lucide-react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var formatDuration = (durationMs) => {
+  const duration = Math.floor(clamp(durationMs, 0, Number.MAX_SAFE_INTEGER));
+  if (duration < 1000)
+    return `${duration}ms`;
+  if (duration < 60000) {
+    const seconds = Math.round(duration / 100) / 10;
+    return `${Number.isInteger(seconds) ? seconds : seconds.toFixed(1)}s`;
+  }
+  const minutes = Math.floor(duration / 60000);
+  const seconds = Math.floor(duration % 60000 / 1000);
+  return `${minutes}m ${String(seconds).padStart(2, "0")}s`;
+};
+function TerminalBlock2({
+  command,
+  lines,
+  visibleCount,
+  done,
+  variant = "paper",
+  exitCode: exitCodeProp,
+  stderr,
+  cwd,
+  durationMs,
+  truncated,
+  maxCollapsedLines,
+  className,
+  ...props
+}) {
+  const ink = variant === "ink";
+  const exitCode = exitCodeProp ?? 0;
+  const failed = done && exitCode !== 0;
+  const state = !done ? "running" : failed ? "failed" : "done";
+  const output = [
+    ...lines.map((line) => ({ line, stderr: false })),
+    ...(stderr ?? []).map((line) => ({ line, stderr: true }))
+  ];
+  const revealedLines = take(output, visibleCount);
+  const collapsedLines = Math.floor(clamp(maxCollapsedLines ?? revealedLines.length, 0, revealedLines.length));
+  const canCollapse = done && maxCollapsedLines !== undefined && revealedLines.length > collapsedLines;
+  const [expanded, setExpanded] = useState2(false);
+  const displayedLines = canCollapse && !expanded ? take(revealedLines, collapsedLines) : revealedLines;
+  const outputId = useId();
+  const { isCopied, copyToClipboard } = useCopyToClipboard();
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "TerminalBlock",
+    className: cn2(cn2(ink ? "bg-(--terminal-background) border border-border" : paper, "w-full max-w-md overflow-hidden rounded-md font-mono text-sm"), className),
+    ...props,
+    "data-slot": "terminal-block",
+    "data-state": state,
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex items-center justify-between gap-3 px-4 pt-3 pb-1.5",
+        children: [
+          /* @__PURE__ */ jsxs("span", {
+            className: cn2("min-w-0 break-words", ink ? "text-muted-foreground" : "text-foreground"),
+            children: [
+              cwd ? /* @__PURE__ */ jsxs("span", {
+                className: cn2(ink ? "text-muted-foreground" : "text-muted-foreground"),
+                children: [
+                  cwd,
+                  " $ "
+                ]
+              }) : null,
+              command
+            ]
+          }),
+          done ? /* @__PURE__ */ jsxs("div", {
+            className: "flex shrink-0 items-center gap-1",
+            children: [
+              failed ? /* @__PURE__ */ jsx2(XIcon, {
+                "aria-hidden": "true",
+                className: cn2("size-4", "text-destructive")
+              }) : /* @__PURE__ */ jsx2(CheckIcon, {
+                "aria-hidden": "true",
+                className: cn2("size-4")
+              }),
+              /* @__PURE__ */ jsxs("span", {
+                className: cn2(mono, failed ? "text-destructive" : ink ? "text-muted-foreground" : "text-muted-foreground"),
+                children: [
+                  "exit ",
+                  exitCode
+                ]
+              }),
+              durationMs !== undefined ? /* @__PURE__ */ jsx2("span", {
+                className: cn2(mono, ink ? "text-muted-foreground" : "text-muted-foreground"),
+                children: formatDuration(durationMs)
+              }) : null,
+              output.length > 0 ? /* @__PURE__ */ jsx2(Button2, {
+                type: "button",
+                "aria-label": "Copy output",
+                onClick: () => copyToClipboard(output.map(({ line }) => parseTerminalLine(line).text).join(`
+`)),
+                variant: "ghost",
+                children: isCopied ? /* @__PURE__ */ jsx2(CheckIcon, {
+                  "aria-hidden": "true",
+                  "data-icon": "inline-start"
+                }) : /* @__PURE__ */ jsx2(CopyIcon, {
+                  "aria-hidden": "true",
+                  "data-icon": "inline-start"
+                })
+              }) : null
+            ]
+          }) : /* @__PURE__ */ jsx2(Loader2Icon, {
+            "aria-hidden": "true",
+            className: cn2("size-4", "animate-spin motion-reduce:animate-none")
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        className: cn2("flex min-h-[136px] flex-col gap-1 px-4 pt-1 pb-3.5", ink ? "text-muted-foreground" : "text-muted-foreground"),
+        children: [
+          /* @__PURE__ */ jsx2("div", {
+            id: outputId,
+            className: "flex flex-col gap-1",
+            children: displayedLines.map(({ line, stderr: isStderr }, index) => {
+              const isLast = index === revealedLines.length - 1;
+              return /* @__PURE__ */ jsx2("div", {
+                className: cn2("fade-in animate-in fill-mode-both break-words whitespace-pre-wrap duration-300 motion-reduce:animate-none", isStderr ? "text-destructive" : isLast && (ink ? "text-muted-foreground" : "text-foreground")),
+                children: parseTerminalLine(line).fragments.map((fragment, fragmentIndex) => /* @__PURE__ */ jsx2(TerminalAnsiFragment, {
+                  fragment: isStderr ? { ...fragment, foregroundColor: null } : fragment
+                }, fragmentIndex))
+              }, `${index}-${line}`);
+            })
+          }),
+          canCollapse ? /* @__PURE__ */ jsx2(Button2, {
+            type: "button",
+            "aria-expanded": expanded,
+            "aria-controls": outputId,
+            onClick: () => setExpanded((value) => !value),
+            variant: "ghost",
+            children: expanded ? "Show less" : `Show all ${revealedLines.length} lines`
+          }) : null,
+          truncated ? /* @__PURE__ */ jsx2("span", {
+            className: cn2(mono, ink ? "text-muted-foreground" : "text-muted-foreground"),
+            children: "output truncated"
+          }) : null,
+          !done && /* @__PURE__ */ jsx2("span", {
+            "aria-hidden": true,
+            className: "inline-block h-3 w-1.5 animate-pulse bg-primary/70 motion-reduce:animate-none bg-primary/70"
+          })
+        ]
+      })
+    ]
+  });
+}
+
+export { TerminalBlock2 };