@athenaintel/react 0.57.2 → 0.59.0

package/dist/tools/browser-tool-uis.cjs

@@ -0,0 +1,594 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const lucideReact = require("lucide-react");
+const require$$0 = require("react");
+const assetPanelStore = require("../assets/asset-panel-store.cjs");
+const primitives = require("./primitives.cjs");
+const studioScreenshotToolUis = require("./studio-screenshot-tool-uis.cjs");
+const toolFallback = require("./tool-fallback.cjs");
+const ptcSubcalls = require("../agent-runtime/src/ptc-subcalls.cjs");
+const toolResult = require("../agent-runtime/src/tool-result.cjs");
+const toolMetadata = require("../agent-runtime/src/tool-metadata.cjs");
+const cnfast = require("cnfast");
+const TOOL_STATUS = {
+  running: "running",
+  awaiting: "requires-action",
+  complete: "complete",
+  failed: "incomplete"
+};
+function callState(call) {
+  const classification = toolResult.classifyToolResult({
+    status: call.status,
+    result: call.result,
+    isError: call.isError
+  });
+  switch (classification.state) {
+    case "running":
+      return { kind: "running" };
+    case "requires-action":
+      return { kind: "awaiting" };
+    case "complete":
+      return { kind: "complete" };
+    case "error":
+      return { kind: "failed", error: classification.failure.message };
+    case "rejected":
+    case "paused":
+      return null;
+  }
+}
+function browserCall(props) {
+  return {
+    toolName: props.toolName,
+    args: toolResult.isRecord(props.args) ? props.args : {},
+    result: props.result,
+    status: props.status,
+    isError: props.isError
+  };
+}
+function withoutEllipsis(text) {
+  return text.replace(/(\.{3}|…)\s*$/u, "");
+}
+function cardLine(state, words, toolName) {
+  switch (state.kind) {
+    case "running":
+      return words.running;
+    case "complete":
+      return words.done;
+    case "awaiting":
+      return {
+        title: `Waiting for confirmation of ${toolMetadata.getToolDisplayMeta(toolName).displayName}`,
+        subtitle: words.running.subtitle
+      };
+    case "failed":
+      return { title: withoutEllipsis(words.running.title), subtitle: words.running.subtitle };
+  }
+}
+function failureText(state) {
+  return state.kind === "failed" ? state.error : void 0;
+}
+function browserToolUI(Card, icon, displayName) {
+  const Impl = (props) => {
+    const call = browserCall(props);
+    const state = callState(call);
+    if (!state) return /* @__PURE__ */ jsxRuntime.jsx(toolFallback.ToolFallback, { ...props, icon });
+    return /* @__PURE__ */ jsxRuntime.jsx(Card, { call, state });
+  };
+  const ToolUI = require$$0.memo(Impl);
+  ToolUI.displayName = displayName;
+  return ToolUI;
+}
+function stringArg(value) {
+  return typeof value === "string" ? value : void 0;
+}
+function scalarArg(value) {
+  if (typeof value === "string") return value;
+  if (typeof value === "number" && Number.isFinite(value)) return String(value);
+  return void 0;
+}
+function httpUrl(value) {
+  return typeof value === "string" && /^https?:\/\//i.test(value) ? value : void 0;
+}
+function assetIdOf(value) {
+  return typeof value === "string" && value.startsWith("asset_") ? value : void 0;
+}
+function resultItems(result) {
+  if (Array.isArray(result)) return result;
+  if (typeof result !== "string") return result == null ? [] : [result];
+  try {
+    const parsed = JSON.parse(result);
+    if (typeof parsed === "string") return [];
+    return Array.isArray(parsed) ? parsed : [parsed];
+  } catch {
+  }
+  const items = [];
+  for (const line of result.split("\n")) {
+    const trimmed = line.trim();
+    if (!trimmed) continue;
+    try {
+      const parsed = JSON.parse(trimmed);
+      if (typeof parsed !== "string") items.push(parsed);
+    } catch {
+    }
+  }
+  return items;
+}
+const IMAGE_MEDIA_TYPE = /^image\/[\w.+-]+$/i;
+function screenshotSource(result) {
+  for (const item of resultItems(result)) {
+    if (Array.isArray(item)) {
+      const nested = screenshotSource(item);
+      if (nested !== void 0) return nested;
+      continue;
+    }
+    if (!toolResult.isRecord(item)) continue;
+    if (item.type === "image" && toolResult.isRecord(item.source)) {
+      const source = item.source;
+      const s3Key = source.type === "s3_key" && typeof source.data === "string" && source.data ? source.data : null;
+      const url2 = httpUrl(source.presigned_url) ?? httpUrl(source.url);
+      if (url2) return { url: url2, s3Key };
+      if (source.type === "base64" && typeof source.data === "string" && source.data) {
+        const mediaType = typeof source.media_type === "string" && IMAGE_MEDIA_TYPE.test(source.media_type) ? source.media_type : "image/png";
+        return { url: `data:${mediaType};base64,${source.data}`, s3Key: null };
+      }
+      if (s3Key) return { url: null, s3Key };
+    }
+    const url = httpUrl(item.presigned_url);
+    if (url) return { url, s3Key: null };
+  }
+  return void 0;
+}
+function ZoomScreenshot({ source, region }) {
+  const src = studioScreenshotToolUis.useScreenshotUrl({ s3Key: source.s3Key, fallbackUrl: source.url });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ScreenshotPreview,
+    {
+      src,
+      alt: "Zoomed region screenshot",
+      aspectRatio: zoomRegionAspectRatio(region),
+      className: "max-w-full rounded border border-border"
+    }
+  );
+}
+function zoomRegionAspectRatio(region) {
+  if (!Array.isArray(region) || region.length !== 4) return void 0;
+  const [x0, y0, x1, y1] = region;
+  if (typeof x0 !== "number" || typeof y0 !== "number" || typeof x1 !== "number" || typeof y1 !== "number" || ![x0, y0, x1, y1].every(Number.isFinite)) {
+    return void 0;
+  }
+  const width = Math.abs(x1 - x0);
+  const height = Math.abs(y1 - y0);
+  return width > 0 && height > 0 ? width / height : void 0;
+}
+function ScreenshotPreview({
+  src,
+  alt,
+  aspectRatio,
+  className
+}) {
+  const [failedSrc, setFailedSrc] = require$$0.useState(null);
+  const framed = aspectRatio !== void 0;
+  const content = src === null || failedSrc === src ? /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cnfast.cn(
+        "flex items-center justify-center rounded border border-dashed border-border bg-muted px-4 py-6 text-center text-sm text-muted-foreground",
+        framed ? "h-full w-full" : className
+      ),
+      children: "Screenshot preview is no longer available."
+    }
+  ) : (
+    // biome-ignore lint/a11y/noNoninteractiveElementInteractions: a failed load, not an interaction; the placeholder replaces the image
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src,
+        alt,
+        className: framed ? "h-full w-full object-contain" : className,
+        onError: () => setFailedSrc(src)
+      }
+    )
+  );
+  if (!framed) return content;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-testid": "screenshot-frame",
+      className: cnfast.cn("flex w-full items-center justify-center overflow-hidden", className),
+      style: { aspectRatio },
+      children: content
+    }
+  );
+}
+const FIXED_COMPUTER_WORDS = /* @__PURE__ */ new Map([
+  ["left_click", ["Left-Clicking...", "Did Left-Click"]],
+  ["right_click", ["Right-Clicking...", "Did Right-Click"]],
+  ["middle_click", ["Middle-Clicking...", "Did Middle-Click"]],
+  ["double_click", ["Double-Clicking...", "Did Double-Click"]],
+  ["triple_click", ["Triple-Clicking...", "Did Triple-Click"]],
+  ["screenshot", ["Taking Screenshot...", "Took Screenshot"]],
+  ["cursor_position", ["Getting Cursor Position...", "Got Cursor Position"]],
+  ["move", ["Moving Mouse...", "Moved Mouse"]],
+  ["drag", ["Dragging...", "Dragged"]],
+  ["mouse_move", ["Moving Mouse...", "Moved Mouse"]],
+  ["left_click_drag", ["Dragging...", "Dragged"]],
+  ["left_mouse_down", ["Pressing Mouse Button...", "Pressed Mouse Button"]],
+  ["left_mouse_up", ["Releasing Mouse Button...", "Released Mouse Button"]],
+  ["zoom", ["Zooming...", "Zoomed"]]
+]);
+function computerWords(args) {
+  const action = stringArg(args.action);
+  if (!action) return { running: { title: "Using Computer..." }, done: { title: "Used Computer" } };
+  const fixed = FIXED_COMPUTER_WORDS.get(action);
+  if (fixed) return { running: { title: fixed[0] }, done: { title: fixed[1] } };
+  const text = scalarArg(args.text);
+  switch (action) {
+    case "type": {
+      const typed = `"${text ?? ""}"`;
+      return {
+        running: { title: "Typing...", subtitle: typed },
+        done: { title: "Typed", subtitle: typed }
+      };
+    }
+    case "key":
+      return {
+        running: { title: `Pressing ${text || "key"}...` },
+        done: { title: `Pressed ${text || "key"}` }
+      };
+    case "hold_key":
+      return {
+        running: { title: `Holding ${text || "key"}...` },
+        done: { title: `Held ${text || "key"}` }
+      };
+    case "scroll": {
+      const direction = scalarArg(args.scroll_direction);
+      return direction ? {
+        running: { title: `Scrolling ${direction}...` },
+        done: { title: `Scrolled ${direction}` }
+      } : { running: { title: "Scrolling..." }, done: { title: "Scrolled" } };
+    }
+    case "wait": {
+      const seconds = scalarArg(args.duration) || "0";
+      return {
+        running: { title: `Waiting ${seconds}s...` },
+        done: { title: `Waited ${seconds}s` }
+      };
+    }
+    default:
+      return {
+        running: { title: `Performing ${action}...` },
+        done: { title: `Performed ${action}` }
+      };
+  }
+}
+function ComputerCard({ call, state }) {
+  const line = cardLine(state, computerWords(call.args), call.toolName);
+  const screenshot = call.args.action === "zoom" && state.kind === "complete" ? screenshotSource(call.result) : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    primitives.ToolCard,
+    {
+      icon: lucideReact.MousePointerClickIcon,
+      status: TOOL_STATUS[state.kind],
+      title: line.title,
+      subtitle: line.subtitle,
+      toolName: call.toolName,
+      error: failureText(state),
+      args: call.args,
+      result: call.result,
+      children: screenshot !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(primitives.ExpandableSection, { defaultOpen: true, children: /* @__PURE__ */ jsxRuntime.jsx(studioScreenshotToolUis.ScreenshotQueryScope, { children: /* @__PURE__ */ jsxRuntime.jsx(ZoomScreenshot, { source: screenshot, region: call.args.region }) }) }) : null
+    }
+  );
+}
+const ComputerToolUI = browserToolUI(ComputerCard, lucideReact.MousePointerClickIcon, "ComputerToolUI");
+function GoToUrlCard({ call, state }) {
+  const url = stringArg(call.args.url);
+  if (!url && state.kind === "running") return null;
+  const line = cardLine(
+    state,
+    { running: { title: "Visiting", subtitle: url }, done: { title: "Visited", subtitle: url } },
+    call.toolName
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    primitives.ToolCard,
+    {
+      icon: lucideReact.GlobeIcon,
+      status: TOOL_STATUS[state.kind],
+      title: line.title,
+      subtitle: line.subtitle,
+      toolName: call.toolName,
+      error: failureText(state),
+      args: call.args,
+      result: call.result
+    }
+  );
+}
+const GoToUrlToolUI = browserToolUI(GoToUrlCard, lucideReact.GlobeIcon, "GoToUrlToolUI");
+function currentUrlOf(result) {
+  var _a;
+  const record = toolResult.resultRecord(result);
+  if (record) return stringArg(record.url) || stringArg(record.current_url) || "Unknown";
+  if (typeof result === "string") return ((_a = /https?:\/\/[^\s"']+/i.exec(result)) == null ? void 0 : _a[0]) ?? "Unknown";
+  return "Unknown";
+}
+function GetCurrentUrlCard({ call, state }) {
+  const line = cardLine(
+    state,
+    {
+      running: { title: "Getting current URL..." },
+      done: { title: "Current URL", subtitle: currentUrlOf(call.result) }
+    },
+    call.toolName
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    primitives.ToolCard,
+    {
+      icon: lucideReact.LinkIcon,
+      status: TOOL_STATUS[state.kind],
+      title: line.title,
+      subtitle: line.subtitle,
+      toolName: call.toolName,
+      error: failureText(state),
+      args: call.args,
+      result: call.result
+    }
+  );
+}
+const GetCurrentUrlToolUI = browserToolUI(
+  GetCurrentUrlCard,
+  lucideReact.LinkIcon,
+  "GetCurrentUrlToolUI"
+);
+function GetPageTextCard({ call, state }) {
+  const line = cardLine(
+    state,
+    { running: { title: "Reading page content..." }, done: { title: "Read page content" } },
+    call.toolName
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    primitives.ToolCard,
+    {
+      icon: lucideReact.FileTextIcon,
+      status: TOOL_STATUS[state.kind],
+      title: line.title,
+      subtitle: line.subtitle,
+      toolName: call.toolName,
+      error: failureText(state),
+      args: call.args,
+      result: call.result
+    }
+  );
+}
+const GetPageTextToolUI = browserToolUI(GetPageTextCard, lucideReact.FileTextIcon, "GetPageTextToolUI");
+function stopSummary(result) {
+  const record = toolResult.resultRecord(result);
+  const seconds = record == null ? void 0 : record.duration_seconds;
+  const parts = [
+    typeof seconds === "number" ? seconds >= 60 ? `after ${Math.round(seconds / 60)}m` : `after ${seconds}s` : null,
+    (record == null ? void 0 : record.persisted_changes_to_profile) === true ? "changes persisted to the browse profile" : null
+  ].filter((part) => part !== null);
+  return parts.length > 0 ? parts.join(" — ") : void 0;
+}
+function StopBrowserSessionCard({ call, state }) {
+  const line = state.kind === "failed" ? { title: "Could not stop browser session" } : cardLine(
+    state,
+    {
+      running: { title: "Stopping browser session..." },
+      done: { title: "Stopped browser session", subtitle: stopSummary(call.result) }
+    },
+    call.toolName
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    primitives.ToolCard,
+    {
+      icon: lucideReact.CircleStopIcon,
+      status: TOOL_STATUS[state.kind],
+      title: line.title,
+      subtitle: line.subtitle,
+      toolName: call.toolName,
+      error: failureText(state),
+      args: call.args,
+      result: call.result
+    }
+  );
+}
+const StopBrowserSessionToolUI = browserToolUI(
+  StopBrowserSessionCard,
+  lucideReact.CircleStopIcon,
+  "StopBrowserSessionToolUI"
+);
+function browseProfilesOf(args, record) {
+  const requested = Array.isArray(args.browse_profile_asset_ids) ? args.browse_profile_asset_ids.filter((id) => typeof id === "string") : [];
+  const single = stringArg(args.browse_profile_asset_id);
+  const ids = requested.length > 0 ? requested : single ? [single] : [];
+  const loaded = Array.isArray(record == null ? void 0 : record.browse_profiles) ? record.browse_profiles : [];
+  const lines = [];
+  for (const assetId of ids) {
+    const profile = loaded.find((entry) => toolResult.isRecord(entry) && entry.asset_id === assetId);
+    const title = toolResult.isRecord(profile) ? stringArg(profile.title) : void 0;
+    if (title) lines.push({ assetId, title });
+  }
+  return lines;
+}
+function CreateNewBrowseSessionCard({ call, state }) {
+  const openAsset = assetPanelStore.useAssetPanelStore((s) => s.openAsset);
+  const record = toolResult.resultRecord(call.result);
+  const assetId = assetIdOf(record == null ? void 0 : record.asset_id);
+  const argTitle = stringArg(call.args.title);
+  const title = stringArg(record == null ? void 0 : record.title) ?? argTitle;
+  const profiles = state.kind === "complete" ? browseProfilesOf(call.args, record) : [];
+  const line = cardLine(
+    state,
+    {
+      running: { title: "Creating browse session...", subtitle: argTitle },
+      done: { title: "Browse session created", subtitle: title }
+    },
+    call.toolName
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    primitives.ToolCard,
+    {
+      icon: lucideReact.GlobeIcon,
+      status: TOOL_STATUS[state.kind],
+      title: line.title,
+      subtitle: line.subtitle,
+      toolName: call.toolName,
+      error: failureText(state),
+      args: call.args,
+      result: call.result,
+      children: [
+        profiles.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(primitives.ExpandableSection, { children: profiles.map((profile) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => openAsset(profile.assetId, { name: profile.title, type: "unknown" }),
+            className: "mt-2 flex w-full items-center gap-2 rounded border border-border bg-muted p-2 text-left transition-colors first:mt-0 hover:bg-muted/70",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleUserRoundIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-foreground", children: [
+                "using profile: ",
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: profile.title })
+              ] })
+            ]
+          },
+          profile.assetId
+        )) }) : null,
+        state.kind === "complete" && assetId ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 border-t border-border/40 px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => openAsset(assetId, { name: title, type: "unknown" }),
+            className: "flex items-center gap-1.5 rounded-md border border-border/60 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLinkIcon, { className: "size-3" }),
+              "Open session"
+            ]
+          }
+        ) }) : null
+      ]
+    }
+  );
+}
+const CreateNewBrowseSessionToolUI = browserToolUI(
+  CreateNewBrowseSessionCard,
+  lucideReact.GlobeIcon,
+  "CreateNewBrowseSessionToolUI"
+);
+const BATCH_HEADER = /^[a-z_]+:\s+(\d+)\/(\d+)\s+ok(?:\s+—\s+STOPPED at step (\d+)\s+\(([^)]*)\))?/;
+function parseBrowserBatchSummary(result) {
+  if (typeof result !== "string") return null;
+  const match = BATCH_HEADER.exec(result.trimStart());
+  if (!match) return null;
+  return {
+    okCount: Number(match[1]),
+    totalSteps: Number(match[2]),
+    stoppedAtStep: match[3] ? Number(match[3]) : null,
+    stoppedAtLabel: match[4] ?? null
+  };
+}
+function countBrowserBatchSteps(steps) {
+  if (Array.isArray(steps)) return steps.length;
+  if (typeof steps !== "string") return 0;
+  try {
+    const parsed = JSON.parse(steps);
+    return Array.isArray(parsed) ? parsed.length : 0;
+  } catch {
+    return 0;
+  }
+}
+function describeBrowserBatchSteps(count) {
+  return `${count} browser ${count === 1 ? "step" : "steps"}`;
+}
+function formatBrowserBatchSummary(summary) {
+  const steps = describeBrowserBatchSteps(summary.totalSteps);
+  if (summary.stoppedAtStep !== null) {
+    const label = summary.stoppedAtLabel ? ` (${summary.stoppedAtLabel})` : "";
+    return `Stopped at step ${summary.stoppedAtStep}${label} — ${summary.okCount}/${summary.totalSteps} steps ok`;
+  }
+  if (summary.okCount < summary.totalSteps) {
+    return `Ran ${steps}, ${summary.totalSteps - summary.okCount} failed`;
+  }
+  return `Ran ${steps}`;
+}
+const BATCH_STEP_CARDS = /* @__PURE__ */ new Map([
+  ["computer", ComputerCard],
+  ["go_to_url", GoToUrlCard],
+  ["get_current_url", GetCurrentUrlCard],
+  ["get_page_text", GetPageTextCard]
+]);
+function batchStepCall(step) {
+  return {
+    toolName: step.name,
+    args: step.args,
+    result: step.result,
+    status: step.status === "in_flight" ? { type: "running" } : { type: "complete" },
+    isError: step.status === "error"
+  };
+}
+function batchStepDetail(step) {
+  const assetId = step.args.assetId;
+  if (typeof assetId === "string" && assetId) return assetId;
+  const first = Object.values(step.args).find(
+    (value) => typeof value === "string" && value.length > 0
+  );
+  const detail = first ? first.replace(/\s+/g, " ").trim() : "";
+  return detail.length > 60 ? `${detail.slice(0, 59)}…` : detail;
+}
+function BatchStepRow({ step }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2 py-0.5", children: [
+    step.status === "error" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircleIcon, { className: "size-3.5 shrink-0 text-destructive" }) : step.status === "completed" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2Icon, { className: "size-3.5 shrink-0 text-emerald-600" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LoaderIcon, { className: "size-3.5 shrink-0 animate-spin text-muted-foreground" }),
+    /* @__PURE__ */ jsxRuntime.jsx("code", { className: "shrink-0 font-mono text-xs text-foreground", children: step.name }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-[11px] text-muted-foreground", children: batchStepDetail(step) })
+  ] });
+}
+function BatchStep({ step }) {
+  const call = batchStepCall(step);
+  const state = callState(call);
+  const Card = BATCH_STEP_CARDS.get(step.name);
+  if (Card && state) return /* @__PURE__ */ jsxRuntime.jsx(Card, { call, state });
+  return /* @__PURE__ */ jsxRuntime.jsx(BatchStepRow, { step });
+}
+const BrowserBatchToolUIImpl = (props) => {
+  var _a;
+  const call = browserCall(props);
+  const state = callState(call);
+  if (!state) return /* @__PURE__ */ jsxRuntime.jsx(toolFallback.ToolFallback, { ...props, icon: lucideReact.ListChecksIcon });
+  const requested = countBrowserBatchSteps(call.args.steps);
+  const summary = parseBrowserBatchSummary(call.result);
+  const running = {
+    title: requested > 0 ? `Running ${describeBrowserBatchSteps(requested)}...` : "Running browser steps..."
+  };
+  const done = {
+    title: summary ? formatBrowserBatchSummary(summary) : requested > 0 ? `Ran ${describeBrowserBatchSteps(requested)}` : "Ran browser steps"
+  };
+  const line = state.kind === "failed" && summary ? done : cardLine(state, { running, done }, call.toolName);
+  const hasNestedMessages = (((_a = props.messages) == null ? void 0 : _a.length) ?? 0) > 0;
+  const steps = hasNestedMessages ? [] : ptcSubcalls.ptcSubcallsFromArtifact(props.artifact);
+  const showsReport = steps.length === 0 && !hasNestedMessages && (state.kind === "complete" || state.kind === "failed" && summary !== null);
+  const report = showsReport && typeof call.result === "string" ? call.result.trim() : "";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    primitives.ToolCard,
+    {
+      icon: lucideReact.ListChecksIcon,
+      status: TOOL_STATUS[state.kind],
+      title: line.title,
+      subtitle: line.subtitle,
+      toolName: call.toolName,
+      error: failureText(state),
+      args: call.args,
+      result: call.result,
+      children: steps.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(primitives.ExpandableSection, { defaultOpen: state.kind === "running", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: steps.map((step) => /* @__PURE__ */ jsxRuntime.jsx(BatchStep, { step }, step.id)) }) }) : report ? /* @__PURE__ */ jsxRuntime.jsx(primitives.ExpandableSection, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap text-sm text-foreground", children: report }) }) : null
+    }
+  );
+};
+const BrowserBatchToolUI = require$$0.memo(
+  BrowserBatchToolUIImpl
+);
+BrowserBatchToolUI.displayName = "BrowserBatchToolUI";
+exports.BrowserBatchToolUI = BrowserBatchToolUI;
+exports.ComputerToolUI = ComputerToolUI;
+exports.CreateNewBrowseSessionToolUI = CreateNewBrowseSessionToolUI;
+exports.GetCurrentUrlToolUI = GetCurrentUrlToolUI;
+exports.GetPageTextToolUI = GetPageTextToolUI;
+exports.GoToUrlToolUI = GoToUrlToolUI;
+exports.StopBrowserSessionToolUI = StopBrowserSessionToolUI;
+//# sourceMappingURL=browser-tool-uis.cjs.map