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

package/build/server/chunks/_page.svelte-xf-0yXQM.js

@@ -1,1429 +0,0 @@
-import { m as derived, p as attr_class, k as escape_html, o as ensure_array_like, l as attr, az as clsx, n as stringify, r as attr_style } from './index-rHCWxLFZ.js';
-import { B as Button } from './Button-oIUr2LUP.js';
-import { D as Dropdown } from './Dropdown-DfCyYHqi.js';
-import { I as Icon } from './Icon-DadJPtVP.js';
-import { t as trpc } from './trpc-client-D8L6vWf4.js';
-import { g as getEditWorkspaceContext } from './edit-workspace-context-biaZqjOf.js';
-import { C as ChatApiCallTrace, a as ChatConversationalTrace, f as findMainStepTraceNear, b as ChatStepTrace, c as findStringifiedConversationBefore } from './ChatStepTrace-CX2Zolmp.js';
-import { P as Panel } from './Panel-D0IY1AzO.js';
-import { i as isMainStepName } from './steps-DzZCg39h.js';
-import { i as isApiCallTrace, b as isConversationalTrace, d as isStepTrace, e as chatContent, l as logContent, c as clearChatContent, a as clearLogs } from './log-content.svelte-CfQzj-v_.js';
-import { I as Input } from './Input-R74u4cO5.js';
-import './shared-server-DaWdgxVh.js';
-import '@trpc/client';
-import './index-server-BMxlf3ZC.js';
-
-function History($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      agentStates,
-      currentState,
-      onSelectState,
-      class: className = ""
-    } = $$props;
-    let isOpen = false;
-    let anchorEl = null;
-    const MONTHS_SHORT = [
-      "Jan",
-      "Feb",
-      "Mar",
-      "Apr",
-      "May",
-      "Jun",
-      "Jul",
-      "Aug",
-      "Sep",
-      "Oct",
-      "Nov",
-      "Dec"
-    ];
-    function toggleDropdown() {
-      isOpen = !isOpen;
-    }
-    function handleSelectState(stateId) {
-      onSelectState(stateId);
-      isOpen = false;
-    }
-    function getUserMessage(state) {
-      const raw = state.userMessage;
-      if (raw == null) return "No message";
-      const msg = (typeof raw === "string" ? raw : String(raw)).trim();
-      if (!msg) return "No message";
-      return state.userMessageSender === "system" ? `System: ${msg}` : msg;
-    }
-    function truncateMessage(message, maxLength = 50, ellipsis = "…") {
-      if (!message) return "";
-      if (message.length <= maxLength) return message;
-      const slice = message.slice(0, maxLength + 1);
-      const lastSpace = Math.max(slice.lastIndexOf(" "), slice.lastIndexOf(" "), slice.lastIndexOf("	"), slice.lastIndexOf("\n"), slice.lastIndexOf("\r"));
-      const cut = lastSpace > 0 ? slice.slice(0, lastSpace) : message.slice(0, maxLength);
-      return cut.trimEnd() + ellipsis;
-    }
-    function handleKeyDown(event) {
-      if (event.key === "ArrowDown" && !isOpen) {
-        isOpen = true;
-        event.preventDefault();
-      } else if (event.key === "ArrowUp" && isOpen) {
-        isOpen = false;
-        event.preventDefault();
-      }
-    }
-    function formatStateTime(d) {
-      const day = d.getDate();
-      const month = MONTHS_SHORT[d.getMonth()];
-      let hour = d.getHours();
-      const ampm = hour >= 12 ? "PM" : "AM";
-      hour = hour % 12;
-      if (hour === 0) hour = 12;
-      const minute = String(d.getMinutes()).padStart(2, "0");
-      const now = /* @__PURE__ */ new Date();
-      const year = d.getFullYear();
-      const yearPart = year !== now.getFullYear() ? ` ${year}` : "";
-      return `${day} ${month}${yearPart}, ${hour}:${minute} ${ampm}`;
-    }
-    function formatStateLabel(state) {
-      const fromId = new Date(state.id);
-      if (!Number.isNaN(fromId.getTime())) return formatStateTime(fromId);
-      const fromName = new Date(state.name);
-      if (!Number.isNaN(fromName.getTime())) return formatStateTime(fromName);
-      return state.name || "History";
-    }
-    let selectedState = derived(() => agentStates.find((s) => s.id === currentState) ?? null);
-    let triggerTitle = derived(() => selectedState() ? formatStateLabel(selectedState()) : "History");
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div${attr_class(`relative ${className}`)}>`);
-      Button($$renderer3, {
-        variant: "ghost",
-        "aria-expanded": isOpen,
-        "aria-haspopup": "listbox",
-        "aria-controls": "history-dropdown",
-        onclick: toggleDropdown,
-        onkeydown: handleKeyDown,
-        class: "inline-flex w-40 items-center rounded-lg border border-transparent !bg-rc-gray-700 !px-3 !pb-1 !pt-[5px] text-rc-gray-200 hover:border hover:border-rc-gray-500 focus:outline-none focus:ring-0",
-        get el() {
-          return anchorEl;
-        },
-        set el($$value) {
-          anchorEl = $$value;
-          $$settled = false;
-        },
-        children: ($$renderer4) => {
-          $$renderer4.push(`<span class="min-w-0 flex-1 truncate text-left">${escape_html(triggerTitle())}</span> `);
-          Icon($$renderer4, {
-            name: "chevron-down",
-            class: "size-7 shrink-0 text-rc-gray-500 transition-transform duration-200 " + (isOpen ? "rotate-180" : "")
-          });
-          $$renderer4.push(`<!---->`);
-        },
-        $$slots: { default: true }
-      });
-      $$renderer3.push(`<!----> `);
-      {
-        let children = function($$renderer4) {
-          $$renderer4.push(`<div class="mt-1 max-h-96 w-max min-w-full max-w-[min(26rem,90vw)] overflow-y-auto overflow-x-hidden rounded-lg border border-rc-gray-110 bg-rc-gray-930 backdrop-blur-2xl" role="listbox"><!--[-->`);
-          const each_array = ensure_array_like(agentStates.slice().reverse());
-          for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-            let state = each_array[$$index];
-            Button($$renderer4, {
-              variant: "ghost",
-              size: "small",
-              role: "option",
-              "aria-selected": state.id === currentState,
-              onclick: () => handleSelectState(state.id),
-              class: "group w-full rounded-none border-b border-rc-gray-110 py-2 pr-3 text-left backdrop-blur-2xl last:border-b-0 hover:bg-rc-gray-700 focus:bg-rc-gray-400",
-              children: ($$renderer5) => {
-                $$renderer5.push(`<div class="flex items-start gap-2"><div class="min-w-0"><div class="truncate p-1 text-sm text-rc-gray-300 group-hover:text-rc-gray-200">${escape_html(formatStateLabel(state))}</div> `);
-                if (state.id === currentState) {
-                  $$renderer5.push("<!--[0-->");
-                  $$renderer5.push(`<div class="truncate p-1 text-base font-semibold text-rc-green-200">${escape_html(truncateMessage(getUserMessage(state)))}</div>`);
-                } else {
-                  $$renderer5.push("<!--[-1-->");
-                  $$renderer5.push(`<div class="truncate p-1 text-base font-semibold text-rc-gray-100">${escape_html(truncateMessage(getUserMessage(state)))}</div>`);
-                }
-                $$renderer5.push(`<!--]--></div></div>`);
-              },
-              $$slots: { default: true }
-            });
-          }
-          $$renderer4.push(`<!--]--></div>`);
-        };
-        Dropdown($$renderer3, {
-          id: "history-dropdown",
-          open: isOpen,
-          onClose: () => isOpen = false,
-          anchorEl,
-          placement: "bottom-start",
-          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 agentContextFromRuntime(value) {
-  if (isRecord(value) && isRecord(value.context)) return cloneRecord(value.context);
-  return cloneRecord(value);
-}
-function mocksFromRuntime(value) {
-  if (!isRecord(value) || !isRecord(value.mocks)) return void 0;
-  return cloneRecord(value.mocks);
-}
-function cloneRecord(value) {
-  if (!isRecord(value)) return {};
-  return cloneValue(value);
-}
-function isRecord(value) {
-  return !!value && typeof value === "object" && !Array.isArray(value);
-}
-function cloneValue(value) {
-  try {
-    return structuredClone(value);
-  } catch {
-    try {
-      return JSON.parse(JSON.stringify(value));
-    } catch {
-      return value;
-    }
-  }
-}
-function Dialog($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let dialog;
-    let {
-      showCloseButton = false,
-      children
-    } = $$props;
-    $$renderer2.push(`<dialog class="dialog m-auto bg-transparent p-0 text-rc-gray-100 shadow-md svelte-jby388">`);
-    children($$renderer2);
-    $$renderer2.push(`<!----> `);
-    if (showCloseButton) {
-      $$renderer2.push("<!--[0-->");
-      Button($$renderer2, {
-        variant: "ghost",
-        onclick: () => dialog.close(),
-        class: "absolute right-2 top-2",
-        children: ($$renderer3) => {
-          $$renderer3.push(`<!---->✕`);
-        },
-        $$slots: { default: true }
-      });
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--></dialog>`);
-  });
-}
-function computeSuggestions(rawQuery, history, limit = 5) {
-  if (!history.length) return [];
-  const trimmedRaw = rawQuery.trim();
-  const trimmedRawLower = trimmedRaw.toLowerCase();
-  const normalizedQuery = normalizeMatchText(rawQuery, false).text;
-  const consumeTrailingSeparators = /\s$/u.test(rawQuery);
-  if (!normalizeMatchText(rawQuery, true).text) return [];
-  const matches = [];
-  for (const item of history) {
-    const normalizedCandidate = normalizeMatchText(item.text);
-    if (!normalizedCandidate.text) continue;
-    if (item.text.trim().toLowerCase() === trimmedRawLower) continue;
-    const match = findMatch(
-      normalizedCandidate,
-      item.text,
-      normalizedQuery,
-      consumeTrailingSeparators
-    );
-    if (!match) continue;
-    matches.push({ item, match });
-  }
-  matches.sort((a, b) => {
-    if (a.match.kindRank !== b.match.kindRank) return a.match.kindRank - b.match.kindRank;
-    if (a.match.span !== b.match.span) return a.match.span - b.match.span;
-    if (a.match.start !== b.match.start) return a.match.start - b.match.start;
-    if (a.item.lastSeen !== b.item.lastSeen) return b.item.lastSeen - a.item.lastSeen;
-    if (a.item.uses !== b.item.uses) return b.item.uses - a.item.uses;
-    return a.item.text.length - b.item.text.length;
-  });
-  return matches.slice(0, limit).map((m) => ({
-    text: m.item.text,
-    prefixEndIndex: m.match.prefixEndIndex,
-    segments: buildSegments(m.item.text, m.match.ranges)
-  }));
-}
-function normalizeMatchText(value, trimEnd = true) {
-  const chars = [];
-  const ranges = [];
-  for (let i = 0; i < value.length; i++) {
-    const token = normalizeChar(value[i]);
-    if (token === " ") {
-      if (!chars.length) continue;
-      const last = chars.length - 1;
-      if (chars[last] === " ") {
-        ranges[last][1] = i + 1;
-        continue;
-      }
-    }
-    chars.push(token);
-    ranges.push([i, i + 1]);
-  }
-  if (trimEnd && chars[chars.length - 1] === " ") {
-    chars.pop();
-    ranges.pop();
-  }
-  return { text: chars.join(""), ranges };
-}
-function normalizeChar(ch) {
-  if (/\s/u.test(ch)) return " ";
-  try {
-    return /[\p{P}\p{S}]/u.test(ch) ? " " : ch.toLowerCase();
-  } catch {
-    return /[^a-z0-9\s]/i.test(ch) ? " " : ch.toLowerCase();
-  }
-}
-function findMatch(normalizedCandidate, rawCandidate, normalizedQuery, consumeTrailingSeparators) {
-  if (!normalizedCandidate.text) return null;
-  if (normalizedCandidate.text.startsWith(normalizedQuery)) {
-    const end = prefixEndIndexIgnoringPunctuation(rawCandidate, normalizedQuery, consumeTrailingSeparators) ?? rawCandidate.length;
-    const clampedEnd = Math.max(0, Math.min(rawCandidate.length, end));
-    return {
-      kindRank: 0,
-      start: 0,
-      span: normalizedQuery.length,
-      ranges: [[0, clampedEnd]],
-      prefixEndIndex: clampedEnd
-    };
-  }
-  const substringIndex = normalizedCandidate.text.indexOf(normalizedQuery);
-  if (substringIndex !== -1) {
-    return {
-      kindRank: getSubstringKindRank(
-        normalizedCandidate.text,
-        substringIndex,
-        normalizedQuery.length
-      ),
-      start: substringIndex,
-      span: normalizedQuery.length,
-      ranges: normalizedSliceToRawRanges(
-        normalizedCandidate,
-        substringIndex,
-        substringIndex + normalizedQuery.length
-      ),
-      prefixEndIndex: rawCandidate.length
-    };
-  }
-  return null;
-}
-function isWordBoundary(value, index) {
-  if (index <= 0) return true;
-  return value[index - 1] === " ";
-}
-function isWordEndBoundary(value, index) {
-  if (index >= value.length) return true;
-  return value[index] === " ";
-}
-function getSubstringKindRank(value, start, length) {
-  const startsAtBoundary = isWordBoundary(value, start);
-  const endsAtBoundary = isWordEndBoundary(value, start + length);
-  if (startsAtBoundary && endsAtBoundary) return 1;
-  if (startsAtBoundary) return 2;
-  return 3;
-}
-function normalizedSliceToRawRanges(normalized, start, end) {
-  const clampedStart = Math.max(0, Math.min(normalized.ranges.length, start));
-  const clampedEnd = Math.max(clampedStart, Math.min(normalized.ranges.length, end));
-  return mergeRanges(normalized.ranges.slice(clampedStart, clampedEnd));
-}
-function prefixEndIndexIgnoringPunctuation(candidate, normalizedQuery, consumeTrailingSeparators) {
-  if (!normalizedQuery) return null;
-  let normalized = "";
-  let lastWasSpace = true;
-  for (let i = 0; i < candidate.length; i++) {
-    const ch = candidate[i];
-    let token;
-    if (/\s/u.test(ch)) {
-      token = " ";
-    } else {
-      try {
-        token = /[\p{P}\p{S}]/u.test(ch) ? " " : ch.toLowerCase();
-      } catch {
-        token = /[^a-z0-9\s]/i.test(ch) ? " " : ch.toLowerCase();
-      }
-    }
-    if (token === " ") {
-      if (lastWasSpace) continue;
-      normalized += " ";
-      lastWasSpace = true;
-    } else {
-      normalized += token;
-      lastWasSpace = false;
-    }
-    if (normalized.length === normalizedQuery.length) {
-      if (normalized !== normalizedQuery) return null;
-      let end = i + 1;
-      if (consumeTrailingSeparators && normalizedQuery.endsWith(" ")) {
-        let j = end;
-        while (j < candidate.length) {
-          const c = candidate[j];
-          if (/\s/u.test(c)) {
-            j += 1;
-            continue;
-          }
-          try {
-            if (/[\p{P}\p{S}]/u.test(c)) {
-              j += 1;
-              continue;
-            }
-          } catch {
-            if (/[^a-z0-9\s]/i.test(c)) {
-              j += 1;
-              continue;
-            }
-          }
-          break;
-        }
-        end = j;
-      }
-      return end;
-    }
-    if (normalized.length > normalizedQuery.length) {
-      return null;
-    }
-  }
-  return null;
-}
-function buildSegments(text, ranges) {
-  const merged = mergeRanges(ranges);
-  if (!merged.length) return [{ text, matched: false }];
-  const segments = [];
-  let cursor = 0;
-  for (const [start, end] of merged) {
-    if (start > cursor) {
-      segments.push({ text: text.slice(cursor, start), matched: false });
-    }
-    segments.push({ text: text.slice(start, end), matched: true });
-    cursor = end;
-  }
-  if (cursor < text.length) {
-    segments.push({ text: text.slice(cursor), matched: false });
-  }
-  return segments.filter((s) => s.text.length > 0);
-}
-function mergeRanges(ranges) {
-  if (!ranges.length) return [];
-  const sorted = ranges.map(([start, end]) => [Math.max(0, start), Math.max(0, end)]).filter(([start, end]) => end > start).sort((a, b) => a[0] - b[0] || a[1] - b[1]);
-  if (!sorted.length) return [];
-  const merged = [[sorted[0][0], sorted[0][1]]];
-  for (let i = 1; i < sorted.length; i++) {
-    const [start, end] = sorted[i];
-    const current = merged[merged.length - 1];
-    if (start <= current[1]) {
-      current[1] = Math.max(current[1], end);
-      continue;
-    }
-    merged.push([start, end]);
-  }
-  return merged;
-}
-function PlaygroundChat($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      class: className,
-      onmessage,
-      context,
-      agentId,
-      region,
-      agentType,
-      analyzeDisabled = false,
-      onAnalyzeTrace,
-      onRegenerateTrace,
-      onRevertToState,
-      onSeeVariants,
-      onHangup,
-      variantSourceTrace = null,
-      variantChoices = [],
-      variantLoading = false,
-      variantApplyingId = null,
-      variantError = null,
-      onCancelVariants,
-      onRegenerateVariants,
-      onChooseOriginalVariant,
-      onChooseVariant
-    } = $$props;
-    let text = "";
-    let imageUrlInputValue = "";
-    let inputEl = null;
-    let ghostTextStyle = "";
-    let aiGenerating = false;
-    let sendRole = "user";
-    let actionError = null;
-    let userHistory = [];
-    let inputFocused = false;
-    let autocompleteDismissed = false;
-    let selectedSuggestionIndex = null;
-    const suggestions = derived(() => computeSuggestions(text, userHistory));
-    const selectedSuggestion = derived(() => {
-      if (selectedSuggestionIndex == null) return null;
-      return suggestions()[selectedSuggestionIndex] ?? null;
-    });
-    const ghostSuffix = derived(() => {
-      if (!selectedSuggestion()) return "";
-      return selectedSuggestion().text.slice(selectedSuggestion().prefixEndIndex);
-    });
-    const showGenerateAction = derived(() => !variantSourceTrace && true && text.trim().length === 0);
-    const dropdownOpen = derived(() => {
-      if (variantSourceTrace) return false;
-      if (!inputFocused) return false;
-      if (autocompleteDismissed) return false;
-      return suggestions().length > 0;
-    });
-    function applySuggestion(s) {
-      text = s.text;
-      selectedSuggestionIndex = null;
-      autocompleteDismissed = true;
-    }
-    function handleInputFocus() {
-      inputFocused = true;
-      autocompleteDismissed = false;
-    }
-    function handleInputBlur() {
-      inputFocused = false;
-      selectedSuggestionIndex = null;
-      autocompleteDismissed = false;
-    }
-    function handleInput() {
-      selectedSuggestionIndex = null;
-      autocompleteDismissed = false;
-    }
-    function handleInputKeydown(event) {
-      if (event.key === "Escape") {
-        if (dropdownOpen()) {
-          event.preventDefault();
-        }
-        autocompleteDismissed = true;
-        selectedSuggestionIndex = null;
-        return;
-      }
-      if (event.key === "ArrowUp" || event.key === "ArrowDown") {
-        if (!suggestions().length) return;
-        if (autocompleteDismissed) autocompleteDismissed = false;
-        event.preventDefault();
-        const max = suggestions().length - 1;
-        if (selectedSuggestionIndex === null) {
-          selectedSuggestionIndex = event.key === "ArrowUp" ? max : 0;
-        } else {
-          const delta = event.key === "ArrowUp" ? -1 : 1;
-          selectedSuggestionIndex = Math.max(0, Math.min(max, selectedSuggestionIndex + delta));
-        }
-        return;
-      }
-      if (event.key === "Enter" || event.key === "Tab" && !event.shiftKey) {
-        if (selectedSuggestionIndex === null) return;
-        const s = suggestions()[selectedSuggestionIndex];
-        if (!s) return;
-        event.preventDefault();
-        applySuggestion(s);
-        return;
-      }
-    }
-    function getPromptForDiff(trace) {
-      if (!trace) return null;
-      if (typeof trace.renderedPrompt === "string") return trace.renderedPrompt;
-      return null;
-    }
-    function findMainComparisonTrace(entries, index) {
-      for (let i = index - 1; i >= 0; i--) {
-        const entry = entries[i];
-        if (isStepTrace(entry) && isMainStepName(entry.name) && getPromptForDiff(entry)) return entry;
-      }
-      for (let i = index - 1; i >= 0; i--) {
-        const entry = entries[i];
-        if (isStepTrace(entry) && entry.name === "prewarm" && getPromptForDiff(entry)) return entry;
-      }
-      return null;
-    }
-    function isRenderableConversationalMessage(trace) {
-      if ((trace.eventName === "received-message" || trace.eventName === "llm-handler-stream-requested") && !String(trace.content ?? "").trim()) {
-        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 isVariantEligibleTrace(trace) {
-      return !!(agentId && agentId.trim()) && trace.eventName !== "transfer-requested" && (trace.eventName === "finished-main-streaming-step" || trace.eventName === "sent-message");
-    }
-    function isUserConversationalTrace(trace) {
-      return trace.role === "user" || trace.eventName === "received-message" || trace.eventName === "llm-handler-stream-requested";
-    }
-    function extractUserText(raw) {
-      const value = String(raw ?? "").trim();
-      if (!value) return "";
-      if (/^\[image\]\s+/.test(value)) return "";
-      return value;
-    }
-    function inputSenderForTrace(trace) {
-      const rawSender = trace?.bosunInputMessageSender;
-      if (rawSender === "system") return "system";
-      if (rawSender === "user") return "user";
-      return trace.role === "system" ? "system" : "user";
-    }
-    function handleRevertTrace(trace) {
-      if (!onRevertToState) return;
-      const rawPrev = trace?.bosunPrevStateId;
-      const prevStateId = typeof rawPrev === "string" && rawPrev.trim().length > 0 ? rawPrev : null;
-      onRevertToState(prevStateId);
-      const rawUserMessage = typeof trace?.bosunUserMessage === "string" ? trace.bosunUserMessage : trace.content;
-      text = extractUserText(rawUserMessage);
-      sendRole = inputSenderForTrace(trace);
-      autocompleteDismissed = false;
-      selectedSuggestionIndex = null;
-      requestAnimationFrame(() => {
-        try {
-          inputEl?.focus();
-          inputEl?.select();
-        } catch {
-        }
-      });
-    }
-    function handleSecondaryChatButton() {
-      if (agentType === "text") ;
-      else if (agentType === "voice") {
-        onHangup?.();
-      }
-    }
-    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}`;
-    }
-    const renderableEntries = derived(() => {
-      return chatContent.filter((entry) => {
-        if (isApiCallTrace(entry) || isStepTrace(entry)) return true;
-        if (isConversationalTrace(entry)) return isRenderableConversationalMessage(entry);
-        return false;
-      });
-    });
-    const controlsDisabled = derived(() => {
-      return chatContent.findLast((e) => isConversationalTrace(e))?.eventName === "hangup-requested";
-    });
-    const lastVariantEligibleTrace = derived(() => {
-      const match = renderableEntries().map((entry, index) => ({ entry, index })).reverse().find(({ entry, index }) => {
-        if (!isConversationalTrace(entry) || !isVariantEligibleTrace(entry)) return false;
-        return renderableEntries().slice(0, index).some((candidate) => isConversationalTrace(candidate) && isUserConversationalTrace(candidate));
-      });
-      return match && isConversationalTrace(match.entry) ? match.entry : null;
-    });
-    const aiResponseContext = derived(() => {
-      const trace = lastVariantEligibleTrace();
-      if (!trace) return null;
-      try {
-        const input = buildAnalyzeTraceInput(trace);
-        return {
-          model: input.model,
-          stringifiedConversation: input.stringifiedConversation,
-          response: input.response
-        };
-      } catch {
-        return null;
-      }
-    });
-    function buildAnalyzeTraceInput(trace) {
-      const agent = (agentId ?? "").trim();
-      if (!agent) throw new Error("Agent id is not available; cannot analyze");
-      const idx = chatContent.indexOf(trace);
-      if (idx === -1) throw new Error("Could not locate trace in chat history");
-      const stepTrace = findMainStepTraceNear(chatContent, idx, { requireRenderedPrompt: true });
-      if (!stepTrace) {
-        throw new Error("Could not find main step trace for this message");
-      }
-      const renderedPrompt = typeof stepTrace.renderedPrompt === "string" ? stepTrace.renderedPrompt : "";
-      if (!renderedPrompt.trim()) throw new Error("Main step rendered prompt is missing");
-      const stringifiedConversation = typeof stepTrace.stringifiedConversation === "string" && stepTrace.stringifiedConversation.trim() ? stepTrace.stringifiedConversation : findStringifiedConversationBefore(chatContent, idx) ?? "";
-      const response = String(trace?.content ?? "");
-      if (!response.trim()) throw new Error("Message content is missing");
-      const model = typeof stepTrace?.model === "string" ? String(stepTrace.model) : void 0;
-      const createdAtRaw = trace?.createdAt;
-      const createdAt = typeof createdAtRaw === "number" && Number.isFinite(createdAtRaw) ? createdAtRaw : void 0;
-      return {
-        trace,
-        stepTrace,
-        renderedPrompt,
-        stringifiedConversation,
-        response,
-        model,
-        createdAt
-      };
-    }
-    function handleAnalyzeTrace(trace) {
-      if (!onAnalyzeTrace) return;
-      try {
-        actionError = null;
-        onAnalyzeTrace(buildAnalyzeTraceInput(trace));
-      } catch (e) {
-        console.error(e);
-        actionError = e instanceof Error ? e.message : String(e);
-      }
-    }
-    function handleRegenerateTrace(trace) {
-      if (!onRegenerateTrace) return;
-      try {
-        actionError = null;
-        onRegenerateTrace(trace);
-      } catch (e) {
-        console.error(e);
-        actionError = e instanceof Error ? e.message : String(e);
-      }
-    }
-    async function handleGenerateUserResponse() {
-      if (aiGenerating) return;
-      const request = aiResponseContext();
-      if (!request) return;
-      autocompleteDismissed = true;
-      selectedSuggestionIndex = null;
-      aiGenerating = true;
-      try {
-        const result = await trpc.agents.generateUserResponse.mutate(request);
-        text = result.text;
-        autocompleteDismissed = true;
-        selectedSuggestionIndex = null;
-        requestAnimationFrame(() => {
-          try {
-            inputEl?.focus();
-            inputEl?.setSelectionRange(result.text.length, result.text.length);
-          } catch {
-          }
-        });
-      } catch (e) {
-        console.error("Failed to generate suggested user response", e);
-      } finally {
-        aiGenerating = false;
-      }
-    }
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      Dialog($$renderer3, {
-        showCloseButton: true,
-        children: ($$renderer4) => {
-          Panel($$renderer4, {
-            class: "p-4",
-            children: ($$renderer5) => {
-              $$renderer5.push(`<form><h2 class="text-l mb-4 text-gray-300">Image URL</h2> `);
-              Input($$renderer5, {
-                class: "mb-2 w-80",
-                get value() {
-                  return imageUrlInputValue;
-                },
-                set value($$value) {
-                  imageUrlInputValue = $$value;
-                  $$settled = false;
-                }
-              });
-              $$renderer5.push(`<!----> `);
-              Button($$renderer5, {
-                variant: "secondary",
-                type: "submit",
-                class: "ml-2 p-2",
-                children: ($$renderer6) => {
-                  $$renderer6.push(`<!---->Attach`);
-                },
-                $$slots: { default: true }
-              });
-              $$renderer5.push(`<!----></form>`);
-            }
-          });
-        }
-      });
-      $$renderer3.push(`<!----> `);
-      Panel($$renderer3, {
-        class: `relative flex min-h-0 flex-col p-2 pb-16 ${stringify(className)}`,
-        children: ($$renderer4) => {
-          $$renderer4.push(`<div class="rc-scroll min-h-0 flex-1 overflow-y-auto pr-1"><!--[-->`);
-          const each_array = ensure_array_like(renderableEntries());
-          for (let idx = 0, $$length = each_array.length; idx < $$length; idx++) {
-            let entry = each_array[idx];
-            const current = dateKey(entry.createdAt);
-            const previous = idx > 0 ? dateKey(renderableEntries()[idx - 1].createdAt) : null;
-            const label = formatDateLabel(entry.createdAt);
-            if (current && label && current !== previous) {
-              $$renderer4.push("<!--[0-->");
-              $$renderer4.push(`<div class="my-2 flex w-full justify-center"><div class="rounded-full border border-rc-gray-650 bg-rc-gray-800/40 px-3 py-1 text-xs text-rc-gray-200">${escape_html(label)}</div></div>`);
-            } else {
-              $$renderer4.push("<!--[-1-->");
-            }
-            $$renderer4.push(`<!--]--> <div class="log-element"><div>`);
-            if (isApiCallTrace(entry)) {
-              $$renderer4.push("<!--[0-->");
-              ChatApiCallTrace($$renderer4, { trace: entry });
-            } else if (isConversationalTrace(entry)) {
-              $$renderer4.push("<!--[1-->");
-              ChatConversationalTrace($$renderer4, {
-                testCreationMode: "direct",
-                trace: entry,
-                context,
-                agentId,
-                region,
-                testSourceStep: findMainStepTraceNear(renderableEntries(), idx),
-                testEntries: renderableEntries(),
-                analyzeDisabled,
-                onAnalyze: onAnalyzeTrace ? handleAnalyzeTrace : void 0,
-                onRegenerate: onRegenerateTrace ? handleRegenerateTrace : void 0,
-                onRevert: onRevertToState ? handleRevertTrace : void 0,
-                showSeeVariants: !!onSeeVariants && !variantSourceTrace && entry === lastVariantEligibleTrace(),
-                onSeeVariants,
-                variantSelectionState: variantSourceTrace && entry === variantSourceTrace ? "source" : "none",
-                onSelectInVariantMode: variantApplyingId === null && variantSourceTrace && entry === variantSourceTrace ? onChooseOriginalVariant : void 0,
-                suppressActionRow: !!variantSourceTrace && entry === variantSourceTrace
-              });
-            } else if (isStepTrace(entry)) {
-              $$renderer4.push("<!--[2-->");
-              ChatStepTrace($$renderer4, {
-                testCreationMode: "direct",
-                trace: entry,
-                agentId,
-                region,
-                fallbackConversation: findStringifiedConversationBefore(renderableEntries(), idx),
-                runtimeContext: context,
-                compareTrace: isMainStepName(entry.name) ? findMainComparisonTrace(renderableEntries(), idx) : null
-              });
-            } else {
-              $$renderer4.push("<!--[-1-->");
-            }
-            $$renderer4.push(`<!--]--></div> `);
-            if (variantSourceTrace && entry === variantSourceTrace) {
-              $$renderer4.push("<!--[0-->");
-              $$renderer4.push(`<div class="ml-7 mt-2 flex flex-col gap-2">`);
-              if (variantLoading) {
-                $$renderer4.push("<!--[0-->");
-                $$renderer4.push(`<div class="rounded-lg border border-rc-green-450 bg-transparent px-3 py-2 text-sm text-rc-gray-300">Generating 9 more variants…</div>`);
-              } else {
-                $$renderer4.push("<!--[-1-->");
-              }
-              $$renderer4.push(`<!--]--> `);
-              if (variantError) {
-                $$renderer4.push("<!--[0-->");
-                $$renderer4.push(`<div class="rounded-lg border border-red-500/70 bg-red-950/20 px-3 py-2 text-sm text-red-200">${escape_html(variantError)}</div>`);
-              } else {
-                $$renderer4.push("<!--[-1-->");
-              }
-              $$renderer4.push(`<!--]--> <!--[-->`);
-              const each_array_1 = ensure_array_like(variantChoices);
-              for (let $$index = 0, $$length2 = each_array_1.length; $$index < $$length2; $$index++) {
-                let variant = each_array_1[$$index];
-                $$renderer4.push(`<button type="button"${attr("disabled", variantApplyingId !== null, true)}${attr_class(`w-full max-w-[83%] cursor-pointer rounded-lg border border-rc-green-450 bg-transparent p-2 pt-1 text-left text-rc-gray-100 backdrop-blur-md transition-colors hover:bg-rc-green-700 focus:outline-none focus-visible:outline-none disabled:cursor-wait disabled:opacity-70 ${variantApplyingId === variant.id ? "bg-rc-green-700" : ""}`)}><div class="whitespace-pre-line break-words">${escape_html(variant.text)}</div></button>`);
-              }
-              $$renderer4.push(`<!--]--></div>`);
-            } else {
-              $$renderer4.push("<!--[-1-->");
-            }
-            $$renderer4.push(`<!--]--></div>`);
-          }
-          $$renderer4.push(`<!--]--></div> `);
-          if (variantSourceTrace) {
-            $$renderer4.push("<!--[0-->");
-            $$renderer4.push(`<div class="absolute bottom-2 left-2 right-2 z-10 flex items-center gap-3 rounded-lg border border-rc-green-450 bg-rc-gray-930/90 px-3 py-3 font-semibold text-rc-gray-100 shadow-inner-white-soft backdrop-blur-3xl"><span>Choose a variant above to continue</span> <button type="button"${attr("disabled", !onRegenerateVariants || variantLoading || variantApplyingId !== null, true)} class="rounded border-0 bg-transparent px-1 py-0.5 text-rc-gray-300 transition-colors hover:bg-rc-gray-900 hover:text-rc-gray-100 focus:outline-none focus-visible:outline-none disabled:cursor-wait disabled:opacity-50">Regenerate</button> <button type="button" class="rounded border-0 bg-transparent px-1 py-0.5 text-rc-gray-300 transition-colors hover:bg-rc-gray-900 hover:text-rc-gray-100 focus:outline-none focus-visible:outline-none">Cancel</button></div>`);
-          } else {
-            $$renderer4.push("<!--[-1-->");
-            if (actionError) {
-              $$renderer4.push("<!--[0-->");
-              $$renderer4.push(`<div class="absolute bottom-16 left-2 right-2 z-20 rounded-lg border border-red-500/60 bg-red-950/90 px-3 py-2 text-sm text-red-100 shadow-lg" role="alert">${escape_html(actionError)}</div>`);
-            } else {
-              $$renderer4.push("<!--[-1-->");
-            }
-            $$renderer4.push(`<!--]--> <form><fieldset${attr("disabled", controlsDisabled(), true)} class="absolute bottom-2 left-2 right-2 z-10 flex gap-2 disabled:opacity-35"><div class="relative flex-1">`);
-            if (dropdownOpen()) {
-              $$renderer4.push("<!--[0-->");
-              $$renderer4.push(`<div class="absolute bottom-full left-0 right-0 mb-1 max-h-60 overflow-y-auto rounded-lg border border-rc-gray-110 bg-rc-gray-930 shadow-inner-white-soft backdrop-blur-2xl" role="listbox"><!--[-->`);
-              const each_array_2 = ensure_array_like(suggestions());
-              for (let idx = 0, $$length = each_array_2.length; idx < $$length; idx++) {
-                let s = each_array_2[idx];
-                $$renderer4.push(`<button type="button" role="option"${attr("aria-selected", selectedSuggestionIndex === idx)} tabindex="-1"${attr_class(`w-full select-none border-b border-rc-gray-110 px-3 py-2 text-left font-semibold text-rc-gray-100 last:border-b-0 hover:bg-rc-gray-700/70 ${selectedSuggestionIndex === idx ? "bg-rc-gray-700/70" : ""}`)}><!--[-->`);
-                const each_array_3 = ensure_array_like(s.segments);
-                for (let $$index_2 = 0, $$length2 = each_array_3.length; $$index_2 < $$length2; $$index_2++) {
-                  let seg = each_array_3[$$index_2];
-                  $$renderer4.push(`<span${attr_class(clsx(seg.matched ? "text-rc-green-200" : ""))}>${escape_html(seg.text)}</span>`);
-                }
-                $$renderer4.push(`<!--]--></button>`);
-              }
-              $$renderer4.push(`<!--]--></div>`);
-            } else {
-              $$renderer4.push("<!--[-1-->");
-            }
-            $$renderer4.push(`<!--]--> `);
-            Input($$renderer4, {
-              variant: "chat",
-              class: `!text-base !leading-6 !duration-75 ${sendRole === "system" ? "!border-emerald-500 !pl-[5.5rem] hover:!border-emerald-500 focus:!border-emerald-500" : "!pl-[4.25rem]"}`,
-              placeholder: aiGenerating ? "Generating" : "Enter message...",
-              autocomplete: "off",
-              readonly: aiGenerating,
-              onfocus: handleInputFocus,
-              onblur: handleInputBlur,
-              oninput: handleInput,
-              onkeydown: handleInputKeydown,
-              get value() {
-                return text;
-              },
-              set value($$value) {
-                text = $$value;
-                $$settled = false;
-              },
-              get el() {
-                return inputEl;
-              },
-              set el($$value) {
-                inputEl = $$value;
-                $$settled = false;
-              }
-            });
-            $$renderer4.push(`<!----> <button type="button"${attr("title", sendRole === "system" ? "Switch to user" : "Switch to system")}${attr("aria-label", sendRole === "system" ? "Switch to user" : "Switch to system")}${attr("disabled", aiGenerating, true)} class="absolute bottom-0 left-3 top-0 z-20 inline-flex items-center border-r border-rc-gray-500/70 bg-transparent pr-2 text-base font-semibold leading-6 text-rc-gray-300 transition-colors duration-75 hover:text-rc-gray-300 focus:outline-none focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50">${escape_html(sendRole === "system" ? "System" : "User")}</button> `);
-            if (selectedSuggestionIndex !== null && ghostSuffix()) {
-              $$renderer4.push("<!--[0-->");
-              $$renderer4.push(`<div class="pointer-events-none absolute inset-0 z-10 overflow-hidden rounded-lg" aria-hidden="true"><div class="whitespace-pre text-rc-gray-400/70"${attr_style(ghostTextStyle)}><span class="invisible">${escape_html(text)}</span><span>${escape_html(ghostSuffix())}</span></div></div>`);
-            } else {
-              $$renderer4.push("<!--[-1-->");
-            }
-            $$renderer4.push(`<!--]--></div> `);
-            Button($$renderer4, {
-              size: "small",
-              variant: "secondary",
-              disabled: aiGenerating || !agentType,
-              onclick: handleSecondaryChatButton,
-              children: ($$renderer5) => {
-                if (agentType === "text") {
-                  $$renderer5.push("<!--[0-->");
-                  Icon($$renderer5, { name: "paperclip" });
-                } else if (agentType === "voice") {
-                  $$renderer5.push("<!--[1-->");
-                  Icon($$renderer5, { name: "hangup" });
-                } else {
-                  $$renderer5.push("<!--[-1-->");
-                }
-                $$renderer5.push(`<!--]-->`);
-              },
-              $$slots: { default: true }
-            });
-            $$renderer4.push(`<!----> `);
-            if (showGenerateAction()) {
-              $$renderer4.push("<!--[0-->");
-              Button($$renderer4, {
-                size: "small",
-                type: "button",
-                title: "Generate response",
-                "aria-label": "Generate response",
-                disabled: aiGenerating || !aiResponseContext(),
-                class: "inline-flex !w-[59px] items-center justify-center !px-0",
-                onclick: (event) => {
-                  event.preventDefault();
-                  void handleGenerateUserResponse();
-                },
-                children: ($$renderer5) => {
-                  Icon($$renderer5, { name: "sparkles" });
-                },
-                $$slots: { default: true }
-              });
-            } else {
-              $$renderer4.push("<!--[-1-->");
-              Button($$renderer4, {
-                size: "small",
-                type: "submit",
-                title: sendRole === "system" ? "Send as system" : "Send as user",
-                "aria-label": sendRole === "system" ? "Send as system" : "Send as user",
-                disabled: aiGenerating,
-                class: "inline-flex !w-[59px] items-center justify-center !px-0",
-                children: ($$renderer5) => {
-                  Icon($$renderer5, { name: "send" });
-                },
-                $$slots: { default: true }
-              });
-            }
-            $$renderer4.push(`<!--]--></fieldset></form>`);
-          }
-          $$renderer4.push(`<!--]-->`);
-        }
-      });
-      $$renderer3.push(`<!---->`);
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-  });
-}
-function _page($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const { state: workspace, actions } = getEditWorkspaceContext();
-    let analyzeRunning = false;
-    let variantMode = null;
-    let copied = null;
-    let copyTimer = null;
-    let copyMenuOpen = false;
-    let copyMenuAnchorEl = null;
-    const canGenerateVariants = derived(() => {
-      const latestStateId = workspace.agentStates.at(-1)?.id ?? null;
-      return !!latestStateId && workspace.currentState === latestStateId;
-    });
-    function agentLabel(agentId) {
-      const label = (agentId || "").trim();
-      if (!label) return "Agent";
-      return label.split("/").at(-1) ?? label;
-    }
-    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}`;
-    }
-    async function handleAnalyzeTrace(input) {
-      if (analyzeRunning) return;
-      analyzeRunning = true;
-      const requestId = actions.openPopover("analyze");
-      const time = formatHHmmss(input.createdAt);
-      const titleSuffix = time ? ` • ${time}` : "";
-      const title = `Analysis — ${agentLabel(workspace.agentId)}${titleSuffix}`;
-      try {
-        const res = await trpc.agents.analyzeTrace.mutate({
-          agentId: workspace.agentId,
-          traceId: input.trace?.traceId,
-          eventName: input.trace.eventName,
-          createdAt: input.createdAt,
-          model: input.model,
-          renderedPrompt: input.renderedPrompt,
-          stringifiedConversation: input.stringifiedConversation,
-          response: input.response,
-          stepTrace: input.stepTrace
-        });
-        if (workspace.edit.popover?.requestId !== requestId) return;
-        actions.setHighlightQuotes(res.quotes);
-        let raw = null;
-        try {
-          raw = JSON.stringify(res.raw, null, 2);
-        } catch {
-          raw = null;
-        }
-        actions.setPopoverReady(requestId, {
-          title,
-          quotes: res.quotes,
-          rationales: res.rationales,
-          parallelCalls: res.parallelCalls,
-          raw
-        });
-      } catch (e) {
-        console.error(e);
-        const message = typeof e?.message === "string" ? e.message : (() => {
-          try {
-            return JSON.stringify(e);
-          } catch {
-            return String(e);
-          }
-        })();
-        actions.setPopoverError(requestId, message || "Failed to analyze this response", { raw: message });
-      } finally {
-        analyzeRunning = false;
-      }
-    }
-    function tracesForCopy(includePrompts) {
-      if (includePrompts) return chatContent;
-      return chatContent.map((entry) => {
-        if (!isStepTrace(entry)) return entry;
-        const {
-          receivedPrompt: _receivedPrompt,
-          renderedPrompt: _renderedPrompt,
-          ...rest
-        } = entry;
-        return rest;
-      });
-    }
-    function setCopied(mode) {
-      copied = mode;
-      if (copyTimer) clearTimeout(copyTimer);
-      copyTimer = window.setTimeout(
-        () => {
-          copied = null;
-          copyTimer = null;
-        },
-        2e3
-      );
-    }
-    async function copyLogs() {
-      try {
-        await navigator.clipboard.writeText(JSON.stringify(logContent, null, 2));
-        setCopied("logs");
-      } catch (e) {
-        console.error("Failed to copy logs", e);
-      }
-    }
-    async function copyTraces(includePrompts) {
-      try {
-        await navigator.clipboard.writeText(JSON.stringify(tracesForCopy(includePrompts), null, 2));
-        setCopied(includePrompts ? "with-prompts" : "without-prompts");
-      } catch (e) {
-        console.error("Failed to copy traces", e);
-      }
-    }
-    function handleNewChat() {
-      clearVariantMode();
-      actions.closePopover();
-      actions.closeContextPopover();
-      actions.selectState(null);
-    }
-    function parseStoredInputMessage(raw, sender = "user") {
-      const trimmed = String(raw ?? "").trim();
-      if (!trimmed) return null;
-      const m = /^\[image\]\s+(.+)$/.exec(trimmed);
-      if (m) {
-        const url = (m[1] ?? "").trim();
-        if (!url) return null;
-        return { sender, text: "", imageUrl: url };
-      }
-      return { sender, text: trimmed };
-    }
-    function normalizeInputSender(raw) {
-      return raw === "system" ? "system" : "user";
-    }
-    function handleRegenerateTrace(trace) {
-      clearVariantMode();
-      const rawPrevStateId = trace?.bosunPrevStateId;
-      const prevStateId = typeof rawPrevStateId === "string" && rawPrevStateId.trim() ? rawPrevStateId : null;
-      const rawUserMessage = typeof trace?.bosunUserMessage === "string" && trace.bosunUserMessage || null;
-      const traceSender = normalizeInputSender(trace?.bosunInputMessageSender);
-      let message = rawUserMessage ? parseStoredInputMessage(rawUserMessage, traceSender) : null;
-      if (!message) {
-        const traceStateId = trace?.bosunStateId;
-        if (typeof traceStateId === "string" && traceStateId.trim()) {
-          const state = workspace.agentStates.find((s) => s.id === traceStateId);
-          message = parseStoredInputMessage(state?.userMessage ?? "", normalizeInputSender(state?.userMessageSender));
-        }
-      }
-      if (!message) {
-        if (rawPrevStateId === void 0) {
-          throw new Error("Cannot regenerate: this response has no saved state metadata");
-        }
-        actions.selectState(prevStateId);
-        return;
-      }
-      actions.selectState(prevStateId);
-      actions.sendChatMessage({
-        sender: message.sender,
-        text: message.text,
-        imageUrl: message.imageUrl
-      });
-    }
-    function clearVariantMode() {
-      variantMode = null;
-    }
-    function currentVariantPromptUpdate() {
-      const stepName = workspace.currentStep?.name?.trim();
-      if (!stepName) return null;
-      const prompt = workspace.promptDrafts[stepName];
-      if (typeof prompt !== "string") return null;
-      return { step: stepName, prompt };
-    }
-    function agentContextForVariant(trace) {
-      const idx = chatContent.indexOf(trace);
-      const stepTrace = idx === -1 ? null : findMainStepTraceNear(chatContent, idx);
-      if (stepTrace && typeof stepTrace.receivedContext !== "undefined") {
-        return cloneRecord(stepTrace.receivedContext);
-      }
-      return agentContextFromRuntime(workspace.context);
-    }
-    function bosunRuntimeContextForVariant(trace) {
-      const context = agentContextForVariant(trace);
-      const mocks = mocksFromRuntime(workspace.context);
-      return mocks ? { context, mocks } : context;
-    }
-    async function requestVariants(trace) {
-      if (!workspace.agentId) return;
-      const promptUpdate = currentVariantPromptUpdate();
-      await actions.flushPromptSave();
-      variantMode = {
-        sourceTrace: trace,
-        choices: [],
-        loading: true,
-        applyingId: null,
-        error: null
-      };
-      try {
-        const choices = await trpc.agents.generateVariants.mutate({
-          agentId: workspace.agentId,
-          region: workspace.region,
-          context: bosunRuntimeContextForVariant(trace),
-          promptUpdate,
-          count: 9
-        });
-        if (!variantMode || variantMode.sourceTrace !== trace) return;
-        variantMode = { ...variantMode, choices, loading: false, error: null };
-      } catch (error) {
-        console.error("Failed to generate variants", error);
-        if (!variantMode || variantMode.sourceTrace !== trace) return;
-        variantMode = {
-          ...variantMode,
-          choices: [],
-          loading: false,
-          error: typeof error?.message === "string" ? error.message : "Failed to generate variants"
-        };
-      }
-    }
-    function handleSeeVariants(trace) {
-      void requestVariants(trace);
-    }
-    function handleHangup() {
-      actions.hangup();
-    }
-    function handleRegenerateVariants() {
-      const sourceTrace = variantMode?.sourceTrace;
-      if (!sourceTrace) return;
-      void requestVariants(sourceTrace);
-    }
-    async function handleChooseVariant(id) {
-      if (!variantMode || !workspace.agentId) return;
-      const choice = variantMode.choices.find((variant) => variant.id === id);
-      if (!choice) return;
-      variantMode = { ...variantMode, applyingId: id, error: null };
-      try {
-        await trpc.agents.commitVariant.mutate({
-          agentId: workspace.agentId,
-          region: workspace.region,
-          state: choice.state
-        });
-        clearVariantMode();
-        clearChatContent();
-        clearLogs();
-        actions.sendAppEvent({ type: "reload-project" });
-      } catch (error) {
-        console.error("Failed to apply variant", error);
-        if (!variantMode) return;
-        variantMode = {
-          ...variantMode,
-          applyingId: null,
-          error: typeof error?.message === "string" ? error.message : "Failed to apply variant"
-        };
-      }
-    }
-    function handleChooseOriginalVariant() {
-      clearVariantMode();
-    }
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div class="relative flex h-full min-h-0 flex-col"><div class="flex flex-none flex-nowrap items-center gap-2 p-2">`);
-      if (workspace.agentStates.length > 1) {
-        $$renderer3.push("<!--[0-->");
-        History($$renderer3, {
-          agentStates: workspace.agentStates,
-          currentState: workspace.currentState,
-          class: "ml-9",
-          onSelectState: (id) => actions.selectState(id)
-        });
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> <div class="ml-auto flex flex-none flex-nowrap items-center gap-2">`);
-      Button($$renderer3, {
-        variant: "secondary",
-        size: "small",
-        disabled: !workspace.agentId,
-        "aria-expanded": workspace.contextPopoverOpen,
-        "aria-haspopup": "dialog",
-        onclick: actions.toggleContextPopover,
-        children: ($$renderer4) => {
-          $$renderer4.push(`<!---->Edit context`);
-        },
-        $$slots: { default: true }
-      });
-      $$renderer3.push(`<!----> `);
-      Button($$renderer3, {
-        variant: "secondary",
-        size: "small",
-        disabled: !chatContent.length && !logContent.length,
-        "aria-expanded": copyMenuOpen,
-        "aria-haspopup": "listbox",
-        "aria-controls": "roleplay-copy-dropdown",
-        onclick: (e) => {
-          e.stopPropagation();
-          copyMenuOpen = !copyMenuOpen;
-        },
-        get el() {
-          return copyMenuAnchorEl;
-        },
-        set el($$value) {
-          copyMenuAnchorEl = $$value;
-          $$settled = false;
-        },
-        children: ($$renderer4) => {
-          if (copied === "logs") {
-            $$renderer4.push("<!--[0-->");
-            $$renderer4.push(`Copied logs`);
-          } else if (copied === "with-prompts") {
-            $$renderer4.push("<!--[1-->");
-            $$renderer4.push(`Copied traces (with prompts)`);
-          } else if (copied === "without-prompts") {
-            $$renderer4.push("<!--[2-->");
-            $$renderer4.push(`Copied traces (without prompts)`);
-          } else {
-            $$renderer4.push("<!--[-1-->");
-            $$renderer4.push(`Copy...`);
-          }
-          $$renderer4.push(`<!--]-->`);
-        },
-        $$slots: { default: true }
-      });
-      $$renderer3.push(`<!----> `);
-      {
-        let children = function($$renderer4) {
-          $$renderer4.push(`<div class="mt-1 w-max 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",
-            disabled: !logContent.length,
-            onclick: (e) => {
-              e.stopPropagation();
-              copyMenuOpen = false;
-              copyLogs();
-            },
-            class: "block 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(`<!---->Copy logs`);
-            },
-            $$slots: { default: true }
-          });
-          $$renderer4.push(`<!----> `);
-          Button($$renderer4, {
-            variant: "ghost",
-            size: "small",
-            role: "option",
-            disabled: !chatContent.length,
-            onclick: (e) => {
-              e.stopPropagation();
-              copyMenuOpen = false;
-              copyTraces(true);
-            },
-            class: "block 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(`<!---->Copy traces with prompts`);
-            },
-            $$slots: { default: true }
-          });
-          $$renderer4.push(`<!----> `);
-          Button($$renderer4, {
-            variant: "ghost",
-            size: "small",
-            role: "option",
-            disabled: !chatContent.length,
-            onclick: (e) => {
-              e.stopPropagation();
-              copyMenuOpen = false;
-              copyTraces(false);
-            },
-            class: "block 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(`<!---->Copy traces without prompts`);
-            },
-            $$slots: { default: true }
-          });
-          $$renderer4.push(`<!----></div>`);
-        };
-        Dropdown($$renderer3, {
-          id: "roleplay-copy-dropdown",
-          open: copyMenuOpen,
-          onClose: () => copyMenuOpen = false,
-          anchorEl: copyMenuAnchorEl,
-          placement: "bottom-end",
-          offset: [0, 1],
-          children
-        });
-      }
-      $$renderer3.push(`<!----> `);
-      Button($$renderer3, {
-        size: "small",
-        onclick: handleNewChat,
-        children: ($$renderer4) => {
-          $$renderer4.push(`<!---->New chat`);
-        },
-        $$slots: { default: true }
-      });
-      $$renderer3.push(`<!----></div></div> <div class="min-h-0 flex-1">`);
-      if (!workspace.wsLoaded || !workspace.chatReady) {
-        $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<div class="flex h-full items-center justify-center text-sm text-rc-gray-300">Connecting…</div>`);
-      } else if (!workspace.agentId) {
-        $$renderer3.push("<!--[1-->");
-        $$renderer3.push(`<div class="flex h-full items-center justify-center text-sm text-rc-gray-300">Select an agent to start chatting</div>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-        $$renderer3.push(`<div class="h-full min-h-0 p-2">`);
-        PlaygroundChat($$renderer3, {
-          class: "h-full min-w-0",
-          context: workspace.context,
-          agentId: workspace.agentId,
-          region: workspace.region,
-          agentType: workspace.agentType,
-          onmessage: (message) => actions.sendChatMessage(message),
-          analyzeDisabled: analyzeRunning,
-          onAnalyzeTrace: handleAnalyzeTrace,
-          onRegenerateTrace: handleRegenerateTrace,
-          onRevertToState: (stateId) => actions.selectState(stateId),
-          onSeeVariants: canGenerateVariants() ? handleSeeVariants : void 0,
-          onHangup: handleHangup,
-          variantSourceTrace: variantMode?.sourceTrace ?? null,
-          variantChoices: variantMode?.choices ?? [],
-          variantLoading: variantMode?.loading ?? false,
-          variantApplyingId: variantMode?.applyingId ?? null,
-          variantError: variantMode?.error ?? null,
-          onCancelVariants: clearVariantMode,
-          onRegenerateVariants: handleRegenerateVariants,
-          onChooseOriginalVariant: handleChooseOriginalVariant,
-          onChooseVariant: handleChooseVariant
-        });
-        $$renderer3.push(`<!----></div>`);
-      }
-      $$renderer3.push(`<!--]--></div></div>`);
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-  });
-}
-
-export { _page as default };
-//# sourceMappingURL=_page.svelte-xf-0yXQM.js.map