@recombine-ai/platform 0.2.6-test.8 → 0.3.0

package/build/bosun-app/frontend/server/chunks/entries/pages/traces/conversations/_conversationId_/traces/_page.svelte.js-Ca79DBzJ.js

@@ -0,0 +1,947 @@
+import { aq as fallback, ai as store_get, aj as unsubscribe_stores, ad as bind_props, ap as head, a8 as escape_html, ao as ensure_array_like, a7 as getContext, ae as attr, a9 as attr_class } from '../../../../../../chunks/index.js-DczFGj-7.js';
+import { o as onDestroy } from '../../../../../../chunks/index-server.js-CALBgpac.js';
+import '../../../../../../chunks/exports.js-8HOoaa4e.js';
+import '../../../../../../chunks/utils.js-BQzn9ikS.js';
+import '../../../../../../chunks/event.js-BfLhxAp5.js';
+import '../../../../../../chunks/root.js-CJvqqGUj.js';
+import '../../../../../../chunks/state.svelte.js-DDOPLPl-.js';
+import { g as getPersistedTelescopeSourceId, T as TelescopeClient } from '../../../../../../chunks/source-selection.js-Cc6RX6-m.js';
+import { i as isMainStepName } from '../../../../../../chunks/steps.js-DzZCg39h.js';
+import { b as buildResponseLatencySpans, f as findResponseLatencyUserTurn } from '../../../../../../chunks/latency.js--f3JYIRg.js';
+import { B as Button } from '../../../../../../chunks/Button.js-IbO6ojjD.js';
+import { D as Dropdown } from '../../../../../../chunks/Dropdown.js-VxjZvXGD.js';
+import { I as Icon, h as html } from '../../../../../../chunks/Icon.js-DzsiLkia.js';
+import { M as Modal } from '../../../../../../chunks/Modal.js-BUDSUOER.js';
+import { C as ChatApiCallTrace, b as ChatStepTrace, c as findStringifiedConversationBefore, a as ChatConversationalTrace, f as findMainStepTraceNear } from '../../../../../../chunks/ChatStepTrace.js-VTtwaKGp.js';
+import { g as getConversationViewMemory, c as conversationViewMemoryKey } from '../../../../../../chunks/conversation-view-memory.js-DjOFeigb.js';
+import '../../../../../../chunks/uneval.js-5Y6J9rDU.js';
+import '../../../../../../chunks/schemas.js-W-DP3mDr.js';
+import '../../../../../../chunks/trpc-client.js-zIPF9ytu.js';
+import '../../../../../../chunks/shared-server.js-DaWdgxVh.js';
+
+const getStores = () => {
+  const stores = getContext("__svelte__");
+  return {
+    /** @type {typeof page} */
+    page: {
+      subscribe: stores.page.subscribe
+    },
+    /** @type {typeof navigating} */
+    navigating: {
+      subscribe: stores.navigating.subscribe
+    },
+    /** @type {typeof updated} */
+    updated: stores.updated
+  };
+};
+const page = {
+  subscribe(fn) {
+    const store = getStores().page;
+    return store.subscribe(fn);
+  }
+};
+function CopyTracesDropdown($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      disabled = false,
+      getWithPromptsText,
+      getWithoutPromptsText,
+      dropdownId = "copy-traces-dropdown"
+    } = $$props;
+    let open = false;
+    let anchorEl = null;
+    let copied = null;
+    let timer = null;
+    async function copy(mode) {
+      try {
+        const text = mode === "with-prompts" ? getWithPromptsText() : getWithoutPromptsText();
+        await navigator.clipboard.writeText(text);
+        copied = mode;
+        if (timer) clearTimeout(timer);
+        timer = window.setTimeout(
+          () => {
+            copied = null;
+            timer = null;
+          },
+          2e3
+        );
+      } catch (e) {
+        console.error("Failed to copy traces", e);
+      }
+    }
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<div>`);
+      Button($$renderer3, {
+        variant: "secondary",
+        size: "small",
+        disabled,
+        "aria-expanded": open,
+        "aria-haspopup": "listbox",
+        "aria-controls": dropdownId,
+        onclick: (e) => {
+          e.stopPropagation();
+          open = !open;
+        },
+        class: "flex items-center gap-1",
+        get el() {
+          return anchorEl;
+        },
+        set el($$value) {
+          anchorEl = $$value;
+          $$settled = false;
+        },
+        children: ($$renderer4) => {
+          if (copied === "without-prompts") {
+            $$renderer4.push("<!--[0-->");
+            $$renderer4.push(`Copied traces (without prompts)`);
+          } else if (copied === "with-prompts") {
+            $$renderer4.push("<!--[1-->");
+            $$renderer4.push(`Copied traces (with prompts)`);
+          } else {
+            $$renderer4.push("<!--[-1-->");
+            $$renderer4.push(`Copy traces`);
+          }
+          $$renderer4.push(`<!--]--> `);
+          Icon($$renderer4, {
+            name: "chevron-down",
+            class: "size-5 text-rc-gray-400 transition-transform duration-200 " + (open ? "rotate-180" : "")
+          });
+          $$renderer4.push(`<!---->`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----> `);
+      {
+        let children = function($$renderer4) {
+          $$renderer4.push(`<div class="mt-1 overflow-hidden rounded-lg border border-rc-gray-110 bg-rc-gray-930 shadow-inner-white-soft backdrop-blur-2xl" role="listbox">`);
+          Button($$renderer4, {
+            variant: "ghost",
+            size: "small",
+            role: "option",
+            onclick: (e) => {
+              e.stopPropagation();
+              open = false;
+              copy("without-prompts");
+            },
+            class: "w-full rounded-none border-b border-rc-gray-110 py-2 pr-3 text-left backdrop-blur-2xl hover:bg-rc-gray-700 focus:bg-rc-gray-400",
+            children: ($$renderer5) => {
+              $$renderer5.push(`<!---->Without prompts`);
+            },
+            $$slots: { default: true }
+          });
+          $$renderer4.push(`<!----> `);
+          Button($$renderer4, {
+            variant: "ghost",
+            size: "small",
+            role: "option",
+            onclick: (e) => {
+              e.stopPropagation();
+              open = false;
+              copy("with-prompts");
+            },
+            class: "w-full rounded-none py-2 pr-3 text-left backdrop-blur-2xl hover:bg-rc-gray-700 focus:bg-rc-gray-400",
+            children: ($$renderer5) => {
+              $$renderer5.push(`<!---->With prompts`);
+            },
+            $$slots: { default: true }
+          });
+          $$renderer4.push(`<!----></div>`);
+        };
+        Dropdown($$renderer3, {
+          id: dropdownId,
+          open,
+          onClose: () => open = false,
+          anchorEl,
+          placement: "bottom-end",
+          offset: [0, 1],
+          children
+        });
+      }
+      $$renderer3.push(`<!----></div>`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+function CollapseExpand($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let value = fallback($$props["value"], "");
+    let limit = fallback($$props["limit"], 200);
+    let maxLines = fallback($$props["maxLines"], null);
+    let className = fallback($$props["className"], "");
+    let collapsedLabel = fallback($$props["collapsedLabel"], "...more");
+    let initiallyExpanded = fallback($$props["initiallyExpanded"], false);
+    let stopPropagation = fallback($$props["stopPropagation"], true);
+    let expanded = fallback($$props["expanded"], initiallyExpanded);
+    let treatPlainText = fallback($$props["treatPlainText"], false);
+    let highlightPrompt = fallback($$props["highlightPrompt"], false);
+    function escapeHtml(text) {
+      return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+    }
+    function highlightPromptText(raw) {
+      const s = normalizeNewlines(raw);
+      let html2 = escapeHtml(s);
+      const curlyBlocks = [];
+      html2 = html2.replace(/(\{+[\s\S]*?\}+)/g, (match) => {
+        const id = curlyBlocks.length;
+        curlyBlocks.push(match);
+        return `__CURLY${id}__`;
+      });
+      html2 = html2.replace(/^(\s*#.*)$/gm, '<span class="prompt-heading">$1</span>');
+      html2 = html2.replace(/(&lt;[^&]*?&gt;)/g, '<span class="mtk8">$1</span>');
+      html2 = html2.replace(/^(\s*)(\d+)([.)])(\s+)/gm, (_match, p1, p2, p3, p4) => `${p1}<span class="mtk8">${p2}${p3}</span>${p4}`);
+      curlyBlocks.forEach((block, idx) => {
+        const highlighted = `<span class="mtk5">${block}</span>`;
+        html2 = html2.replace(`__CURLY${idx}__`, highlighted);
+      });
+      html2 = html2.replace(/\n/g, "<br/>");
+      return html2;
+    }
+    function normalizeNewlines(s) {
+      let result = s.replace(/\r\n/g, "\n");
+      result = result.replace(/\\n/g, "\n");
+      return result;
+    }
+    function getPlain(v) {
+      try {
+        if (Array.isArray(v)) {
+          const s = v.map((s2) => s2?.text ?? s2?.content ?? JSON.stringify(s2)).join(" ");
+          return normalizeNewlines(s);
+        }
+        if (typeof v === "string") {
+          try {
+            const parsed = JSON.parse(v);
+            if (Array.isArray(parsed)) {
+              const s = parsed.map((s2) => s2?.text ?? s2?.content ?? JSON.stringify(s2)).join(" ");
+              return normalizeNewlines(s);
+            }
+            return normalizeNewlines(v);
+          } catch {
+            return normalizeNewlines(v);
+          }
+        }
+        return normalizeNewlines(JSON.stringify(v));
+      } catch {
+        return normalizeNewlines(String(v ?? ""));
+      }
+    }
+    function getFull(v) {
+      try {
+        if (Array.isArray(v)) {
+          const s = v.map((s2) => s2?.text ?? s2?.content ?? JSON.stringify(s2)).join("\n");
+          return normalizeNewlines(s);
+        }
+        if (typeof v === "string") {
+          try {
+            const parsed = JSON.parse(v);
+            if (Array.isArray(parsed)) {
+              const s = parsed.map((s2) => s2?.text ?? s2?.content ?? JSON.stringify(s2)).join("\n");
+              return normalizeNewlines(s);
+            }
+            return normalizeNewlines(v);
+          } catch {
+            return normalizeNewlines(v);
+          }
+        }
+        return normalizeNewlines(JSON.stringify(v, null, 2));
+      } catch {
+        return normalizeNewlines(String(v ?? ""));
+      }
+    }
+    function parseLine(raw) {
+      const s = normalizeNewlines(raw);
+      const lines = s.split(/\n+/).map((l) => l.trim()).filter((l) => l.length > 0);
+      const segments2 = [];
+      let currentRole = void 0;
+      let currentText = "";
+      for (const line of lines) {
+        const m = line.match(/^(user|assistant|system|customer|caller|tool|model|agent)\s*[:\-]\s*(.*)$/i);
+        if (m) {
+          if (currentText) {
+            segments2.push({ text: currentText, role: currentRole });
+          }
+          currentRole = m[1].toLowerCase();
+          currentText = m[2] ?? "";
+        } else {
+          if (currentText) {
+            currentText += "\n" + line;
+          } else {
+            currentText = line;
+          }
+        }
+      }
+      if (currentText) {
+        segments2.push({ text: currentText, role: currentRole });
+      }
+      return segments2;
+    }
+    function asSegments(v) {
+      try {
+        let raw = v;
+        if (typeof v === "string") {
+          try {
+            raw = JSON.parse(v);
+          } catch {
+            if (!treatPlainText) return [];
+            return parseLine(v);
+          }
+        }
+        if (!Array.isArray(raw)) {
+          if (Array.isArray(raw?.messages)) {
+            raw = raw.messages;
+          } else {
+            return [];
+          }
+        }
+        return raw.map((s) => {
+          let text;
+          if (s?.text != null) {
+            text = String(s.text);
+          } else if (s?.content != null) {
+            if (Array.isArray(s.content)) {
+              text = s.content.map((part) => {
+                if (typeof part === "string") return part;
+                if (typeof part?.text === "string") return part.text;
+                if (typeof part?.text?.value === "string") return part.text.value;
+                return JSON.stringify(part);
+              }).join(" ");
+            } else if (typeof s.content === "string") {
+              text = s.content;
+            } else {
+              text = JSON.stringify(s.content);
+            }
+          } else if (typeof s === "string") {
+            text = s;
+          } else {
+            text = JSON.stringify(s);
+          }
+          return {
+            text: normalizeNewlines(text),
+            role: s?.role,
+            time: s?.time,
+            duration: s?.duration
+          };
+        }).filter((s) => s.text && String(s.text).trim().length > 0);
+      } catch {
+        return [];
+      }
+    }
+    const plain = () => getPlain(value);
+    const full = () => getFull(value);
+    const plainLines = () => plain().split("\n");
+    const segments = () => asSegments(value);
+    const hasStructuredTranscript = () => segments().length > 0;
+    const isLong = () => {
+      if (maxLines != null) {
+        return plainLines().length > maxLines;
+      }
+      return plain().length > limit;
+    };
+    const collapsedText = () => {
+      const p = plain();
+      if (!isLong()) return p;
+      if (maxLines != null) {
+        return plainLines().slice(0, maxLines).join("\n");
+      }
+      return p.slice(0, limit);
+    };
+    function formatTime(raw) {
+      if (!raw) return null;
+      try {
+        const d = new Date(raw);
+        if (Number.isNaN(d.getTime())) return raw;
+        return d.toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit", second: "2-digit" });
+      } catch {
+        return raw;
+      }
+    }
+    function formatDuration(raw) {
+      if (raw == null || !Number.isFinite(raw)) return null;
+      const total = Number(raw);
+      const totalSec = Math.floor(total);
+      const m = Math.floor(totalSec / 60);
+      const s = totalSec % 60;
+      const mm = String(m).padStart(2, "0");
+      const ss = String(s).padStart(2, "0");
+      return `${mm}:${ss}`;
+    }
+    function normalizeRole(role) {
+      if (!role) return "Assistant";
+      const r = role.trim();
+      if (!r) return "Assistant";
+      return r.charAt(0).toUpperCase() + r.slice(1);
+    }
+    function isUserRole(role) {
+      const r = role?.toLowerCase() ?? "";
+      return r === "user" || r === "customer" || r === "caller";
+    }
+    function splitSystem(text) {
+      const system = [];
+      const main = text.replace(/<([^>]+)>/g, (_m, inner) => {
+        const cleaned = String(inner).trim();
+        if (cleaned) system.push(cleaned);
+        return "";
+      }).trim();
+      return { main, system };
+    }
+    if (expanded) {
+      $$renderer2.push("<!--[0-->");
+      if (hasStructuredTranscript()) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="space-y-3"><!--[-->`);
+        const each_array = ensure_array_like(segments());
+        for (let $$index_1 = 0, $$length = each_array.length; $$index_1 < $$length; $$index_1++) {
+          let seg = each_array[$$index_1];
+          const userSide = isUserRole(seg.role);
+          const isSystem = (seg.role ?? "").toLowerCase() === "system";
+          const parts = splitSystem(seg.text);
+          const t = formatTime(seg.time);
+          const d = formatDuration(seg.duration);
+          $$renderer2.push(`<div${attr_class(`flex ${userSide ? "justify-end" : "justify-start"}`)}><div${attr_class(`max-w-[70%] break-words rounded-md px-3 py-2 text-sm shadow-sm ${userSide ? "bg-rc-gray-600 text-rc-gray-100" : "bg-rc-gray-700 text-rc-gray-100"}`)}><div${attr_class(`my-1 text-xs font-semibold uppercase ${isSystem ? "text-rc-blue " + (userSide ? "text-right" : "text-left") : "text-rc-green-200 " + (userSide ? "text-right" : "text-left")}`)}>${escape_html(normalizeRole(seg.role))}</div> <div${attr_class(`whitespace-pre-wrap break-words py-1 text-sm ${userSide ? "text-justify" : "text-left"} ${isSystem ? "italic text-rc-gray-200" : ""}`)}>`);
+          if (parts.main) {
+            $$renderer2.push("<!--[0-->");
+            $$renderer2.push(`<div>${escape_html(parts.main)}</div>`);
+          } else {
+            $$renderer2.push("<!--[-1-->");
+          }
+          $$renderer2.push(`<!--]--> <!--[-->`);
+          const each_array_1 = ensure_array_like(parts.system);
+          for (let $$index = 0, $$length2 = each_array_1.length; $$index < $$length2; $$index++) {
+            let sys = each_array_1[$$index];
+            $$renderer2.push(`<div class="mt-1 whitespace-pre-wrap break-words text-xs italic text-rc-gray-200">&lt;${escape_html(sys)}></div>`);
+          }
+          $$renderer2.push(`<!--]--></div> `);
+          if (t || d) {
+            $$renderer2.push("<!--[0-->");
+            $$renderer2.push(`<div${attr_class(`mt-1 text-xs text-rc-gray-300 ${userSide ? "text-right" : "text-left"}`)}>`);
+            if (t) {
+              $$renderer2.push("<!--[0-->");
+              $$renderer2.push(`${escape_html(t)}`);
+            } else {
+              $$renderer2.push("<!--[-1-->");
+            }
+            $$renderer2.push(`<!--]--> `);
+            if (t && d) {
+              $$renderer2.push("<!--[0-->");
+              $$renderer2.push(`·`);
+            } else {
+              $$renderer2.push("<!--[-1-->");
+            }
+            $$renderer2.push(`<!--]--> `);
+            if (d) {
+              $$renderer2.push("<!--[0-->");
+              $$renderer2.push(`${escape_html(d)}`);
+            } else {
+              $$renderer2.push("<!--[-1-->");
+            }
+            $$renderer2.push(`<!--]--></div>`);
+          } else {
+            $$renderer2.push("<!--[-1-->");
+          }
+          $$renderer2.push(`<!--]--></div></div>`);
+        }
+        $$renderer2.push(`<!--]--></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        $$renderer2.push(`<div class="whitespace-pre-wrap break-words">`);
+        if (highlightPrompt) {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`${html(highlightPromptText(full()))}`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+          $$renderer2.push(`${escape_html(full())}`);
+        }
+        $$renderer2.push(`<!--]--></div>`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<div${attr_class(`mt-1 cursor-text select-text rounded bg-rc-gray-900 p-2 text-sm text-rc-gray-200 ${className}`)}><span class="whitespace-pre-wrap break-words">`);
+      if (highlightPrompt) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`${html(highlightPromptText(collapsedText()))}`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        $$renderer2.push(`${escape_html(collapsedText())}`);
+      }
+      $$renderer2.push(`<!--]--></span> `);
+      if (isLong()) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<button class="inline-flex text-sm text-rc-green-200 hover:text-rc-green-100">${escape_html(collapsedLabel)}</button>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    }
+    $$renderer2.push(`<!--]-->`);
+    bind_props($$props, {
+      value,
+      limit,
+      maxLines,
+      className,
+      collapsedLabel,
+      initiallyExpanded,
+      stopPropagation,
+      expanded,
+      treatPlainText,
+      highlightPrompt
+    });
+  });
+}
+function _page($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    var $$store_subs;
+    let useMock = fallback($$props["useMock"], false);
+    const viewMemory = getConversationViewMemory();
+    const sourceId = getPersistedTelescopeSourceId() ?? "";
+    const initialConversationId = store_get($$store_subs ??= {}, "$page", page).params.conversationId ?? "";
+    const initialMemoryKey = conversationViewMemoryKey(initialConversationId, useMock ? "__mock__" : sourceId);
+    const initialMemory = viewMemory.traces.get(initialMemoryKey);
+    const initialTraceTimelineComplete = !!initialMemory?.tracesLoaded && !initialMemory?.hasMoreTraces;
+    const client = new TelescopeClient(fetch);
+    client.setSourceId(sourceId || void 0);
+    let traces = initialMemory?.traces ?? [];
+    let latencyTraces = initialMemory?.latencyTraces ?? [];
+    let renderableTraces = [];
+    let chatLatencyWarningsAfterTraceKey = /* @__PURE__ */ new Map();
+    let tracesLoading = false;
+    let tracesLoaded = initialTraceTimelineComplete;
+    let tracesError = initialMemory?.tracesError ?? null;
+    let lastLoadedConversationId = initialTraceTimelineComplete ? initialConversationId : null;
+    let lastTraceId = initialMemory?.lastTraceId ?? null;
+    let hasMoreTraces = initialMemory?.hasMoreTraces ?? false;
+    let conversation = initialMemory?.conversation ?? null;
+    let conversationLoaded = initialMemory?.conversationLoaded ?? false;
+    let conversationError = initialMemory?.conversationError ?? null;
+    let testAgentId = "";
+    let testRegion = null;
+    let scrollViewportEl = null;
+    let recordingOpen = false;
+    let transcriptOpen = false;
+    const syntheticTraceKeys = /* @__PURE__ */ new WeakMap();
+    let syntheticTraceKeyCounter = 0;
+    function memoryKey(conversationId) {
+      const currentSourceId = getPersistedTelescopeSourceId() ?? sourceId;
+      return conversationViewMemoryKey(conversationId, useMock ? "__mock__" : currentSourceId);
+    }
+    function saveViewMemory(conversationId = lastLoadedConversationId) {
+      if (!conversationId) return;
+      const key = memoryKey(conversationId);
+      const previous = viewMemory.traces.get(key);
+      viewMemory.traces.set(key, {
+        traces,
+        latencyTraces,
+        tracesLoaded,
+        tracesError,
+        lastTraceId,
+        hasMoreTraces,
+        conversation,
+        conversationLoaded,
+        conversationError,
+        scrollTop: previous?.scrollTop ?? scrollViewportEl?.scrollTop ?? 0,
+        scrollLeft: previous?.scrollLeft ?? scrollViewportEl?.scrollLeft ?? 0
+      });
+    }
+    function normalizeNonEmptyString(value) {
+      if (typeof value !== "string") return null;
+      const trimmed = value.trim();
+      return trimmed ? trimmed : null;
+    }
+    function fmtMs(value) {
+      return `${Math.round(value)} ms`;
+    }
+    function traceKey(trace) {
+      const id = normalizeNonEmptyString(trace?.traceId);
+      if (id) return id;
+      const cached = syntheticTraceKeys.get(trace);
+      if (cached) return cached;
+      syntheticTraceKeyCounter += 1;
+      const key = `synthetic-${trace.traceType}-${trace.createdAt}-${syntheticTraceKeyCounter}`;
+      syntheticTraceKeys.set(trace, key);
+      return key;
+    }
+    function tracesForCopy(includePrompts) {
+      if (includePrompts) return traces;
+      return traces.map((trace) => {
+        if (trace.traceType !== "STEP") return trace;
+        const {
+          receivedPrompt: _receivedPrompt,
+          renderedPrompt: _renderedPrompt,
+          ...rest
+        } = trace;
+        return rest;
+      });
+    }
+    function getPromptForDiff(trace) {
+      if (!trace) return null;
+      if (typeof trace.renderedPrompt === "string") return trace.renderedPrompt;
+      return null;
+    }
+    function findMainComparisonTrace(items, index) {
+      for (let i = index - 1; i >= 0; i--) {
+        const trace = items[i];
+        if (trace.traceType !== "STEP") continue;
+        const step = trace;
+        if (isMainStepName(step.name) && getPromptForDiff(step)) return step;
+      }
+      for (let i = index - 1; i >= 0; i--) {
+        const trace = items[i];
+        if (trace.traceType !== "STEP") continue;
+        const step = trace;
+        if (step.name === "prewarm" && getPromptForDiff(step)) return step;
+      }
+      return null;
+    }
+    function hasRecording(conv) {
+      return !!(conv?.audioUrl && String(conv.audioUrl).trim());
+    }
+    function hasTranscript(conv) {
+      const transcript = conv?.transcript;
+      if (typeof transcript === "string") return transcript.trim() !== "";
+      if (Array.isArray(transcript)) return transcript.length > 0;
+      return false;
+    }
+    function transcriptToText(conv) {
+      const transcript = conv?.transcript;
+      if (!transcript) return "";
+      if (typeof transcript === "string") return transcript;
+      if (Array.isArray(transcript)) {
+        return transcript.map((seg) => {
+          const time = typeof seg?.time === "string" ? seg.time : "";
+          const role = typeof seg?.role === "string" ? seg.role : "";
+          const text = typeof seg?.text === "string" ? seg.text : "";
+          const header = [time, role].filter(Boolean).join(" • ");
+          return header ? `${header}
+${text}` : text;
+        }).join("\n\n");
+      }
+      return "";
+    }
+    async function copyTranscript() {
+      try {
+        await navigator.clipboard.writeText(transcriptToText(conversation));
+      } catch (e) {
+        console.error("Failed to copy transcript", e);
+      }
+    }
+    async function copyRecordingUrl() {
+      try {
+        const url = conversation?.audioUrl;
+        if (!url) return;
+        await navigator.clipboard.writeText(url);
+      } catch (e) {
+        console.error("Failed to copy recording URL", e);
+      }
+    }
+    function isRenderableConversationalMessage(trace) {
+      if (trace.traceType !== "CONVERSATIONAL") return false;
+      return trace.eventName === "received-message" || trace.eventName === "llm-handler-stream-requested" || trace.eventName === "finished-main-streaming-step" || trace.eventName === "sent-message" || trace.eventName === "transfer-requested" || trace.eventName === "hangup-requested";
+    }
+    function buildChatLatencyWarningsAfterTraceKey(items, latencyEvents) {
+      const byKey = /* @__PURE__ */ new Map();
+      for (const span of buildResponseLatencySpans(latencyEvents)) {
+        if (!span.isHigh) continue;
+        const target = findResponseLatencyUserTurn(items, span);
+        if (!target) continue;
+        const key = traceKey(target);
+        const existing = byKey.get(key);
+        if (!existing || span.durationMs > existing.durationMs) {
+          byKey.set(key, { id: span.id, durationMs: span.durationMs });
+        }
+      }
+      return byKey;
+    }
+    function chatLatencyWarningAfterTrace(trace) {
+      return chatLatencyWarningsAfterTraceKey.get(traceKey(trace)) ?? null;
+    }
+    const MONTHS_SHORT = [
+      "Jan",
+      "Feb",
+      "Mar",
+      "Apr",
+      "May",
+      "Jun",
+      "Jul",
+      "Aug",
+      "Sep",
+      "Oct",
+      "Nov",
+      "Dec"
+    ];
+    function dateKey(ms) {
+      if (typeof ms !== "number" || !Number.isFinite(ms)) return null;
+      const d = new Date(ms);
+      if (Number.isNaN(d.getTime())) return null;
+      const yyyy = d.getFullYear();
+      const mm = String(d.getMonth() + 1).padStart(2, "0");
+      const dd = String(d.getDate()).padStart(2, "0");
+      return `${yyyy}-${mm}-${dd}`;
+    }
+    function formatDateLabel(ms) {
+      if (typeof ms !== "number" || !Number.isFinite(ms)) return null;
+      const d = new Date(ms);
+      if (Number.isNaN(d.getTime())) return null;
+      const day = d.getDate();
+      const month = MONTHS_SHORT[d.getMonth()];
+      const year = d.getFullYear();
+      return `${day} ${month} ${year}`;
+    }
+    onDestroy(() => {
+      saveViewMemory();
+    });
+    renderableTraces = traces.filter((trace) => {
+      return trace.traceType === "API_CALL" || trace.traceType === "STEP" || isRenderableConversationalMessage(trace);
+    });
+    chatLatencyWarningsAfterTraceKey = buildChatLatencyWarningsAfterTraceKey(renderableTraces, latencyTraces);
+    testAgentId = normalizeNonEmptyString(store_get($$store_subs ??= {}, "$page", page).url.searchParams.get("agent")) ?? normalizeNonEmptyString(conversation?.agentId) ?? "";
+    testRegion = normalizeNonEmptyString(store_get($$store_subs ??= {}, "$page", page).url.searchParams.get("region"));
+    {
+      store_get($$store_subs ??= {}, "$page", page).params.conversationId;
+    }
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      head("1uatba4", $$renderer3, ($$renderer4) => {
+        $$renderer4.title(($$renderer5) => {
+          $$renderer5.push(`<title>Bosun: Telescope</title>`);
+        });
+      });
+      $$renderer3.push(`<div class="flex h-full w-full flex-col bg-rc-gray-700"><div class="flex-none border-b border-rc-gray-300/40 p-4"><div class="flex flex-wrap items-start justify-between gap-3"><h2 class="text-lg font-semibold text-rc-gray-100">Traces `);
+      if (store_get($$store_subs ??= {}, "$page", page).params.conversationId) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<span class="text-rc-gray-100">for conversation Id:</span> <span class="text-rc-green-200">${escape_html(store_get($$store_subs ??= {}, "$page", page).params.conversationId)}</span>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></h2> `);
+      if (store_get($$store_subs ??= {}, "$page", page).params.conversationId) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<div class="flex flex-wrap items-center gap-2">`);
+        if (hasRecording(conversation)) {
+          $$renderer3.push("<!--[0-->");
+          Button($$renderer3, {
+            variant: "secondary",
+            size: "small",
+            onclick: () => recordingOpen = true,
+            children: ($$renderer4) => {
+              $$renderer4.push(`<!---->Recording`);
+            },
+            $$slots: { default: true }
+          });
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> `);
+        if (hasTranscript(conversation)) {
+          $$renderer3.push("<!--[0-->");
+          Button($$renderer3, {
+            variant: "secondary",
+            size: "small",
+            onclick: () => transcriptOpen = true,
+            children: ($$renderer4) => {
+              $$renderer4.push(`<!---->Transcript`);
+            },
+            $$slots: { default: true }
+          });
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> `);
+        CopyTracesDropdown($$renderer3, {
+          disabled: !traces.length || tracesLoading,
+          getWithPromptsText: () => JSON.stringify(tracesForCopy(true), null, 2),
+          getWithoutPromptsText: () => JSON.stringify(tracesForCopy(false), null, 2)
+        });
+        $$renderer3.push(`<!----></div>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></div> `);
+      if (conversationError) {
+        $$renderer3.push("<!--[1-->");
+        $$renderer3.push(`<div class="mt-2 text-sm text-rc-gray-300">Call details unavailable: ${escape_html(conversationError)}</div>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></div> <div class="rc-scroll min-h-0 flex-1 overflow-scroll p-4">`);
+      if (!store_get($$store_subs ??= {}, "$page", page).params.conversationId) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<div class="py-8 text-center text-rc-gray-300">No conversation selected</div>`);
+      } else if (tracesError) {
+        $$renderer3.push("<!--[2-->");
+        $$renderer3.push(`<div class="z-50 py-8 text-center text-red-400">Error: ${escape_html(tracesError)}</div>`);
+      } else if (!renderableTraces.length) {
+        $$renderer3.push("<!--[3-->");
+        $$renderer3.push(`<div class="py-8 text-center text-rc-gray-300">No traces found</div>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+        $$renderer3.push(`<div><!--[-->`);
+        const each_array = ensure_array_like(renderableTraces);
+        for (let idx = 0, $$length = each_array.length; idx < $$length; idx++) {
+          let trace = each_array[idx];
+          const current = dateKey(trace.createdAt);
+          const previous = idx > 0 ? dateKey(renderableTraces[idx - 1].createdAt) : null;
+          const label = formatDateLabel(trace.createdAt);
+          const latencyWarning = chatLatencyWarningAfterTrace(trace);
+          if (current && label && current !== previous) {
+            $$renderer3.push("<!--[0-->");
+            $$renderer3.push(`<div class="my-3 flex w-full justify-center"><div class="rounded-full border border-rc-gray-650 bg-rc-gray-900/40 px-3 py-1 text-xs text-rc-gray-200">${escape_html(label)}</div></div>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--> `);
+          if (trace.traceType === "API_CALL") {
+            $$renderer3.push("<!--[0-->");
+            ChatApiCallTrace($$renderer3, { trace });
+          } else if (trace.traceType === "STEP") {
+            $$renderer3.push("<!--[1-->");
+            ChatStepTrace($$renderer3, {
+              trace,
+              agentId: testAgentId,
+              region: testRegion,
+              fallbackConversation: findStringifiedConversationBefore(renderableTraces, idx),
+              compareTrace: isMainStepName(trace.name) ? findMainComparisonTrace(renderableTraces, idx) : null,
+              testCreationMode: "pii-sanitized"
+            });
+          } else {
+            $$renderer3.push("<!--[-1-->");
+            ChatConversationalTrace($$renderer3, {
+              trace,
+              context: null,
+              agentId: testAgentId,
+              region: testRegion,
+              testSourceStep: findMainStepTraceNear(renderableTraces, idx),
+              testEntries: renderableTraces,
+              requireTestSourceStep: true,
+              testCreationMode: "pii-sanitized"
+            });
+          }
+          $$renderer3.push(`<!--]--> `);
+          if (latencyWarning) {
+            $$renderer3.push("<!--[0-->");
+            $$renderer3.push(`<div class="my-3 flex w-full justify-center"><div class="rounded-full border border-red-500 bg-red-950/30 px-3 py-1 text-xs font-semibold text-red-200">High response latency: ${escape_html(fmtMs(latencyWarning.durationMs))}</div></div>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]-->`);
+        }
+        $$renderer3.push(`<!--]--></div>`);
+      }
+      $$renderer3.push(`<!--]--></div></div> `);
+      if (recordingOpen && hasRecording(conversation)) {
+        $$renderer3.push("<!--[0-->");
+        {
+          let children = function($$renderer4) {
+            $$renderer4.push(`<audio class="w-full" controls=""${attr("src", conversation?.audioUrl)}></audio> <div class="mt-3 break-all text-sm text-rc-gray-300">${escape_html(conversation?.audioUrl)}</div>`);
+          }, footer = function($$renderer4) {
+            Button($$renderer4, {
+              variant: "secondary",
+              size: "small",
+              onclick: copyRecordingUrl,
+              children: ($$renderer5) => {
+                $$renderer5.push(`<!---->Copy URL`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer4.push(`<!----> `);
+            Button($$renderer4, {
+              variant: "secondary",
+              size: "small",
+              onclick: () => recordingOpen = false,
+              children: ($$renderer5) => {
+                $$renderer5.push(`<!---->Close`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer4.push(`<!---->`);
+          };
+          Modal($$renderer3, {
+            title: "Recording",
+            class: "!max-w-3xl",
+            get open() {
+              return recordingOpen;
+            },
+            set open($$value) {
+              recordingOpen = $$value;
+              $$settled = false;
+            },
+            children,
+            footer,
+            $$slots: { default: true, footer: true }
+          });
+        }
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (transcriptOpen && hasTranscript(conversation)) {
+        $$renderer3.push("<!--[0-->");
+        {
+          let children = function($$renderer4) {
+            $$renderer4.push(`<div class="rc-scroll flex max-h-[60vh] flex-col gap-4 overflow-scroll p-2">`);
+            if (typeof conversation?.transcript === "string") {
+              $$renderer4.push("<!--[0-->");
+              CollapseExpand($$renderer4, { value: conversation.transcript, limit: 500, expanded: true });
+            } else {
+              $$renderer4.push("<!--[-1-->");
+            }
+            $$renderer4.push(`<!--]--></div>`);
+          }, footer = function($$renderer4) {
+            $$renderer4.push(`<div class="flex w-full items-center justify-end gap-5">`);
+            Button($$renderer4, {
+              onclick: copyTranscript,
+              children: ($$renderer5) => {
+                $$renderer5.push(`<!---->Copy transcript`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer4.push(`<!----> `);
+            Button($$renderer4, {
+              variant: "secondary",
+              onclick: () => transcriptOpen = false,
+              children: ($$renderer5) => {
+                $$renderer5.push(`<!---->Close`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer4.push(`<!----></div>`);
+          };
+          Modal($$renderer3, {
+            title: "Transcript",
+            class: "!max-w-4xl",
+            get open() {
+              return transcriptOpen;
+            },
+            set open($$value) {
+              transcriptOpen = $$value;
+              $$settled = false;
+            },
+            children,
+            footer,
+            $$slots: { default: true, footer: true }
+          });
+        }
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+    if ($$store_subs) unsubscribe_stores($$store_subs);
+    bind_props($$props, { useMock });
+  });
+}
+
+export { _page as default };
+//# sourceMappingURL=_page.svelte.js-Ca79DBzJ.js.map