@recombine-ai/bosun 0.1.9 → 0.2.0-draft

package/build/server/chunks/{_page.svelte-CNhxx79k.js → _page.svelte-DKBFi-JF.js}

@@ -1,11 +1,20 @@
-import { a0 as bind_props, a1 as derived, Z as attr, Y as attr_class, X as ensure_array_like, a2 as stringify, a3 as attr_style, a4 as attributes, a5 as spread_props, a6 as clsx } from './index2-CVBATI2G.js';
-import { P as Panel } from './Panel-KZDoG3_L.js';
-import { o as onDestroy, A as AgentDropdown, C as ContextEditor, m as mount, u as unmount, t as tick } from './AgentDropdown-C3XtwkaV.js';
-import { B as Button, I as Icon$1, h as html } from './Icon-DDJ9D6Sq.js';
-import { h as hasContext, g as getContext, s as setContext, e as escape_html, b as getAllContexts } from './context-DVQH5kJk.js';
-import { o as on } from './events-A18hGvKp.js';
-import { D as Dropdown } from './Dropdown-B-UCol1v.js';
+import { s as store_get, u as unsubscribe_stores, c as bind_props, j as derived, b as attr, a as attr_class, f as stringify, e as ensure_array_like, d as attr_style, g as attributes, k as spread_props, l as clsx } from './index2-B1rkViAM.js';
+import { P as Panel } from './Panel-CmvYn6IC.js';
+import { C as ContextEditor } from './ContextEditor-stz14-2o.js';
+import { B as Button } from './Button-OUO_MioZ.js';
+import { Y as hasContext, Z as getContext, n as setContext, W as escape_html, _ as getAllContexts } from './context-Dy9MY1Z0.js';
+import { o as onDestroy, m as mount, u as unmount, t as tick } from './index-server-CMCI3p2Y.js';
+import { o as on } from './events-BFcZEt66.js';
+import { h as html } from './Link-DaOJVbdB.js';
+import { p as page, g as goto } from './index4-DSZuWW-A.js';
+import { A as AgentSidebar } from './AgentSidebar-CZIBBsSh.js';
+import { T as Tabs, a as Tab } from './Tab-n348Mfiq.js';
+import { g as getAgentsContext } from './agents-context-C4MM7lSl.js';
+import './errors-B8liwVcD.js';
 import 'js-yaml';
+import './state.svelte-CBgyohE1.js';
+import './utils-KcIDVAAe.js';
+import './index-C0ds_eUO.js';
 
 // http://www.w3.org/TR/CSS21/grammar.html
 // https://github.com/visionmedia/css-parse/pull/49#issuecomment-30088027
@@ -2778,8 +2787,7 @@ function addCollection(data, provider) {
     prefix,
     name: "a"
   })) return false;
-  const storage2 = getStorage(provider, prefix);
-  return !!addIconSet(storage2, data);
+  return !!addIconSet(getStorage(provider, prefix), data);
 }
 const defaultIconSizeCustomisations = Object.freeze({
   width: null,
@@ -2932,16 +2940,21 @@ function iconToSVG(icon, customisations) {
   };
 }
 const regex = /\sid="(\S+)"/g;
-const randomPrefix = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
-let counter = 0;
-function replaceIDs(body, prefix = randomPrefix) {
+const counters = /* @__PURE__ */ new Map();
+function nextID(id) {
+  id = id.replace(/[0-9]+$/, "") || "a";
+  const count = counters.get(id) || 0;
+  counters.set(id, count + 1);
+  return count ? `${id}${count}` : id;
+}
+function replaceIDs(body) {
   const ids = [];
   let match;
   while (match = regex.exec(body)) ids.push(match[1]);
   if (!ids.length) return body;
   const suffix = "suffix" + (Math.random() * 16777216 | Date.now()).toString(16);
   ids.forEach((id) => {
-    const newID = typeof prefix === "function" ? prefix(id) : prefix + (counter++).toString();
+    const newID = nextID(id);
     const escapedID = id.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
     body = body.replace(new RegExp('([#;"])(' + escapedID + ')([")]|\\.[a-z])', "g"), "$1" + newID + suffix + "$3");
   });
@@ -2962,7 +2975,7 @@ function createAPIConfig(source) {
     resources = source.resources;
     if (!(resources instanceof Array) || !resources.length) return null;
   }
-  const result = {
+  return {
     resources,
     path: source.path || "/",
     maxURL: source.maxURL || 500,
@@ -2972,7 +2985,6 @@ function createAPIConfig(source) {
     index: source.index || 0,
     dataAfterTimeout: source.dataAfterTimeout !== false
   };
-  return result;
 }
 const configStorage = /* @__PURE__ */ Object.create(null);
 const fallBackAPISources = ["https://api.simplesvg.com", "https://api.unisvg.com"];
@@ -3062,8 +3074,7 @@ const send = (host, params, callback) => {
   switch (params.type) {
     case "icons": {
       const prefix = params.prefix;
-      const icons = params.icons;
-      const iconsList = icons.join(",");
+      const iconsList = params.icons.join(",");
       const urlParams = new URLSearchParams({ icons: iconsList });
       path += prefix + ".json?" + urlParams.toString();
       break;
@@ -3375,7 +3386,7 @@ function initRedundancy(cfg) {
       return callback(value);
     }) || null;
   }
-  const instance = {
+  return {
     query,
     find,
     setIndex: (index) => {
@@ -3384,7 +3395,6 @@ function initRedundancy(cfg) {
     getIndex: () => config.index,
     cleanup
   };
-  return instance;
 }
 function emptyCallback$1() {
 }
@@ -3393,12 +3403,10 @@ function getRedundancyCache(provider) {
   if (!redundancyCache[provider]) {
     const config = getAPIConfig(provider);
     if (!config) return;
-    const redundancy = initRedundancy(config);
-    const cachedReundancy = {
+    redundancyCache[provider] = {
       config,
-      redundancy
+      redundancy: initRedundancy(config)
     };
-    redundancyCache[provider] = cachedReundancy;
   }
   return redundancyCache[provider];
 }
@@ -3418,8 +3426,7 @@ function sendAPIQuery(target, query, callback) {
     const config = createAPIConfig(target);
     if (config) {
       redundancy = initRedundancy(config);
-      const moduleKey = target.resources ? target.resources[0] : "";
-      const api = getAPIModule(moduleKey);
+      const api = getAPIModule(target.resources ? target.resources[0] : "");
       if (api) send2 = api.send;
     }
   }
@@ -3460,8 +3467,7 @@ function parseLoaderResponse(storage2, icons, data) {
     });
   }
   if (data && typeof data === "object") try {
-    const parsed = addIconSet(storage2, data);
-    if (!parsed.length) {
+    if (!addIconSet(storage2, data).length) {
       checkMissing();
       return;
     }
@@ -3499,13 +3505,11 @@ function loadNewIcons(storage2, icons) {
       }
       if (customIconLoader) {
         icons$1.forEach((name) => {
-          const response = customIconLoader(name, prefix, provider);
-          parsePossiblyAsyncResponse(response, (data) => {
-            const iconSet = data ? {
+          parsePossiblyAsyncResponse(customIconLoader(name, prefix, provider), (data) => {
+            parseLoaderResponse(storage2, [name], data ? {
               prefix,
               icons: { [name]: data }
-            } : null;
-            parseLoaderResponse(storage2, [name], iconSet);
+            } : null);
           });
         });
         return;
@@ -3518,8 +3522,7 @@ function loadNewIcons(storage2, icons) {
         parseLoaderResponse(storage2, valid, null);
         return;
       }
-      const params = api.prepare(provider, prefix, valid);
-      params.forEach((item) => {
+      api.prepare(provider, prefix, valid).forEach((item) => {
         sendAPIQuery(provider, item, (data) => {
           parseLoaderResponse(storage2, item.icons, data);
         });
@@ -3528,8 +3531,7 @@ function loadNewIcons(storage2, icons) {
   }
 }
 const loadIcons = (icons, callback) => {
-  const cleanedIcons = listToIcons(icons, true, allowSimpleNames());
-  const sortedIcons = sortIcons(cleanedIcons);
+  const sortedIcons = sortIcons(listToIcons(icons, true, allowSimpleNames()));
   if (!sortedIcons.pending.length) {
     let callCallback = true;
     if (callback) setTimeout(() => {
@@ -3580,8 +3582,7 @@ function mergeCustomisations(defaults, item) {
 const separator = /[\s,]+/;
 function flipFromString(custom, flip) {
   flip.split(separator).forEach((str) => {
-    const value = str.trim();
-    switch (value) {
+    switch (str.trim()) {
       case "horizontal":
         custom.hFlip = true;
         break;
@@ -3735,15 +3736,10 @@ function render(icon, props) {
     if (style !== "") {
       componentProps.style = style;
     }
-    let localCounter = 0;
-    let id = props.id;
-    if (typeof id === "string") {
-      id = id.replace(/-/g, "_");
-    }
     return {
       svg: true,
       attributes: componentProps,
-      body: replaceIDs(item.body, id ? () => id + "ID" + localCounter++ : "iconifySvelte")
+      body: replaceIDs(item.body)
     };
   }
   const { body, width, height } = icon;
@@ -3820,7 +3816,14 @@ if (typeof document !== "undefined" && typeof window !== "undefined") {
     }
   }
 }
-function checkIconState(icon, state, mounted, callback, onload) {
+function isSSR() {
+  try {
+    return typeof window !== "object";
+  } catch (err) {
+    return true;
+  }
+}
+function checkIconState(icon, state, callback, onload) {
   function abortLoading() {
     if (state.loading) {
       state.loading.abort();
@@ -3839,7 +3842,7 @@ function checkIconState(icon, state, mounted, callback, onload) {
   }
   const data = getIconData(iconName);
   if (!data) {
-    if (mounted && (!state.loading || state.loading.name !== icon)) {
+    if (!isSSR() && (!state.loading || state.loading.name !== icon)) {
       abortLoading();
       state.name = "";
       state.loading = {
@@ -3884,10 +3887,8 @@ function Icon($$renderer, $$props) {
       destroyed: false
     };
     const { $$slots, $$events, ...props } = $$props;
-    let mounted = false;
-    let isMounted = !!props.ssr || mounted;
     let iconData = (() => {
-      return checkIconState(props.icon, iconState, isMounted, loaded, props.onload);
+      return checkIconState(props.icon, iconState, loaded, props.onload);
     })();
     let data = (() => {
       const generatedData = iconData ? generateIcon(iconData.data, props) : null;
@@ -3973,15 +3974,10 @@ var INSTRUCTION_IDs$1 = {
 _ID_TO_INSTRUCTION = {}, _defineProperty(_ID_TO_INSTRUCTION, INSTRUCTION_IDs$1.DND_ZONE_ACTIVE, "Tab to one the items and press space-bar or enter to start dragging it"), _defineProperty(_ID_TO_INSTRUCTION, INSTRUCTION_IDs$1.DND_ZONE_DRAG_DISABLED, "This is a disabled drag and drop list");
 function _page($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
+    var $$store_subs;
     let { data } = $$props;
     const project = data.project;
     const agent = data.agent;
-    const agentId = `${project}/${agent}`;
-    const agents = [agentId];
-    let currentAgent = agentId;
-    function handleSelectAgent(agent2) {
-      currentAgent = agent2;
-    }
     let repeats = 1;
     let concurrency = 1;
     let defaultContext = { tenant: project, agent, now: (/* @__PURE__ */ new Date()).toISOString() };
@@ -4125,60 +4121,17 @@ function _page($$renderer, $$props) {
     let running = false;
     const pendingSaves = /* @__PURE__ */ new Set();
     const isSaving = pendingSaves.size > 0;
-    let activeCategory = null;
-    const UNCATEGORIZED_LABEL = "Uncategorized";
-    const CATEGORY_COLOR_CLASSES = [
-      "bg-amber-600 text-white",
-      "bg-sky-600 text-white",
-      "bg-emerald-600 text-white",
-      "bg-violet-600 text-white",
-      "bg-rose-600 text-white",
-      "bg-cyan-600 text-white",
-      "bg-lime-600 text-black",
-      "bg-fuchsia-600 text-white"
-    ];
-    function categoryClass(name) {
-      if (!name) return "bg-gray-600 text-white";
-      let h = 0;
-      for (let i = 0; i < name.length; i++) h = h * 31 + name.charCodeAt(i) >>> 0;
-      const idx = h % CATEGORY_COLOR_CLASSES.length;
-      return CATEGORY_COLOR_CLASSES[idx];
-    }
-    const categories = (() => {
-      const list = Array.isArray(tests) ? tests : [];
-      const set = /* @__PURE__ */ new Set();
-      for (const t of list) set.add((t.category || "").trim());
-      return Array.from(set).map((c) => (c || "").trim()).sort((a, b) => a.localeCompare(b));
-    })();
-    const filteredTests = (() => {
-      const list = Array.isArray(tests) ? tests : [];
-      return list;
-    })();
     function trackSave(p) {
       pendingSaves.add(p);
       p.finally(() => pendingSaves.delete(p));
       return p;
     }
-    let categoryMenuOpenFor = null;
-    let categoryAnchorEl = null;
-    function closeCategoryMenu() {
-      categoryMenuOpenFor = null;
-      categoryAnchorEl = null;
-    }
     const pinnedCount = tests.filter((t) => t.pinned).length;
     const hasPinned = pinnedCount > 0;
     const allPinned = tests.length > 0 && pinnedCount === tests.length;
     const somePinned = pinnedCount > 0 && !allPinned;
-    const pinnedCountFiltered = filteredTests.filter((t) => t.pinned).length;
-    filteredTests.length > 0 && pinnedCountFiltered === filteredTests.length;
-    const headerAllPinned = allPinned;
-    const headerSomePinned = somePinned;
     async function addTest() {
-      const res = await fetch(`/academy/${project}/${agent}/api/tests`, {
-        method: "POST",
-        headers: void 0,
-        body: void 0
-      });
+      const res = await fetch(`/tests/${project}/${agent}/api/tests`, { method: "POST" });
       const r = await res.json();
       tests = [
         {
@@ -4186,7 +4139,6 @@ function _page($$renderer, $$props) {
           pinned: String(r.pinned).toUpperCase() === "TRUE",
           scenario: r.scenario || "New scenario",
           author: r.author || "",
-          category: r.category || activeCategory || "",
           assertion_type: r.assertion_type || "llm-rubric",
           assertion_value: r.assertion_value || "",
           conversation: r.conversation || "user: ...",
@@ -4214,42 +4166,148 @@ function _page($$renderer, $$props) {
       }
     }
     const saveTimers = /* @__PURE__ */ new Map();
-    function saveRowDebounced(id, patch, field, delay = 600) {
-      const key = `${id}:${field}`;
+    function saveRowDebounced(id, patch, delay = 600) {
+      const key = `${id}:context`;
       const prev = saveTimers.get(key);
-      if (prev) clearTimeout(prev.timer);
-      const fire = () => {
-        saveTimers.delete(key);
-        saveRow(id, patch);
-      };
-      const timer = setTimeout(fire, delay);
-      saveTimers.set(key, { timer, fire });
+      if (prev) clearTimeout(prev);
+      const t = setTimeout(
+        () => {
+          trackSave(saveRow(id, patch));
+          saveTimers.delete(key);
+        },
+        delay
+      );
+      saveTimers.set(key, t);
     }
     async function saveRow(id, patch) {
-      const p = fetch(`/academy/${project}/${agent}/api/tests/${id}`, {
+      await fetch(`/tests/${project}/${agent}/api/tests/${id}`, {
         method: "PATCH",
         headers: { "content-type": "application/json" },
         body: JSON.stringify(patch)
       });
-      return trackSave(p);
     }
     async function saveConfigPatch(patch) {
-      await fetch(`/academy/${project}/${agent}/api/config`, {
+      await fetch(`/tests/${project}/${agent}/api/config`, {
         method: "PATCH",
         headers: { "content-type": "application/json" },
         body: JSON.stringify(patch)
       });
     }
-    onDestroy(() => {
-      for (const { timer } of saveTimers.values()) clearTimeout(timer);
-      saveTimers.clear();
-    });
+    const { agents, currentAgent, onAgentSelect } = getAgentsContext();
+    let sidebarCollapsed = false;
+    const dec = (s) => {
+      try {
+        return s ? decodeURIComponent(s) : "";
+      } catch {
+        return s || "";
+      }
+    };
+    const currentAgentNorm = (() => {
+      return dec(store_get($$store_subs ??= {}, "$currentAgent", currentAgent)).trim().replace(/^\/+|\/+$/g, "");
+    })();
+    const activeTopTab = (() => page.url.pathname.split("/")[1])();
+    function handleTabChange({ value }) {
+      if (value === activeTopTab) return;
+      const [proj, ag] = currentAgentNorm.split("/");
+      if (!proj || !ag) return;
+      if (value === "roleplay") {
+        goto();
+        return;
+      }
+      if (value === "tests") {
+        goto();
+        return;
+      }
+      if (value === "traces") {
+        goto();
+        return;
+      }
+      goto();
+    }
     let $$settled = true;
     let $$inner_renderer;
     function $$render_inner($$renderer3) {
-      $$renderer3.push(`<nav class="flex h-14 flex-none items-center justify-between border-b border-b-gray-700 bg-rc-gray-700 px-4 text-gray-500"><div class="ml-3 flex items-center gap-5"><div class="flex items-center gap-2"><a href="https://recombine.ai/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1"><img src="/recombine.svg" alt="Recombine Logo" width="20" height="20" class="shrink-0"/> <span class="text-lg font-semibold text-rc-gray-100 hover:text-rc-green-200">Recombine</span></a></div> `);
-      AgentDropdown($$renderer3, { agents, currentAgent, onSelect: handleSelectAgent });
-      $$renderer3.push(`<!----></div> <div class="ml-auto"></div></nav> `);
+      $$renderer3.push(`<div class="flex h-screen">`);
+      AgentSidebar($$renderer3, {
+        className: "flex-none",
+        agents: store_get($$store_subs ??= {}, "$agents", agents),
+        currentAgent: currentAgentNorm,
+        onAgentClick: onAgentSelect,
+        onToggle: () => sidebarCollapsed = !sidebarCollapsed,
+        isCollapsed: sidebarCollapsed
+      });
+      $$renderer3.push(`<!----> <div class="flex h-full min-w-0 flex-1 flex-col bg-rc-gray-700 py-2 pr-lg"><nav class="flex h-14 flex-none items-center justify-between bg-rc-gray-700"><div class="flex items-center">`);
+      Tabs($$renderer3, {
+        value: activeTopTab,
+        ariaLabel: "Top tabs",
+        onChange: handleTabChange,
+        children: ($$renderer4) => {
+          Tab($$renderer4, {
+            value: "roleplay",
+            children: ($$renderer5) => {
+              $$renderer5.push(`<!---->Roleplay`);
+            }
+          });
+          $$renderer4.push(`<!----> `);
+          Tab($$renderer4, {
+            value: "tests",
+            children: ($$renderer5) => {
+              $$renderer5.push(`<!---->Tests`);
+            }
+          });
+          $$renderer4.push(`<!----> `);
+          Tab($$renderer4, {
+            value: "traces",
+            children: ($$renderer5) => {
+              $$renderer5.push(`<!---->Traces`);
+            }
+          });
+          $$renderer4.push(`<!---->`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----></div> `);
+      Panel($$renderer3, {
+        class: "!rounded-none p-3",
+        children: ($$renderer4) => {
+          $$renderer4.push(`<div class="flex items-center justify-between gap-12"><div class="flex items-center gap-3">`);
+          Button($$renderer4, {
+            variant: "outlined",
+            size: "small",
+            onclick: addTest,
+            children: ($$renderer5) => {
+              $$renderer5.push(`<!---->+ Add test`);
+            },
+            $$slots: { default: true }
+          });
+          $$renderer4.push(`<!----> `);
+          Button($$renderer4, {
+            variant: "outlined",
+            size: "small",
+            onclick: () => {
+              defaultContextDraft = safeClone(defaultContext);
+              showDefaultContextModal = true;
+            },
+            children: ($$renderer5) => {
+              $$renderer5.push(`<!---->Edit default context`);
+            },
+            $$slots: { default: true }
+          });
+          $$renderer4.push(`<!----></div> <div class="flex flex-wrap items-center gap-3">`);
+          if (isSaving) {
+            $$renderer4.push("<!--[-->");
+            $$renderer4.push(`<span class="animate-pulse rounded bg-amber-600 px-2 py-1 text-xs text-white">Saving…</span>`);
+          } else {
+            $$renderer4.push("<!--[!-->");
+          }
+          $$renderer4.push(`<!--]--> `);
+          {
+            $$renderer4.push("<!--[!-->");
+          }
+          $$renderer4.push(`<!--]--> <div class="flex items-center gap-2"><label class="text-sm text-gray-300">Repeats</label> <input type="number" class="rc-input w-20 svelte-1tukwqy" min="0" max="500"${attr("value", repeats)}/></div> <div class="flex items-center gap-2"><label class="text-sm text-gray-300">Concurrency</label> <input type="number" class="rc-input w-20 svelte-1tukwqy" min="0" max="20"${attr("value", concurrency)}/></div> <div class="text-sm text-gray-300">Pinned: ${escape_html(pinnedCount)}/${escape_html(tests.length)}</div> <button class="btn btn-secondary disabled:cursor-not-allowed disabled:opacity-50 svelte-1tukwqy"${attr("disabled", !hasPinned || running || isSaving, true)}>Run pinned</button> <button class="btn btn-primary disabled:cursor-not-allowed disabled:opacity-50 svelte-1tukwqy"${attr("disabled", isSaving, true)}>Run all</button></div></div>`);
+        }
+      });
+      $$renderer3.push(`<!----></nav>  `);
       {
         let children = function($$renderer4) {
           ContextEditor($$renderer4, {
@@ -4257,7 +4315,7 @@ function _page($$renderer, $$props) {
             context: defaultContextDraft,
             onContextChanged: (ctx) => defaultContextDraft = ctx,
             suppressErrors: true,
-            defaultFormat: "yaml",
+            defaultFormat: "json",
             hideHeader: true
           });
         }, footer = function($$renderer4) {
@@ -4330,7 +4388,7 @@ function _page($$renderer, $$props) {
               const row = tests.find((r) => r.id === activeContextTestId);
               if (row) {
                 row.context = testContextDraft;
-                await saveRow(row.id, { context: row.context });
+                await trackSave(saveRow(row.id, { context: row.context }));
               }
               showTestContextModal = false;
               activeContextTestId = null;
@@ -4402,119 +4460,28 @@ function _page($$renderer, $$props) {
         });
       }
       $$renderer3.push(`<!----> <div class="h-[calc(100vh-3.5rem)] overflow-auto p-0">`);
-      Panel($$renderer3, {
-        class: "!rounded-none p-3",
-        children: ($$renderer4) => {
-          $$renderer4.push(`<div class="flex items-center justify-between gap-3"><div class="flex items-center gap-3">`);
-          Button($$renderer4, {
-            variant: "outlined",
-            size: "small",
-            onclick: addTest,
-            children: ($$renderer5) => {
-              $$renderer5.push(`<!---->+ Add test`);
-            },
-            $$slots: { default: true }
-          });
-          $$renderer4.push(`<!----> `);
-          Button($$renderer4, {
-            variant: "outlined",
-            size: "small",
-            onclick: () => {
-              defaultContextDraft = safeClone(defaultContext);
-              showDefaultContextModal = true;
-            },
-            children: ($$renderer5) => {
-              $$renderer5.push(`<!---->Edit default context`);
-            },
-            $$slots: { default: true }
-          });
-          $$renderer4.push(`<!----></div> <div class="flex flex-wrap items-center gap-3">`);
-          if (isSaving) {
-            $$renderer4.push("<!--[-->");
-            $$renderer4.push(`<span class="animate-pulse rounded bg-amber-600 px-2 py-1 text-xs text-white">Saving…</span>`);
-          } else {
-            $$renderer4.push("<!--[!-->");
-          }
-          $$renderer4.push(`<!--]--> `);
-          {
-            $$renderer4.push("<!--[!-->");
-          }
-          $$renderer4.push(`<!--]--> <div class="flex items-center gap-2"><label class="text-sm text-gray-300">Repeats</label> <input type="number" class="rc-input w-20 svelte-1o8ahil" min="0" max="500"${attr("value", repeats)}/></div> <div class="flex items-center gap-2"><label class="text-sm text-gray-300">Concurrency</label> <input type="number" class="rc-input w-20 svelte-1o8ahil" min="0" max="20"${attr("value", concurrency)}/></div> <div class="text-sm text-gray-300">`);
-          {
-            $$renderer4.push("<!--[-->");
-            $$renderer4.push(`Pinned: ${escape_html(pinnedCount)}/${escape_html(tests.length)}`);
-          }
-          $$renderer4.push(`<!--]--></div> <button class="btn btn-secondary disabled:cursor-not-allowed disabled:opacity-50 svelte-1o8ahil"${attr("disabled", !hasPinned || running || isSaving, true)}>Run pinned</button> <button class="btn btn-primary disabled:cursor-not-allowed disabled:opacity-50 svelte-1o8ahil"${attr("disabled", isSaving, true)}>Run all</button></div></div> <div class="mt-3 flex flex-wrap items-center gap-2 border-t border-rc-gray-700 pt-2"><button${attr_class(
-            `rounded px-2 py-1 text-sm ${"bg-rc-gray-600 text-white"}`,
-            "svelte-1o8ahil"
-          )}>All tests</button> `);
-          if (categories.length > 0) {
-            $$renderer4.push("<!--[-->");
-            $$renderer4.push(`<!--[-->`);
-            const each_array = ensure_array_like(categories);
-            for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-              let cat = each_array[$$index];
-              $$renderer4.push(`<button${attr_class(`rounded px-2 py-1 text-sm ${activeCategory === (cat || "") ? categoryClass(cat || "") : ""} ${activeCategory !== (cat || "") ? "opacity-80" : ""}`, "svelte-1o8ahil")}>${escape_html((cat || "").trim() || UNCATEGORIZED_LABEL)}</button>`);
-            }
-            $$renderer4.push(`<!--]-->`);
-          } else {
-            $$renderer4.push("<!--[!-->");
-          }
-          $$renderer4.push(`<!--]--></div>`);
-        }
-      });
-      $$renderer3.push(`<!----> `);
       Panel($$renderer3, {
         class: "overflow-hidden !rounded-none p-0",
         children: ($$renderer4) => {
-          $$renderer4.push(`<div class="overflow-auto"><table class="min-w-full text-sm"><thead><tr class="align-top"><th class="w-20 p-0 text-center align-top"><div class="border-b border-rc-gray-700 p-2"><button${attr_class(`inline-flex h-8 w-8 items-center justify-center rounded disabled:cursor-not-allowed disabled:opacity-50 ${stringify(headerAllPinned || headerSomePinned ? "text-rc-green-400 hover:text-rc-green-300" : "text-gray-400 hover:text-gray-200")}`)} aria-label="Pin/unpin all" title="Pin/unpin all"${attr("disabled", isSaving || tests.length === 0, true)}>`);
+          $$renderer4.push(`<div class="overflow-auto"><table class="min-w-full text-sm"><thead><tr class="align-top"><th class="w-20 p-0 text-center align-top"><div class="border-b border-rc-gray-700 p-2"><button${attr_class(`inline-flex h-8 w-8 items-center justify-center rounded disabled:cursor-not-allowed disabled:opacity-50 ${stringify(allPinned || somePinned ? "text-rc-green-400 hover:text-rc-green-300" : "text-gray-400 hover:text-gray-200")}`)} aria-label="Pin/unpin all" title="Pin/unpin all"${attr("disabled", isSaving || tests.length === 0, true)}>`);
           Icon($$renderer4, {
-            icon: headerAllPinned ? "mdi:pin" : "mdi:pin-outline",
+            icon: allPinned ? "mdi:pin" : "mdi:pin-outline",
             width: 18,
             height: 18,
             class: "relative top-[1px]"
           });
           $$renderer4.push(`<!----></button></div></th><th class="p-0 text-left"><div class="border-b border-rc-gray-700 p-2"><div class="grid grid-cols-1 gap-3 md:grid-cols-12"><div class="text-xs font-semibold uppercase tracking-wide text-gray-300 md:col-span-4">Test</div> <div class="text-xs font-semibold uppercase tracking-wide text-gray-300 md:col-span-8">Result</div></div></div></th></tr></thead><tbody><!--[-->`);
-          const each_array_1 = ensure_array_like(filteredTests);
-          for (let i = 0, $$length = each_array_1.length; i < $$length; i++) {
-            let t = each_array_1[i];
-            $$renderer4.push(`<tr class="align-top"><td class="w-20 p-0 text-center align-top"><div class="border-b border-rc-gray-700 p-2"><div class="flex items-center justify-center gap-1"><span class="inline-flex h-8 w-8 cursor-grab select-none items-center justify-center rounded text-[20px] leading-none text-gray-400 hover:text-gray-200 active:cursor-grabbing"${attr_style("")} title="Drag row" aria-label="Drag row">⠿</span> <button${attr_class(`inline-flex h-8 w-8 items-center justify-center rounded disabled:cursor-not-allowed disabled:opacity-50 ${stringify(t.pinned ? "text-rc-green-400 hover:text-rc-green-300" : "text-gray-400 hover:text-gray-200")}`)}${attr("aria-label", t.pinned ? "Unpin" : "Pin")}${attr("title", t.pinned ? "Unpin" : "Pin")}${attr("disabled", isSaving, true)}>`);
+          const each_array = ensure_array_like(tests);
+          for (let i = 0, $$length = each_array.length; i < $$length; i++) {
+            let t = each_array[i];
+            $$renderer4.push(`<tr class="align-top"><td class="w-20 p-0 text-center align-top"><div class="border-b border-rc-gray-700 p-2"><div class="flex items-center justify-center gap-1"><span class="inline-flex h-8 w-8 cursor-grab select-none items-center justify-center rounded text-[20px] leading-none text-gray-400 hover:text-gray-200 active:cursor-grabbing" title="Drag row" aria-label="Drag row">⠿</span> <button${attr_class(`inline-flex h-8 w-8 items-center justify-center rounded disabled:cursor-not-allowed disabled:opacity-50 ${stringify(t.pinned ? "text-rc-green-400 hover:text-rc-green-300" : "text-gray-400 hover:text-gray-200")}`)}${attr("aria-label", t.pinned ? "Unpin" : "Pin")}${attr("title", t.pinned ? "Unpin" : "Pin")}${attr("disabled", isSaving, true)}>`);
             Icon($$renderer4, {
               icon: t.pinned ? "mdi:pin" : "mdi:pin-outline",
               width: 18,
               height: 18,
               class: "relative top-[1px]"
             });
-            $$renderer4.push(`<!----></button></div></div></td><td class="p-0"><div class="border-b border-rc-gray-700 p-2"><div class="mt-2 grid grid-cols-1 gap-3 md:grid-cols-12"><div class="self-start md:col-span-4"><div class="left-details-bg flex flex-col gap-2 rounded border border-rc-gray-700 p-2 svelte-1o8ahil"><div class="mb-1"><input class="card-input-title svelte-1o8ahil" type="text" placeholder="Scenario"${attr("value", t.scenario)}/> <div class="mt-1 flex items-center gap-2"><input class="card-input-subtle svelte-1o8ahil" type="text" placeholder="Author"${attr("value", t.author)}/> <button${attr_class(`inline-flex items-center gap-1 rounded px-2 py-0.5 text-xs ${categoryClass(t.category || "")}`, "svelte-1o8ahil")} aria-haspopup="listbox" title="Category"><span>${escape_html((t.category || "").trim() || UNCATEGORIZED_LABEL)}</span> `);
-            Icon$1($$renderer4, { name: "chevron-down", width: 14, height: 14 });
-            $$renderer4.push(`<!----></button> `);
-            {
-              let children = function($$renderer5) {
-                $$renderer5.push(`<div class="mt-1 min-w-48 overflow-y-auto border border-rc-gray-600 bg-rc-gray-800 shadow-lg"><button class="w-full px-3 py-2 text-left text-sm hover:bg-rc-gray-700">Uncategorized</button> <!--[-->`);
-                const each_array_2 = ensure_array_like(categories);
-                for (let $$index_1 = 0, $$length2 = each_array_2.length; $$index_1 < $$length2; $$index_1++) {
-                  let cat = each_array_2[$$index_1];
-                  if ((cat || "").trim()) {
-                    $$renderer5.push("<!--[-->");
-                    $$renderer5.push(`<button class="w-full px-3 py-2 text-left text-sm hover:bg-rc-gray-700">${escape_html(cat)}</button>`);
-                  } else {
-                    $$renderer5.push("<!--[!-->");
-                  }
-                  $$renderer5.push(`<!--]-->`);
-                }
-                $$renderer5.push(`<!--]--> <hr class="border-rc-gray-700"/> <button class="w-full px-3 py-2 text-left text-sm text-rc-green-300 hover:bg-rc-gray-700">+ New category…</button></div>`);
-              };
-              Dropdown($$renderer4, {
-                id: `category-dropdown-${t.id}`,
-                open: categoryMenuOpenFor === t.id,
-                anchorEl: categoryAnchorEl,
-                onClose: closeCategoryMenu,
-                placement: "bottom-start",
-                offset: [0, 1],
-                children
-              });
-            }
-            $$renderer4.push(`<!----></div></div> <div class="flex items-center gap-2">`);
+            $$renderer4.push(`<!----></button></div></div></td><td class="p-0"><div class="border-b border-rc-gray-700 p-2"><div class="mt-2 grid grid-cols-1 gap-3 md:grid-cols-12"><div class="self-start md:col-span-4"><div class="left-details-bg flex flex-col gap-2 rounded border border-rc-gray-700 p-2 svelte-1tukwqy"><div class="mb-1"><input class="card-input-title svelte-1tukwqy" type="text" placeholder="Scenario"${attr("value", t.scenario)}/> <input class="card-input-subtle mt-1 svelte-1tukwqy" type="text" placeholder="Author"${attr("value", t.author)}/></div> <div class="flex items-center gap-2">`);
             $$renderer4.select(
               {
                 class: "rc-input w-36",
@@ -4524,20 +4491,20 @@ function _page($$renderer, $$props) {
               },
               ($$renderer5) => {
                 $$renderer5.push(`<!--[-->`);
-                const each_array_3 = ensure_array_like(assertionTypes);
-                for (let $$index_2 = 0, $$length2 = each_array_3.length; $$index_2 < $$length2; $$index_2++) {
-                  let opt = each_array_3[$$index_2];
+                const each_array_1 = ensure_array_like(assertionTypes);
+                for (let $$index = 0, $$length2 = each_array_1.length; $$index < $$length2; $$index++) {
+                  let opt = each_array_1[$$index];
                   $$renderer5.option({ value: opt.value }, ($$renderer6) => {
                     $$renderer6.push(`${escape_html(opt.label)}`);
                   });
                 }
                 $$renderer5.push(`<!--]-->`);
               },
-              "svelte-1o8ahil"
+              "svelte-1tukwqy"
             );
-            $$renderer4.push(` <input class="rc-input min-w-0 flex-1 svelte-1o8ahil" type="text"${attr("value", t.assertion_value)} placeholder="Assertion value"/> <button title="Duplicate" class="ml-2 shrink-0 text-gray-300 hover:text-gray-100 disabled:cursor-not-allowed disabled:opacity-50"${attr("disabled", isSaving, true)}>`);
+            $$renderer4.push(` <input class="rc-input min-w-0 flex-1 svelte-1tukwqy" type="text"${attr("value", t.assertion_value)} placeholder="Assertion value"/> <button title="Duplicate" class="ml-2 shrink-0 text-gray-300 hover:text-gray-100 disabled:cursor-not-allowed disabled:opacity-50"${attr("disabled", isSaving, true)}>`);
             Icon($$renderer4, { icon: "mdi:content-copy", width: 18, height: 18 });
-            $$renderer4.push(`<!----></button> <button title="Delete" class="ml-2 shrink-0 text-red-400 hover:text-red-300">🗑</button></div> <div class="flex items-center gap-3"><div class="flex items-center gap-1"><span class="text-[11px] uppercase tracking-wide text-gray-400">Timeout</span> <input class="rc-input no-spin w-16 svelte-1o8ahil" type="number" min="0" max="999"${attr("value", t.timeout)} placeholder="Timeout"/> <span class="text-xs text-gray-400">sec</span></div> <div class="flex items-center gap-1"><span class="text-[11px] uppercase tracking-wide text-gray-400">Similarity</span> <input class="rc-input no-spin w-16 svelte-1o8ahil" type="number" min="0" max="100"${attr("value", t.similarity_threshold)} placeholder="Similarity (%)"/> <span class="text-xs text-gray-400">%</span></div></div> <div class="text-[11px] uppercase tracking-wide text-gray-400">Test context</div> `);
+            $$renderer4.push(`<!----></button> <button title="Delete" class="ml-2 shrink-0 text-red-400 hover:text-red-300">🗑</button></div> <div class="flex items-center gap-3"><div class="flex items-center gap-1"><span class="text-[11px] uppercase tracking-wide text-gray-400">Timeout</span> <input class="rc-input no-spin w-16 svelte-1tukwqy" type="number" min="0" max="999"${attr("value", t.timeout)} placeholder="Timeout"/> <span class="text-xs text-gray-400">sec</span></div> <div class="flex items-center gap-1"><span class="text-[11px] uppercase tracking-wide text-gray-400">Similarity</span> <input class="rc-input no-spin w-16 svelte-1tukwqy" type="number" min="0" max="100"${attr("value", t.similarity_threshold)} placeholder="Similarity (%)"/> <span class="text-xs text-gray-400">%</span></div></div> <div class="text-[11px] uppercase tracking-wide text-gray-400">Test context</div> `);
             ContextEditor($$renderer4, {
               class: "h-24",
               context: parseJson(t.context),
@@ -4548,7 +4515,7 @@ function _page($$renderer, $$props) {
                 try {
                   const str = JSON.stringify(ctx);
                   t.context = str;
-                  saveRowDebounced(t.id, { context: str }, "context");
+                  saveRowDebounced(t.id, { context: str });
                 } catch {
                 }
               }
@@ -4556,10 +4523,7 @@ function _page($$renderer, $$props) {
             $$renderer4.push(`<!----> <div class="text-[11px] uppercase tracking-wide text-gray-400">Conversation</div> `);
             MiniEditor($$renderer4, {
               value: t.conversation,
-              onChange: (v) => {
-                t.conversation = v;
-                saveRowDebounced(t.id, { conversation: t.conversation }, "conversation");
-              },
+              onChange: (v) => t.conversation = v,
               onBlur: () => saveRow(t.id, { conversation: t.conversation }),
               language: "markdown",
               height: 140
@@ -4567,10 +4531,7 @@ function _page($$renderer, $$props) {
             $$renderer4.push(`<!----> <div class="text-[11px] uppercase tracking-wide text-gray-400">Expected</div> `);
             MiniEditor($$renderer4, {
               value: t.expected_output,
-              onChange: (v) => {
-                t.expected_output = v;
-                saveRowDebounced(t.id, { expected_output: t.expected_output }, "expected_output");
-              },
+              onChange: (v) => t.expected_output = v,
               onBlur: () => saveRow(t.id, { expected_output: t.expected_output }),
               language: "markdown",
               height: 120
@@ -4587,10 +4548,10 @@ function _page($$renderer, $$props) {
             if (t.result) {
               $$renderer4.push("<!--[-->");
               $$renderer4.push(`<div class="flex flex-col gap-3"><!--[-->`);
-              const each_array_4 = ensure_array_like(t.result.runs);
-              for (let $$index_3 = 0, $$length2 = each_array_4.length; $$index_3 < $$length2; $$index_3++) {
-                let run = each_array_4[$$index_3];
-                $$renderer4.push(`<div class="rounded-md border border-rc-gray-700 bg-rc-gray-800/40 px-3 py-2"><div${attr_class(`w-fit max-w-[700px] whitespace-pre-wrap break-words rounded px-3 py-2 text-sm text-rc-gray-100 ${run.success ? "bg-emerald-700" : ""}`, "svelte-1o8ahil")}${attr_style(!run.success ? "background-color: rgb(156 80 80)" : "")}>${escape_html(run.text || "—")}</div> <div${attr_class(`mt-2 text-xs ${run.success ? "text-rc-green-200" : "text-red-400"}`, "svelte-1o8ahil")}>${escape_html(run.success ? "Pass" : formatEvaluation(run.evaluation) || "Fail")}</div> <div class="mt-2 flex flex-wrap items-center gap-2">`);
+              const each_array_2 = ensure_array_like(t.result.runs);
+              for (let $$index_1 = 0, $$length2 = each_array_2.length; $$index_1 < $$length2; $$index_1++) {
+                let run = each_array_2[$$index_1];
+                $$renderer4.push(`<div class="rounded-md border border-rc-gray-700 bg-rc-gray-800/40 px-3 py-2"><div${attr_class(`w-fit max-w-[700px] whitespace-pre-wrap break-words rounded px-3 py-2 text-sm text-rc-gray-100 ${run.success ? "bg-emerald-700" : ""}`, "svelte-1tukwqy")}${attr_style(!run.success ? "background-color: rgb(156 80 80)" : "")}>${escape_html(run.text || "—")}</div> <div${attr_class(`mt-2 text-xs ${run.success ? "text-rc-green-200" : "text-red-400"}`, "svelte-1tukwqy")}>${escape_html(run.success ? "Pass" : formatEvaluation(run.evaluation) || "Fail")}</div> <div class="mt-2 flex flex-wrap items-center gap-2">`);
                 Button($$renderer4, {
                   variant: "outlined",
                   size: "small",
@@ -4668,7 +4629,7 @@ function _page($$renderer, $$props) {
           $$renderer4.push(`<!--]--></tbody></table></div>`);
         }
       });
-      $$renderer3.push(`<!----></div>`);
+      $$renderer3.push(`<!----></div></div></div>`);
     }
     do {
       $$settled = true;
@@ -4676,8 +4637,9 @@ function _page($$renderer, $$props) {
       $$render_inner($$inner_renderer);
     } while (!$$settled);
     $$renderer2.subsume($$inner_renderer);
+    if ($$store_subs) unsubscribe_stores($$store_subs);
   });
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-CNhxx79k.js.map
+//# sourceMappingURL=_page.svelte-DKBFi-JF.js.map