@ash-ai/ui 1.0.0 → 1.0.2

package/dist/index.cjs

@@ -20,6 +20,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  AgentConfigEditor: () => AgentConfigEditor,
+  AgentEvalRunner: () => AgentEvalRunner,
+  AgentKnowledgeBase: () => AgentKnowledgeBase,
+  AgentVersionManager: () => AgentVersionManager,
   BottomPanels: () => BottomPanels,
   Chat: () => Chat,
   ChatInput: () => ChatInput,
@@ -777,6 +781,33 @@ var RefreshCw = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg",
   /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
   /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M8 16H3v5" })
 ] });
+var Save = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7" }),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M7 3v4a1 1 0 0 0 1 1h7" })
+] });
+var GitBranch = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "6", x2: "6", y1: "3", y2: "15" }),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "18", cy: "6", r: "3" }),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "6", cy: "18", r: "3" }),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M18 9a9 9 0 0 1-9 9" })
+] });
+var FlaskConical = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M10 2v7.527a2 2 0 0 1-.211.896L4.72 20.55a1 1 0 0 0 .9 1.45h12.76a1 1 0 0 0 .9-1.45l-5.069-10.127A2 2 0 0 1 14 9.527V2" }),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M8.5 2h7" }),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M7 16.5h10" })
+] });
+var BookOpen = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 7v14" }),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z" })
+] });
+var Upload = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "17 8 12 3 7 8" }),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "12", x2: "12", y1: "3", y2: "15" })
+] });
+var Play = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polygon", { points: "6 3 20 12 6 21 6 3" }) });
+var Star = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }) });
 function getFileIcon(name) {
   const ext = name.split(".").pop()?.toLowerCase();
   if (["ts", "tsx", "js", "jsx", "py", "rs", "go", "rb", "sh", "bash"].includes(ext || ""))
@@ -1814,8 +1845,1036 @@ function FileBrowserPanel({ client, sessionId }) {
 function Playground({ client, defaultAgent, className }) {
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PlaygroundProvider, { client, defaultAgent, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PlaygroundInner, { className }) });
 }
+
+// src/components/AgentConfigEditor.tsx
+var import_react14 = require("react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var CONFIG_FIELDS = [
+  { key: "description", label: "Description", type: "text", placeholder: "A brief description of this agent" },
+  { key: "model", label: "Model", type: "text", placeholder: "e.g. claude-sonnet-4-5-20250514" },
+  { key: "systemPrompt", label: "System Prompt", type: "textarea", placeholder: "System prompt for the agent..." },
+  { key: "max_turns", label: "Max Turns", type: "number", placeholder: "e.g. 10" },
+  { key: "permission_mode", label: "Permission Mode", type: "select", placeholder: "Select permission mode", options: ["default", "plan", "bypassPermissions"] }
+];
+function AgentConfigEditor({ client, agentName, className, onSaved }) {
+  const [config, setConfig] = (0, import_react14.useState)({});
+  const [original, setOriginal] = (0, import_react14.useState)({});
+  const [loading, setLoading] = (0, import_react14.useState)(true);
+  const [saving, setSaving] = (0, import_react14.useState)(false);
+  const [error, setError] = (0, import_react14.useState)(null);
+  const [success, setSuccess] = (0, import_react14.useState)(false);
+  const fetchConfig = (0, import_react14.useCallback)(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const data = await client.getAgentConfig(agentName);
+      setConfig(data);
+      setOriginal(data);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to fetch config");
+    } finally {
+      setLoading(false);
+    }
+  }, [client, agentName]);
+  (0, import_react14.useEffect)(() => {
+    fetchConfig();
+  }, [fetchConfig]);
+  const handleSave = async () => {
+    setSaving(true);
+    setError(null);
+    setSuccess(false);
+    try {
+      const changes = {};
+      for (const field of CONFIG_FIELDS) {
+        if (config[field.key] !== original[field.key]) {
+          changes[field.key] = config[field.key];
+        }
+      }
+      if (Object.keys(changes).length === 0) {
+        setSuccess(true);
+        return;
+      }
+      const updatedAgent = await client.updateAgentConfig(agentName, changes);
+      const data = updatedAgent && typeof updatedAgent === "object" && "config" in updatedAgent && updatedAgent.config ? updatedAgent.config : { ...original, ...changes };
+      setConfig(data);
+      setOriginal(data);
+      setSuccess(true);
+      onSaved?.(data);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to save config");
+    } finally {
+      setSaving(false);
+    }
+  };
+  const handleReset = () => {
+    setConfig({ ...original });
+    setError(null);
+    setSuccess(false);
+  };
+  const updateField = (key, value) => {
+    setConfig((prev) => ({ ...prev, [key]: value }));
+    setSuccess(false);
+  };
+  const hasChanges = JSON.stringify(config) !== JSON.stringify(original);
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: cn("flex items-center justify-center py-12", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Loader2, { className: "mr-2 h-4 w-4 animate-spin text-white/40" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-sm text-white/50", children: "Loading config..." })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-end gap-2", children: [
+      hasChanges && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        "button",
+        {
+          onClick: handleReset,
+          className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg text-white/70 hover:text-white hover:bg-white/10 transition-colors",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RefreshCw, { className: "h-3.5 w-3.5" }),
+            " Reset"
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        "button",
+        {
+          onClick: handleSave,
+          disabled: saving || !hasChanges,
+          className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-indigo-500 text-white hover:bg-indigo-400 disabled:opacity-50 disabled:pointer-events-none transition-colors",
+          children: [
+            saving ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Save, { className: "h-3.5 w-3.5" }),
+            "Save"
+          ]
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "text-sm text-red-400 bg-red-500/10 border border-red-500/20 rounded-lg px-4 py-2", children: error }),
+    success && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "text-sm text-green-400 bg-green-500/10 border border-green-500/20 rounded-lg px-4 py-2", children: "Configuration saved." }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "space-y-4 rounded-xl border border-white/10 bg-white/[0.02] p-4", children: CONFIG_FIELDS.map((field) => {
+      const value = config[field.key] ?? "";
+      if (field.type === "textarea") {
+        return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("label", { className: "block text-sm font-medium text-white/70", children: field.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            "textarea",
+            {
+              value: String(value),
+              onChange: (e) => updateField(field.key, e.target.value || void 0),
+              rows: 5,
+              placeholder: field.placeholder,
+              className: "flex w-full rounded-lg border px-3 py-2 text-sm bg-white/5 border-white/10 text-white placeholder:text-white/40 focus-visible:outline-none focus-visible:border-indigo-500/50 resize-none"
+            }
+          )
+        ] }, field.key);
+      }
+      if (field.type === "select") {
+        return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("label", { className: "block text-sm font-medium text-white/70", children: field.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+            "select",
+            {
+              value: String(value),
+              onChange: (e) => updateField(field.key, e.target.value || void 0),
+              className: "flex w-full rounded-lg border px-3 py-2 text-sm bg-white/5 border-white/10 text-white focus-visible:outline-none focus-visible:border-indigo-500/50",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("option", { value: "", style: { background: "#1c2129" }, children: "Not set" }),
+                field.options?.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("option", { value: opt, style: { background: "#1c2129" }, children: opt }, opt))
+              ]
+            }
+          )
+        ] }, field.key);
+      }
+      if (field.type === "number") {
+        return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("label", { className: "block text-sm font-medium text-white/70", children: field.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            "input",
+            {
+              type: "number",
+              value: value === void 0 || value === "" ? "" : Number(value),
+              onChange: (e) => updateField(field.key, e.target.value ? Number(e.target.value) : void 0),
+              placeholder: field.placeholder,
+              className: "flex w-full rounded-lg border px-3 py-2 text-sm bg-white/5 border-white/10 text-white placeholder:text-white/40 focus-visible:outline-none focus-visible:border-indigo-500/50"
+            }
+          )
+        ] }, field.key);
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("label", { className: "block text-sm font-medium text-white/70", children: field.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          "input",
+          {
+            type: "text",
+            value: String(value),
+            onChange: (e) => updateField(field.key, e.target.value || void 0),
+            placeholder: field.placeholder,
+            className: "flex w-full rounded-lg border px-3 py-2 text-sm bg-white/5 border-white/10 text-white placeholder:text-white/40 focus-visible:outline-none focus-visible:border-indigo-500/50"
+          }
+        )
+      ] }, field.key);
+    }) })
+  ] });
+}
+
+// src/components/AgentVersionManager.tsx
+var import_react15 = require("react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function AgentVersionManager({ client, agentName, className, onActivated }) {
+  const [versions, setVersions] = (0, import_react15.useState)([]);
+  const [loading, setLoading] = (0, import_react15.useState)(true);
+  const [activating, setActivating] = (0, import_react15.useState)(null);
+  const [showCreate, setShowCreate] = (0, import_react15.useState)(false);
+  const [error, setError] = (0, import_react15.useState)(null);
+  const refresh = (0, import_react15.useCallback)(async () => {
+    try {
+      setLoading(true);
+      const data = await client.listAgentVersions(agentName);
+      setVersions(data);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to fetch versions");
+    } finally {
+      setLoading(false);
+    }
+  }, [client, agentName]);
+  (0, import_react15.useEffect)(() => {
+    refresh();
+  }, [refresh]);
+  const handleActivate = async (v) => {
+    setActivating(v.versionNumber);
+    setError(null);
+    try {
+      await client.activateAgentVersion(agentName, v.versionNumber);
+      await refresh();
+      onActivated?.(v);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to activate version");
+    } finally {
+      setActivating(null);
+    }
+  };
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cn("flex items-center justify-center py-12", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Loader2, { className: "mr-2 h-4 w-4 animate-spin text-white/40" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm text-white/50", children: "Loading versions..." })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "text-sm text-white/50", children: [
+        versions.length,
+        " version",
+        versions.length !== 1 ? "s" : ""
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        "button",
+        {
+          onClick: () => setShowCreate(true),
+          className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-indigo-500 text-white hover:bg-indigo-400 transition-colors",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Plus, { className: "h-3.5 w-3.5" }),
+            " Create Version"
+          ]
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "text-sm text-red-400 bg-red-500/10 border border-red-500/20 rounded-lg px-4 py-2", children: error }),
+    versions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(GitBranch, { className: "mb-3 h-10 w-10 text-white/20" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-sm font-medium text-white/50", children: "No versions yet" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "mt-1 text-xs text-white/40", children: "Create your first version to snapshot the agent config." })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "space-y-2", children: versions.map((v) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between rounded-xl border border-white/10 bg-white/[0.02] px-4 py-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "text-sm font-semibold text-white", children: [
+            "v",
+            v.versionNumber
+          ] }),
+          v.name && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm text-white/50", children: v.name }),
+          v.isActive && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "inline-flex items-center gap-1 rounded-full bg-green-500/10 px-2 py-0.5 text-xs font-medium text-green-400", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CheckCircle2, { className: "h-3 w-3" }),
+            " Active"
+          ] })
+        ] }),
+        v.releaseNotes && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-xs text-white/40 mt-1", children: v.releaseNotes }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-3 mt-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-xs text-white/30", children: formatTime(v.createdAt) }),
+          v.systemPrompt && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-xs text-white/30", children: "Has system prompt" }),
+          v.knowledgeFiles && v.knowledgeFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "text-xs text-white/30", children: [
+            v.knowledgeFiles.length,
+            " file",
+            v.knowledgeFiles.length !== 1 ? "s" : ""
+          ] })
+        ] })
+      ] }),
+      !v.isActive && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        "button",
+        {
+          onClick: () => handleActivate(v),
+          disabled: activating === v.versionNumber,
+          className: "inline-flex items-center gap-1 px-2.5 py-1 text-xs font-medium rounded-lg border border-white/20 bg-white/5 text-white hover:bg-white/10 disabled:opacity-50 transition-colors",
+          children: [
+            activating === v.versionNumber ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Loader2, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CheckCircle2, { className: "h-3 w-3" }),
+            "Activate"
+          ]
+        }
+      )
+    ] }, v.id)) }),
+    showCreate && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      CreateVersionModal,
+      {
+        client,
+        agentName,
+        onClose: () => setShowCreate(false),
+        onCreated: () => {
+          setShowCreate(false);
+          refresh();
+        }
+      }
+    )
+  ] });
+}
+function CreateVersionModal({
+  client,
+  agentName,
+  onClose,
+  onCreated
+}) {
+  const [name, setName] = (0, import_react15.useState)("");
+  const [systemPrompt, setSystemPrompt] = (0, import_react15.useState)("");
+  const [releaseNotes, setReleaseNotes] = (0, import_react15.useState)("");
+  const [creating, setCreating] = (0, import_react15.useState)(false);
+  const [error, setError] = (0, import_react15.useState)(null);
+  const handleCreate = async () => {
+    setCreating(true);
+    setError(null);
+    try {
+      await client.createAgentVersion(agentName, {
+        name: name || void 0,
+        systemPrompt: systemPrompt || void 0,
+        releaseNotes: releaseNotes || void 0
+      });
+      onCreated();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to create version");
+    } finally {
+      setCreating(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w-full max-w-lg max-h-[90vh] overflow-auto rounded-xl border border-white/10 bg-[#1c2129] p-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between mb-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h2", { className: "text-lg font-semibold text-white", children: "Create Version" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { onClick: onClose, className: "text-white/40 hover:text-white", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(X, { className: "h-5 w-5" }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { className: "block text-sm font-medium text-white/70", children: "Version Name (optional)" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          "input",
+          {
+            type: "text",
+            value: name,
+            onChange: (e) => setName(e.target.value),
+            placeholder: "e.g. v2 - improved grounding",
+            className: "flex w-full rounded-lg border px-3 py-2 text-sm bg-white/5 border-white/10 text-white placeholder:text-white/40 focus-visible:outline-none focus-visible:border-indigo-500/50"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { className: "block text-sm font-medium text-white/70", children: "System Prompt (optional)" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          "textarea",
+          {
+            value: systemPrompt,
+            onChange: (e) => setSystemPrompt(e.target.value),
+            rows: 4,
+            placeholder: "System prompt for this version...",
+            className: "flex w-full rounded-lg border px-3 py-2 text-sm bg-white/5 border-white/10 text-white placeholder:text-white/40 focus-visible:outline-none focus-visible:border-indigo-500/50 resize-none"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { className: "block text-sm font-medium text-white/70", children: "Release Notes (optional)" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          "textarea",
+          {
+            value: releaseNotes,
+            onChange: (e) => setReleaseNotes(e.target.value),
+            rows: 2,
+            placeholder: "What changed in this version...",
+            className: "flex w-full rounded-lg border px-3 py-2 text-sm bg-white/5 border-white/10 text-white placeholder:text-white/40 focus-visible:outline-none focus-visible:border-indigo-500/50 resize-none"
+          }
+        )
+      ] }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-sm text-red-400", children: error }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex justify-end gap-3 pt-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { onClick: onClose, className: "px-3 py-1.5 text-sm text-white/70 hover:text-white hover:bg-white/10 rounded-lg transition-colors", children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          "button",
+          {
+            onClick: handleCreate,
+            disabled: creating,
+            className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium rounded-lg bg-indigo-500 text-white hover:bg-indigo-400 disabled:opacity-50 transition-colors",
+            children: creating ? "Creating..." : "Create Version"
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/components/AgentKnowledgeBase.tsx
+var import_react16 = require("react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function AgentKnowledgeBase({ client, agentName, className }) {
+  const [files, setFiles] = (0, import_react16.useState)([]);
+  const [loading, setLoading] = (0, import_react16.useState)(true);
+  const [expanded, setExpanded] = (0, import_react16.useState)({});
+  const [loadingFile, setLoadingFile] = (0, import_react16.useState)(null);
+  const [deleting, setDeleting] = (0, import_react16.useState)(null);
+  const [uploading, setUploading] = (0, import_react16.useState)(false);
+  const [error, setError] = (0, import_react16.useState)(null);
+  const fileInputRef = (0, import_react16.useRef)(null);
+  const refresh = (0, import_react16.useCallback)(async () => {
+    try {
+      setLoading(true);
+      const data = await client.listAgentFiles(agentName);
+      setFiles(data.files);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to fetch files");
+    } finally {
+      setLoading(false);
+    }
+  }, [client, agentName]);
+  (0, import_react16.useEffect)(() => {
+    refresh();
+  }, [refresh]);
+  const handlePreview = async (path) => {
+    if (expanded[path] !== void 0) {
+      setExpanded((prev) => {
+        const next = { ...prev };
+        delete next[path];
+        return next;
+      });
+      return;
+    }
+    setLoadingFile(path);
+    try {
+      const data = await client.getAgentFile(agentName, path);
+      setExpanded((prev) => ({ ...prev, [path]: data.content }));
+    } catch {
+      setExpanded((prev) => ({ ...prev, [path]: "(Failed to load)" }));
+    } finally {
+      setLoadingFile(null);
+    }
+  };
+  const handleDelete = async (path) => {
+    setDeleting(path);
+    setError(null);
+    try {
+      await client.deleteAgentFile(agentName, path);
+      refresh();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to delete file");
+    } finally {
+      setDeleting(null);
+    }
+  };
+  const handleUpload = async (fileList) => {
+    setUploading(true);
+    setError(null);
+    try {
+      const uploadFiles = [];
+      for (const file of Array.from(fileList)) {
+        const buffer = await file.arrayBuffer();
+        const base64 = btoa(String.fromCharCode(...new Uint8Array(buffer)));
+        uploadFiles.push({ path: file.name, content: base64 });
+      }
+      await client.uploadAgentFiles(agentName, uploadFiles);
+      refresh();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to upload files");
+    } finally {
+      setUploading(false);
+    }
+  };
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: cn("flex items-center justify-center py-12", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Loader2, { className: "mr-2 h-4 w-4 animate-spin text-white/40" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm text-white/50", children: "Loading files..." })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "text-sm text-white/50", children: [
+        files.length,
+        " file",
+        files.length !== 1 ? "s" : ""
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", { onClick: refresh, className: "p-1.5 text-white/40 hover:text-white rounded transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(RefreshCw, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+          "button",
+          {
+            onClick: () => fileInputRef.current?.click(),
+            disabled: uploading,
+            className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-indigo-500 text-white hover:bg-indigo-400 disabled:opacity-50 transition-colors",
+            children: [
+              uploading ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Upload, { className: "h-3.5 w-3.5" }),
+              "Upload"
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          "input",
+          {
+            ref: fileInputRef,
+            type: "file",
+            multiple: true,
+            className: "hidden",
+            onChange: (e) => {
+              if (e.target.files) handleUpload(e.target.files);
+            }
+          }
+        )
+      ] })
+    ] }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-sm text-red-400 bg-red-500/10 border border-red-500/20 rounded-lg px-4 py-2", children: error }),
+    files.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(BookOpen, { className: "mb-3 h-10 w-10 text-white/20" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm font-medium text-white/50", children: "No knowledge files" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "mt-1 text-xs text-white/40", children: "Upload files for this agent's knowledge base." })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "space-y-1", children: files.map((file) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center justify-between rounded-lg border border-white/10 bg-white/[0.02] px-3 py-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+          "button",
+          {
+            onClick: () => handlePreview(file.path),
+            className: "flex items-center gap-2 min-w-0 flex-1 text-left",
+            children: [
+              loadingFile === file.path ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Loader2, { className: "h-3.5 w-3.5 animate-spin text-white/40 shrink-0" }) : expanded[file.path] !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ChevronDown, { className: "h-3.5 w-3.5 text-white/40 shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ChevronRight, { className: "h-3.5 w-3.5 text-white/40 shrink-0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(FileText, { className: "h-3.5 w-3.5 text-white/40 shrink-0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm text-white truncate", children: file.path }),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-xs text-white/30 shrink-0", children: formatBytes(file.size) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          "button",
+          {
+            onClick: () => handleDelete(file.path),
+            disabled: deleting === file.path,
+            className: "p-1 text-white/30 hover:text-red-400 transition-colors shrink-0 ml-2",
+            children: deleting === file.path ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Trash2, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ] }),
+      expanded[file.path] !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "ml-4 mt-1 mb-2 rounded-lg border border-white/5 bg-black/20 p-3", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("pre", { className: "text-xs text-white/70 whitespace-pre-wrap break-words max-h-60 overflow-auto", children: expanded[file.path] }) })
+    ] }, file.path)) })
+  ] });
+}
+
+// src/components/AgentEvalRunner.tsx
+var import_react17 = require("react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function AgentEvalRunner({ client, agentName, className }) {
+  const [tab, setTab] = (0, import_react17.useState)("cases");
+  const [cases, setCases] = (0, import_react17.useState)([]);
+  const [runs, setRuns] = (0, import_react17.useState)([]);
+  const [loadingCases, setLoadingCases] = (0, import_react17.useState)(true);
+  const [loadingRuns, setLoadingRuns] = (0, import_react17.useState)(true);
+  const [showAddCase, setShowAddCase] = (0, import_react17.useState)(false);
+  const [showRunModal, setShowRunModal] = (0, import_react17.useState)(false);
+  const [error, setError] = (0, import_react17.useState)(null);
+  const refreshCases = (0, import_react17.useCallback)(async () => {
+    try {
+      setLoadingCases(true);
+      const data = await client.listEvalCases(agentName);
+      setCases(data);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to fetch eval cases");
+    } finally {
+      setLoadingCases(false);
+    }
+  }, [client, agentName]);
+  const refreshRuns = (0, import_react17.useCallback)(async () => {
+    try {
+      setLoadingRuns(true);
+      const data = await client.listEvalRuns(agentName);
+      setRuns(data);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to fetch eval runs");
+    } finally {
+      setLoadingRuns(false);
+    }
+  }, [client, agentName]);
+  (0, import_react17.useEffect)(() => {
+    refreshCases();
+    refreshRuns();
+  }, [refreshCases, refreshRuns]);
+  const intervalRef = (0, import_react17.useRef)(null);
+  (0, import_react17.useEffect)(() => {
+    const hasActive = runs.some((r) => r.status === "pending" || r.status === "running");
+    if (hasActive) {
+      intervalRef.current = setInterval(refreshRuns, 5e3);
+    }
+    return () => {
+      if (intervalRef.current) clearInterval(intervalRef.current);
+    };
+  }, [runs, refreshRuns]);
+  const handleDeleteCase = async (id) => {
+    setError(null);
+    try {
+      await client.deleteEvalCase(agentName, id);
+      refreshCases();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to delete case");
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-1 p-1 bg-white/5 rounded-lg w-fit", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+        "button",
+        {
+          onClick: () => setTab("cases"),
+          className: cn(
+            "px-3 py-1.5 text-xs font-medium rounded-md transition-colors",
+            tab === "cases" ? "bg-white/10 text-white" : "text-white/50 hover:text-white"
+          ),
+          children: [
+            "Cases (",
+            cases.length,
+            ")"
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+        "button",
+        {
+          onClick: () => setTab("runs"),
+          className: cn(
+            "px-3 py-1.5 text-xs font-medium rounded-md transition-colors",
+            tab === "runs" ? "bg-white/10 text-white" : "text-white/50 hover:text-white"
+          ),
+          children: [
+            "Runs (",
+            runs.length,
+            ")"
+          ]
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-sm text-red-400 bg-red-500/10 border border-red-500/20 rounded-lg px-4 py-2", children: error }),
+    tab === "cases" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      CasesTab,
+      {
+        cases,
+        loading: loadingCases,
+        onAdd: () => setShowAddCase(true),
+        onDelete: handleDeleteCase
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      RunsTab,
+      {
+        client,
+        agentName,
+        runs,
+        loading: loadingRuns,
+        onRun: () => setShowRunModal(true)
+      }
+    ),
+    showAddCase && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      AddCaseModal,
+      {
+        client,
+        agentName,
+        onClose: () => setShowAddCase(false),
+        onCreated: () => {
+          setShowAddCase(false);
+          refreshCases();
+        }
+      }
+    ),
+    showRunModal && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      RunEvalModal,
+      {
+        client,
+        agentName,
+        onClose: () => setShowRunModal(false),
+        onStarted: () => {
+          setShowRunModal(false);
+          refreshRuns();
+        }
+      }
+    )
+  ] });
+}
+function CasesTab({
+  cases,
+  loading,
+  onAdd,
+  onDelete
+}) {
+  const [expanded, setExpanded] = (0, import_react17.useState)(/* @__PURE__ */ new Set());
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-center py-12", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Loader2, { className: "mr-2 h-4 w-4 animate-spin text-white/40" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm text-white/50", children: "Loading cases..." })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+      "button",
+      {
+        onClick: onAdd,
+        className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-indigo-500 text-white hover:bg-indigo-400 transition-colors",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Plus, { className: "h-3.5 w-3.5" }),
+          " Add Case"
+        ]
+      }
+    ) }),
+    cases.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FlaskConical, { className: "mb-3 h-10 w-10 text-white/20" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm font-medium text-white/50", children: "No eval cases" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "mt-1 text-xs text-white/40", children: "Add test cases to evaluate your agent." })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "space-y-1", children: cases.map((c) => {
+      const isExpanded = expanded.has(c.id);
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-between rounded-lg border border-white/10 bg-white/[0.02] px-3 py-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+            "button",
+            {
+              onClick: () => setExpanded((prev) => {
+                const next = new Set(prev);
+                isExpanded ? next.delete(c.id) : next.add(c.id);
+                return next;
+              }),
+              className: "flex items-center gap-2 min-w-0 flex-1 text-left",
+              children: [
+                isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ChevronDown, { className: "h-3.5 w-3.5 text-white/40 shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ChevronRight, { className: "h-3.5 w-3.5 text-white/40 shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm text-white truncate", children: c.question }),
+                c.category && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-xs text-white/30 shrink-0", children: c.category })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            "button",
+            {
+              onClick: () => onDelete(c.id),
+              className: "p-1 text-white/30 hover:text-red-400 transition-colors shrink-0 ml-2",
+              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(X, { className: "h-3.5 w-3.5" })
+            }
+          )
+        ] }),
+        isExpanded && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "ml-4 mt-1 mb-2 rounded-lg border border-white/5 bg-black/20 p-3 space-y-2", children: [
+          c.expectedTopics && c.expectedTopics.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-xs text-white/40", children: "Expected topics: " }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-xs text-white/60", children: c.expectedTopics.join(", ") })
+          ] }),
+          c.referenceAnswer && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-xs text-white/40", children: "Reference: " }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-xs text-white/60", children: c.referenceAnswer })
+          ] }),
+          c.tags && c.tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex gap-1", children: c.tags.map((t) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-xs bg-white/5 text-white/50 px-1.5 py-0.5 rounded", children: t }, t)) })
+        ] })
+      ] }, c.id);
+    }) })
+  ] });
+}
+function RunsTab({
+  client,
+  agentName,
+  runs,
+  loading,
+  onRun
+}) {
+  const [expandedRun, setExpandedRun] = (0, import_react17.useState)(null);
+  const [results, setResults] = (0, import_react17.useState)([]);
+  const [loadingResults, setLoadingResults] = (0, import_react17.useState)(false);
+  const handleExpand = async (runId) => {
+    if (expandedRun === runId) {
+      setExpandedRun(null);
+      return;
+    }
+    setExpandedRun(runId);
+    setLoadingResults(true);
+    try {
+      const data = await client.getEvalRunResults(agentName, runId);
+      setResults(data);
+    } catch {
+      setResults([]);
+    } finally {
+      setLoadingResults(false);
+    }
+  };
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-center py-12", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Loader2, { className: "mr-2 h-4 w-4 animate-spin text-white/40" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm text-white/50", children: "Loading runs..." })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+      "button",
+      {
+        onClick: onRun,
+        className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-indigo-500 text-white hover:bg-indigo-400 transition-colors",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Play, { className: "h-3.5 w-3.5" }),
+          " Run Evals"
+        ]
+      }
+    ) }),
+    runs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FlaskConical, { className: "mb-3 h-10 w-10 text-white/20" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm font-medium text-white/50", children: "No eval runs yet" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "mt-1 text-xs text-white/40", children: "Start a run to evaluate your agent." })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "space-y-2", children: runs.map((run) => {
+      const statusColor = run.status === "completed" ? "text-green-400" : run.status === "failed" ? "text-red-400" : run.status === "running" ? "text-yellow-400" : "text-white/50";
+      const StatusIcon = run.status === "completed" ? CheckCircle2 : run.status === "failed" ? XCircle : run.status === "running" ? Loader2 : FlaskConical;
+      const isExpanded = expandedRun === run.id;
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+          "button",
+          {
+            onClick: () => handleExpand(run.id),
+            className: "flex items-center justify-between w-full rounded-xl border border-white/10 bg-white/[0.02] px-4 py-3 text-left hover:bg-white/[0.04] transition-colors",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-3 min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(StatusIcon, { className: cn("h-4 w-4 shrink-0", statusColor, run.status === "running" && "animate-spin") }),
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "text-sm font-medium text-white", children: [
+                    run.status,
+                    " ",
+                    run.versionNumber != null && `(v${run.versionNumber})`
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2 mt-0.5", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-xs text-white/30", children: formatTime(run.createdAt) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "text-xs text-white/30", children: [
+                      run.completedCases ?? 0,
+                      "/",
+                      run.totalCases ?? 0,
+                      " cases"
+                    ] })
+                  ] })
+                ] })
+              ] }),
+              isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ChevronDown, { className: "h-4 w-4 text-white/30" }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ChevronRight, { className: "h-4 w-4 text-white/30" })
+            ]
+          }
+        ),
+        isExpanded && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "ml-4 mt-1 mb-2 space-y-1", children: loadingResults ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2 py-4 justify-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Loader2, { className: "h-3 w-3 animate-spin text-white/40" }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-xs text-white/40", children: "Loading results..." })
+        ] }) : results.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-xs text-white/40 py-4 text-center", children: "No results yet." }) : results.map((r) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "rounded-lg border border-white/5 bg-black/20 px-3 py-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cn("text-xs font-medium", r.status === "completed" ? "text-green-400" : r.status === "error" ? "text-red-400" : "text-white/50"), children: r.status }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2", children: [
+              r.topicScore != null && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "text-xs text-white/40", children: [
+                "topic: ",
+                (r.topicScore * 100).toFixed(0),
+                "%"
+              ] }),
+              r.safetyScore != null && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "text-xs text-white/40", children: [
+                "safety: ",
+                (r.safetyScore * 100).toFixed(0),
+                "%"
+              ] }),
+              r.humanScore != null && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "inline-flex items-center gap-0.5 text-xs text-yellow-400", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Star, { className: "h-3 w-3" }),
+                " ",
+                r.humanScore
+              ] }),
+              r.latencyMs != null && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "text-xs text-white/30", children: [
+                r.latencyMs,
+                "ms"
+              ] })
+            ] })
+          ] }),
+          r.agentResponse && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-xs text-white/50 mt-1 line-clamp-2", children: r.agentResponse }),
+          r.error && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-xs text-red-400/70 mt-1", children: r.error })
+        ] }, r.id)) })
+      ] }, run.id);
+    }) })
+  ] });
+}
+function AddCaseModal({
+  client,
+  agentName,
+  onClose,
+  onCreated
+}) {
+  const [question, setQuestion] = (0, import_react17.useState)("");
+  const [expectedTopics, setExpectedTopics] = (0, import_react17.useState)("");
+  const [referenceAnswer, setReferenceAnswer] = (0, import_react17.useState)("");
+  const [category, setCategory] = (0, import_react17.useState)("");
+  const [creating, setCreating] = (0, import_react17.useState)(false);
+  const [error, setError] = (0, import_react17.useState)(null);
+  const handleCreate = async () => {
+    if (!question.trim()) {
+      setError("Question is required");
+      return;
+    }
+    setCreating(true);
+    setError(null);
+    try {
+      await client.createEvalCase(agentName, {
+        question: question.trim(),
+        expectedTopics: expectedTopics ? expectedTopics.split(",").map((t) => t.trim()).filter(Boolean) : void 0,
+        referenceAnswer: referenceAnswer || void 0,
+        category: category || void 0
+      });
+      onCreated();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to create case");
+    } finally {
+      setCreating(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w-full max-w-lg max-h-[90vh] overflow-auto rounded-xl border border-white/10 bg-[#1c2129] p-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-between mb-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { className: "text-lg font-semibold text-white", children: "Add Eval Case" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { onClick: onClose, className: "text-white/40 hover:text-white", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(X, { className: "h-5 w-5" }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { className: "block text-sm font-medium text-white/70", children: "Question *" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          "textarea",
+          {
+            value: question,
+            onChange: (e) => setQuestion(e.target.value),
+            rows: 3,
+            placeholder: "What question should the agent answer?",
+            className: "flex w-full rounded-lg border px-3 py-2 text-sm bg-white/5 border-white/10 text-white placeholder:text-white/40 focus-visible:outline-none focus-visible:border-indigo-500/50 resize-none"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { className: "block text-sm font-medium text-white/70", children: "Expected Topics (comma-separated)" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          "input",
+          {
+            type: "text",
+            value: expectedTopics,
+            onChange: (e) => setExpectedTopics(e.target.value),
+            placeholder: "e.g. pricing, features, support",
+            className: "flex w-full rounded-lg border px-3 py-2 text-sm bg-white/5 border-white/10 text-white placeholder:text-white/40 focus-visible:outline-none focus-visible:border-indigo-500/50"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { className: "block text-sm font-medium text-white/70", children: "Reference Answer (optional)" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          "textarea",
+          {
+            value: referenceAnswer,
+            onChange: (e) => setReferenceAnswer(e.target.value),
+            rows: 2,
+            placeholder: "Ideal answer for comparison...",
+            className: "flex w-full rounded-lg border px-3 py-2 text-sm bg-white/5 border-white/10 text-white placeholder:text-white/40 focus-visible:outline-none focus-visible:border-indigo-500/50 resize-none"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { className: "block text-sm font-medium text-white/70", children: "Category (optional)" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          "input",
+          {
+            type: "text",
+            value: category,
+            onChange: (e) => setCategory(e.target.value),
+            placeholder: "e.g. general, technical, safety",
+            className: "flex w-full rounded-lg border px-3 py-2 text-sm bg-white/5 border-white/10 text-white placeholder:text-white/40 focus-visible:outline-none focus-visible:border-indigo-500/50"
+          }
+        )
+      ] }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm text-red-400", children: error }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex justify-end gap-3 pt-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { onClick: onClose, className: "px-3 py-1.5 text-sm text-white/70 hover:text-white hover:bg-white/10 rounded-lg transition-colors", children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          "button",
+          {
+            onClick: handleCreate,
+            disabled: creating,
+            className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium rounded-lg bg-indigo-500 text-white hover:bg-indigo-400 disabled:opacity-50 transition-colors",
+            children: creating ? "Adding..." : "Add Case"
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+function RunEvalModal({
+  client,
+  agentName,
+  onClose,
+  onStarted
+}) {
+  const [versionNumber, setVersionNumber] = (0, import_react17.useState)("");
+  const [starting, setStarting] = (0, import_react17.useState)(false);
+  const [error, setError] = (0, import_react17.useState)(null);
+  const handleStart = async () => {
+    setStarting(true);
+    setError(null);
+    try {
+      await client.startEvalRun(agentName, {
+        versionNumber: versionNumber ? Number(versionNumber) : void 0
+      });
+      onStarted();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to start eval run");
+    } finally {
+      setStarting(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w-full max-w-md rounded-xl border border-white/10 bg-[#1c2129] p-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-between mb-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { className: "text-lg font-semibold text-white", children: "Run Evals" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { onClick: onClose, className: "text-white/40 hover:text-white", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(X, { className: "h-5 w-5" }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { className: "block text-sm font-medium text-white/70", children: "Version Number (optional)" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          "input",
+          {
+            type: "number",
+            value: versionNumber,
+            onChange: (e) => setVersionNumber(e.target.value),
+            placeholder: "Leave empty for active version",
+            className: "flex w-full rounded-lg border px-3 py-2 text-sm bg-white/5 border-white/10 text-white placeholder:text-white/40 focus-visible:outline-none focus-visible:border-indigo-500/50"
+          }
+        )
+      ] }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm text-red-400", children: error }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex justify-end gap-3 pt-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { onClick: onClose, className: "px-3 py-1.5 text-sm text-white/70 hover:text-white hover:bg-white/10 rounded-lg transition-colors", children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          "button",
+          {
+            onClick: handleStart,
+            disabled: starting,
+            className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium rounded-lg bg-indigo-500 text-white hover:bg-indigo-400 disabled:opacity-50 transition-colors",
+            children: starting ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
+              " Starting..."
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Play, { className: "h-3.5 w-3.5" }),
+              " Start Run"
+            ] })
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AgentConfigEditor,
+  AgentEvalRunner,
+  AgentKnowledgeBase,
+  AgentVersionManager,
   BottomPanels,
   Chat,
   ChatInput,