@recombine-ai/bosun 0.5.1 → 0.6.0

package/build/server/chunks/{_page.svelte-CaMij-Vg.js → _page.svelte-mAhccGhM.js}

@@ -1,11 +1,11 @@
 import { B as Button } from './Button-DZYrr6c0.js';
 import { D as Dropdown } from './Dropdown-Bz9eHilg.js';
 import { b as attr_class, s as stringify, e as ensure_array_like, a as attr, g as clsx, c as attr_style } from './index2-BuOY2QE4.js';
-import { I as Icon } from './Icon-zMNuTF_-.js';
+import { I as Icon } from './Icon-C98HpfFT.js';
 import { X as escape_html } from './context-zH5kvtGY.js';
 import { t as trpc } from './trpc-client-Bucti7HD.js';
 import { g as getEditWorkspaceContext, P as Panel } from './edit-workspace-context-OTOIRCI0.js';
-import { C as ChatApiCallTrace, a as ChatConversationalTrace, b as ChatStepTrace } from './ChatStepTrace-BraUG8oN.js';
+import { C as ChatApiCallTrace, a as ChatConversationalTrace, b as ChatStepTrace } from './ChatStepTrace-Dy9ryvqZ.js';
 import { b as chatContent, i as isApiCallTrace, d as isStepTrace, e as isConversationalTrace, l as logContent } from './log-content.svelte-B3ZvaoLs.js';
 import { I as Input } from './Input-DZT3Mm_-.js';
 import '@trpc/client';
@@ -199,45 +199,119 @@ function computeSuggestions(rawQuery, history, limit = 5) {
   if (!history.length) return [];
   const trimmedRaw = rawQuery.trim();
   const trimmedRawLower = trimmedRaw.toLowerCase();
-  const normalizedQueryExact = normalizePrefixKey(rawQuery, true);
-  const normalizedQueryPrefix = normalizePrefixKey(rawQuery, false);
-  if (!normalizedQueryExact) return [];
+  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 = normalizePrefixKey(item.text);
-    if (!normalizedCandidate) continue;
+    const normalizedCandidate = normalizeMatchText(item.text);
+    if (!normalizedCandidate.text) continue;
     if (item.text.trim().toLowerCase() === trimmedRawLower) continue;
-    if (!normalizedCandidate.startsWith(normalizedQueryPrefix)) continue;
-    const end = prefixEndIndexIgnoringPunctuation(
+    const match = findMatch(
+      normalizedCandidate,
       item.text,
-      normalizedQueryPrefix,
+      normalizedQuery,
       consumeTrailingSeparators
-    ) ?? rawQuery.length;
-    matches.push({ item, prefixEndIndex: Math.max(0, Math.min(item.text.length, end)) });
+    );
+    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).slice().reverse().map((m) => ({
+  return matches.slice(0, limit).map((m) => ({
     text: m.item.text,
-    prefixEndIndex: m.prefixEndIndex,
-    segments: buildSegments(m.item.text, [[0, m.prefixEndIndex]])
+    prefixEndIndex: m.match.prefixEndIndex,
+    segments: buildSegments(m.item.text, m.match.ranges)
   }));
 }
-function normalizePrefixKey(value, trimEnd = true) {
-  const lower = value.toLowerCase();
-  let spaced;
+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 {
-    spaced = lower.replace(/[\p{P}\p{S}]/gu, " ");
+    return /[\p{P}\p{S}]/u.test(ch) ? " " : ch.toLowerCase();
   } catch {
-    spaced = lower.replace(/[^a-z0-9\s]/gi, " ");
+    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 collapsed = spaced.replace(/\s+/g, " ");
-  const trimStart = collapsed.replace(/^\s+/u, "");
-  return trimEnd ? trimStart.replace(/\s+$/u, "") : trimStart;
+  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;
@@ -298,10 +372,11 @@ function prefixEndIndexIgnoringPunctuation(candidate, normalizedQuery, consumeTr
   return null;
 }
 function buildSegments(text, ranges) {
-  if (!ranges.length) return [{ text, matched: false }];
+  const merged = mergeRanges(ranges);
+  if (!merged.length) return [{ text, matched: false }];
   const segments = [];
   let cursor = 0;
-  for (const [start, end] of ranges) {
+  for (const [start, end] of merged) {
     if (start > cursor) {
       segments.push({ text: text.slice(cursor, start), matched: false });
     }
@@ -313,6 +388,22 @@ function buildSegments(text, ranges) {
   }
   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 {
@@ -322,12 +413,21 @@ function PlaygroundChat($$renderer, $$props) {
       analyzeDisabled = false,
       onAnalyzeTrace,
       onRegenerateTrace,
-      onRevertToState
+      onRevertToState,
+      onSeeVariants,
+      variantSourceTrace = null,
+      variantChoices = [],
+      variantLoading = false,
+      variantApplyingId = null,
+      variantError = null,
+      onRegenerateVariants,
+      onChooseOriginalVariant
     } = $$props;
     let text = "";
     let imageUrlInputValue = "";
     let inputEl = null;
     let ghostTextStyle = "";
+    let aiGenerating = false;
     let userHistory = [];
     let inputFocused = false;
     let autocompleteDismissed = false;
@@ -341,7 +441,9 @@ function PlaygroundChat($$renderer, $$props) {
       if (!selectedSuggestion) return "";
       return selectedSuggestion.text.slice(selectedSuggestion.prefixEndIndex);
     })();
+    const showGenerateAction = (() => !variantSourceTrace && true && text.trim().length === 0)();
     const dropdownOpen = (() => {
+      if (variantSourceTrace) return false;
       if (!inputFocused) return false;
       if (autocompleteDismissed) return false;
       return suggestions.length > 0;
@@ -414,6 +516,9 @@ function PlaygroundChat($$renderer, $$props) {
     function isRenderableConversationalMessage(trace) {
       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";
     }
+    function isVariantEligibleTrace(trace) {
+      return !!(agentId && agentId.trim()) && trace.eventName !== "transfer-requested" && (trace.eventName === "finished-main-streaming-step" || trace.eventName === "sent-message");
+    }
     function extractUserText(raw) {
       const value = String(raw ?? "").trim();
       if (!value) return "";
@@ -474,6 +579,29 @@ function PlaygroundChat($$renderer, $$props) {
         return false;
       });
     })();
+    const lastVariantEligibleTrace = (() => {
+      for (let index = renderableEntries.length - 1; index >= 0; index--) {
+        const entry = renderableEntries[index];
+        if (!isConversationalTrace(entry)) continue;
+        if (!isVariantEligibleTrace(entry)) continue;
+        return entry;
+      }
+      return null;
+    })();
+    const aiResponseContext = (() => {
+      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 findMainStepTraceForConversationTrace(idx) {
       for (let i = idx - 1; i >= 0; i--) {
         const entry = chatContent[i];
@@ -540,6 +668,31 @@ function PlaygroundChat($$renderer, $$props) {
         console.error(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) {
@@ -607,7 +760,12 @@ function PlaygroundChat($$renderer, $$props) {
                   analyzeDisabled,
                   onAnalyze: onAnalyzeTrace ? handleAnalyzeTrace : void 0,
                   onRegenerate: onRegenerateTrace,
-                  onRevert: onRevertToState ? handleRevertTrace : 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 {
                 $$renderer4.push("<!--[!-->");
@@ -624,78 +782,130 @@ function PlaygroundChat($$renderer, $$props) {
               }
               $$renderer4.push(`<!--]-->`);
             }
-            $$renderer4.push(`<!--]--></div></div>`);
-          }
-          $$renderer4.push(`<!--]--></div> <form class="absolute bottom-2 left-2 right-2 z-10 flex gap-2 rounded"><div class="relative flex-1">`);
-          if (dropdownOpen) {
-            $$renderer4.push("<!--[-->");
-            $$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_1 = ensure_array_like(suggestions);
-            for (let idx = 0, $$length = each_array_1.length; idx < $$length; idx++) {
-              let s = each_array_1[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 ${stringify(selectedSuggestionIndex === idx ? "bg-rc-gray-700/70" : "")}`)}><!--[-->`);
-              const each_array_2 = ensure_array_like(s.segments);
-              for (let $$index_1 = 0, $$length2 = each_array_2.length; $$index_1 < $$length2; $$index_1++) {
-                let seg = each_array_2[$$index_1];
-                $$renderer4.push(`<span${attr_class(clsx(seg.matched ? "text-rc-green-200" : ""))}>${escape_html(seg.text)}</span>`);
+            $$renderer4.push(`<!--]--></div> `);
+            if (variantSourceTrace && entry === variantSourceTrace) {
+              $$renderer4.push("<!--[-->");
+              $$renderer4.push(`<div class="ml-7 mt-2 flex flex-col gap-2">`);
+              if (variantLoading) {
+                $$renderer4.push("<!--[-->");
+                $$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("<!--[!-->");
+              }
+              $$renderer4.push(`<!--]--> `);
+              if (variantError) {
+                $$renderer4.push("<!--[-->");
+                $$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("<!--[!-->");
+              }
+              $$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 ${stringify(variantApplyingId === variant.id ? "bg-rc-green-700" : "")}`)}><div class="whitespace-pre-line break-words">${escape_html(variant.text)}</div></button>`);
               }
-              $$renderer4.push(`<!--]--></button>`);
+              $$renderer4.push(`<!--]--></div>`);
+            } else {
+              $$renderer4.push("<!--[!-->");
             }
             $$renderer4.push(`<!--]--></div>`);
-          } else {
-            $$renderer4.push("<!--[!-->");
           }
-          $$renderer4.push(`<!--]--> `);
-          Input($$renderer4, {
-            variant: "chat",
-            placeholder: "Enter user's message...",
-            autocomplete: "off",
-            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(`<!----> `);
-          if (selectedSuggestionIndex !== null && ghostSuffix) {
+          $$renderer4.push(`<!--]--></div> `);
+          if (variantSourceTrace) {
             $$renderer4.push("<!--[-->");
-            $$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>`);
+            $$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("<!--[!-->");
+            $$renderer4.push(`<form class="absolute bottom-2 left-2 right-2 z-10 flex gap-2 rounded"><div class="relative flex-1">`);
+            if (dropdownOpen) {
+              $$renderer4.push("<!--[-->");
+              $$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 ${stringify(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("<!--[!-->");
+            }
+            $$renderer4.push(`<!--]--> `);
+            Input($$renderer4, {
+              variant: "chat",
+              placeholder: aiGenerating ? "Generating" : "Enter user's 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(`<!----> `);
+            if (selectedSuggestionIndex !== null && ghostSuffix) {
+              $$renderer4.push("<!--[-->");
+              $$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("<!--[!-->");
+            }
+            $$renderer4.push(`<!--]--></div> `);
+            Button($$renderer4, {
+              size: "small",
+              variant: "secondary",
+              disabled: aiGenerating,
+              onclick: () => true,
+              children: ($$renderer5) => {
+                Icon($$renderer5, { name: "paperclip" });
+              },
+              $$slots: { default: true }
+            });
+            $$renderer4.push(`<!----> `);
+            Button($$renderer4, {
+              size: "small",
+              type: showGenerateAction ? "button" : "submit",
+              title: showGenerateAction ? "Generate response" : void 0,
+              "aria-label": showGenerateAction ? "Generate response" : "Send message",
+              disabled: aiGenerating || showGenerateAction && !aiResponseContext,
+              onclick: (event) => {
+                if (!showGenerateAction) return;
+                event.preventDefault();
+                void handleGenerateUserResponse();
+              },
+              children: ($$renderer5) => {
+                if (showGenerateAction) {
+                  $$renderer5.push("<!--[-->");
+                  Icon($$renderer5, { name: "sparkles" });
+                } else {
+                  $$renderer5.push("<!--[!-->");
+                  Icon($$renderer5, { name: "send" });
+                }
+                $$renderer5.push(`<!--]-->`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer4.push(`<!----></form>`);
           }
-          $$renderer4.push(`<!--]--></div> `);
-          Button($$renderer4, {
-            size: "small",
-            variant: "secondary",
-            onclick: () => true,
-            children: ($$renderer5) => {
-              Icon($$renderer5, { name: "paperclip" });
-            },
-            $$slots: { default: true }
-          });
-          $$renderer4.push(`<!----> `);
-          Button($$renderer4, {
-            size: "small",
-            type: "submit",
-            children: ($$renderer5) => {
-              Icon($$renderer5, { name: "send" });
-            },
-            $$slots: { default: true }
-          });
-          $$renderer4.push(`<!----></form>`);
+          $$renderer4.push(`<!--]-->`);
         }
       });
       $$renderer3.push(`<!---->`);
@@ -712,6 +922,7 @@ 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;
@@ -818,6 +1029,7 @@ function _page($$renderer, $$props) {
       }
     }
     function handleNewChat() {
+      clearVariantMode();
       actions.closePopover();
       actions.closeContextPopover();
       actions.selectState(null);
@@ -834,6 +1046,7 @@ function _page($$renderer, $$props) {
       return { text: trimmed };
     }
     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;
@@ -853,6 +1066,75 @@ function _page($$renderer, $$props) {
         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 rawUserMessageForTrace(trace) {
+      const rawUserMessage = typeof trace?.bosunUserMessage === "string" ? trace.bosunUserMessage : null;
+      if (rawUserMessage && rawUserMessage.trim()) return rawUserMessage;
+      const traceStateId = trace?.bosunStateId;
+      if (typeof traceStateId !== "string" || !traceStateId.trim()) return null;
+      const state = workspace.agentStates.find((entry) => entry.id === traceStateId);
+      const candidate = typeof state?.userMessage === "string" ? state.userMessage.trim() : "";
+      return candidate || null;
+    }
+    async function requestVariants(trace) {
+      const targetStateId = typeof trace?.bosunStateId === "string" && trace.bosunStateId.trim() ? trace.bosunStateId.trim() : null;
+      if (!workspace.agentId || !targetStateId) return;
+      const rawUserMessage = rawUserMessageForTrace(trace);
+      if (!rawUserMessage) return;
+      const prevStateId = typeof trace?.bosunPrevStateId === "string" && trace.bosunPrevStateId.trim() ? trace.bosunPrevStateId.trim() : null;
+      const promptUpdate = currentVariantPromptUpdate();
+      await actions.flushPromptSave();
+      variantMode = {
+        sourceTrace: trace,
+        targetStateId,
+        choices: [],
+        loading: true,
+        applyingId: null,
+        error: null
+      };
+      try {
+        const choices = await trpc.agents.generateVariants.mutate({
+          agentId: workspace.agentId,
+          region: workspace.region,
+          prevStateId,
+          rawUserMessage,
+          context: workspace.context,
+          promptUpdate,
+          count: 9
+        });
+        if (!variantMode || variantMode.sourceTrace !== trace || variantMode.targetStateId !== targetStateId) return;
+        variantMode = { ...variantMode, choices, loading: false, error: null };
+      } catch (error) {
+        console.error("Failed to generate variants", error);
+        if (!variantMode || variantMode.sourceTrace !== trace || variantMode.targetStateId !== targetStateId) return;
+        variantMode = {
+          ...variantMode,
+          choices: [],
+          loading: false,
+          error: typeof error?.message === "string" ? error.message : "Failed to generate variants"
+        };
+      }
+    }
+    function handleSeeVariants(trace) {
+      void requestVariants(trace);
+    }
+    function handleRegenerateVariants() {
+      const sourceTrace = variantMode?.sourceTrace;
+      if (!sourceTrace) return;
+      void requestVariants(sourceTrace);
+    }
+    function handleChooseOriginalVariant() {
+      clearVariantMode();
+    }
     let $$settled = true;
     let $$inner_renderer;
     function $$render_inner($$renderer3) {
@@ -1002,7 +1284,7 @@ function _page($$renderer, $$props) {
         $$slots: { default: true }
       });
       $$renderer3.push(`<!----></div></div> <div class="min-h-0 flex-1">`);
-      if (!workspace.wsLoaded) {
+      if (!workspace.wsLoaded || !workspace.chatReady) {
         $$renderer3.push("<!--[-->");
         $$renderer3.push(`<div class="flex h-full items-center justify-center text-sm text-rc-gray-300">Connecting…</div>`);
       } else {
@@ -1020,7 +1302,15 @@ function _page($$renderer, $$props) {
             analyzeDisabled: analyzeRunning,
             onAnalyzeTrace: handleAnalyzeTrace,
             onRegenerateTrace: handleRegenerateTrace,
-            onRevertToState: (stateId) => actions.selectState(stateId)
+            onRevertToState: (stateId) => actions.selectState(stateId),
+            onSeeVariants: handleSeeVariants,
+            variantSourceTrace: variantMode?.sourceTrace ?? null,
+            variantChoices: variantMode?.choices ?? [],
+            variantLoading: variantMode?.loading ?? false,
+            variantApplyingId: variantMode?.applyingId ?? null,
+            variantError: variantMode?.error ?? null,
+            onRegenerateVariants: handleRegenerateVariants,
+            onChooseOriginalVariant: handleChooseOriginalVariant
           });
           $$renderer3.push(`<!----></div>`);
         }
@@ -1038,4 +1328,4 @@ function _page($$renderer, $$props) {
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-CaMij-Vg.js.map
+//# sourceMappingURL=_page.svelte-mAhccGhM.js.map