@recombine-ai/platform 0.8.0-test.2 → 0.8.0

package/build/bosun-app/frontend/server/chunks/entries/pages/edit/_agent_/{_layout.svelte.js-B2wHKJV7.js → _layout.svelte.js-b9Q5TFEZ.js}

@@ -8058,6 +8058,9 @@ function _layout($$renderer, $$props) {
       region: null,
       availableRegions: [],
       defaultRegion: null,
+      variant: null,
+      experimentVariants: [],
+      experimentHasDefault: false,
       agentType: void 0,
       wsLoaded: false,
       chatReady: false,
@@ -8075,6 +8078,13 @@ function _layout($$renderer, $$props) {
     const regionDropdownId = "region-dropdown";
     let regionDropdownOpen = false;
     let regionDropdownAnchorEl = null;
+    const variantDropdownId = "variant-dropdown";
+    let variantDropdownOpen = false;
+    let variantDropdownAnchorEl = null;
+    const variantOptions = derived(() => [
+      ...workspace.experimentHasDefault ? [null] : [],
+      ...workspace.experimentVariants
+    ]);
     function setQueryParam(key, value) {
       if (typeof window === "undefined") return;
       const url = new URL(window.location.href);
@@ -8086,11 +8096,11 @@ 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 promptEditKey = (agentId, stepName, variantId) => `${agentId}\0${variantId ?? ""}\0${stepName}`;
     const activePromptEdit = derived(() => {
       const stepName = activeStepName();
       if (!stepName) return null;
-      return workspace.promptEdits[promptEditKey(workspace.agentId, stepName)] ?? null;
+      return workspace.promptEdits[promptEditKey(workspace.agentId, stepName, workspace.variant)] ?? null;
     });
     const activePromptDraft = derived(() => {
       const stepName = activeStepName();
@@ -8101,8 +8111,11 @@ function _layout($$renderer, $$props) {
     const activeRuntimePrompt = derived(() => activePromptEdit()?.suggestedPrompt ?? activePromptDraft());
     function getPromptOverrides(agentId = workspace.agentId) {
       const overrides = {};
+      const variantId = agentId === workspace.agentId ? workspace.variant : null;
       for (const proposal of Object.values(workspace.promptEdits)) {
-        if (proposal.agentId === agentId) overrides[proposal.step] = proposal.suggestedPrompt;
+        if (proposal.agentId === agentId && (proposal.variantId ?? null) === variantId) {
+          overrides[proposal.step] = proposal.suggestedPrompt;
+        }
       }
       return overrides;
     }
@@ -8115,7 +8128,8 @@ function _layout($$renderer, $$props) {
     }
     function activePromptEditFor(agentId, stepName) {
       if (!stepName) return null;
-      return workspace.promptEdits[promptEditKey(agentId, stepName)] ?? null;
+      const variantId = agentId === workspace.agentId ? workspace.variant : null;
+      return workspace.promptEdits[promptEditKey(agentId, stepName, variantId)] ?? null;
     }
     let promptSaveTimer = null;
     let pendingPromptSave = null;
@@ -8126,21 +8140,21 @@ function _layout($$renderer, $$props) {
       clearTimeout(promptSaveTimer);
       promptSaveTimer = null;
     }
-    async function persistPromptSave(agentId, stepName, prompt) {
+    async function persistPromptSave(agentId, stepName, prompt, variant) {
       try {
-        await trpc.agents.savePrompt.mutate({ agentId, step: stepName, prompt });
+        await trpc.agents.savePrompt.mutate({ agentId, step: stepName, prompt, variant });
       } catch (error) {
         console.error("Failed to save prompt", error);
         const currentDraft = workspace.promptDrafts[stepName];
-        if (workspace.agentId === agentId && currentDraft === prompt) {
-          pendingPromptSave = { stepName, prompt };
+        if (workspace.agentId === agentId && workspace.variant === variant && currentDraft === prompt) {
+          pendingPromptSave = { stepName, prompt, variant };
         }
         throw error;
       }
     }
-    function queuePromptSave(agentId, stepName, prompt) {
+    function queuePromptSave(agentId, stepName, prompt, variant) {
       const op = promptSaveQueue.catch(() => {
-      }).then(() => persistPromptSave(agentId, stepName, prompt));
+      }).then(() => persistPromptSave(agentId, stepName, prompt, variant));
       promptSaveQueue = op.catch(() => {
       });
       return op;
@@ -8149,13 +8163,13 @@ function _layout($$renderer, $$props) {
       if (!pendingPromptSave) return;
       const agentId = workspace.agentId.trim();
       if (!agentId) return;
-      const { stepName, prompt } = pendingPromptSave;
+      const { stepName, prompt, variant } = pendingPromptSave;
       clearPromptSaveTimer();
       pendingPromptSave = null;
-      await queuePromptSave(agentId, stepName, prompt);
+      await queuePromptSave(agentId, stepName, prompt, variant);
     }
     function schedulePromptSave(stepName, prompt) {
-      pendingPromptSave = { stepName, prompt };
+      pendingPromptSave = { stepName, prompt, variant: workspace.variant };
       clearPromptSaveTimer();
       promptSaveTimer = setTimeout(
         () => {
@@ -8231,14 +8245,20 @@ function _layout($$renderer, $$props) {
       void pollAiEditProgress(progressId, requestId);
       try {
         await flushPromptSave();
-        const result = await trpc.agents.suggestPromptEdit.mutate({ agentId, step: stepName, request, progressId });
+        const result = await trpc.agents.suggestPromptEdit.mutate({
+          agentId,
+          step: stepName,
+          variant: workspace.variant,
+          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;
+        workspace.promptEdits[promptEditKey(proposal.agentId, proposal.step, proposal.variantId)] = proposal;
         setQueryParam("promptEdit", proposal.id);
         aiEditModalOpen = false;
         previewEnabled = false;
@@ -8335,7 +8355,12 @@ function _layout($$renderer, $$props) {
       schemaSaveNotice = null;
       try {
         await flushPromptSave();
-        const result = await trpc.agents.saveSchema.mutate({ agentId, step: stepName, schema: schemaDraft });
+        const result = await trpc.agents.saveSchema.mutate({
+          agentId,
+          step: stepName,
+          variant: workspace.variant,
+          schema: schemaDraft
+        });
         workspace.steps = workspace.steps.map((step) => step.name === stepName ? { ...step, schema: schemaDraft } : step);
         workspace.currentStep = workspace.steps.find((step) => step.name === stepName) ?? workspace.currentStep;
         schemaSaveNotice = result.restartScheduled ? "Saved. Reloading the project…" : "Saved. Restart Bosun to use this schema in tests.";
@@ -8355,10 +8380,12 @@ function _layout($$renderer, $$props) {
       closeAllPopovers();
       const stepName = page.url.searchParams.get("step");
       const region = page.url.searchParams.get("region");
+      const variant = page.url.searchParams.get("variant");
       const base = `/edit/${enc(workspace.agentId)}/${value}`;
       const qs = new URLSearchParams();
       if (stepName) qs.set("step", stepName);
       if (region) qs.set("region", region);
+      if (variant) qs.set("variant", variant);
       if (activePromptEdit()) qs.set("promptEdit", activePromptEdit().id);
       qs.size ? `${base}?${qs.toString()}` : base;
       goto();
@@ -8375,6 +8402,7 @@ function _layout($$renderer, $$props) {
       if (value === "view") {
         const qs = new URLSearchParams({ agent: workspace.agentId });
         if (workspace.region) qs.set("region", workspace.region);
+        if (workspace.variant) qs.set("variant", workspace.variant);
         return goto(`/view?${qs.toString()}`);
       }
       goto();
@@ -8517,10 +8545,12 @@ function _layout($$renderer, $$props) {
       closeAllPopovers();
       const stepName = page.url.searchParams.get("step");
       const region = page.url.searchParams.get("region");
+      const variant = page.url.searchParams.get("variant");
       const base = `/edit/${enc(agentId)}/${workspace.edit.tab}`;
       const qs = new URLSearchParams();
       if (stepName) qs.set("step", stepName);
       if (region) qs.set("region", region);
+      if (variant) qs.set("variant", variant);
       const targetProposal = activePromptEditFor(agentId, stepName);
       if (targetProposal) qs.set("promptEdit", targetProposal.id);
       qs.size ? `${base}?${qs.toString()}` : base;
@@ -8532,6 +8562,12 @@ function _layout($$renderer, $$props) {
       workspace.region = next;
       setQueryParam("region", next);
     }
+    function handleVariantSelectChange(next) {
+      if (next === workspace.variant) return;
+      void flushPromptSave();
+      workspace.variant = next;
+      setQueryParam("variant", next);
+    }
     setEditWorkspaceContext({
       state: workspace,
       actions: {
@@ -8568,6 +8604,7 @@ function _layout($$renderer, $$props) {
             agent: workspace.agentId,
             state: stateId,
             region: workspace.region,
+            variant: workspace.variant,
             promptOverrides: getPromptOverrides()
           });
         },
@@ -8575,7 +8612,8 @@ function _layout($$renderer, $$props) {
           sendAppEvent({
             type: "hangup",
             agentId: workspace.agentId,
-            region: workspace.region
+            region: workspace.region,
+            variant: workspace.variant
           });
         }
       }
@@ -8625,6 +8663,78 @@ function _layout($$renderer, $$props) {
         $$slots: { default: true }
       });
       $$renderer3.push(`<!----></div> <div class="flex w-1/3 items-center justify-end gap-2 pr-2">`);
+      if (workspace.experimentVariants.length > 0) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<span class="text-sm text-rc-gray-300">Variant</span> <div>`);
+        Button($$renderer3, {
+          variant: "secondary",
+          size: "small",
+          "aria-expanded": variantDropdownOpen,
+          "aria-haspopup": "listbox",
+          "aria-controls": variantDropdownId,
+          onclick: (e2) => {
+            e2.stopPropagation();
+            variantDropdownOpen = !variantDropdownOpen;
+          },
+          class: "flex w-40 items-center justify-between gap-1 !px-3 !py-1",
+          get el() {
+            return variantDropdownAnchorEl;
+          },
+          set el($$value) {
+            variantDropdownAnchorEl = $$value;
+            $$settled = false;
+          },
+          children: ($$renderer4) => {
+            $$renderer4.push(`<span class="truncate">${escape_html(workspace.variant ?? "default")}</span> `);
+            Icon($$renderer4, {
+              name: "chevron-down",
+              class: "size-5 text-rc-gray-400 transition-transform duration-200 " + (variantDropdownOpen ? "rotate-180" : "")
+            });
+            $$renderer4.push(`<!---->`);
+          },
+          $$slots: { default: true }
+        });
+        $$renderer3.push(`<!----> `);
+        {
+          let children2 = function($$renderer4) {
+            $$renderer4.push(`<div class="mt-1 overflow-hidden rounded-lg border border-rc-gray-110 bg-rc-gray-930 shadow-inner-white-soft backdrop-blur-2xl" role="listbox" aria-label="Variant"><!--[-->`);
+            const each_array = ensure_array_like(variantOptions());
+            for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+              let v = each_array[$$index];
+              Button($$renderer4, {
+                variant: "ghost",
+                size: "small",
+                role: "option",
+                "aria-selected": v === workspace.variant,
+                onclick: (e2) => {
+                  e2.stopPropagation();
+                  variantDropdownOpen = false;
+                  handleVariantSelectChange(v);
+                },
+                class: `w-full rounded-none py-2 pr-3 text-left backdrop-blur-2xl hover:bg-rc-gray-700 focus:bg-rc-gray-400 ${v === workspace.variant ? "bg-rc-gray-800 text-rc-gray-100" : "text-rc-gray-200"}`,
+                children: ($$renderer5) => {
+                  $$renderer5.push(`<!---->${escape_html(v ?? "default")}`);
+                },
+                $$slots: { default: true }
+              });
+            }
+            $$renderer4.push(`<!--]--></div>`);
+          };
+          Dropdown($$renderer3, {
+            id: variantDropdownId,
+            open: variantDropdownOpen,
+            onClose: () => variantDropdownOpen = false,
+            anchorEl: variantDropdownAnchorEl,
+            placement: "bottom-end",
+            offset: [0, 1],
+            children: children2
+          });
+        }
+        $$renderer3.push(`<!----></div>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
       if (workspace.availableRegions.length > 0 && workspace.region) {
         $$renderer3.push("<!--[0-->");
         $$renderer3.push(`<span class="text-sm text-rc-gray-300">Region</span> <div>`);
@@ -8660,9 +8770,9 @@ function _layout($$renderer, $$props) {
         {
           let children2 = function($$renderer4) {
             $$renderer4.push(`<div class="mt-1 overflow-hidden rounded-lg border border-rc-gray-110 bg-rc-gray-930 shadow-inner-white-soft backdrop-blur-2xl" role="listbox" aria-label="Region"><!--[-->`);
-            const each_array = ensure_array_like(workspace.availableRegions);
-            for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-              let r2 = each_array[$$index];
+            const each_array_1 = ensure_array_like(workspace.availableRegions);
+            for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+              let r2 = each_array_1[$$index_1];
               Button($$renderer4, {
                 variant: "ghost",
                 size: "small",
@@ -8710,9 +8820,9 @@ function _layout($$renderer, $$props) {
           } else {
             $$renderer4.push("<!--[-1-->");
             $$renderer4.push(`<!--[-->`);
-            const each_array_1 = ensure_array_like(workspace.steps);
-            for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
-              let step = each_array_1[$$index_1];
+            const each_array_2 = ensure_array_like(workspace.steps);
+            for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
+              let step = each_array_2[$$index_2];
               $$renderer4.push(`<button${attr_class(`my-1 w-full rounded-lg px-3 py-2 text-left text-rc-gray-200 hover:bg-rc-gray-700 ${step.name === workspace.currentStep?.name ? "bg-rc-gray-600" : "bg-transparent"}`)}><span class="block truncate">${escape_html(step.name)}</span></button>`);
             }
             $$renderer4.push(`<!--]-->`);
@@ -9086,4 +9196,4 @@ function _layout($$renderer, $$props) {
 }
 
 export { _layout as default };
-//# sourceMappingURL=_layout.svelte.js-B2wHKJV7.js.map
+//# sourceMappingURL=_layout.svelte.js-b9Q5TFEZ.js.map