@recombine-ai/bosun 0.16.1 → 0.16.2-cloud-2

package/build/server/chunks/ChatStepTrace-CX2Zolmp.js

@@ -1,556 +0,0 @@
-import { k as escape_html, p as attr_class, az as clsx, l as attr, n as stringify, m as derived } from './index-rHCWxLFZ.js';
-import { o as onDestroy } from './index-server-BMxlf3ZC.js';
-import { I as Icon } from './Icon-DadJPtVP.js';
-import { i as isMainStepName } from './steps-DzZCg39h.js';
-import './trpc-client-D8L6vWf4.js';
-
-function createDragSelectClickGuard(options = {}) {
-  const thresholdPx = options.thresholdPx ?? 4;
-  const dragCursor = options.dragCursor ?? "text";
-  let startX = 0;
-  let startY = 0;
-  let didDrag = false;
-  let pointerDown = false;
-  let cursorEl = null;
-  let abortController = null;
-  function cleanup() {
-    pointerDown = false;
-    didDrag = false;
-    cursorEl?.style.removeProperty("cursor");
-    cursorEl = null;
-    abortController?.abort();
-    abortController = null;
-  }
-  function onPointerDown(event) {
-    if (typeof window === "undefined") return;
-    if (event.button !== 0) return;
-    abortController?.abort();
-    abortController = null;
-    cursorEl?.style.removeProperty("cursor");
-    startX = event.clientX;
-    startY = event.clientY;
-    didDrag = false;
-    pointerDown = true;
-    cursorEl = event.currentTarget instanceof HTMLElement ? event.currentTarget : null;
-    const controller = new AbortController();
-    abortController = controller;
-    const onMove = (moveEvent) => {
-      if (!pointerDown || didDrag) return;
-      const dx = Math.abs(moveEvent.clientX - startX);
-      const dy = Math.abs(moveEvent.clientY - startY);
-      if (dx + dy < thresholdPx) return;
-      didDrag = true;
-      cursorEl?.style.setProperty("cursor", dragCursor);
-    };
-    const onEnd = () => {
-      pointerDown = false;
-      cursorEl?.style.removeProperty("cursor");
-      cursorEl = null;
-      controller.abort();
-      if (abortController === controller) abortController = null;
-    };
-    window.addEventListener("pointermove", onMove, { signal: controller.signal });
-    window.addEventListener("pointerup", onEnd, { signal: controller.signal });
-    window.addEventListener("pointercancel", onEnd, { signal: controller.signal });
-  }
-  function shouldSuppressClick(event) {
-    return event.detail > 0 && didDrag;
-  }
-  return { onPointerDown, shouldSuppressClick, cleanup };
-}
-function ChatApiCallTrace($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { trace } = $$props;
-    const clickGuard = createDragSelectClickGuard();
-    onDestroy(clickGuard.cleanup);
-    function formatHHmmss(ms) {
-      if (typeof ms !== "number" || !Number.isFinite(ms)) return null;
-      const d = new Date(ms);
-      if (Number.isNaN(d.getTime())) return null;
-      const hh = String(d.getHours()).padStart(2, "0");
-      const mm = String(d.getMinutes()).padStart(2, "0");
-      const ss = String(d.getSeconds()).padStart(2, "0");
-      return `${hh}:${mm}:${ss}`;
-    }
-    const time = derived(() => formatHHmmss(trace.createdAt));
-    const derivedError = derived(() => {
-      if (trace.error != null) return trace.error;
-      const isFailed = trace.ok === false || typeof trace.status === "number" && trace.status >= 400;
-      if (!isFailed) return void 0;
-      const resp = trace.response;
-      if (resp && typeof resp === "object") {
-        if ("error" in resp && resp.error != null) return resp.error;
-      }
-      return { status: trace.status, ok: trace.ok };
-    });
-    const hasError = derived(() => derivedError() != null);
-    const oneLine = derived(() => trace.operationName);
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      $$renderer3.push(`<button type="button" class="flex w-full cursor-pointer select-text items-baseline gap-2 truncate rounded-md bg-transparent px-2 py-1 text-left text-sm text-rc-gray-200 hover:bg-rc-gray-800/40">`);
-      Icon($$renderer3, {
-        name: hasError() ? "close" : "checkmark",
-        width: 18,
-        height: 18,
-        class: hasError() ? "self-center text-red-400" : "self-center text-rc-green-200"
-      });
-      $$renderer3.push(`<!----> `);
-      if (time()) {
-        $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<span class="text-[13px] leading-none text-rc-gray-400">${escape_html(time())}</span>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> <span${attr_class(clsx(hasError() ? "text-red-200" : ""))}>${escape_html(oneLine())}</span></button> `);
-      {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]-->`);
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-  });
-}
-function isStepTrace(entry) {
-  return !("operationName" in entry) && !("eventName" in entry);
-}
-function isMainStepTrace(entry) {
-  return isStepTrace(entry) && isMainStepName(entry.name);
-}
-function findMainStepTraceNear(entries, index, options = {}) {
-  if (index < 0) return null;
-  const matches = (entry) => {
-    if (!isMainStepTrace(entry)) return false;
-    if (!options.requireRenderedPrompt) return true;
-    return typeof entry.renderedPrompt === "string" && entry.renderedPrompt.trim().length > 0;
-  };
-  return [...entries.slice(0, index)].reverse().find(matches) ?? entries.slice(index + 1).find(matches) ?? null;
-}
-function findStringifiedConversationBefore(entries, index) {
-  if (index <= 0) return null;
-  return [...entries.slice(0, index)].reverse().map((entry) => isStepTrace(entry) ? entry.stringifiedConversation?.trim() : "").find(Boolean) ?? null;
-}
-function ChatConversationalTrace($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      trace,
-      context,
-      agentId,
-      region = null,
-      allowAddTest = true,
-      testSourceStep = void 0,
-      testEntries = void 0,
-      requireTestSourceStep = false,
-      testCreationMode,
-      analyzeDisabled = false,
-      onAnalyze,
-      onRegenerate,
-      onRevert,
-      showSeeVariants = false,
-      onSeeVariants,
-      variantSelectionState = "none",
-      onSelectInVariantMode,
-      suppressActionRow = false
-    } = $$props;
-    let added = "idle";
-    let testDraftOpen = false;
-    const clickGuard = createDragSelectClickGuard();
-    onDestroy(clickGuard.cleanup);
-    function agentName(id) {
-      if (!id) return "";
-      return id.split("/").at(-1) ?? id;
-    }
-    function getInitial(id) {
-      const first = agentName(id).trim().charAt(0);
-      return first ? first.toUpperCase() : "?";
-    }
-    const sender = derived(() => {
-      if (trace.eventName === "finished-main-streaming-step" || trace.eventName === "sent-message") {
-        return "agent";
-      }
-      if (trace.role === "system" || trace?.bosunInputMessageSender === "system") {
-        return "system";
-      }
-      return trace.role === "user" ? "user" : "user";
-    });
-    const bubbleMaxWidthClass = derived(() => {
-      if (sender() === "agent") return "max-w-[83%]";
-      if (sender() === "user") return "max-w-[90%] sm:max-w-[80%] md:max-w-[70%]";
-      if (sender() === "system") return "max-w-[90%] sm:max-w-[85%] md:max-w-[75%]";
-      return "";
-    });
-    const showRevert = derived(() => (sender() === "user" || sender() === "system") && !!onRevert && // Hide for older traces that predate bosun state metadata.
-    trace?.bosunPrevStateId !== void 0);
-    const hasError = derived(() => trace.error != null);
-    const isVariantSelectable = derived(() => variantSelectionState === "source");
-    function formatHHmmss(ms) {
-      if (typeof ms !== "number" || !Number.isFinite(ms)) return null;
-      const d = new Date(ms);
-      if (Number.isNaN(d.getTime())) return null;
-      const hh = String(d.getHours()).padStart(2, "0");
-      const mm = String(d.getMinutes()).padStart(2, "0");
-      const ss = String(d.getSeconds()).padStart(2, "0");
-      return `${hh}:${mm}:${ss}`;
-    }
-    const time = derived(() => formatHHmmss(trace?.createdAt));
-    function isAddTestCandidate() {
-      return allowAddTest && sender() === "agent" && trace.eventName !== "transfer-requested" && (trace.eventName === "finished-main-streaming-step" || trace.eventName === "sent-message");
-    }
-    function isAddTestEligible() {
-      if (!isAddTestCandidate() || !(agentId && agentId.trim())) return false;
-      if (!requireTestSourceStep) return true;
-      return !!testSourceStep && typeof testSourceStep.receivedContext !== "undefined";
-    }
-    function isAnalyzeEligible() {
-      return sender() === "agent" && trace.eventName !== "transfer-requested" && !!(agentId && agentId.trim()) && (trace.eventName === "finished-main-streaming-step" || trace.eventName === "sent-message");
-    }
-    function isRegenerateEligible() {
-      return isAnalyzeEligible();
-    }
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div${attr_class("group mb-2 flex w-full items-start", void 0, { "justify-end": sender() === "user" || sender() === "system" })}>`);
-      if (trace.eventName === "transfer-requested" || trace.eventName === "hangup-requested") {
-        $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<div class="flex w-full justify-center"><div${attr_class(`cursor-pointer select-text rounded-full border border-rc-gray-650 bg-rc-gray-800/40 px-4 py-2 text-sm text-rc-gray-100 ${hasError() ? "border-red-500 bg-red-950/30 text-red-200" : ""}`)} role="button" tabindex="0"><div class="flex flex-wrap items-baseline gap-x-2 gap-y-0">`);
-        if (time()) {
-          $$renderer3.push("<!--[0-->");
-          $$renderer3.push(`<span class="text-[13px] leading-none text-rc-gray-400">${escape_html(time())}</span>`);
-        } else {
-          $$renderer3.push("<!--[-1-->");
-        }
-        $$renderer3.push(`<!--]--> `);
-        if (trace.eventName === "transfer-requested") {
-          $$renderer3.push("<!--[0-->");
-          $$renderer3.push(`<div class="min-w-0 break-words">Transfer requested: ${escape_html(trace.content)}</div>`);
-        } else {
-          $$renderer3.push("<!--[-1-->");
-          $$renderer3.push(`<div class="min-w-0 break-words">Conversation hanged up.</div>`);
-        }
-        $$renderer3.push(`<!--]--></div></div></div>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-        if (sender() === "agent" && agentId) {
-          $$renderer3.push("<!--[0-->");
-          $$renderer3.push(`<div class="mr-2 mt-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-sm bg-rc-green-700 text-sm uppercase text-rc-gray-100 backdrop-blur-md"${attr("title", agentName(agentId))}>${escape_html(getInitial(agentId))}</div>`);
-        } else {
-          $$renderer3.push("<!--[-1-->");
-        }
-        $$renderer3.push(`<!--]--> `);
-        if (showRevert()) {
-          $$renderer3.push("<!--[0-->");
-          $$renderer3.push(`<button type="button" title="Edit this message" class="mr-2 mt-1 shrink-0 self-start rounded p-1 text-rc-gray-500 opacity-80 transition-colors hover:bg-rc-gray-900 hover:text-rc-gray-200 focus:outline-none focus-visible:outline-none">`);
-          Icon($$renderer3, { name: "undo", width: 16, height: 16 });
-          $$renderer3.push(`<!----></button>`);
-        } else {
-          $$renderer3.push("<!--[-1-->");
-        }
-        $$renderer3.push(`<!--]--> <div${attr_class(`min-w-0 ${stringify(bubbleMaxWidthClass())}`)}><div role="button" tabindex="0" class="cursor-pointer select-text"><div${attr_class(`rounded-lg ${sender() === "system" ? "justify-between whitespace-pre-line break-words border border-emerald-500 text-emerald-500" : isVariantSelectable() ? "w-full whitespace-pre-line break-words border border-rc-green-450 bg-transparent backdrop-blur-md hover:bg-rc-green-700" : sender() !== "user" ? "w-full whitespace-pre-line break-words bg-rc-green-700 backdrop-blur-md" : "whitespace-pre-line break-words bg-rc-gray-700"} ${sender() === "system" || isVariantSelectable() ? "" : "border-thin border-rc-gray-110"} p-2 pt-1 text-rc-gray-100 ${hasError() ? "border-red-500 bg-red-950/30 text-red-200" : ""}`)}><div>${escape_html(trace.content)}</div> `);
-        if (time()) {
-          $$renderer3.push("<!--[0-->");
-          $$renderer3.push(`<div class="mt-1 text-right text-xs text-rc-gray-200/70">${escape_html(time())}</div>`);
-        } else {
-          $$renderer3.push("<!--[-1-->");
-        }
-        $$renderer3.push(`<!--]--></div></div> `);
-        if (!suppressActionRow && (isAnalyzeEligible() || isAddTestCandidate() || isRegenerateEligible() && onRegenerate || showSeeVariants)) {
-          $$renderer3.push("<!--[0-->");
-          $$renderer3.push(`<div class="mt-1 flex flex-wrap items-center gap-x-2 gap-y-1">`);
-          if (isAddTestCandidate()) {
-            $$renderer3.push("<!--[0-->");
-            $$renderer3.push(`<button type="button"${attr("disabled", !isAddTestEligible() || added !== "idle" || testDraftOpen, true)}${attr("title", !isAddTestEligible() ? "Select an agent in the sidebar before adding a test" : void 0)}${attr_class(`inline-flex items-center text-nowrap rounded border-0 bg-transparent px-1 py-0.5 transition-colors focus:outline-none focus-visible:outline-none ${!isAddTestEligible() ? "cursor-default text-rc-gray-400" : "cursor-pointer text-rc-gray-400 hover:bg-rc-gray-900 hover:text-rc-gray-200"}`)}>`);
-            if (!isAddTestEligible()) {
-              $$renderer3.push("<!--[2-->");
-              $$renderer3.push(`Select agent to add test`);
-            } else {
-              $$renderer3.push("<!--[-1-->");
-              $$renderer3.push(`Add test`);
-            }
-            $$renderer3.push(`<!--]--></button>`);
-          } else {
-            $$renderer3.push("<!--[-1-->");
-          }
-          $$renderer3.push(`<!--]--> `);
-          if (isAnalyzeEligible() && onAnalyze) {
-            $$renderer3.push("<!--[0-->");
-            $$renderer3.push(`<button type="button"${attr("disabled", analyzeDisabled, true)} class="inline-flex items-center text-nowrap rounded border-0 bg-transparent px-1 py-0.5 text-rc-gray-400 transition-colors hover:bg-rc-gray-900 hover:text-rc-gray-200 focus:outline-none focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-rc-gray-400">Analyze</button>`);
-          } else {
-            $$renderer3.push("<!--[-1-->");
-          }
-          $$renderer3.push(`<!--]--> `);
-          if (isRegenerateEligible() && onRegenerate) {
-            $$renderer3.push("<!--[0-->");
-            $$renderer3.push(`<button type="button" class="inline-flex items-center text-nowrap rounded border-0 bg-transparent px-1 py-0.5 text-rc-gray-400 transition-colors hover:bg-rc-gray-900 hover:text-rc-gray-200 focus:outline-none focus-visible:outline-none">Regenerate</button>`);
-          } else {
-            $$renderer3.push("<!--[-1-->");
-          }
-          $$renderer3.push(`<!--]--> `);
-          if (showSeeVariants && onSeeVariants) {
-            $$renderer3.push("<!--[0-->");
-            $$renderer3.push(`<button type="button" class="inline-flex items-center text-nowrap rounded border-0 bg-transparent px-1 py-0.5 text-rc-gray-400 transition-colors hover:bg-rc-gray-900 hover:text-rc-gray-200 focus:outline-none focus-visible:outline-none">See variants</button>`);
-          } else {
-            $$renderer3.push("<!--[-1-->");
-          }
-          $$renderer3.push(`<!--]--></div>`);
-        } else {
-          $$renderer3.push("<!--[-1-->");
-        }
-        $$renderer3.push(`<!--]--></div>`);
-      }
-      $$renderer3.push(`<!--]--></div> `);
-      {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]-->`);
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-  });
-}
-function ChatStepTrace($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      trace,
-      compareTrace,
-      agentId,
-      region = null,
-      fallbackConversation = null,
-      runtimeContext,
-      testCreationMode
-    } = $$props;
-    let addStatus = "idle";
-    let testDraftOpen = false;
-    const clickGuard = createDragSelectClickGuard();
-    onDestroy(clickGuard.cleanup);
-    function getPromptForDiff(t) {
-      if (!t) return null;
-      if (typeof t.renderedPrompt === "string") return t.renderedPrompt;
-      return null;
-    }
-    function commonPrefixLength(a, b) {
-      if (a === b) return a.length;
-      const max = Math.min(a.length, b.length);
-      for (let i = 0; i < max; i++) {
-        if (a.charCodeAt(i) !== b.charCodeAt(i)) return i;
-      }
-      return max;
-    }
-    function similarityPercent(current, baseline) {
-      const denom = Math.max(current.length, baseline.length);
-      if (denom === 0) return 100;
-      const prefixLen = commonPrefixLength(current, baseline);
-      return Math.floor(prefixLen / denom * 100);
-    }
-    function cachedPromptTokensPercent(trace2) {
-      const usage = trace2.llmUsage;
-      if (!usage) return null;
-      if (typeof usage.promptTokens !== "number" || !Number.isFinite(usage.promptTokens)) return null;
-      if (usage.promptTokens <= 0) return null;
-      if (typeof usage.cachedPromptTokens !== "number" || !Number.isFinite(usage.cachedPromptTokens)) return null;
-      if (usage.cachedPromptTokens < 0) return null;
-      return Math.max(0, Math.min(100, Math.floor(usage.cachedPromptTokens / usage.promptTokens * 100)));
-    }
-    function safeJsonStringify(value) {
-      const seen = /* @__PURE__ */ new WeakSet();
-      try {
-        return JSON.stringify(
-          value,
-          (_, v) => {
-            if (typeof v === "bigint") return v.toString();
-            if (v instanceof Error) {
-              return { name: v.name, message: v.message, stack: v.stack };
-            }
-            if (typeof v === "object" && v !== null) {
-              if (seen.has(v)) return "[Circular]";
-              seen.add(v);
-            }
-            return v;
-          },
-          2
-        ) ?? "";
-      } catch {
-        return String(value);
-      }
-    }
-    function formatMaybeJson(value) {
-      if (value == null) return "";
-      if (typeof value === "string") {
-        const trimmed = value.trim();
-        if (!trimmed) return "";
-        try {
-          return JSON.stringify(JSON.parse(trimmed), null, 2);
-        } catch {
-          return value;
-        }
-      }
-      return safeJsonStringify(value);
-    }
-    function jsonPreview(value) {
-      const formatted = formatMaybeJson(value);
-      const lines = formatted.split("\n");
-      if (lines.length <= 1) return formatted;
-      const opening = lines[0]?.trim();
-      const firstContentLine = lines.slice(1).find((line) => line.trim())?.trim();
-      if (!opening || !firstContentLine) return formatted;
-      const closing = opening === "[" ? "]" : "}";
-      if (lines.length === 3 && lines.at(-1)?.trim() === closing) {
-        return `${opening} ${firstContentLine} ${closing}`;
-      }
-      const nestedClosing = firstContentLine.endsWith("{") ? " }" : firstContentLine.endsWith("[") ? " ]" : "";
-      return `${opening} ${firstContentLine} …${nestedClosing} ${closing}`;
-    }
-    function formatHHmmss(ms) {
-      if (typeof ms !== "number" || !Number.isFinite(ms)) return null;
-      const d = new Date(ms);
-      if (Number.isNaN(d.getTime())) return null;
-      const hh = String(d.getHours()).padStart(2, "0");
-      const mm = String(d.getMinutes()).padStart(2, "0");
-      const ss = String(d.getSeconds()).padStart(2, "0");
-      return `${hh}:${mm}:${ss}`;
-    }
-    const time = derived(() => formatHHmmss(trace.createdAt));
-    const hasError = derived(() => trace.error != null);
-    const oneLine = derived(() => trace.name);
-    const mainPromptSimilarityPct = derived(() => {
-      if (!isMainStepName(trace.name)) return null;
-      const current = getPromptForDiff(trace);
-      const baseline = getPromptForDiff(compareTrace);
-      if (current == null || baseline == null) return null;
-      return similarityPercent(current, baseline);
-    });
-    const mainCachedTokensPct = derived(() => {
-      if (!isMainStepName(trace.name)) return null;
-      return cachedPromptTokensPercent(trace);
-    });
-    const CACHE_OK_THRESHOLD_PCT = 90;
-    const CACHE_MISS_SIMILARITY_THRESHOLD_PCT = 90;
-    const BREAK_TAG_REGEX = /<break\b[^>]*\/?>/i;
-    const BREAK_TAG_TOOLTIP = '<break /> tag disables streaming and increases latency. If pauses are not large enough, use "..." instead.';
-    function hasBreakTag(value) {
-      return typeof value === "string" && BREAK_TAG_REGEX.test(value);
-    }
-    const mainPromptCacheLabel = derived(() => {
-      if (!isMainStepName(trace.name)) return null;
-      if (mainCachedTokensPct() != null) {
-        const cacheMiss = mainCachedTokensPct() === 0 && mainPromptSimilarityPct() != null && mainPromptSimilarityPct() >= CACHE_MISS_SIMILARITY_THRESHOLD_PCT;
-        if (cacheMiss) {
-          return {
-            text: "0% tokens cached. Cache miss",
-            className: "text-red-200"
-          };
-        }
-        const ok = mainCachedTokensPct() >= CACHE_OK_THRESHOLD_PCT;
-        return ok ? {
-          text: `${mainCachedTokensPct()}% tokens cached`,
-          className: "text-rc-gray-400"
-        } : {
-          text: `${mainCachedTokensPct()}% tokens cached - move dynamic parts of prompt to the bottom`,
-          className: "text-red-200"
-        };
-      }
-      if (mainPromptSimilarityPct() != null) {
-        const ok = mainPromptSimilarityPct() >= CACHE_OK_THRESHOLD_PCT;
-        return ok ? {
-          text: `${mainPromptSimilarityPct()}%`,
-          className: "text-rc-gray-400"
-        } : {
-          text: `${mainPromptSimilarityPct()}% cached - move dynamic parts of prompt to the bottom`,
-          className: "text-red-200"
-        };
-      }
-      return null;
-    });
-    const breakTagLabel = derived(() => {
-      if (!hasBreakTag(trace.response)) return null;
-      return {
-        text: "LLM output has <break /> tags",
-        className: "text-red-200"
-      };
-    });
-    const responsePreview = derived(() => jsonPreview(trace.response));
-    const hasJsonResponse = derived(() => {
-      if (typeof trace.response !== "string" || !trace.response.trim()) return false;
-      try {
-        const parsed = JSON.parse(trace.response);
-        return typeof parsed === "object" && parsed !== null;
-      } catch {
-        return false;
-      }
-    });
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div class="flex w-full select-text items-baseline gap-2 truncate rounded-md bg-transparent px-2 py-1 text-left text-sm text-rc-gray-200 hover:bg-rc-gray-800/40"><button type="button" class="flex min-w-0 cursor-pointer items-baseline gap-2 truncate bg-transparent p-0 text-left text-sm text-rc-gray-200">`);
-      Icon($$renderer3, {
-        name: hasError() ? "close" : "checkmark",
-        width: 18,
-        height: 18,
-        class: hasError() ? "self-center text-red-400" : "self-center text-rc-green-200"
-      });
-      $$renderer3.push(`<!----> `);
-      if (time()) {
-        $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<span class="text-[13px] leading-none text-rc-gray-400">${escape_html(time())}</span>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> <span${attr_class(clsx(hasError() ? "text-red-200" : ""))}>AI: ${escape_html(oneLine())}</span></button> `);
-      if (mainPromptCacheLabel() != null) {
-        $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<span${attr_class(`shrink-0 text-xs ${mainPromptCacheLabel().className}`)}><span class="cursor-pointer" title="Show prompt-cache calc">${escape_html(mainPromptCacheLabel().text)}</span></span>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (breakTagLabel() != null) {
-        $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<span${attr_class(`shrink-0 text-xs ${breakTagLabel().className}`)}${attr("title", BREAK_TAG_TOOLTIP)}>${escape_html(breakTagLabel().text)}</span>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--></div> `);
-      if (hasJsonResponse()) {
-        $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<div class="mb-2 ml-7 max-w-[83%]"><button type="button" class="block w-full cursor-pointer overflow-hidden rounded-lg border border-rc-gray-110 bg-rc-gray-800 p-3 text-left hover:bg-rc-gray-700"><pre class="truncate whitespace-pre font-mono text-sm text-rc-gray-100">${escape_html(responsePreview())}</pre></button> <div class="mt-1 flex items-center"><button type="button"${attr("disabled", !agentId?.trim() || typeof trace.receivedContext === "undefined" || addStatus !== "idle" || testDraftOpen, true)} class="inline-flex items-center rounded border-0 bg-transparent px-1 py-0.5 text-rc-gray-400 transition-colors hover:bg-rc-gray-900 hover:text-rc-gray-200 disabled:cursor-not-allowed disabled:opacity-50">${escape_html("Add test")}</button></div></div>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]-->`);
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-  });
-}
-
-export { ChatApiCallTrace as C, ChatConversationalTrace as a, ChatStepTrace as b, findStringifiedConversationBefore as c, findMainStepTraceNear as f };
-//# sourceMappingURL=ChatStepTrace-CX2Zolmp.js.map