@recombine-ai/bosun 0.10.1 → 0.11.2

package/build/server/chunks/{_page.svelte-CA3-vgl2.js → _page.svelte-Cxh9_vUl.js}

@@ -1,12 +1,12 @@
-import { B as Button } from './Button-Dsy3QY7B.js';
+import { l as derived, o as attr_class, j as escape_html, n as ensure_array_like, k as attr, az as clsx, m as stringify, q as attr_style } from './index-CSpGrMM2.js';
+import { B as Button } from './Button-BLigKkGG.js';
 import { D as Dropdown } from './Dropdown-7dp1qEYv.js';
-import { o as attr_class, j as escape_html, n as ensure_array_like, k as attr, az as clsx, m as stringify, l as derived, q as attr_style } from './index-CSpGrMM2.js';
 import { I as Icon } from './Icon-CXFHkSIr.js';
 import { t as trpc } from './trpc-client-D8L6vWf4.js';
 import { g as getEditWorkspaceContext, P as Panel } from './edit-workspace-context-B1nYQ5hD.js';
-import { C as ChatApiCallTrace, a as ChatConversationalTrace, b as ChatStepTrace } from './ChatStepTrace-1q74tVYO.js';
+import { C as ChatApiCallTrace, a as ChatConversationalTrace, b as ChatStepTrace, f as findMainStepTraceNear, c as findStringifiedConversationBefore } from './ChatStepTrace-CqqIjRLU.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-CHFlfduw.js';
+import { I as Input } from './Input-OdQKNdS6.js';
 import './shared-server-DaWdgxVh.js';
 import '@trpc/client';
 import './index-server-DsYEXu5n.js';
@@ -49,7 +49,8 @@ function History($$renderer, $$props) {
       const raw = state.userMessage;
       if (raw == null) return "No message";
       const msg = (typeof raw === "string" ? raw : String(raw)).trim();
-      return msg || "No message";
+      if (!msg) return "No message";
+      return state.userMessageSender === "system" ? `System: ${msg}` : msg;
     }
     function truncateMessage(message, maxLength = 50, ellipsis = "…") {
       if (!message) return "";
@@ -169,6 +170,32 @@ function History($$renderer, $$props) {
     $$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;
@@ -435,6 +462,8 @@ function PlaygroundChat($$renderer, $$props) {
     let inputEl = null;
     let ghostTextStyle = "";
     let aiGenerating = false;
+    let sendRole = "user";
+    let actionError = null;
     let userHistory = [];
     let inputFocused = false;
     let autocompleteDismissed = false;
@@ -521,17 +550,29 @@ function PlaygroundChat($$renderer, $$props) {
       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;
@@ -539,6 +580,9 @@ function PlaygroundChat($$renderer, $$props) {
       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();
@@ -596,13 +640,11 @@ function PlaygroundChat($$renderer, $$props) {
       return chatContent.findLast((e) => isConversationalTrace(e))?.eventName === "hangup-requested";
     });
     const lastVariantEligibleTrace = derived(() => {
-      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 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();
@@ -618,49 +660,18 @@ function PlaygroundChat($$renderer, $$props) {
         return null;
       }
     });
-    function findMainStepTraceForConversationTrace(idx) {
-      for (let i = idx - 1; i >= 0; i--) {
-        const entry = chatContent[i];
-        if (!isStepTrace(entry)) continue;
-        if (entry.name !== "main" && entry.name !== "mainReply") continue;
-        if (typeof entry.renderedPrompt !== "string") continue;
-        if (!entry.renderedPrompt.trim()) continue;
-        return entry;
-      }
-      for (let i = idx + 1; i < chatContent.length; i++) {
-        const entry = chatContent[i];
-        if (!isStepTrace(entry)) continue;
-        if (entry.name !== "main" && entry.name !== "mainReply") continue;
-        if (typeof entry.renderedPrompt !== "string") continue;
-        if (!entry.renderedPrompt.trim()) continue;
-        return entry;
-      }
-      return null;
-    }
-    function findNearestStringifiedConversation(idx) {
-      for (let i = idx - 1; i >= 0; i--) {
-        const entry = chatContent[i];
-        if (!isStepTrace(entry)) continue;
-        if (typeof entry.stringifiedConversation !== "string") continue;
-        const sc = entry.stringifiedConversation.trim();
-        if (!sc) continue;
-        return sc;
-      }
-      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 = findMainStepTraceForConversationTrace(idx);
+      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 : findNearestStringifiedConversation(idx) ?? "";
-      if (!stringifiedConversation.trim()) throw new Error("Main step conversation 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;
@@ -679,9 +690,21 @@ function PlaygroundChat($$renderer, $$props) {
     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() {
@@ -771,9 +794,10 @@ function PlaygroundChat($$renderer, $$props) {
                 trace: entry,
                 context,
                 agentId,
+                region,
                 analyzeDisabled,
                 onAnalyze: onAnalyzeTrace ? handleAnalyzeTrace : void 0,
-                onRegenerate: onRegenerateTrace,
+                onRegenerate: onRegenerateTrace ? handleRegenerateTrace : void 0,
                 onRevert: onRevertToState ? handleRevertTrace : void 0,
                 showSeeVariants: !!onSeeVariants && !variantSourceTrace && entry === lastVariantEligibleTrace(),
                 onSeeVariants,
@@ -825,7 +849,13 @@ function PlaygroundChat($$renderer, $$props) {
             $$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-->");
-            $$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 (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"><!--[-->`);
@@ -847,7 +877,8 @@ function PlaygroundChat($$renderer, $$props) {
             $$renderer4.push(`<!--]--> `);
             Input($$renderer4, {
               variant: "chat",
-              placeholder: aiGenerating ? "Generating" : "Enter user's message...",
+              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,
@@ -869,7 +900,7 @@ function PlaygroundChat($$renderer, $$props) {
                 $$settled = false;
               }
             });
-            $$renderer4.push(`<!----> `);
+            $$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>`);
@@ -897,30 +928,40 @@ function PlaygroundChat($$renderer, $$props) {
               $$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("<!--[0-->");
+            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" });
-                } else {
-                  $$renderer5.push("<!--[-1-->");
+                },
+                $$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" });
-                }
-                $$renderer5.push(`<!--]-->`);
-              },
-              $$slots: { default: true }
-            });
-            $$renderer4.push(`<!----></fieldset></form>`);
+                },
+                $$slots: { default: true }
+              });
+            }
+            $$renderer4.push(`<!--]--></fieldset></form>`);
           }
           $$renderer4.push(`<!--]-->`);
         }
@@ -944,6 +985,10 @@ function _page($$renderer, $$props) {
     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";
@@ -1051,34 +1096,44 @@ function _page($$renderer, $$props) {
       actions.closeContextPopover();
       actions.selectState(null);
     }
-    function parseUserMessageHeader(raw) {
+    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 { text: "", imageUrl: url };
+        return { sender, text: "", imageUrl: url };
       }
-      return { text: trimmed };
+      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;
-      let message = rawUserMessage ? parseUserMessageHeader(rawUserMessage) : 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 = parseUserMessageHeader(state?.userMessage ?? "");
+          message = parseStoredInputMessage(state?.userMessage ?? "", normalizeInputSender(state?.userMessageSender));
         }
       }
-      if (!message) return;
+      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: "user",
+        sender: message.sender,
         text: message.text,
         imageUrl: message.imageUrl
       });
@@ -1093,26 +1148,25 @@ function _page($$renderer, $$props) {
       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;
+    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) {
-      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;
+      if (!workspace.agentId) return;
       const promptUpdate = currentVariantPromptUpdate();
       await actions.flushPromptSave();
       variantMode = {
         sourceTrace: trace,
-        targetStateId,
         choices: [],
         loading: true,
         applyingId: null,
@@ -1122,17 +1176,15 @@ function _page($$renderer, $$props) {
         const choices = await trpc.agents.generateVariants.mutate({
           agentId: workspace.agentId,
           region: workspace.region,
-          prevStateId,
-          rawUserMessage,
-          context: workspace.context,
+          context: bosunRuntimeContextForVariant(trace),
           promptUpdate,
           count: 9
         });
-        if (!variantMode || variantMode.sourceTrace !== trace || variantMode.targetStateId !== targetStateId) return;
+        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 || variantMode.targetStateId !== targetStateId) return;
+        if (!variantMode || variantMode.sourceTrace !== trace) return;
         variantMode = {
           ...variantMode,
           choices: [],
@@ -1161,7 +1213,6 @@ function _page($$renderer, $$props) {
         await trpc.agents.commitVariant.mutate({
           agentId: workspace.agentId,
           region: workspace.region,
-          targetStateId: variantMode.targetStateId,
           state: choice.state
         });
         clearVariantMode();
@@ -1342,7 +1393,7 @@ function _page($$renderer, $$props) {
           onAnalyzeTrace: handleAnalyzeTrace,
           onRegenerateTrace: handleRegenerateTrace,
           onRevertToState: (stateId) => actions.selectState(stateId),
-          onSeeVariants: handleSeeVariants,
+          onSeeVariants: canGenerateVariants() ? handleSeeVariants : void 0,
           onHangup: handleHangup,
           variantSourceTrace: variantMode?.sourceTrace ?? null,
           variantChoices: variantMode?.choices ?? [],
@@ -1368,4 +1419,4 @@ function _page($$renderer, $$props) {
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-CA3-vgl2.js.map
+//# sourceMappingURL=_page.svelte-Cxh9_vUl.js.map