@ash-ai/ui 1.0.1 → 1.0.2

package/dist/index.js

@@ -722,6 +722,33 @@ var RefreshCw = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.o
   /* @__PURE__ */ jsx2("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
   /* @__PURE__ */ jsx2("path", { d: "M8 16H3v5" })
 ] });
+var Save = (props) => /* @__PURE__ */ 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__ */ jsx2("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__ */ jsx2("path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7" }),
+  /* @__PURE__ */ jsx2("path", { d: "M7 3v4a1 1 0 0 0 1 1h7" })
+] });
+var GitBranch = (props) => /* @__PURE__ */ 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__ */ jsx2("line", { x1: "6", x2: "6", y1: "3", y2: "15" }),
+  /* @__PURE__ */ jsx2("circle", { cx: "18", cy: "6", r: "3" }),
+  /* @__PURE__ */ jsx2("circle", { cx: "6", cy: "18", r: "3" }),
+  /* @__PURE__ */ jsx2("path", { d: "M18 9a9 9 0 0 1-9 9" })
+] });
+var FlaskConical = (props) => /* @__PURE__ */ 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__ */ jsx2("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__ */ jsx2("path", { d: "M8.5 2h7" }),
+  /* @__PURE__ */ jsx2("path", { d: "M7 16.5h10" })
+] });
+var BookOpen = (props) => /* @__PURE__ */ 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__ */ jsx2("path", { d: "M12 7v14" }),
+  /* @__PURE__ */ jsx2("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__ */ 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__ */ jsx2("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+  /* @__PURE__ */ jsx2("polyline", { points: "17 8 12 3 7 8" }),
+  /* @__PURE__ */ jsx2("line", { x1: "12", x2: "12", y1: "3", y2: "15" })
+] });
+var Play = (props) => /* @__PURE__ */ jsx2("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__ */ jsx2("polygon", { points: "6 3 20 12 6 21 6 3" }) });
+var Star = (props) => /* @__PURE__ */ jsx2("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__ */ jsx2("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 || ""))
@@ -1759,7 +1786,1035 @@ function FileBrowserPanel({ client, sessionId }) {
 function Playground({ client, defaultAgent, className }) {
   return /* @__PURE__ */ jsx15(PlaygroundProvider, { client, defaultAgent, children: /* @__PURE__ */ jsx15(PlaygroundInner, { className }) });
 }
+
+// src/components/AgentConfigEditor.tsx
+import { useState as useState10, useEffect as useEffect8, useCallback as useCallback8 } from "react";
+import { jsx as jsx16, jsxs as jsxs15 } from "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] = useState10({});
+  const [original, setOriginal] = useState10({});
+  const [loading, setLoading] = useState10(true);
+  const [saving, setSaving] = useState10(false);
+  const [error, setError] = useState10(null);
+  const [success, setSuccess] = useState10(false);
+  const fetchConfig = useCallback8(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]);
+  useEffect8(() => {
+    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__ */ jsxs15("div", { className: cn("flex items-center justify-center py-12", className), children: [
+      /* @__PURE__ */ jsx16(Loader2, { className: "mr-2 h-4 w-4 animate-spin text-white/40" }),
+      /* @__PURE__ */ jsx16("span", { className: "text-sm text-white/50", children: "Loading config..." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs15("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-end gap-2", children: [
+      hasChanges && /* @__PURE__ */ jsxs15(
+        "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__ */ jsx16(RefreshCw, { className: "h-3.5 w-3.5" }),
+            " Reset"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs15(
+        "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__ */ jsx16(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx16(Save, { className: "h-3.5 w-3.5" }),
+            "Save"
+          ]
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx16("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__ */ jsx16("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__ */ jsx16("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__ */ jsxs15("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx16("label", { className: "block text-sm font-medium text-white/70", children: field.label }),
+          /* @__PURE__ */ jsx16(
+            "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__ */ jsxs15("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx16("label", { className: "block text-sm font-medium text-white/70", children: field.label }),
+          /* @__PURE__ */ jsxs15(
+            "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__ */ jsx16("option", { value: "", style: { background: "#1c2129" }, children: "Not set" }),
+                field.options?.map((opt) => /* @__PURE__ */ jsx16("option", { value: opt, style: { background: "#1c2129" }, children: opt }, opt))
+              ]
+            }
+          )
+        ] }, field.key);
+      }
+      if (field.type === "number") {
+        return /* @__PURE__ */ jsxs15("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx16("label", { className: "block text-sm font-medium text-white/70", children: field.label }),
+          /* @__PURE__ */ jsx16(
+            "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__ */ jsxs15("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx16("label", { className: "block text-sm font-medium text-white/70", children: field.label }),
+        /* @__PURE__ */ jsx16(
+          "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
+import { useState as useState11, useEffect as useEffect9, useCallback as useCallback9 } from "react";
+import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+function AgentVersionManager({ client, agentName, className, onActivated }) {
+  const [versions, setVersions] = useState11([]);
+  const [loading, setLoading] = useState11(true);
+  const [activating, setActivating] = useState11(null);
+  const [showCreate, setShowCreate] = useState11(false);
+  const [error, setError] = useState11(null);
+  const refresh = useCallback9(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]);
+  useEffect9(() => {
+    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__ */ jsxs16("div", { className: cn("flex items-center justify-center py-12", className), children: [
+      /* @__PURE__ */ jsx17(Loader2, { className: "mr-2 h-4 w-4 animate-spin text-white/40" }),
+      /* @__PURE__ */ jsx17("span", { className: "text-sm text-white/50", children: "Loading versions..." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs16("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs16("span", { className: "text-sm text-white/50", children: [
+        versions.length,
+        " version",
+        versions.length !== 1 ? "s" : ""
+      ] }),
+      /* @__PURE__ */ jsxs16(
+        "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__ */ jsx17(Plus, { className: "h-3.5 w-3.5" }),
+            " Create Version"
+          ]
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx17("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__ */ jsxs16("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [
+      /* @__PURE__ */ jsx17(GitBranch, { className: "mb-3 h-10 w-10 text-white/20" }),
+      /* @__PURE__ */ jsx17("p", { className: "text-sm font-medium text-white/50", children: "No versions yet" }),
+      /* @__PURE__ */ jsx17("p", { className: "mt-1 text-xs text-white/40", children: "Create your first version to snapshot the agent config." })
+    ] }) : /* @__PURE__ */ jsx17("div", { className: "space-y-2", children: versions.map((v) => /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between rounded-xl border border-white/10 bg-white/[0.02] px-4 py-3", children: [
+      /* @__PURE__ */ jsxs16("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs16("span", { className: "text-sm font-semibold text-white", children: [
+            "v",
+            v.versionNumber
+          ] }),
+          v.name && /* @__PURE__ */ jsx17("span", { className: "text-sm text-white/50", children: v.name }),
+          v.isActive && /* @__PURE__ */ jsxs16("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__ */ jsx17(CheckCircle2, { className: "h-3 w-3" }),
+            " Active"
+          ] })
+        ] }),
+        v.releaseNotes && /* @__PURE__ */ jsx17("p", { className: "text-xs text-white/40 mt-1", children: v.releaseNotes }),
+        /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3 mt-1", children: [
+          /* @__PURE__ */ jsx17("span", { className: "text-xs text-white/30", children: formatTime(v.createdAt) }),
+          v.systemPrompt && /* @__PURE__ */ jsx17("span", { className: "text-xs text-white/30", children: "Has system prompt" }),
+          v.knowledgeFiles && v.knowledgeFiles.length > 0 && /* @__PURE__ */ jsxs16("span", { className: "text-xs text-white/30", children: [
+            v.knowledgeFiles.length,
+            " file",
+            v.knowledgeFiles.length !== 1 ? "s" : ""
+          ] })
+        ] })
+      ] }),
+      !v.isActive && /* @__PURE__ */ jsxs16(
+        "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__ */ jsx17(Loader2, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ jsx17(CheckCircle2, { className: "h-3 w-3" }),
+            "Activate"
+          ]
+        }
+      )
+    ] }, v.id)) }),
+    showCreate && /* @__PURE__ */ jsx17(
+      CreateVersionModal,
+      {
+        client,
+        agentName,
+        onClose: () => setShowCreate(false),
+        onCreated: () => {
+          setShowCreate(false);
+          refresh();
+        }
+      }
+    )
+  ] });
+}
+function CreateVersionModal({
+  client,
+  agentName,
+  onClose,
+  onCreated
+}) {
+  const [name, setName] = useState11("");
+  const [systemPrompt, setSystemPrompt] = useState11("");
+  const [releaseNotes, setReleaseNotes] = useState11("");
+  const [creating, setCreating] = useState11(false);
+  const [error, setError] = useState11(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__ */ jsx17("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm", children: /* @__PURE__ */ jsxs16("div", { className: "w-full max-w-lg max-h-[90vh] overflow-auto rounded-xl border border-white/10 bg-[#1c2129] p-6", children: [
+    /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between mb-6", children: [
+      /* @__PURE__ */ jsx17("h2", { className: "text-lg font-semibold text-white", children: "Create Version" }),
+      /* @__PURE__ */ jsx17("button", { onClick: onClose, className: "text-white/40 hover:text-white", children: /* @__PURE__ */ jsx17(X, { className: "h-5 w-5" }) })
+    ] }),
+    /* @__PURE__ */ jsxs16("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs16("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx17("label", { className: "block text-sm font-medium text-white/70", children: "Version Name (optional)" }),
+        /* @__PURE__ */ jsx17(
+          "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__ */ jsxs16("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx17("label", { className: "block text-sm font-medium text-white/70", children: "System Prompt (optional)" }),
+        /* @__PURE__ */ jsx17(
+          "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__ */ jsxs16("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx17("label", { className: "block text-sm font-medium text-white/70", children: "Release Notes (optional)" }),
+        /* @__PURE__ */ jsx17(
+          "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__ */ jsx17("p", { className: "text-sm text-red-400", children: error }),
+      /* @__PURE__ */ jsxs16("div", { className: "flex justify-end gap-3 pt-2", children: [
+        /* @__PURE__ */ jsx17("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__ */ jsx17(
+          "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
+import { useState as useState12, useEffect as useEffect10, useCallback as useCallback10, useRef as useRef7 } from "react";
+import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+function AgentKnowledgeBase({ client, agentName, className }) {
+  const [files, setFiles] = useState12([]);
+  const [loading, setLoading] = useState12(true);
+  const [expanded, setExpanded] = useState12({});
+  const [loadingFile, setLoadingFile] = useState12(null);
+  const [deleting, setDeleting] = useState12(null);
+  const [uploading, setUploading] = useState12(false);
+  const [error, setError] = useState12(null);
+  const fileInputRef = useRef7(null);
+  const refresh = useCallback10(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]);
+  useEffect10(() => {
+    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__ */ jsxs17("div", { className: cn("flex items-center justify-center py-12", className), children: [
+      /* @__PURE__ */ jsx18(Loader2, { className: "mr-2 h-4 w-4 animate-spin text-white/40" }),
+      /* @__PURE__ */ jsx18("span", { className: "text-sm text-white/50", children: "Loading files..." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs17("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs17("span", { className: "text-sm text-white/50", children: [
+        files.length,
+        " file",
+        files.length !== 1 ? "s" : ""
+      ] }),
+      /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx18("button", { onClick: refresh, className: "p-1.5 text-white/40 hover:text-white rounded transition-colors", children: /* @__PURE__ */ jsx18(RefreshCw, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsxs17(
+          "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__ */ jsx18(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx18(Upload, { className: "h-3.5 w-3.5" }),
+              "Upload"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx18(
+          "input",
+          {
+            ref: fileInputRef,
+            type: "file",
+            multiple: true,
+            className: "hidden",
+            onChange: (e) => {
+              if (e.target.files) handleUpload(e.target.files);
+            }
+          }
+        )
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsx18("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__ */ jsxs17("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [
+      /* @__PURE__ */ jsx18(BookOpen, { className: "mb-3 h-10 w-10 text-white/20" }),
+      /* @__PURE__ */ jsx18("p", { className: "text-sm font-medium text-white/50", children: "No knowledge files" }),
+      /* @__PURE__ */ jsx18("p", { className: "mt-1 text-xs text-white/40", children: "Upload files for this agent's knowledge base." })
+    ] }) : /* @__PURE__ */ jsx18("div", { className: "space-y-1", children: files.map((file) => /* @__PURE__ */ jsxs17("div", { children: [
+      /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between rounded-lg border border-white/10 bg-white/[0.02] px-3 py-2", children: [
+        /* @__PURE__ */ jsxs17(
+          "button",
+          {
+            onClick: () => handlePreview(file.path),
+            className: "flex items-center gap-2 min-w-0 flex-1 text-left",
+            children: [
+              loadingFile === file.path ? /* @__PURE__ */ jsx18(Loader2, { className: "h-3.5 w-3.5 animate-spin text-white/40 shrink-0" }) : expanded[file.path] !== void 0 ? /* @__PURE__ */ jsx18(ChevronDown, { className: "h-3.5 w-3.5 text-white/40 shrink-0" }) : /* @__PURE__ */ jsx18(ChevronRight, { className: "h-3.5 w-3.5 text-white/40 shrink-0" }),
+              /* @__PURE__ */ jsx18(FileText, { className: "h-3.5 w-3.5 text-white/40 shrink-0" }),
+              /* @__PURE__ */ jsx18("span", { className: "text-sm text-white truncate", children: file.path }),
+              /* @__PURE__ */ jsx18("span", { className: "text-xs text-white/30 shrink-0", children: formatBytes(file.size) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx18(
+          "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__ */ jsx18(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx18(Trash2, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ] }),
+      expanded[file.path] !== void 0 && /* @__PURE__ */ jsx18("div", { className: "ml-4 mt-1 mb-2 rounded-lg border border-white/5 bg-black/20 p-3", children: /* @__PURE__ */ jsx18("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
+import { useState as useState13, useEffect as useEffect11, useCallback as useCallback11, useRef as useRef8 } from "react";
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+function AgentEvalRunner({ client, agentName, className }) {
+  const [tab, setTab] = useState13("cases");
+  const [cases, setCases] = useState13([]);
+  const [runs, setRuns] = useState13([]);
+  const [loadingCases, setLoadingCases] = useState13(true);
+  const [loadingRuns, setLoadingRuns] = useState13(true);
+  const [showAddCase, setShowAddCase] = useState13(false);
+  const [showRunModal, setShowRunModal] = useState13(false);
+  const [error, setError] = useState13(null);
+  const refreshCases = useCallback11(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 = useCallback11(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]);
+  useEffect11(() => {
+    refreshCases();
+    refreshRuns();
+  }, [refreshCases, refreshRuns]);
+  const intervalRef = useRef8(null);
+  useEffect11(() => {
+    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__ */ jsxs18("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-1 p-1 bg-white/5 rounded-lg w-fit", children: [
+      /* @__PURE__ */ jsxs18(
+        "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__ */ jsxs18(
+        "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__ */ jsx19("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__ */ jsx19(
+      CasesTab,
+      {
+        cases,
+        loading: loadingCases,
+        onAdd: () => setShowAddCase(true),
+        onDelete: handleDeleteCase
+      }
+    ) : /* @__PURE__ */ jsx19(
+      RunsTab,
+      {
+        client,
+        agentName,
+        runs,
+        loading: loadingRuns,
+        onRun: () => setShowRunModal(true)
+      }
+    ),
+    showAddCase && /* @__PURE__ */ jsx19(
+      AddCaseModal,
+      {
+        client,
+        agentName,
+        onClose: () => setShowAddCase(false),
+        onCreated: () => {
+          setShowAddCase(false);
+          refreshCases();
+        }
+      }
+    ),
+    showRunModal && /* @__PURE__ */ jsx19(
+      RunEvalModal,
+      {
+        client,
+        agentName,
+        onClose: () => setShowRunModal(false),
+        onStarted: () => {
+          setShowRunModal(false);
+          refreshRuns();
+        }
+      }
+    )
+  ] });
+}
+function CasesTab({
+  cases,
+  loading,
+  onAdd,
+  onDelete
+}) {
+  const [expanded, setExpanded] = useState13(/* @__PURE__ */ new Set());
+  if (loading) {
+    return /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-center py-12", children: [
+      /* @__PURE__ */ jsx19(Loader2, { className: "mr-2 h-4 w-4 animate-spin text-white/40" }),
+      /* @__PURE__ */ jsx19("span", { className: "text-sm text-white/50", children: "Loading cases..." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs18("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsxs18(
+      "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__ */ jsx19(Plus, { className: "h-3.5 w-3.5" }),
+          " Add Case"
+        ]
+      }
+    ) }),
+    cases.length === 0 ? /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [
+      /* @__PURE__ */ jsx19(FlaskConical, { className: "mb-3 h-10 w-10 text-white/20" }),
+      /* @__PURE__ */ jsx19("p", { className: "text-sm font-medium text-white/50", children: "No eval cases" }),
+      /* @__PURE__ */ jsx19("p", { className: "mt-1 text-xs text-white/40", children: "Add test cases to evaluate your agent." })
+    ] }) : /* @__PURE__ */ jsx19("div", { className: "space-y-1", children: cases.map((c) => {
+      const isExpanded = expanded.has(c.id);
+      return /* @__PURE__ */ jsxs18("div", { children: [
+        /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between rounded-lg border border-white/10 bg-white/[0.02] px-3 py-2", children: [
+          /* @__PURE__ */ jsxs18(
+            "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__ */ jsx19(ChevronDown, { className: "h-3.5 w-3.5 text-white/40 shrink-0" }) : /* @__PURE__ */ jsx19(ChevronRight, { className: "h-3.5 w-3.5 text-white/40 shrink-0" }),
+                /* @__PURE__ */ jsx19("span", { className: "text-sm text-white truncate", children: c.question }),
+                c.category && /* @__PURE__ */ jsx19("span", { className: "text-xs text-white/30 shrink-0", children: c.category })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx19(
+            "button",
+            {
+              onClick: () => onDelete(c.id),
+              className: "p-1 text-white/30 hover:text-red-400 transition-colors shrink-0 ml-2",
+              children: /* @__PURE__ */ jsx19(X, { className: "h-3.5 w-3.5" })
+            }
+          )
+        ] }),
+        isExpanded && /* @__PURE__ */ jsxs18("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__ */ jsxs18("div", { children: [
+            /* @__PURE__ */ jsx19("span", { className: "text-xs text-white/40", children: "Expected topics: " }),
+            /* @__PURE__ */ jsx19("span", { className: "text-xs text-white/60", children: c.expectedTopics.join(", ") })
+          ] }),
+          c.referenceAnswer && /* @__PURE__ */ jsxs18("div", { children: [
+            /* @__PURE__ */ jsx19("span", { className: "text-xs text-white/40", children: "Reference: " }),
+            /* @__PURE__ */ jsx19("span", { className: "text-xs text-white/60", children: c.referenceAnswer })
+          ] }),
+          c.tags && c.tags.length > 0 && /* @__PURE__ */ jsx19("div", { className: "flex gap-1", children: c.tags.map((t) => /* @__PURE__ */ jsx19("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] = useState13(null);
+  const [results, setResults] = useState13([]);
+  const [loadingResults, setLoadingResults] = useState13(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__ */ jsxs18("div", { className: "flex items-center justify-center py-12", children: [
+      /* @__PURE__ */ jsx19(Loader2, { className: "mr-2 h-4 w-4 animate-spin text-white/40" }),
+      /* @__PURE__ */ jsx19("span", { className: "text-sm text-white/50", children: "Loading runs..." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs18("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsxs18(
+      "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__ */ jsx19(Play, { className: "h-3.5 w-3.5" }),
+          " Run Evals"
+        ]
+      }
+    ) }),
+    runs.length === 0 ? /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [
+      /* @__PURE__ */ jsx19(FlaskConical, { className: "mb-3 h-10 w-10 text-white/20" }),
+      /* @__PURE__ */ jsx19("p", { className: "text-sm font-medium text-white/50", children: "No eval runs yet" }),
+      /* @__PURE__ */ jsx19("p", { className: "mt-1 text-xs text-white/40", children: "Start a run to evaluate your agent." })
+    ] }) : /* @__PURE__ */ jsx19("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__ */ jsxs18("div", { children: [
+        /* @__PURE__ */ jsxs18(
+          "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__ */ jsxs18("div", { className: "flex items-center gap-3 min-w-0", children: [
+                /* @__PURE__ */ jsx19(StatusIcon, { className: cn("h-4 w-4 shrink-0", statusColor, run.status === "running" && "animate-spin") }),
+                /* @__PURE__ */ jsxs18("div", { children: [
+                  /* @__PURE__ */ jsxs18("span", { className: "text-sm font-medium text-white", children: [
+                    run.status,
+                    " ",
+                    run.versionNumber != null && `(v${run.versionNumber})`
+                  ] }),
+                  /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2 mt-0.5", children: [
+                    /* @__PURE__ */ jsx19("span", { className: "text-xs text-white/30", children: formatTime(run.createdAt) }),
+                    /* @__PURE__ */ jsxs18("span", { className: "text-xs text-white/30", children: [
+                      run.completedCases ?? 0,
+                      "/",
+                      run.totalCases ?? 0,
+                      " cases"
+                    ] })
+                  ] })
+                ] })
+              ] }),
+              isExpanded ? /* @__PURE__ */ jsx19(ChevronDown, { className: "h-4 w-4 text-white/30" }) : /* @__PURE__ */ jsx19(ChevronRight, { className: "h-4 w-4 text-white/30" })
+            ]
+          }
+        ),
+        isExpanded && /* @__PURE__ */ jsx19("div", { className: "ml-4 mt-1 mb-2 space-y-1", children: loadingResults ? /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2 py-4 justify-center", children: [
+          /* @__PURE__ */ jsx19(Loader2, { className: "h-3 w-3 animate-spin text-white/40" }),
+          /* @__PURE__ */ jsx19("span", { className: "text-xs text-white/40", children: "Loading results..." })
+        ] }) : results.length === 0 ? /* @__PURE__ */ jsx19("p", { className: "text-xs text-white/40 py-4 text-center", children: "No results yet." }) : results.map((r) => /* @__PURE__ */ jsxs18("div", { className: "rounded-lg border border-white/5 bg-black/20 px-3 py-2", children: [
+          /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx19("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__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
+              r.topicScore != null && /* @__PURE__ */ jsxs18("span", { className: "text-xs text-white/40", children: [
+                "topic: ",
+                (r.topicScore * 100).toFixed(0),
+                "%"
+              ] }),
+              r.safetyScore != null && /* @__PURE__ */ jsxs18("span", { className: "text-xs text-white/40", children: [
+                "safety: ",
+                (r.safetyScore * 100).toFixed(0),
+                "%"
+              ] }),
+              r.humanScore != null && /* @__PURE__ */ jsxs18("span", { className: "inline-flex items-center gap-0.5 text-xs text-yellow-400", children: [
+                /* @__PURE__ */ jsx19(Star, { className: "h-3 w-3" }),
+                " ",
+                r.humanScore
+              ] }),
+              r.latencyMs != null && /* @__PURE__ */ jsxs18("span", { className: "text-xs text-white/30", children: [
+                r.latencyMs,
+                "ms"
+              ] })
+            ] })
+          ] }),
+          r.agentResponse && /* @__PURE__ */ jsx19("p", { className: "text-xs text-white/50 mt-1 line-clamp-2", children: r.agentResponse }),
+          r.error && /* @__PURE__ */ jsx19("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] = useState13("");
+  const [expectedTopics, setExpectedTopics] = useState13("");
+  const [referenceAnswer, setReferenceAnswer] = useState13("");
+  const [category, setCategory] = useState13("");
+  const [creating, setCreating] = useState13(false);
+  const [error, setError] = useState13(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__ */ jsx19("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm", children: /* @__PURE__ */ jsxs18("div", { className: "w-full max-w-lg max-h-[90vh] overflow-auto rounded-xl border border-white/10 bg-[#1c2129] p-6", children: [
+    /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between mb-6", children: [
+      /* @__PURE__ */ jsx19("h2", { className: "text-lg font-semibold text-white", children: "Add Eval Case" }),
+      /* @__PURE__ */ jsx19("button", { onClick: onClose, className: "text-white/40 hover:text-white", children: /* @__PURE__ */ jsx19(X, { className: "h-5 w-5" }) })
+    ] }),
+    /* @__PURE__ */ jsxs18("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx19("label", { className: "block text-sm font-medium text-white/70", children: "Question *" }),
+        /* @__PURE__ */ jsx19(
+          "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__ */ jsxs18("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx19("label", { className: "block text-sm font-medium text-white/70", children: "Expected Topics (comma-separated)" }),
+        /* @__PURE__ */ jsx19(
+          "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__ */ jsxs18("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx19("label", { className: "block text-sm font-medium text-white/70", children: "Reference Answer (optional)" }),
+        /* @__PURE__ */ jsx19(
+          "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__ */ jsxs18("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx19("label", { className: "block text-sm font-medium text-white/70", children: "Category (optional)" }),
+        /* @__PURE__ */ jsx19(
+          "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__ */ jsx19("p", { className: "text-sm text-red-400", children: error }),
+      /* @__PURE__ */ jsxs18("div", { className: "flex justify-end gap-3 pt-2", children: [
+        /* @__PURE__ */ jsx19("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__ */ jsx19(
+          "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] = useState13("");
+  const [starting, setStarting] = useState13(false);
+  const [error, setError] = useState13(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__ */ jsx19("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm", children: /* @__PURE__ */ jsxs18("div", { className: "w-full max-w-md rounded-xl border border-white/10 bg-[#1c2129] p-6", children: [
+    /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between mb-6", children: [
+      /* @__PURE__ */ jsx19("h2", { className: "text-lg font-semibold text-white", children: "Run Evals" }),
+      /* @__PURE__ */ jsx19("button", { onClick: onClose, className: "text-white/40 hover:text-white", children: /* @__PURE__ */ jsx19(X, { className: "h-5 w-5" }) })
+    ] }),
+    /* @__PURE__ */ jsxs18("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx19("label", { className: "block text-sm font-medium text-white/70", children: "Version Number (optional)" }),
+        /* @__PURE__ */ jsx19(
+          "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__ */ jsx19("p", { className: "text-sm text-red-400", children: error }),
+      /* @__PURE__ */ jsxs18("div", { className: "flex justify-end gap-3 pt-2", children: [
+        /* @__PURE__ */ jsx19("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__ */ jsx19(
+          "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__ */ jsxs18(Fragment6, { children: [
+              /* @__PURE__ */ jsx19(Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
+              " Starting..."
+            ] }) : /* @__PURE__ */ jsxs18(Fragment6, { children: [
+              /* @__PURE__ */ jsx19(Play, { className: "h-3.5 w-3.5" }),
+              " Start Run"
+            ] })
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
 export {
+  AgentConfigEditor,
+  AgentEvalRunner,
+  AgentKnowledgeBase,
+  AgentVersionManager,
   BottomPanels,
   Chat,
   ChatInput,