@recombine-ai/bosun 0.16.0 → 0.16.2

package/build/server/chunks/{_layout.svelte-Blfto3jh.js → _layout.svelte-B88WMyk0.js}

@@ -1,26 +1,47 @@
-import { k as escape_html, l as attr, m as derived, n as stringify, o as ensure_array_like, p as attr_class } from './index-rHCWxLFZ.js';
-import { P as Panel } from './Panel-D0IY1AzO.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 Tabs, a as Tab } from './Tab-D13L_Up5.js';
-import { M as Modal } from './Modal-CAzVFw5x.js';
-import { o as onDestroy } from './index-server-BMxlf3ZC.js';
-import { g as goto, r as replaceState } from './client-WFEvX_be.js';
-import { p as page } from './index2-DdOgqE2_.js';
+import { l as derived, k as escape_html, m as attr, n as stringify, o as attr_class, p as ensure_array_like, q as attributes, r as clsx, t as bind_props } from './index-LMsd1ih2.js';
+import { P as Panel } from './Panel-zvjxe036.js';
+import { B as Button } from './Button-DH7gdU0s.js';
+import { D as Dropdown } from './Dropdown-DnARl86Q.js';
+import { I as Icon } from './Icon-DP1YKCRV.js';
+import { T as Tabs, a as Tab } from './Tab-CUkyLqbN.js';
+import { M as Modal } from './Modal-CGJuNpZ0.js';
+import { o as onDestroy, t as tick } from './index-server-BRr5mZEq.js';
+import { g as goto, r as replaceState } from './client-DO-hqMbT.js';
+import { p as page } from './index2-ClgfzZ89.js';
 import { p as public_env } from './shared-server-DaWdgxVh.js';
 import { t as trpc } from './trpc-client-D8L6vWf4.js';
-import 'nunjucks';
-import { A as AgentSidebar } from './AgentSidebar-C--dGIV5.js';
-import { g as getAgentsContext } from './agents-context-w03Lz_6n.js';
-import { s as setEditWorkspaceContext, g as getEditWorkspaceContext } from './edit-workspace-context-biaZqjOf.js';
+import nunjucks from 'nunjucks';
+import { A as AgentSidebar } from './AgentSidebar-BWBnqHnV.js';
+import { g as getAgentsContext } from './agents-context-CbFsZmi5.js';
+import { s as setEditWorkspaceContext, g as getEditWorkspaceContext } from './edit-workspace-context-tyHBPujC.js';
 import 'js-yaml';
 import { c as clearChatContent, a as clearLogs } from './log-content.svelte-CfQzj-v_.js';
-import './index3-DC4GTqD1.js';
-import './root-UeqiktJA.js';
-import './state.svelte-CLOYXiU6.js';
+import './index3-BdRUAffj.js';
+import './root-4q2Pr7ck.js';
+import './state.svelte-Bd1i-u49.js';
 import '@trpc/client';
 
+function Textarea($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      class: className = "",
+      value = "",
+      variant = "config",
+      el = void 0,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    let classes = derived(() => variant === "chat" ? `textarea-chat ${className}` : `textarea-config ${className}`);
+    $$renderer2.push(`<textarea${attributes({ class: clsx(classes()), ...rest }, "svelte-1ilrf3m")}>`);
+    const $$body = escape_html(value);
+    if ($$body) {
+      $$renderer2.push(`${$$body}`);
+    }
+    $$renderer2.push(`</textarea>`);
+    bind_props($$props, { value, el });
+  });
+}
 function PopoverModal($$renderer, $$props) {
   let { title, onClose, children } = $$props;
   $$renderer.push(`<div class="absolute inset-0 z-20 bg-black/20"></div> <div class="absolute inset-2 z-30 flex min-w-0 flex-col overflow-hidden rounded-lg border border-rc-gray-600 bg-rc-gray-900 shadow-2xl"><div class="flex items-center justify-between border-b border-rc-gray-700 px-3 py-2"><button type="button" class="inline-flex h-7 w-7 items-center justify-center rounded-md text-rc-gray-200 hover:bg-rc-gray-700" aria-label="Close" title="Close">X</button> <div class="text-sm font-semibold text-rc-gray-200">${escape_html(title)}</div> <div class="w-7"></div></div> <div class="flex min-h-0 flex-1 flex-col overflow-hidden">`);
@@ -208,12 +229,20 @@ function persistEditorViewState(key, editor) {
 function PromptEditor($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let {
+      initialPrompt,
+      onPromptChanged,
       class: className,
+      agentId,
+      stepName,
       showSchemaButton,
       onSchemaClick,
       readOnly = false,
+      readOnlyMessage = "",
+      bottomPadding = 0,
       showPreviewToggle = true,
-      preview = null
+      preview = null,
+      onPreviewChange,
+      onEditorReady
     } = $$props;
     let internalPreview = false;
     const effectivePreview = derived(() => preview !== null ? preview : internalPreview);
@@ -249,6 +278,14 @@ function PromptEditor($$renderer, $$props) {
     });
   });
 }
+function ReadOnlyMonacoDiff($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      class: className = ""
+    } = $$props;
+    $$renderer2.push(`<div${attr_class(`overflow-hidden rounded-md border border-rc-gray-700 ${className}`)}><div class="h-full w-full"></div></div>`);
+  });
+}
 function ModeAsyncPopoverContent($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     const { state: workspace, actions } = getEditWorkspaceContext();
@@ -540,6 +577,198 @@ function focusQuote(state, quote) {
     }
   };
 }
+function findAllOverlappingBestEffort(haystack, needle) {
+  const text = String(haystack ?? "");
+  const variants = buildNeedleVariants(needle);
+  const normalizedText = normalizeForMatching(text);
+  for (const variant of variants) {
+    const exact = findAllOverlappingExact(text, variant);
+    if (exact.length > 0) return exact;
+    const flexible = findAllOverlappingFlexible(text, variant);
+    if (flexible.length > 0) return flexible;
+    const normalizedNeedle = normalizeForMatching(variant);
+    if (normalizedText !== text || normalizedNeedle !== variant) {
+      const exactNorm = findAllOverlappingExact(normalizedText, normalizedNeedle);
+      if (exactNorm.length > 0) return exactNorm;
+      const flexibleNorm = findAllOverlappingFlexible(normalizedText, normalizedNeedle);
+      if (flexibleNorm.length > 0) return flexibleNorm;
+    }
+  }
+  return [];
+}
+function findAllOverlappingExact(haystack, needle) {
+  const n = String(needle ?? "");
+  if (!n) return [];
+  const out = [];
+  let idx = 0;
+  while (idx <= haystack.length - n.length) {
+    const found = haystack.indexOf(n, idx);
+    if (found === -1) break;
+    out.push({ start: found, end: found + n.length });
+    idx = found + 1;
+  }
+  return out;
+}
+function findAllOverlappingFlexible(haystack, needle) {
+  const raw = String(needle ?? "");
+  if (!raw.trim()) return [];
+  const pattern = escapeRegex(raw).replace(/\s+/g, "\\s+");
+  let re;
+  try {
+    re = new RegExp(`(?=(${pattern}))`, "gu");
+  } catch {
+    return [];
+  }
+  const out = [];
+  let m;
+  while ((m = re.exec(haystack)) !== null) {
+    const start = m.index;
+    const matched = m[1] ?? "";
+    const end = start + matched.length;
+    if (end > start) out.push({ start, end });
+    if (re.lastIndex === start) re.lastIndex += 1;
+  }
+  return out;
+}
+function buildNeedleVariants(raw) {
+  const base = String(raw ?? "");
+  const trimmed = base.trim();
+  const variants = /* @__PURE__ */ new Set();
+  for (const v of [base, trimmed]) {
+    if (v) variants.add(v);
+  }
+  const noBullet = trimmed.replace(/^[-*•]\s+/, "");
+  if (noBullet && noBullet !== trimmed) variants.add(noBullet);
+  const noNumbering = trimmed.replace(/^(?:\(?\d+\)?[.)]|[a-zA-Z][.)])\s+/, "");
+  if (noNumbering && noNumbering !== trimmed) variants.add(noNumbering);
+  return [...variants].filter((v) => v.trim().length > 0);
+}
+function normalizeForMatching(text) {
+  return String(text ?? "").replace(/\r/g, "\n").replace(/[\u00A0\u2007\u202F\u2009\u200A\u200B\uFEFF]/g, " ").replace(/[\u201C\u201D\u201E\u00AB\u00BB]/g, '"').replace(/[\u2018\u2019]/g, "'").replace(/[\u2013\u2014]/g, "-");
+}
+function escapeRegex(text) {
+  return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function createPromptHighlighter(editor, monaco) {
+  const highlightDecorations = editor.createDecorationsCollection();
+  const focusDecorations = editor.createDecorationsCollection();
+  let currentHighlights = null;
+  let highlightRangesByQuote = /* @__PURE__ */ new Map();
+  let cursorByQuote = /* @__PURE__ */ new Map();
+  let lastHandledFocusNonce = 0;
+  function resetCaches() {
+    highlightRangesByQuote = /* @__PURE__ */ new Map();
+    cursorByQuote = /* @__PURE__ */ new Map();
+    lastHandledFocusNonce = 0;
+  }
+  function clamp(n, min, max) {
+    if (Number.isNaN(n)) return min;
+    return Math.max(min, Math.min(max, n));
+  }
+  function overviewColorForLevel(level) {
+    const l = clamp(level, 1, 10);
+    const alpha = clamp(0.22 + l * 0.06, 0.28, 0.82);
+    return `rgba(220, 38, 38, ${alpha})`;
+  }
+  function getHighlightRanges(quote, text) {
+    const q = String(quote ?? "");
+    if (!q) return [];
+    const cached = highlightRangesByQuote.get(q);
+    if (cached) return cached;
+    const found = findAllOverlappingBestEffort(text, q);
+    highlightRangesByQuote.set(q, found);
+    return found;
+  }
+  function updateHighlightDecorations(quotes) {
+    const model = editor.getModel();
+    if (!model) return;
+    const text = model.getValue() ?? "";
+    const decorations = [];
+    const ordered = [...quotes || []].sort((a, b) => (a.count || 0) - (b.count || 0));
+    for (const q of ordered) {
+      const quote = String(q.quote || "");
+      if (!quote) continue;
+      const level = clamp(Number(q.count || 0), 1, 10);
+      const color = overviewColorForLevel(level);
+      const matches = getHighlightRanges(quote, text);
+      for (const m of matches) {
+        const startPos = model.getPositionAt(m.start);
+        const endPos = model.getPositionAt(m.end);
+        decorations.push({
+          range: new monaco.Range(
+            startPos.lineNumber,
+            startPos.column,
+            endPos.lineNumber,
+            endPos.column
+          ),
+          options: {
+            inlineClassName: `analysis-quote analysis-quote-l${level}`,
+            overviewRuler: { color, position: monaco.editor.OverviewRulerLane.Center }
+          }
+        });
+      }
+    }
+    highlightDecorations.set(decorations);
+  }
+  function revealNextOccurrence(quote) {
+    const model = editor.getModel();
+    if (!model) return;
+    const text = model.getValue() ?? "";
+    const occurrences = getHighlightRanges(quote, text);
+    if (occurrences.length === 0) return;
+    const current = cursorByQuote.get(quote) ?? -1;
+    const nextIdx = (current + 1) % occurrences.length;
+    cursorByQuote.set(quote, nextIdx);
+    const chosen = occurrences[nextIdx];
+    const startPos = model.getPositionAt(chosen.start);
+    const endPos = model.getPositionAt(chosen.end);
+    const range = new monaco.Range(
+      startPos.lineNumber,
+      startPos.column,
+      endPos.lineNumber,
+      endPos.column
+    );
+    focusDecorations.set([{ range, options: { inlineClassName: "analysis-quote-focus" } }]);
+    editor.setSelection(range);
+    editor.revealRangeInCenter(range, monaco.editor.ScrollType.Smooth);
+    editor.focus();
+  }
+  function applyHighlights(next) {
+    currentHighlights = next;
+    if (!currentHighlights) {
+      highlightDecorations.clear();
+      focusDecorations.clear();
+      resetCaches();
+      return;
+    }
+    updateHighlightDecorations(currentHighlights.quotes || []);
+    if (currentHighlights.focusQuote && currentHighlights.focusNonce !== lastHandledFocusNonce) {
+      lastHandledFocusNonce = currentHighlights.focusNonce;
+      revealNextOccurrence(currentHighlights.focusQuote);
+    } else if (!currentHighlights.focusQuote) {
+      focusDecorations.clear();
+    }
+  }
+  const onDidChange = editor.onDidChangeModelContent(() => {
+    if (!currentHighlights) return;
+    highlightRangesByQuote = /* @__PURE__ */ new Map();
+    focusDecorations.clear();
+    updateHighlightDecorations(currentHighlights.quotes || []);
+  });
+  return {
+    setHighlights: applyHighlights,
+    dispose: () => {
+      try {
+        onDidChange.dispose();
+        highlightDecorations.clear();
+        focusDecorations.clear();
+      } finally {
+        currentHighlights = null;
+        resetCaches();
+      }
+    }
+  };
+}
 function _layout($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let { params, children } = $$props;
@@ -567,6 +796,7 @@ function _layout($$renderer, $$props) {
       steps: [],
       currentStep: null,
       promptDrafts: {},
+      promptEdits: {},
       context: null,
       promptContext: null,
       agentStates: [],
@@ -588,15 +818,211 @@ function _layout($$renderer, $$props) {
       wsClient.sendMessage({ channel: "app-events", event });
     }
     const activeStepName = derived(() => workspace.currentStep?.name ?? null);
+    const promptEditKey = (agentId, stepName) => `${agentId}\0${stepName}`;
+    const activePromptEdit = derived(() => {
+      const stepName = activeStepName();
+      if (!stepName) return null;
+      return workspace.promptEdits[promptEditKey(workspace.agentId, stepName)] ?? null;
+    });
     const activePromptDraft = derived(() => {
       const stepName = activeStepName();
       if (!stepName) return "";
       const draft = workspace.promptDrafts[stepName];
       return typeof draft === "string" ? draft : "";
     });
-    Promise.resolve();
+    const activeRuntimePrompt = derived(() => activePromptEdit()?.suggestedPrompt ?? activePromptDraft());
+    function getPromptOverrides(agentId = workspace.agentId) {
+      const overrides = {};
+      for (const proposal of Object.values(workspace.promptEdits)) {
+        if (proposal.agentId === agentId) overrides[proposal.step] = proposal.suggestedPrompt;
+      }
+      return overrides;
+    }
+    function syncRuntimePromptOverrides() {
+      if (!workspace.wsLoaded) return;
+      sendAppEvent({
+        type: "prompt-overrides-updated",
+        prompts: getPromptOverrides()
+      });
+    }
+    function activePromptEditFor(agentId, stepName) {
+      if (!stepName) return null;
+      return workspace.promptEdits[promptEditKey(agentId, stepName)] ?? null;
+    }
+    let promptSaveTimer = null;
+    let pendingPromptSave = null;
+    let promptSaveQueue = Promise.resolve();
+    const PROMPT_SAVE_DEBOUNCE_MS = 800;
+    function clearPromptSaveTimer() {
+      if (!promptSaveTimer) return;
+      clearTimeout(promptSaveTimer);
+      promptSaveTimer = null;
+    }
+    async function persistPromptSave(agentId, stepName, prompt) {
+      try {
+        await trpc.agents.savePrompt.mutate({ agentId, step: stepName, prompt });
+      } catch (error) {
+        console.error("Failed to save prompt", error);
+        const currentDraft = workspace.promptDrafts[stepName];
+        if (workspace.agentId === agentId && currentDraft === prompt) {
+          pendingPromptSave = { stepName, prompt };
+        }
+        throw error;
+      }
+    }
+    function queuePromptSave(agentId, stepName, prompt) {
+      const op = promptSaveQueue.catch(() => {
+      }).then(() => persistPromptSave(agentId, stepName, prompt));
+      promptSaveQueue = op.catch(() => {
+      });
+      return op;
+    }
     async function flushPromptSave() {
-      return;
+      if (!pendingPromptSave) return;
+      const agentId = workspace.agentId.trim();
+      if (!agentId) return;
+      const { stepName, prompt } = pendingPromptSave;
+      clearPromptSaveTimer();
+      pendingPromptSave = null;
+      await queuePromptSave(agentId, stepName, prompt);
+    }
+    function schedulePromptSave(stepName, prompt) {
+      pendingPromptSave = { stepName, prompt };
+      clearPromptSaveTimer();
+      promptSaveTimer = setTimeout(
+        () => {
+          promptSaveTimer = null;
+          void flushPromptSave();
+        },
+        PROMPT_SAVE_DEBOUNCE_MS
+      );
+    }
+    function handlePromptChanged(newPrompt) {
+      const stepName = activeStepName();
+      if (!stepName) return;
+      workspace.promptDrafts[stepName] = newPrompt;
+      schedulePromptSave(stepName, newPrompt);
+    }
+    let aiEditModalOpen = false;
+    let aiEditRequest = "";
+    let aiEditGenerating = false;
+    let aiEditProgress = null;
+    function formatAiEditStatus(summary) {
+      const plainText = (summary || "").replace(/[*_`]/g, "").replace(/(^|\s)#{1,6}\s+/g, " ").replace(/\s+/g, " ").trim();
+      return plainText || "Thinking...";
+    }
+    const aiEditStatus = derived(() => formatAiEditStatus(aiEditProgress?.summary));
+    let aiEditError = null;
+    let aiEditResolutionError = null;
+    let aiEditResolving = false;
+    let noChangesModalOpen = false;
+    let aiEditRequestId = 0;
+    function openAiEditModal() {
+      if (!workspace.currentStep || activePromptEdit()) return;
+      aiEditRequest = "";
+      aiEditError = null;
+      noChangesModalOpen = false;
+      aiEditModalOpen = true;
+    }
+    function closeAiEditModal() {
+      aiEditRequestId += 1;
+      aiEditGenerating = false;
+      aiEditModalOpen = false;
+      noChangesModalOpen = false;
+    }
+    async function pollAiEditProgress(progressId, requestId) {
+      while (requestId === aiEditRequestId && aiEditGenerating) {
+        try {
+          const progress = await trpc.agents.promptEditProgress.query({ id: progressId });
+          if (requestId !== aiEditRequestId || !aiEditGenerating) return;
+          if (progress) {
+            aiEditProgress = {
+              phase: progress.phase,
+              activity: progress.activity,
+              summary: progress.summary
+            };
+          }
+        } catch (error) {
+          if (requestId === aiEditRequestId) {
+            console.warn("Failed to read prompt edit progress", error);
+          }
+        }
+        await new Promise((resolve) => setTimeout(resolve, 400));
+      }
+    }
+    async function requestAiEdit() {
+      const request = aiEditRequest.trim();
+      const stepName = activeStepName();
+      const agentId = workspace.agentId.trim();
+      if (!request || !stepName || !agentId || aiEditGenerating) return;
+      const requestId = ++aiEditRequestId;
+      const progressId = crypto.randomUUID();
+      aiEditGenerating = true;
+      aiEditProgress = null;
+      aiEditError = null;
+      void pollAiEditProgress(progressId, requestId);
+      try {
+        await flushPromptSave();
+        const result = await trpc.agents.suggestPromptEdit.mutate({ agentId, step: stepName, request, progressId });
+        if (requestId !== aiEditRequestId) return;
+        if (result.status === "unchanged") {
+          noChangesModalOpen = true;
+          return;
+        }
+        const proposal = result.proposal;
+        workspace.promptEdits[promptEditKey(proposal.agentId, proposal.step)] = proposal;
+        setQueryParam("promptEdit", proposal.id);
+        aiEditModalOpen = false;
+        previewEnabled = false;
+        syncRuntimePromptOverrides();
+      } catch (error) {
+        if (requestId !== aiEditRequestId) return;
+        console.error("Failed to suggest prompt edits", error);
+        aiEditError = error instanceof Error ? error.message : "Failed to suggest edits";
+      } finally {
+        if (requestId === aiEditRequestId) {
+          aiEditGenerating = false;
+          aiEditProgress = null;
+        }
+      }
+    }
+    function removePromptEditFromWorkspace(proposalId) {
+      for (const [key, proposal] of Object.entries(workspace.promptEdits)) {
+        if (proposal.id === proposalId) delete workspace.promptEdits[key];
+      }
+      if (page.url.searchParams.get("promptEdit") === proposalId) setQueryParam("promptEdit", null);
+    }
+    function rejectAiEdit() {
+      const proposal = activePromptEdit();
+      if (!proposal || aiEditResolving) return;
+      closeModePopover();
+      aiEditResolutionError = null;
+      removePromptEditFromWorkspace(proposal.id);
+      syncRuntimePromptOverrides();
+      void trpc.agents.rejectPromptEdit.mutate({ id: proposal.id }).catch((error) => {
+        console.error("Failed to release rejected prompt edit", error);
+      });
+    }
+    async function acceptAiEdit() {
+      const proposal = activePromptEdit();
+      if (!proposal || aiEditResolving) return;
+      closeModePopover();
+      aiEditResolving = true;
+      aiEditResolutionError = null;
+      try {
+        const result = await trpc.agents.acceptPromptEdit.mutate({ id: proposal.id });
+        workspace.promptDrafts[proposal.step] = result.prompt;
+        workspace.steps = workspace.steps.map((step) => step.name === proposal.step ? { ...step, prompt: result.prompt } : step);
+        workspace.currentStep = workspace.steps.find((step) => step.name === activeStepName()) ?? workspace.currentStep;
+        await tick();
+        removePromptEditFromWorkspace(proposal.id);
+        syncRuntimePromptOverrides();
+      } catch (error) {
+        console.error("Failed to accept prompt edit", error);
+        aiEditResolutionError = error instanceof Error ? error.message : "Failed to save prompt";
+      } finally {
+        aiEditResolving = false;
+      }
     }
     const schemaValue = derived(() => workspace.currentStep?.schema ?? null);
     const hasSchema = derived(() => !!schemaValue() && schemaValue().trim().length > 0);
@@ -646,6 +1072,7 @@ function _layout($$renderer, $$props) {
       const qs = new URLSearchParams();
       if (stepName) qs.set("step", stepName);
       if (region) qs.set("region", region);
+      if (activePromptEdit()) qs.set("promptEdit", activePromptEdit().id);
       qs.size ? `${base}?${qs.toString()}` : base;
       goto();
     }
@@ -704,8 +1131,38 @@ function _layout($$renderer, $$props) {
     function focusOnQuote(quote) {
       workspace.edit = focusQuote(workspace.edit, quote);
     }
-    let promptHighlighter = null;
+    let basePromptHighlighter = null;
+    let inspectionPromptHighlighter = null;
     let previewEnabled = false;
+    function renderPromptPreview(prompt) {
+      try {
+        nunjucks.configure({ autoescape: false, trimBlocks: true, lstripBlocks: true });
+        return nunjucks.renderString(prompt, workspace.promptContext ?? workspace.context ?? {});
+      } catch (error) {
+        console.error("Failed to render prompt preview", error);
+        return prompt;
+      }
+    }
+    const pendingDiffOriginal = derived(() => {
+      const proposal = activePromptEdit();
+      if (!proposal) return "";
+      return previewEnabled ? renderPromptPreview(proposal.originalPrompt) : proposal.originalPrompt;
+    });
+    const pendingDiffModified = derived(() => {
+      const proposal = activePromptEdit();
+      if (!proposal) return "";
+      return previewEnabled ? renderPromptPreview(proposal.suggestedPrompt) : proposal.suggestedPrompt;
+    });
+    function handleBasePromptEditorReady(editor, monaco) {
+      basePromptHighlighter?.dispose();
+      basePromptHighlighter = createPromptHighlighter(editor, monaco);
+      basePromptHighlighter.setHighlights(workspace.edit.highlights);
+    }
+    function handleInspectionPromptEditorReady(editor, monaco) {
+      inspectionPromptHighlighter?.dispose();
+      inspectionPromptHighlighter = createPromptHighlighter(editor, monaco);
+      inspectionPromptHighlighter.setHighlights(workspace.edit.highlights);
+    }
     function clamp(n, min, max) {
       return Math.max(min, Math.min(max, n));
     }
@@ -730,7 +1187,7 @@ function _layout($$renderer, $$props) {
         const res = await trpc.tests.findPromptIssues.mutate({
           agent: workspace.agentId,
           step: workspace.currentStep.name,
-          prompt: activePromptDraft()
+          prompt: activeRuntimePrompt()
         });
         const quoteCounts = buildQuoteCountsFromIssues(res.issues || []);
         if (workspace.edit.popover?.requestId !== requestId) return;
@@ -772,6 +1229,8 @@ function _layout($$renderer, $$props) {
       const qs = new URLSearchParams();
       if (stepName) qs.set("step", stepName);
       if (region) qs.set("region", region);
+      const targetProposal = activePromptEditFor(agentId, stepName);
+      if (targetProposal) qs.set("promptEdit", targetProposal.id);
       qs.size ? `${base}?${qs.toString()}` : base;
       goto();
     }
@@ -799,9 +1258,12 @@ function _layout($$renderer, $$props) {
             console.warn("[roleplay] Ignoring chat message while websocket session is reconnecting");
             return;
           }
+          syncRuntimePromptOverrides();
           wsClient.sendMessage({ channel: "chat", message });
         },
         flushPromptSave,
+        getPromptOverrides: () => getPromptOverrides(),
+        getActivePromptEditId: () => activePromptEdit()?.id ?? null,
         selectState: (stateId) => {
           void flushPromptSave();
           closeAllPopovers();
@@ -812,7 +1274,8 @@ function _layout($$renderer, $$props) {
             type: "select-agent",
             agent: workspace.agentId,
             state: stateId,
-            region: workspace.region
+            region: workspace.region,
+            promptOverrides: getPromptOverrides()
           });
         },
         hangup() {
@@ -826,8 +1289,11 @@ function _layout($$renderer, $$props) {
     });
     onDestroy(() => {
       void flushPromptSave();
-      promptHighlighter?.dispose();
-      promptHighlighter = null;
+      clearPromptSaveTimer();
+      basePromptHighlighter?.dispose();
+      basePromptHighlighter = null;
+      inspectionPromptHighlighter?.dispose();
+      inspectionPromptHighlighter = null;
     });
     let $$settled = true;
     let $$inner_renderer;
@@ -958,7 +1424,7 @@ function _layout($$renderer, $$props) {
           $$renderer4.push(`<!--]--></div>`);
         }
       });
-      $$renderer3.push(`<!----> <div class="flex h-full min-w-0 flex-col"><div class="flex h-14 flex-none items-center justify-between gap-3 border-b border-rc-gray-700 p-2"><div class="min-w-0"><div class="truncate font-semibold text-rc-gray-100">${escape_html(workspace.currentStep?.name ?? "Prompt")}</div></div> <div class="flex items-center gap-3"><label class="inline-flex items-center gap-2 text-rc-gray-300"><input type="checkbox"${attr("checked", previewEnabled, true)}${attr("disabled", !workspace.currentStep, true)} aria-label="Preview rendered prompt" class="h-4 w-4 appearance-none rounded border border-rc-gray-300 bg-rc-gray-600 !accent-rc-gray-600 outline-none ring-0 checked:border-rc-gray-200 checked:bg-rc-gray-600 hover:border-rc-gray-200 hover:bg-rc-gray-600 focus:outline-none focus:ring-0 active:border-rc-gray-200 active:bg-rc-gray-600 disabled:cursor-not-allowed disabled:opacity-50"/> <span>Preview</span></label> `);
+      $$renderer3.push(`<!----> <div class="flex h-full min-w-0 flex-col"><div class="flex h-14 flex-none items-center justify-between gap-3 border-b border-rc-gray-700 p-2"><div class="min-w-0"><div class="truncate font-semibold text-rc-gray-100">${escape_html(workspace.currentStep?.name ?? "Prompt")}</div></div> <div class="flex items-center gap-3"><label class="inline-flex items-center gap-2 text-rc-gray-300"><input type="checkbox"${attr("checked", previewEnabled, true)}${attr("disabled", !workspace.currentStep || !!activePromptEdit() && !!workspace.edit.popover, true)} aria-label="Preview rendered prompt" class="h-4 w-4 appearance-none rounded border border-rc-gray-300 bg-rc-gray-600 !accent-rc-gray-600 outline-none ring-0 checked:border-rc-gray-200 checked:bg-rc-gray-600 hover:border-rc-gray-200 hover:bg-rc-gray-600 focus:outline-none focus:ring-0 active:border-rc-gray-200 active:bg-rc-gray-600 disabled:cursor-not-allowed disabled:opacity-50"/> <span>Preview</span></label> `);
       Button($$renderer3, {
         variant: "secondary",
         disabled: !workspace.currentStep || findIssuesRunning,
@@ -968,23 +1434,110 @@ function _layout($$renderer, $$props) {
         },
         $$slots: { default: true }
       });
+      $$renderer3.push(`<!----> `);
+      Button($$renderer3, {
+        variant: "secondary",
+        disabled: !workspace.currentStep || !!activePromptEdit() || aiEditGenerating,
+        onclick: openAiEditModal,
+        children: ($$renderer4) => {
+          $$renderer4.push(`<!---->Edit with AI`);
+        },
+        $$slots: { default: true }
+      });
       $$renderer3.push(`<!----></div></div> <div class="min-h-0 flex-1">`);
       if (workspace.currentStep) {
         $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<!---->`);
+        $$renderer3.push(`<div class="relative h-full min-w-0"><!---->`);
         {
           PromptEditor($$renderer3, {
             class: "h-full min-w-0 border-thin border-rc-gray-650 bg-rc-gray-800 shadow-inner-white-soft backdrop-blur-3xl focus:outline-none focus:ring-0",
             initialPrompt: activePromptDraft(),
             agentId: workspace.agentId,
             stepName: workspace.currentStep.name,
-            showSchemaButton: hasSchema(),
+            onPromptChanged: handlePromptChanged,
+            showSchemaButton: hasSchema() && !activePromptEdit(),
             onSchemaClick: openSchemaModal,
+            readOnly: !!activePromptEdit(),
+            readOnlyMessage: activePromptEdit() ? "Accept or reject the AI suggestion before editing." : "",
             showPreviewToggle: false,
-            preview: previewEnabled
+            preview: activePromptEdit() ? false : previewEnabled,
+            onEditorReady: handleBasePromptEditorReady
+          });
+        }
+        $$renderer3.push(`<!----> `);
+        if (activePromptEdit()) {
+          $$renderer3.push("<!--[0-->");
+          $$renderer3.push(`<div class="absolute inset-0 z-10 min-w-0">`);
+          if (workspace.edit.popover) {
+            $$renderer3.push("<!--[0-->");
+            PromptEditor($$renderer3, {
+              class: "h-full min-w-0 border-thin border-rc-gray-650 bg-rc-gray-800 shadow-inner-white-soft backdrop-blur-3xl focus:outline-none focus:ring-0",
+              initialPrompt: activePromptEdit().suggestedPrompt,
+              agentId: workspace.agentId,
+              stepName: workspace.currentStep.name,
+              onPromptChanged: () => {
+              },
+              showSchemaButton: false,
+              readOnly: true,
+              readOnlyMessage: "Accept or reject the AI suggestion before editing.",
+              bottomPadding: 56,
+              showPreviewToggle: false,
+              onEditorReady: handleInspectionPromptEditorReady
+            });
+          } else {
+            $$renderer3.push("<!--[-1-->");
+            ReadOnlyMonacoDiff($$renderer3, {
+              class: "h-full min-w-0 !rounded-none",
+              original: pendingDiffOriginal(),
+              modified: pendingDiffModified()
+            });
+          }
+          $$renderer3.push(`<!--]--> <div class="absolute bottom-2 left-3 z-20 flex items-center gap-2">`);
+          Button($$renderer3, {
+            variant: "secondary",
+            disabled: aiEditResolving,
+            onclick: rejectAiEdit,
+            children: ($$renderer4) => {
+              $$renderer4.push(`<!---->✕ Reject`);
+            },
+            $$slots: { default: true }
+          });
+          $$renderer3.push(`<!----> `);
+          Button($$renderer3, {
+            disabled: aiEditResolving,
+            onclick: acceptAiEdit,
+            children: ($$renderer4) => {
+              $$renderer4.push(`<!---->✓ Accept`);
+            },
+            $$slots: { default: true }
           });
+          $$renderer3.push(`<!----> `);
+          if (aiEditResolutionError) {
+            $$renderer3.push("<!--[0-->");
+            $$renderer3.push(`<span class="max-w-64 text-sm text-red-300">${escape_html(aiEditResolutionError)}</span>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--></div> `);
+          if (hasSchema()) {
+            $$renderer3.push("<!--[0-->");
+            Button($$renderer3, {
+              variant: "secondary",
+              onclick: openSchemaModal,
+              class: "absolute bottom-2 right-6 z-20 !font-medium",
+              children: ($$renderer4) => {
+                $$renderer4.push(`<!---->Schema`);
+              },
+              $$slots: { default: true }
+            });
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--></div>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
         }
-        $$renderer3.push(`<!---->`);
+        $$renderer3.push(`<!--]--></div>`);
       } else {
         $$renderer3.push("<!--[-1-->");
         Panel($$renderer3, {
@@ -1071,6 +1624,103 @@ function _layout($$renderer, $$props) {
         }
       });
       $$renderer3.push(`<!----></div></div></div></div> `);
+      {
+        let children2 = function($$renderer4) {
+          $$renderer4.push(`<div class="flex flex-col gap-2"><label for="ai-edit-request" class="font-semibold text-rc-gray-100">What do you want to change?</label> `);
+          Textarea($$renderer4, {
+            id: "ai-edit-request",
+            rows: 6,
+            disabled: aiEditGenerating,
+            placeholder: "I want the agent to ask the user's name during the greeting",
+            class: "rc-scroll disabled:cursor-wait disabled:opacity-70",
+            get value() {
+              return aiEditRequest;
+            },
+            set value($$value) {
+              aiEditRequest = $$value;
+              $$settled = false;
+            }
+          });
+          $$renderer4.push(`<!----> `);
+          if (aiEditError) {
+            $$renderer4.push("<!--[0-->");
+            $$renderer4.push(`<div class="text-sm text-red-300">${escape_html(aiEditError)}</div>`);
+          } else {
+            $$renderer4.push("<!--[-1-->");
+          }
+          $$renderer4.push(`<!--]--></div>`);
+        }, footer = function($$renderer4) {
+          Button($$renderer4, {
+            variant: "outlined",
+            size: "small",
+            onclick: closeAiEditModal,
+            children: ($$renderer5) => {
+              $$renderer5.push(`<!---->Cancel`);
+            },
+            $$slots: { default: true }
+          });
+          $$renderer4.push(`<!----> `);
+          Button($$renderer4, {
+            size: "small",
+            disabled: !aiEditRequest.trim() || aiEditGenerating,
+            onclick: requestAiEdit,
+            children: ($$renderer5) => {
+              $$renderer5.push(`<!---->${escape_html(aiEditGenerating ? "Suggesting edits…" : "Suggest edits")}`);
+            },
+            $$slots: { default: true }
+          });
+          $$renderer4.push(`<!---->`);
+        }, underlay = function($$renderer4) {
+          $$renderer4.push(`<div class="min-w-0 truncate whitespace-nowrap text-base text-rc-gray-300"${attr("title", aiEditStatus())}>${escape_html(aiEditStatus())}</div>`);
+        };
+        Modal($$renderer3, {
+          title: "Edit with AI",
+          class: "!max-w-xl",
+          underlayOpen: aiEditGenerating,
+          get open() {
+            return aiEditModalOpen;
+          },
+          set open($$value) {
+            aiEditModalOpen = $$value;
+            $$settled = false;
+          },
+          children: children2,
+          footer,
+          underlay,
+          $$slots: { default: true, footer: true, underlay: true }
+        });
+      }
+      $$renderer3.push(`<!----> `);
+      {
+        let children2 = function($$renderer4) {
+          $$renderer4.push(`<p class="text-rc-gray-200">Try changing your request and suggest edits again.</p>`);
+        }, footer = function($$renderer4) {
+          Button($$renderer4, {
+            size: "small",
+            onclick: () => noChangesModalOpen = false,
+            children: ($$renderer5) => {
+              $$renderer5.push(`<!---->Close`);
+            },
+            $$slots: { default: true }
+          });
+        };
+        Modal($$renderer3, {
+          title: "No changes were suggested",
+          class: "!z-[60] !max-w-md",
+          overlayClass: "!z-[60]",
+          get open() {
+            return noChangesModalOpen;
+          },
+          set open($$value) {
+            noChangesModalOpen = $$value;
+            $$settled = false;
+          },
+          children: children2,
+          footer,
+          $$slots: { default: true, footer: true }
+        });
+      }
+      $$renderer3.push(`<!----> `);
       if (schemaValue()) {
         $$renderer3.push("<!--[0-->");
         {
@@ -1140,4 +1790,4 @@ function _layout($$renderer, $$props) {
 }
 
 export { _layout as default };
-//# sourceMappingURL=_layout.svelte-Blfto3jh.js.map
+//# sourceMappingURL=_layout.svelte-B88WMyk0.js.map