@contractspec/example.agent-console 1.57.0 → 1.58.0

package/dist/ui/modals/CreateAgentModal.d.ts

@@ -1,25 +1,16 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/ui/modals/CreateAgentModal.d.ts
-interface CreateAgentInput {
-  name: string;
-  description?: string;
-  modelProvider: string;
-  modelName: string;
-  systemPrompt?: string;
+export interface CreateAgentInput {
+    name: string;
+    description?: string;
+    modelProvider: string;
+    modelName: string;
+    systemPrompt?: string;
 }
 interface CreateAgentModalProps {
-  isOpen: boolean;
-  onClose: () => void;
-  onSubmit: (input: CreateAgentInput) => Promise<void>;
-  isLoading?: boolean;
+    isOpen: boolean;
+    onClose: () => void;
+    onSubmit: (input: CreateAgentInput) => Promise<void>;
+    isLoading?: boolean;
 }
-declare function CreateAgentModal({
-  isOpen,
-  onClose,
-  onSubmit,
-  isLoading
-}: CreateAgentModalProps): react_jsx_runtime0.JSX.Element | null;
-//#endregion
-export { CreateAgentInput, CreateAgentModal };
+export declare function CreateAgentModal({ isOpen, onClose, onSubmit, isLoading, }: CreateAgentModalProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
 //# sourceMappingURL=CreateAgentModal.d.ts.map

package/dist/ui/modals/CreateAgentModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateAgentModal.d.ts","names":[],"sources":["../../../src/ui/modals/CreateAgentModal.tsx"],"mappings":";;;UAWiB,gBAAA;EACf,IAAA;EACA,WAAA;EACA,aAAA;EACA,SAAA;EACA,YAAA;AAAA;AAAA,UAGQ,qBAAA;EACR,MAAA;EACA,OAAA;EACA,QAAA,GAAW,KAAA,EAAO,gBAAA,KAAqB,OAAA;EACvC,SAAA;AAAA;AAAA,iBAwBc,gBAAA,CAAA;EACd,MAAA;EACA,OAAA;EACA,QAAA;EACA;AAAA,GACC,qBAAA,GAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"CreateAgentModal.d.ts","sourceRoot":"","sources":["../../../src/ui/modals/CreateAgentModal.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,qBAAqB;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAuBD,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAiB,GAClB,EAAE,qBAAqB,kDA4MvB"}

package/dist/ui/modals/CreateAgentModal.js

@@ -1,214 +1,230 @@
-'use client';
-
+// @bun
+// src/ui/modals/CreateAgentModal.tsx
 import { useState } from "react";
 import { Button, Input } from "@contractspec/lib.design-system";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/ui/modals/CreateAgentModal.tsx
-/**
-* CreateAgentModal - Form for creating a new AI agent
-*
-* Wires to CreateAgentCommand via useAgentMutations hook.
-*/
-const MODEL_PROVIDERS = [
-	{
-		value: "openai",
-		label: "OpenAI",
-		models: [
-			"gpt-4o",
-			"gpt-4-turbo",
-			"gpt-3.5-turbo"
-		]
-	},
-	{
-		value: "anthropic",
-		label: "Anthropic",
-		models: [
-			"claude-3-opus",
-			"claude-3-sonnet",
-			"claude-3-haiku"
-		]
-	},
-	{
-		value: "google",
-		label: "Google",
-		models: ["gemini-pro", "gemini-ultra"]
-	},
-	{
-		value: "mistral",
-		label: "Mistral",
-		models: [
-			"mistral-large",
-			"mistral-medium",
-			"mistral-small"
-		]
-	}
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+var MODEL_PROVIDERS = [
+  {
+    value: "openai",
+    label: "OpenAI",
+    models: ["gpt-4o", "gpt-4-turbo", "gpt-3.5-turbo"]
+  },
+  {
+    value: "anthropic",
+    label: "Anthropic",
+    models: ["claude-3-opus", "claude-3-sonnet", "claude-3-haiku"]
+  },
+  { value: "google", label: "Google", models: ["gemini-pro", "gemini-ultra"] },
+  {
+    value: "mistral",
+    label: "Mistral",
+    models: ["mistral-large", "mistral-medium", "mistral-small"]
+  }
 ];
-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-4o");
-	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() || void 0,
-				modelProvider,
-				modelName,
-				systemPrompt: systemPrompt.trim() || void 0
-			});
-			setName("");
-			setDescription("");
-			setModelProvider("openai");
-			setModelName("gpt-4o");
-			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__ */ jsxs("div", {
-		className: "fixed inset-0 z-50 flex items-center justify-center",
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "bg-background/80 absolute inset-0 backdrop-blur-sm",
-			onClick: onClose,
-			role: "button",
-			tabIndex: 0,
-			onKeyDown: (e) => {
-				if (e.key === "Enter" || e.key === " ") onClose();
-			},
-			"aria-label": "Close modal"
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "bg-card border-border relative z-10 max-h-[90vh] w-full max-w-lg overflow-y-auto rounded-xl border p-6 shadow-xl",
-			children: [/* @__PURE__ */ jsx("h2", {
-				className: "mb-4 text-xl font-semibold",
-				children: "Create New Agent"
-			}), /* @__PURE__ */ jsxs("form", {
-				onSubmit: handleSubmit,
-				className: "space-y-4",
-				children: [
-					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
-						htmlFor: "agent-name",
-						className: "text-muted-foreground mb-1 block text-sm font-medium",
-						children: "Agent Name *"
-					}), /* @__PURE__ */ jsx(Input, {
-						id: "agent-name",
-						value: name,
-						onChange: (e) => setName(e.target.value),
-						placeholder: "e.g., Customer Support Bot",
-						disabled: isLoading
-					})] }),
-					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
-						htmlFor: "agent-description",
-						className: "text-muted-foreground mb-1 block text-sm font-medium",
-						children: "Description"
-					}), /* @__PURE__ */ jsx("textarea", {
-						id: "agent-description",
-						value: description,
-						onChange: (e) => setDescription(e.target.value),
-						placeholder: "Describe what this agent does...",
-						rows: 2,
-						disabled: isLoading,
-						className: "border-input bg-background focus:ring-ring w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none disabled:opacity-50"
-					})] }),
-					/* @__PURE__ */ jsxs("div", {
-						className: "flex gap-3",
-						children: [/* @__PURE__ */ jsxs("div", {
-							className: "flex-1",
-							children: [/* @__PURE__ */ jsx("label", {
-								htmlFor: "model-provider",
-								className: "text-muted-foreground mb-1 block text-sm font-medium",
-								children: "Provider *"
-							}), /* @__PURE__ */ jsx("select", {
-								id: "model-provider",
-								value: modelProvider,
-								onChange: (e) => handleProviderChange(e.target.value),
-								disabled: isLoading,
-								className: "border-input bg-background focus:ring-ring h-10 w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none disabled:opacity-50",
-								children: MODEL_PROVIDERS.map((p) => /* @__PURE__ */ jsx("option", {
-									value: p.value,
-									children: p.label
-								}, p.value))
-							})]
-						}), /* @__PURE__ */ jsxs("div", {
-							className: "flex-1",
-							children: [/* @__PURE__ */ jsx("label", {
-								htmlFor: "model-name",
-								className: "text-muted-foreground mb-1 block text-sm font-medium",
-								children: "Model *"
-							}), /* @__PURE__ */ jsx("select", {
-								id: "model-name",
-								value: modelName,
-								onChange: (e) => setModelName(e.target.value),
-								disabled: isLoading,
-								className: "border-input bg-background focus:ring-ring h-10 w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none disabled:opacity-50",
-								children: selectedProvider?.models.map((m) => /* @__PURE__ */ jsx("option", {
-									value: m,
-									children: m
-								}, m))
-							})]
-						})]
-					}),
-					/* @__PURE__ */ jsxs("div", { children: [
-						/* @__PURE__ */ jsx("label", {
-							htmlFor: "system-prompt",
-							className: "text-muted-foreground mb-1 block text-sm font-medium",
-							children: "System Prompt"
-						}),
-						/* @__PURE__ */ jsx("textarea", {
-							id: "system-prompt",
-							value: systemPrompt,
-							onChange: (e) => setSystemPrompt(e.target.value),
-							placeholder: "You are a helpful assistant that...",
-							rows: 4,
-							disabled: isLoading,
-							className: "border-input bg-background focus:ring-ring w-full rounded-md border px-3 py-2 font-mono text-sm focus:ring-2 focus:outline-none disabled:opacity-50"
-						}),
-						/* @__PURE__ */ jsx("p", {
-							className: "text-muted-foreground mt-1 text-xs",
-							children: "Instructions that define the agent's behavior"
-						})
-					] }),
-					error && /* @__PURE__ */ jsx("div", {
-						className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
-						children: error
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "flex justify-end gap-3 pt-2",
-						children: [/* @__PURE__ */ jsx(Button, {
-							type: "button",
-							variant: "ghost",
-							onPress: onClose,
-							disabled: isLoading,
-							children: "Cancel"
-						}), /* @__PURE__ */ jsx(Button, {
-							type: "submit",
-							disabled: isLoading,
-							children: isLoading ? "Creating..." : "Create Agent"
-						})]
-					})
-				]
-			})]
-		})]
-	});
+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-4o");
+  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-4o");
+      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: "bg-background/80 absolute inset-0 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: "bg-card border-border relative z-10 max-h-[90vh] w-full max-w-lg overflow-y-auto rounded-xl border p-6 shadow-xl",
+        children: [
+          /* @__PURE__ */ jsxDEV("h2", {
+            className: "mb-4 text-xl font-semibold",
+            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: "text-muted-foreground mb-1 block text-sm font-medium",
+                    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: "text-muted-foreground mb-1 block text-sm font-medium",
+                    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: "border-input bg-background focus:ring-ring w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none 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: "text-muted-foreground mb-1 block text-sm font-medium",
+                        children: "Provider *"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("select", {
+                        id: "model-provider",
+                        value: modelProvider,
+                        onChange: (e) => handleProviderChange(e.target.value),
+                        disabled: isLoading,
+                        className: "border-input bg-background focus:ring-ring h-10 w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none 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: "text-muted-foreground mb-1 block text-sm font-medium",
+                        children: "Model *"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("select", {
+                        id: "model-name",
+                        value: modelName,
+                        onChange: (e) => setModelName(e.target.value),
+                        disabled: isLoading,
+                        className: "border-input bg-background focus:ring-ring h-10 w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none 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: "text-muted-foreground mb-1 block text-sm font-medium",
+                    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: "border-input bg-background focus:ring-ring w-full rounded-md border px-3 py-2 font-mono text-sm focus:ring-2 focus:outline-none disabled:opacity-50"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("p", {
+                    className: "text-muted-foreground mt-1 text-xs",
+                    children: "Instructions that define the agent's behavior"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              error && /* @__PURE__ */ jsxDEV("div", {
+                className: "bg-destructive/10 text-destructive rounded-md p-3 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);
 }
-
-//#endregion
-export { CreateAgentModal };
-//# sourceMappingURL=CreateAgentModal.js.map
+export {
+  CreateAgentModal
+};

package/dist/ui/modals/index.d.ts

@@ -1,3 +1,3 @@
-import { CreateAgentModal } from "./CreateAgentModal.js";
-import { AgentActionsModal } from "./AgentActionsModal.js";
-export { AgentActionsModal, CreateAgentModal };
+export { CreateAgentModal } from './CreateAgentModal';
+export { AgentActionsModal } from './AgentActionsModal';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/modals/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/modals/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}