@contractspec/example.agent-console 3.8.8 → 3.8.10

package/dist/browser/ui/modals/AgentActionsModal.js

@@ -1,304 +1 @@
-// src/ui/modals/AgentActionsModal.tsx
-import { Button } from "@contractspec/lib.design-system";
-import { useState } from "react";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-function getStatusColor(status) {
-  switch (status) {
-    case "ACTIVE":
-      return "text-green-600 bg-green-100 dark:text-green-400 dark:bg-green-900/30";
-    case "DRAFT":
-      return "text-blue-600 bg-blue-100 dark:text-blue-400 dark:bg-blue-900/30";
-    case "PAUSED":
-      return "text-yellow-600 bg-yellow-100 dark:text-yellow-400 dark:bg-yellow-900/30";
-    case "ARCHIVED":
-      return "text-gray-600 bg-gray-100 dark:text-gray-400 dark:bg-gray-700";
-    default:
-      return "text-gray-600 bg-gray-100";
-  }
-}
-function AgentActionsModal({
-  isOpen,
-  agent,
-  onClose,
-  onActivate,
-  onPause,
-  onArchive,
-  onExecute,
-  isLoading = false
-}) {
-  const [mode, setMode] = useState("menu");
-  const [message, setMessage] = useState("");
-  const [confirmAction, setConfirmAction] = useState(null);
-  const [error, setError] = useState(null);
-  const resetForm = () => {
-    setMode("menu");
-    setMessage("");
-    setConfirmAction(null);
-    setError(null);
-  };
-  const handleClose = () => {
-    resetForm();
-    onClose();
-  };
-  const handleExecute = async () => {
-    if (!agent)
-      return;
-    setError(null);
-    if (!message.trim()) {
-      setError("Please enter a message");
-      return;
-    }
-    try {
-      await onExecute(agent.id, message.trim());
-      handleClose();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to execute agent");
-    }
-  };
-  const handleStatusChange = async (action) => {
-    if (!agent)
-      return;
-    setError(null);
-    try {
-      switch (action) {
-        case "activate":
-          await onActivate(agent.id);
-          break;
-        case "pause":
-          await onPause(agent.id);
-          break;
-        case "archive":
-          await onArchive(agent.id);
-          break;
-      }
-      handleClose();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : `Failed to ${action} agent`);
-    }
-  };
-  if (!isOpen || !agent)
-    return null;
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: "fixed inset-0 z-50 flex items-center justify-center",
-    children: [
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "absolute inset-0 bg-background/80 backdrop-blur-sm",
-        onClick: handleClose,
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: (e) => {
-          if (e.key === "Enter" || e.key === " ")
-            handleClose();
-        },
-        "aria-label": "Close modal"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "relative z-10 w-full max-w-md rounded-xl border border-border bg-card p-6 shadow-xl",
-        children: [
-          /* @__PURE__ */ jsxDEV("div", {
-            className: "mb-4 border-border border-b pb-4",
-            children: [
-              /* @__PURE__ */ jsxDEV("h2", {
-                className: "font-semibold text-xl",
-                children: agent.name
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
-                className: "mt-1 flex items-center gap-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV("span", {
-                    className: "text-muted-foreground text-sm",
-                    children: [
-                      agent.modelProvider,
-                      " / ",
-                      agent.modelName
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV("span", {
-                    className: `rounded-full px-2 py-0.5 font-medium text-xs ${getStatusColor(agent.status)}`,
-                    children: agent.status
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              agent.description && /* @__PURE__ */ jsxDEV("p", {
-                className: "mt-2 text-muted-foreground text-sm",
-                children: agent.description
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          mode === "menu" && /* @__PURE__ */ jsxDEV("div", {
-            className: "space-y-3",
-            children: [
-              agent.status === "ACTIVE" && /* @__PURE__ */ jsxDEV(Button, {
-                className: "w-full justify-start",
-                variant: "ghost",
-                onPress: () => setMode("execute"),
-                children: [
-                  /* @__PURE__ */ jsxDEV("span", {
-                    className: "mr-2",
-                    children: "▶️"
-                  }, undefined, false, undefined, this),
-                  " Execute Agent"
-                ]
-              }, undefined, true, undefined, this),
-              (agent.status === "DRAFT" || agent.status === "PAUSED") && /* @__PURE__ */ jsxDEV(Button, {
-                className: "w-full justify-start",
-                variant: "ghost",
-                onPress: () => handleStatusChange("activate"),
-                disabled: isLoading,
-                children: [
-                  /* @__PURE__ */ jsxDEV("span", {
-                    className: "mr-2",
-                    children: "\uD83D\uDFE2"
-                  }, undefined, false, undefined, this),
-                  " Activate Agent"
-                ]
-              }, undefined, true, undefined, this),
-              agent.status === "ACTIVE" && /* @__PURE__ */ jsxDEV(Button, {
-                className: "w-full justify-start",
-                variant: "ghost",
-                onPress: () => handleStatusChange("pause"),
-                disabled: isLoading,
-                children: [
-                  /* @__PURE__ */ jsxDEV("span", {
-                    className: "mr-2",
-                    children: "⏸️"
-                  }, undefined, false, undefined, this),
-                  " Pause Agent"
-                ]
-              }, undefined, true, undefined, this),
-              agent.status !== "ARCHIVED" && /* @__PURE__ */ jsxDEV(Button, {
-                className: "w-full justify-start text-yellow-600 hover:text-yellow-700",
-                variant: "ghost",
-                onPress: () => {
-                  setConfirmAction("archive");
-                  setMode("confirm");
-                },
-                children: [
-                  /* @__PURE__ */ jsxDEV("span", {
-                    className: "mr-2",
-                    children: "\uD83D\uDCE6"
-                  }, undefined, false, undefined, this),
-                  " Archive Agent"
-                ]
-              }, undefined, true, undefined, this),
-              agent.status === "ARCHIVED" && /* @__PURE__ */ jsxDEV(Button, {
-                className: "w-full justify-start",
-                variant: "ghost",
-                onPress: () => handleStatusChange("activate"),
-                disabled: isLoading,
-                children: [
-                  /* @__PURE__ */ jsxDEV("span", {
-                    className: "mr-2",
-                    children: "\uD83D\uDD04"
-                  }, undefined, false, undefined, this),
-                  " Restore Agent"
-                ]
-              }, undefined, true, undefined, this),
-              error && /* @__PURE__ */ jsxDEV("div", {
-                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
-                children: error
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
-                className: "border-border border-t pt-3",
-                children: /* @__PURE__ */ jsxDEV(Button, {
-                  className: "w-full",
-                  variant: "outline",
-                  onPress: handleClose,
-                  children: "Close"
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          mode === "execute" && /* @__PURE__ */ jsxDEV("div", {
-            className: "space-y-4",
-            children: [
-              /* @__PURE__ */ jsxDEV("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV("label", {
-                    htmlFor: "execute-message",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "Message *"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("textarea", {
-                    id: "execute-message",
-                    value: message,
-                    onChange: (e) => setMessage(e.target.value),
-                    placeholder: "Enter your message to the agent...",
-                    rows: 4,
-                    disabled: isLoading,
-                    className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              error && /* @__PURE__ */ jsxDEV("div", {
-                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
-                children: error
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
-                className: "flex justify-end gap-3 pt-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV(Button, {
-                    variant: "ghost",
-                    onPress: () => setMode("menu"),
-                    disabled: isLoading,
-                    children: "Back"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV(Button, {
-                    onPress: handleExecute,
-                    disabled: isLoading,
-                    children: isLoading ? "Executing..." : "▶️ Execute"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          mode === "confirm" && confirmAction === "archive" && /* @__PURE__ */ jsxDEV("div", {
-            className: "space-y-4",
-            children: [
-              /* @__PURE__ */ jsxDEV("p", {
-                className: "text-muted-foreground",
-                children: [
-                  "Are you sure you want to archive",
-                  " ",
-                  /* @__PURE__ */ jsxDEV("span", {
-                    className: "font-medium text-foreground",
-                    children: agent.name
-                  }, undefined, false, undefined, this),
-                  "?"
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("p", {
-                className: "text-muted-foreground text-sm",
-                children: "Archived agents cannot be executed but can be restored later."
-              }, undefined, false, undefined, this),
-              error && /* @__PURE__ */ jsxDEV("div", {
-                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
-                children: error
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
-                className: "flex justify-end gap-3 pt-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV(Button, {
-                    variant: "ghost",
-                    onPress: () => setMode("menu"),
-                    disabled: isLoading,
-                    children: "Cancel"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV(Button, {
-                    onPress: () => handleStatusChange("archive"),
-                    disabled: isLoading,
-                    children: isLoading ? "Archiving..." : "\uD83D\uDCE6 Archive"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-export {
-  AgentActionsModal
-};
+import{Button as G}from"@contractspec/lib.design-system";import{useState as Q}from"react";import{jsx as k,jsxs as w}from"react/jsx-runtime";function p(R){switch(R){case"ACTIVE":return"text-green-600 bg-green-100 dark:text-green-400 dark:bg-green-900/30";case"DRAFT":return"text-blue-600 bg-blue-100 dark:text-blue-400 dark:bg-blue-900/30";case"PAUSED":return"text-yellow-600 bg-yellow-100 dark:text-yellow-400 dark:bg-yellow-900/30";case"ARCHIVED":return"text-gray-600 bg-gray-100 dark:text-gray-400 dark:bg-gray-700";default:return"text-gray-600 bg-gray-100"}}function v({isOpen:R,agent:q,onClose:Y,onActivate:Z,onPause:_,onArchive:$,onExecute:b,isLoading:z=!1}){let[T,J]=Q("menu"),[U,V]=Q(""),[y,W]=Q(null),[H,I]=Q(null),F=()=>{J("menu"),V(""),W(null),I(null)},K=()=>{F(),Y()},P=async()=>{if(!q)return;if(I(null),!U.trim()){I("Please enter a message");return}try{await b(q.id,U.trim()),K()}catch(D){I(D instanceof Error?D.message:"Failed to execute agent")}},N=async(D)=>{if(!q)return;I(null);try{switch(D){case"activate":await Z(q.id);break;case"pause":await _(q.id);break;case"archive":await $(q.id);break}K()}catch(X){I(X instanceof Error?X.message:`Failed to ${D} agent`)}};if(!R||!q)return null;return w("div",{className:"fixed inset-0 z-50 flex items-center justify-center",children:[k("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm",onClick:K,role:"button",tabIndex:0,onKeyDown:(D)=>{if(D.key==="Enter"||D.key===" ")K()},"aria-label":"Close modal"}),w("div",{className:"relative z-10 w-full max-w-md rounded-xl border border-border bg-card p-6 shadow-xl",children:[w("div",{className:"mb-4 border-border border-b pb-4",children:[k("h2",{className:"font-semibold text-xl",children:q.name}),w("div",{className:"mt-1 flex items-center gap-2",children:[w("span",{className:"text-muted-foreground text-sm",children:[q.modelProvider," / ",q.modelName]}),k("span",{className:`rounded-full px-2 py-0.5 font-medium text-xs ${p(q.status)}`,children:q.status})]}),q.description&&k("p",{className:"mt-2 text-muted-foreground text-sm",children:q.description})]}),T==="menu"&&w("div",{className:"space-y-3",children:[q.status==="ACTIVE"&&w(G,{className:"w-full justify-start",variant:"ghost",onPress:()=>J("execute"),children:[k("span",{className:"mr-2",children:"▶️"})," Execute Agent"]}),(q.status==="DRAFT"||q.status==="PAUSED")&&w(G,{className:"w-full justify-start",variant:"ghost",onPress:()=>N("activate"),disabled:z,children:[k("span",{className:"mr-2",children:"\uD83D\uDFE2"})," Activate Agent"]}),q.status==="ACTIVE"&&w(G,{className:"w-full justify-start",variant:"ghost",onPress:()=>N("pause"),disabled:z,children:[k("span",{className:"mr-2",children:"⏸️"})," Pause Agent"]}),q.status!=="ARCHIVED"&&w(G,{className:"w-full justify-start text-yellow-600 hover:text-yellow-700",variant:"ghost",onPress:()=>{W("archive"),J("confirm")},children:[k("span",{className:"mr-2",children:"\uD83D\uDCE6"})," Archive Agent"]}),q.status==="ARCHIVED"&&w(G,{className:"w-full justify-start",variant:"ghost",onPress:()=>N("activate"),disabled:z,children:[k("span",{className:"mr-2",children:"\uD83D\uDD04"})," Restore Agent"]}),H&&k("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:H}),k("div",{className:"border-border border-t pt-3",children:k(G,{className:"w-full",variant:"outline",onPress:K,children:"Close"})})]}),T==="execute"&&w("div",{className:"space-y-4",children:[w("div",{children:[k("label",{htmlFor:"execute-message",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Message *"}),k("textarea",{id:"execute-message",value:U,onChange:(D)=>V(D.target.value),placeholder:"Enter your message to the agent...",rows:4,disabled:z,className:"w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50"})]}),H&&k("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:H}),w("div",{className:"flex justify-end gap-3 pt-2",children:[k(G,{variant:"ghost",onPress:()=>J("menu"),disabled:z,children:"Back"}),k(G,{onPress:P,disabled:z,children:z?"Executing...":"▶️ Execute"})]})]}),T==="confirm"&&y==="archive"&&w("div",{className:"space-y-4",children:[w("p",{className:"text-muted-foreground",children:["Are you sure you want to archive"," ",k("span",{className:"font-medium text-foreground",children:q.name}),"?"]}),k("p",{className:"text-muted-foreground text-sm",children:"Archived agents cannot be executed but can be restored later."}),H&&k("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:H}),w("div",{className:"flex justify-end gap-3 pt-2",children:[k(G,{variant:"ghost",onPress:()=>J("menu"),disabled:z,children:"Cancel"}),k(G,{onPress:()=>N("archive"),disabled:z,children:z?"Archiving...":"\uD83D\uDCE6 Archive"})]})]})]})]})}export{v as AgentActionsModal};

package/dist/browser/ui/modals/CreateAgentModal.js

@@ -1,243 +1 @@
-// src/ui/modals/CreateAgentModal.tsx
-import { Button, Input } from "@contractspec/lib.design-system";
-import { useState } from "react";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-var MODEL_PROVIDERS = [
-  {
-    value: "openai",
-    label: "OpenAI",
-    models: ["gpt-5.4", "gpt-5-mini", "gpt-4o", "gpt-4-turbo", "gpt-3.5-turbo"]
-  },
-  {
-    value: "anthropic",
-    label: "Anthropic",
-    models: ["claude-sonnet-4-6", "claude-opus-4-6", "claude-haiku-4-5"]
-  },
-  {
-    value: "google",
-    label: "Google",
-    models: [
-      "gemini-2.5-flash",
-      "gemini-2.5-pro",
-      "gemini-pro",
-      "gemini-ultra"
-    ]
-  },
-  {
-    value: "mistral",
-    label: "Mistral",
-    models: [
-      "mistral-large-2512",
-      "mistral-large-latest",
-      "mistral-medium-latest",
-      "mistral-small-latest"
-    ]
-  }
-];
-function CreateAgentModal({
-  isOpen,
-  onClose,
-  onSubmit,
-  isLoading = false
-}) {
-  const [name, setName] = useState("");
-  const [description, setDescription] = useState("");
-  const [modelProvider, setModelProvider] = useState("openai");
-  const [modelName, setModelName] = useState("gpt-5.4");
-  const [systemPrompt, setSystemPrompt] = useState("");
-  const [error, setError] = useState(null);
-  const selectedProvider = MODEL_PROVIDERS.find((p) => p.value === modelProvider);
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    setError(null);
-    if (!name.trim()) {
-      setError("Agent name is required");
-      return;
-    }
-    try {
-      await onSubmit({
-        name: name.trim(),
-        description: description.trim() || undefined,
-        modelProvider,
-        modelName,
-        systemPrompt: systemPrompt.trim() || undefined
-      });
-      setName("");
-      setDescription("");
-      setModelProvider("openai");
-      setModelName("gpt-5.4");
-      setSystemPrompt("");
-      onClose();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to create agent");
-    }
-  };
-  const handleProviderChange = (provider) => {
-    setModelProvider(provider);
-    const providerConfig = MODEL_PROVIDERS.find((p) => p.value === provider);
-    if (providerConfig) {
-      setModelName(providerConfig.models[0]);
-    }
-  };
-  if (!isOpen)
-    return null;
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: "fixed inset-0 z-50 flex items-center justify-center",
-    children: [
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "absolute inset-0 bg-background/80 backdrop-blur-sm",
-        onClick: onClose,
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: (e) => {
-          if (e.key === "Enter" || e.key === " ")
-            onClose();
-        },
-        "aria-label": "Close modal"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "relative z-10 max-h-[90vh] w-full max-w-lg overflow-y-auto rounded-xl border border-border bg-card p-6 shadow-xl",
-        children: [
-          /* @__PURE__ */ jsxDEV("h2", {
-            className: "mb-4 font-semibold text-xl",
-            children: "Create New Agent"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("form", {
-            onSubmit: handleSubmit,
-            className: "space-y-4",
-            children: [
-              /* @__PURE__ */ jsxDEV("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV("label", {
-                    htmlFor: "agent-name",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "Agent Name *"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV(Input, {
-                    id: "agent-name",
-                    value: name,
-                    onChange: (e) => setName(e.target.value),
-                    placeholder: "e.g., Customer Support Bot",
-                    disabled: isLoading
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV("label", {
-                    htmlFor: "agent-description",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "Description"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("textarea", {
-                    id: "agent-description",
-                    value: description,
-                    onChange: (e) => setDescription(e.target.value),
-                    placeholder: "Describe what this agent does...",
-                    rows: 2,
-                    disabled: isLoading,
-                    className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
-                className: "flex gap-3",
-                children: [
-                  /* @__PURE__ */ jsxDEV("div", {
-                    className: "flex-1",
-                    children: [
-                      /* @__PURE__ */ jsxDEV("label", {
-                        htmlFor: "model-provider",
-                        className: "mb-1 block font-medium text-muted-foreground text-sm",
-                        children: "Provider *"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("select", {
-                        id: "model-provider",
-                        value: modelProvider,
-                        onChange: (e) => handleProviderChange(e.target.value),
-                        disabled: isLoading,
-                        className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50",
-                        children: MODEL_PROVIDERS.map((p) => /* @__PURE__ */ jsxDEV("option", {
-                          value: p.value,
-                          children: p.label
-                        }, p.value, false, undefined, this))
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV("div", {
-                    className: "flex-1",
-                    children: [
-                      /* @__PURE__ */ jsxDEV("label", {
-                        htmlFor: "model-name",
-                        className: "mb-1 block font-medium text-muted-foreground text-sm",
-                        children: "Model *"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("select", {
-                        id: "model-name",
-                        value: modelName,
-                        onChange: (e) => setModelName(e.target.value),
-                        disabled: isLoading,
-                        className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50",
-                        children: selectedProvider?.models.map((m) => /* @__PURE__ */ jsxDEV("option", {
-                          value: m,
-                          children: m
-                        }, m, false, undefined, this))
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV("label", {
-                    htmlFor: "system-prompt",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "System Prompt"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("textarea", {
-                    id: "system-prompt",
-                    value: systemPrompt,
-                    onChange: (e) => setSystemPrompt(e.target.value),
-                    placeholder: "You are a helpful assistant that...",
-                    rows: 4,
-                    disabled: isLoading,
-                    className: "w-full rounded-md border border-input bg-background px-3 py-2 font-mono text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("p", {
-                    className: "mt-1 text-muted-foreground text-xs",
-                    children: "Instructions that define the agent's behavior"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              error && /* @__PURE__ */ jsxDEV("div", {
-                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
-                children: error
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
-                className: "flex justify-end gap-3 pt-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV(Button, {
-                    type: "button",
-                    variant: "ghost",
-                    onPress: onClose,
-                    disabled: isLoading,
-                    children: "Cancel"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV(Button, {
-                    type: "submit",
-                    disabled: isLoading,
-                    children: isLoading ? "Creating..." : "Create Agent"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-export {
-  CreateAgentModal
-};
+import{Button as V,Input as N}from"@contractspec/lib.design-system";import{useState as H}from"react";import{jsx as z,jsxs as F}from"react/jsx-runtime";var Y=[{value:"openai",label:"OpenAI",models:["gpt-5.4","gpt-5-mini","gpt-4o","gpt-4-turbo","gpt-3.5-turbo"]},{value:"anthropic",label:"Anthropic",models:["claude-sonnet-4-6","claude-opus-4-6","claude-haiku-4-5"]},{value:"google",label:"Google",models:["gemini-2.5-flash","gemini-2.5-pro","gemini-pro","gemini-ultra"]},{value:"mistral",label:"Mistral",models:["mistral-large-2512","mistral-large-latest","mistral-medium-latest","mistral-small-latest"]}];function E({isOpen:_,onClose:K,onSubmit:b,isLoading:G=!1}){let[Q,Z]=H(""),[$,k]=H(""),[T,w]=H("openai"),[U,W]=H("gpt-5.4"),[f,A]=H(""),[B,X]=H(null),I=Y.find((q)=>q.value===T),h=async(q)=>{if(q.preventDefault(),X(null),!Q.trim()){X("Agent name is required");return}try{await b({name:Q.trim(),description:$.trim()||void 0,modelProvider:T,modelName:U,systemPrompt:f.trim()||void 0}),Z(""),k(""),w("openai"),W("gpt-5.4"),A(""),K()}catch(J){X(J instanceof Error?J.message:"Failed to create agent")}},y=(q)=>{w(q);let J=Y.find((R)=>R.value===q);if(J)W(J.models[0])};if(!_)return null;return F("div",{className:"fixed inset-0 z-50 flex items-center justify-center",children:[z("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm",onClick:K,role:"button",tabIndex:0,onKeyDown:(q)=>{if(q.key==="Enter"||q.key===" ")K()},"aria-label":"Close modal"}),F("div",{className:"relative z-10 max-h-[90vh] w-full max-w-lg overflow-y-auto rounded-xl border border-border bg-card p-6 shadow-xl",children:[z("h2",{className:"mb-4 font-semibold text-xl",children:"Create New Agent"}),F("form",{onSubmit:h,className:"space-y-4",children:[F("div",{children:[z("label",{htmlFor:"agent-name",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Agent Name *"}),z(N,{id:"agent-name",value:Q,onChange:(q)=>Z(q.target.value),placeholder:"e.g., Customer Support Bot",disabled:G})]}),F("div",{children:[z("label",{htmlFor:"agent-description",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Description"}),z("textarea",{id:"agent-description",value:$,onChange:(q)=>k(q.target.value),placeholder:"Describe what this agent does...",rows:2,disabled:G,className:"w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50"})]}),F("div",{className:"flex gap-3",children:[F("div",{className:"flex-1",children:[z("label",{htmlFor:"model-provider",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Provider *"}),z("select",{id:"model-provider",value:T,onChange:(q)=>y(q.target.value),disabled:G,className:"h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50",children:Y.map((q)=>z("option",{value:q.value,children:q.label},q.value))})]}),F("div",{className:"flex-1",children:[z("label",{htmlFor:"model-name",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Model *"}),z("select",{id:"model-name",value:U,onChange:(q)=>W(q.target.value),disabled:G,className:"h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50",children:I?.models.map((q)=>z("option",{value:q,children:q},q))})]})]}),F("div",{children:[z("label",{htmlFor:"system-prompt",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"System Prompt"}),z("textarea",{id:"system-prompt",value:f,onChange:(q)=>A(q.target.value),placeholder:"You are a helpful assistant that...",rows:4,disabled:G,className:"w-full rounded-md border border-input bg-background px-3 py-2 font-mono text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50"}),z("p",{className:"mt-1 text-muted-foreground text-xs",children:"Instructions that define the agent's behavior"})]}),B&&z("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:B}),F("div",{className:"flex justify-end gap-3 pt-2",children:[z(V,{type:"button",variant:"ghost",onPress:K,disabled:G,children:"Cancel"}),z(V,{type:"submit",disabled:G,children:G?"Creating...":"Create Agent"})]})]})]})]})}export{E as CreateAgentModal};