@contractspec/example.agent-console 1.46.1 → 1.48.0

package/dist/ui/modals/AgentActionsModal.js

@@ -0,0 +1,262 @@
+'use client';
+
+import { useState } from "react";
+import { Button } from "@contractspec/lib.design-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/ui/modals/AgentActionsModal.tsx
+/**
+* AgentActionsModal - Actions for a specific agent
+*
+* Wires to UpdateAgentCommand via useAgentMutations hook.
+*/
+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__ */ 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: handleClose,
+			role: "button",
+			tabIndex: 0,
+			onKeyDown: (e) => {
+				if (e.key === "Enter" || e.key === " ") handleClose();
+			},
+			"aria-label": "Close modal"
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "bg-card border-border relative z-10 w-full max-w-md rounded-xl border p-6 shadow-xl",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "border-border mb-4 border-b pb-4",
+					children: [
+						/* @__PURE__ */ jsx("h2", {
+							className: "text-xl font-semibold",
+							children: agent.name
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "mt-1 flex items-center gap-2",
+							children: [/* @__PURE__ */ jsxs("span", {
+								className: "text-muted-foreground text-sm",
+								children: [
+									agent.modelProvider,
+									" / ",
+									agent.modelName
+								]
+							}), /* @__PURE__ */ jsx("span", {
+								className: `rounded-full px-2 py-0.5 text-xs font-medium ${getStatusColor(agent.status)}`,
+								children: agent.status
+							})]
+						}),
+						agent.description && /* @__PURE__ */ jsx("p", {
+							className: "text-muted-foreground mt-2 text-sm",
+							children: agent.description
+						})
+					]
+				}),
+				mode === "menu" && /* @__PURE__ */ jsxs("div", {
+					className: "space-y-3",
+					children: [
+						agent.status === "ACTIVE" && /* @__PURE__ */ jsxs(Button, {
+							className: "w-full justify-start",
+							variant: "ghost",
+							onPress: () => setMode("execute"),
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "mr-2",
+								children: "▶️"
+							}), " Execute Agent"]
+						}),
+						(agent.status === "DRAFT" || agent.status === "PAUSED") && /* @__PURE__ */ jsxs(Button, {
+							className: "w-full justify-start",
+							variant: "ghost",
+							onPress: () => handleStatusChange("activate"),
+							disabled: isLoading,
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "mr-2",
+								children: "🟢"
+							}), " Activate Agent"]
+						}),
+						agent.status === "ACTIVE" && /* @__PURE__ */ jsxs(Button, {
+							className: "w-full justify-start",
+							variant: "ghost",
+							onPress: () => handleStatusChange("pause"),
+							disabled: isLoading,
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "mr-2",
+								children: "⏸️"
+							}), " Pause Agent"]
+						}),
+						agent.status !== "ARCHIVED" && /* @__PURE__ */ jsxs(Button, {
+							className: "w-full justify-start text-yellow-600 hover:text-yellow-700",
+							variant: "ghost",
+							onPress: () => {
+								setConfirmAction("archive");
+								setMode("confirm");
+							},
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "mr-2",
+								children: "📦"
+							}), " Archive Agent"]
+						}),
+						agent.status === "ARCHIVED" && /* @__PURE__ */ jsxs(Button, {
+							className: "w-full justify-start",
+							variant: "ghost",
+							onPress: () => handleStatusChange("activate"),
+							disabled: isLoading,
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "mr-2",
+								children: "🔄"
+							}), " Restore Agent"]
+						}),
+						error && /* @__PURE__ */ jsx("div", {
+							className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+							children: error
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "border-border border-t pt-3",
+							children: /* @__PURE__ */ jsx(Button, {
+								className: "w-full",
+								variant: "outline",
+								onPress: handleClose,
+								children: "Close"
+							})
+						})
+					]
+				}),
+				mode === "execute" && /* @__PURE__ */ jsxs("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+							htmlFor: "execute-message",
+							className: "text-muted-foreground mb-1 block text-sm font-medium",
+							children: "Message *"
+						}), /* @__PURE__ */ jsx("textarea", {
+							id: "execute-message",
+							value: message,
+							onChange: (e) => setMessage(e.target.value),
+							placeholder: "Enter your message to the agent...",
+							rows: 4,
+							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"
+						})] }),
+						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, {
+								variant: "ghost",
+								onPress: () => setMode("menu"),
+								disabled: isLoading,
+								children: "Back"
+							}), /* @__PURE__ */ jsx(Button, {
+								onPress: handleExecute,
+								disabled: isLoading,
+								children: isLoading ? "Executing..." : "▶️ Execute"
+							})]
+						})
+					]
+				}),
+				mode === "confirm" && confirmAction === "archive" && /* @__PURE__ */ jsxs("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ jsxs("p", {
+							className: "text-muted-foreground",
+							children: [
+								"Are you sure you want to archive",
+								" ",
+								/* @__PURE__ */ jsx("span", {
+									className: "text-foreground font-medium",
+									children: agent.name
+								}),
+								"?"
+							]
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "text-muted-foreground text-sm",
+							children: "Archived agents cannot be executed but can be restored later."
+						}),
+						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, {
+								variant: "ghost",
+								onPress: () => setMode("menu"),
+								disabled: isLoading,
+								children: "Cancel"
+							}), /* @__PURE__ */ jsx(Button, {
+								onPress: () => handleStatusChange("archive"),
+								disabled: isLoading,
+								children: isLoading ? "Archiving..." : "📦 Archive"
+							})]
+						})
+					]
+				})
+			]
+		})]
+	});
+}
+
+//#endregion
+export { AgentActionsModal };
+//# sourceMappingURL=AgentActionsModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentActionsModal.js","names":[],"sources":["../../../src/ui/modals/AgentActionsModal.tsx"],"sourcesContent":["'use client';\n\n/**\n * AgentActionsModal - Actions for a specific agent\n *\n * Wires to UpdateAgentCommand via useAgentMutations hook.\n */\nimport { useState } from 'react';\nimport { Button } from '@contractspec/lib.design-system';\nimport type { Agent } from '../hooks/useAgentList';\n\ntype ActionMode = 'menu' | 'execute' | 'confirm';\n\ninterface AgentActionsModalProps {\n  isOpen: boolean;\n  agent: Agent | null;\n  onClose: () => void;\n  onActivate: (agentId: string) => Promise<void>;\n  onPause: (agentId: string) => Promise<void>;\n  onArchive: (agentId: string) => Promise<void>;\n  onExecute: (agentId: string, message: string) => Promise<void>;\n  isLoading?: boolean;\n}\n\nfunction getStatusColor(status: Agent['status']): string {\n  switch (status) {\n    case 'ACTIVE':\n      return 'text-green-600 bg-green-100 dark:text-green-400 dark:bg-green-900/30';\n    case 'DRAFT':\n      return 'text-blue-600 bg-blue-100 dark:text-blue-400 dark:bg-blue-900/30';\n    case 'PAUSED':\n      return 'text-yellow-600 bg-yellow-100 dark:text-yellow-400 dark:bg-yellow-900/30';\n    case 'ARCHIVED':\n      return 'text-gray-600 bg-gray-100 dark:text-gray-400 dark:bg-gray-700';\n    default:\n      return 'text-gray-600 bg-gray-100';\n  }\n}\n\nexport function AgentActionsModal({\n  isOpen,\n  agent,\n  onClose,\n  onActivate,\n  onPause,\n  onArchive,\n  onExecute,\n  isLoading = false,\n}: AgentActionsModalProps) {\n  const [mode, setMode] = useState<ActionMode>('menu');\n  const [message, setMessage] = useState('');\n  const [confirmAction, setConfirmAction] = useState<'archive' | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  const resetForm = () => {\n    setMode('menu');\n    setMessage('');\n    setConfirmAction(null);\n    setError(null);\n  };\n\n  const handleClose = () => {\n    resetForm();\n    onClose();\n  };\n\n  const handleExecute = async () => {\n    if (!agent) return;\n    setError(null);\n\n    if (!message.trim()) {\n      setError('Please enter a message');\n      return;\n    }\n\n    try {\n      await onExecute(agent.id, message.trim());\n      handleClose();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to execute agent');\n    }\n  };\n\n  const handleStatusChange = async (\n    action: 'activate' | 'pause' | 'archive'\n  ) => {\n    if (!agent) return;\n    setError(null);\n\n    try {\n      switch (action) {\n        case 'activate':\n          await onActivate(agent.id);\n          break;\n        case 'pause':\n          await onPause(agent.id);\n          break;\n        case 'archive':\n          await onArchive(agent.id);\n          break;\n      }\n      handleClose();\n    } catch (err) {\n      setError(\n        err instanceof Error ? err.message : `Failed to ${action} agent`\n      );\n    }\n  };\n\n  if (!isOpen || !agent) return null;\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n      {/* Backdrop */}\n      <div\n        className=\"bg-background/80 absolute inset-0 backdrop-blur-sm\"\n        onClick={handleClose}\n        role=\"button\"\n        tabIndex={0}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') handleClose();\n        }}\n        aria-label=\"Close modal\"\n      />\n\n      {/* Modal */}\n      <div className=\"bg-card border-border relative z-10 w-full max-w-md rounded-xl border p-6 shadow-xl\">\n        {/* Agent Header */}\n        <div className=\"border-border mb-4 border-b pb-4\">\n          <h2 className=\"text-xl font-semibold\">{agent.name}</h2>\n          <div className=\"mt-1 flex items-center gap-2\">\n            <span className=\"text-muted-foreground text-sm\">\n              {agent.modelProvider} / {agent.modelName}\n            </span>\n            <span\n              className={`rounded-full px-2 py-0.5 text-xs font-medium ${getStatusColor(agent.status)}`}\n            >\n              {agent.status}\n            </span>\n          </div>\n          {agent.description && (\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              {agent.description}\n            </p>\n          )}\n        </div>\n\n        {/* Main Menu */}\n        {mode === 'menu' && (\n          <div className=\"space-y-3\">\n            {/* Execute - Only for active agents */}\n            {agent.status === 'ACTIVE' && (\n              <Button\n                className=\"w-full justify-start\"\n                variant=\"ghost\"\n                onPress={() => setMode('execute')}\n              >\n                <span className=\"mr-2\">▶️</span> Execute Agent\n              </Button>\n            )}\n\n            {/* Status Changes */}\n            {(agent.status === 'DRAFT' || agent.status === 'PAUSED') && (\n              <Button\n                className=\"w-full justify-start\"\n                variant=\"ghost\"\n                onPress={() => handleStatusChange('activate')}\n                disabled={isLoading}\n              >\n                <span className=\"mr-2\">🟢</span> Activate Agent\n              </Button>\n            )}\n\n            {agent.status === 'ACTIVE' && (\n              <Button\n                className=\"w-full justify-start\"\n                variant=\"ghost\"\n                onPress={() => handleStatusChange('pause')}\n                disabled={isLoading}\n              >\n                <span className=\"mr-2\">⏸️</span> Pause Agent\n              </Button>\n            )}\n\n            {agent.status !== 'ARCHIVED' && (\n              <Button\n                className=\"w-full justify-start text-yellow-600 hover:text-yellow-700\"\n                variant=\"ghost\"\n                onPress={() => {\n                  setConfirmAction('archive');\n                  setMode('confirm');\n                }}\n              >\n                <span className=\"mr-2\">📦</span> Archive Agent\n              </Button>\n            )}\n\n            {agent.status === 'ARCHIVED' && (\n              <Button\n                className=\"w-full justify-start\"\n                variant=\"ghost\"\n                onPress={() => handleStatusChange('activate')}\n                disabled={isLoading}\n              >\n                <span className=\"mr-2\">🔄</span> Restore Agent\n              </Button>\n            )}\n\n            {error && (\n              <div className=\"bg-destructive/10 text-destructive rounded-md p-3 text-sm\">\n                {error}\n              </div>\n            )}\n\n            <div className=\"border-border border-t pt-3\">\n              <Button\n                className=\"w-full\"\n                variant=\"outline\"\n                onPress={handleClose}\n              >\n                Close\n              </Button>\n            </div>\n          </div>\n        )}\n\n        {/* Execute Form */}\n        {mode === 'execute' && (\n          <div className=\"space-y-4\">\n            <div>\n              <label\n                htmlFor=\"execute-message\"\n                className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n              >\n                Message *\n              </label>\n              <textarea\n                id=\"execute-message\"\n                value={message}\n                onChange={(e) => setMessage(e.target.value)}\n                placeholder=\"Enter your message to the agent...\"\n                rows={4}\n                disabled={isLoading}\n                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\"\n              />\n            </div>\n\n            {error && (\n              <div className=\"bg-destructive/10 text-destructive rounded-md p-3 text-sm\">\n                {error}\n              </div>\n            )}\n\n            <div className=\"flex justify-end gap-3 pt-2\">\n              <Button\n                variant=\"ghost\"\n                onPress={() => setMode('menu')}\n                disabled={isLoading}\n              >\n                Back\n              </Button>\n              <Button onPress={handleExecute} disabled={isLoading}>\n                {isLoading ? 'Executing...' : '▶️ Execute'}\n              </Button>\n            </div>\n          </div>\n        )}\n\n        {/* Confirm Action */}\n        {mode === 'confirm' && confirmAction === 'archive' && (\n          <div className=\"space-y-4\">\n            <p className=\"text-muted-foreground\">\n              Are you sure you want to archive{' '}\n              <span className=\"text-foreground font-medium\">{agent.name}</span>?\n            </p>\n            <p className=\"text-muted-foreground text-sm\">\n              Archived agents cannot be executed but can be restored later.\n            </p>\n\n            {error && (\n              <div className=\"bg-destructive/10 text-destructive rounded-md p-3 text-sm\">\n                {error}\n              </div>\n            )}\n\n            <div className=\"flex justify-end gap-3 pt-2\">\n              <Button\n                variant=\"ghost\"\n                onPress={() => setMode('menu')}\n                disabled={isLoading}\n              >\n                Cancel\n              </Button>\n              <Button\n                onPress={() => handleStatusChange('archive')}\n                disabled={isLoading}\n              >\n                {isLoading ? 'Archiving...' : '📦 Archive'}\n              </Button>\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+
+//#region src/ui/modals/CreateAgentModal.d.ts
+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;
+}
+declare function CreateAgentModal({
+  isOpen,
+  onClose,
+  onSubmit,
+  isLoading
+}: CreateAgentModalProps): react_jsx_runtime3.JSX.Element | null;
+//#endregion
+export { CreateAgentInput, CreateAgentModal };
+//# sourceMappingURL=CreateAgentModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateAgentModal.d.ts","names":[],"sources":["../../../src/ui/modals/CreateAgentModal.tsx"],"sourcesContent":[],"mappings":";;;UAWiB,gBAAA;;;EAAA,aAAA,EAAA,MAAgB;EAQvB,SAAA,EAAA,MAAA;EA4BM,YAAA,CAAA,EAAA,MAAgB;;UA5BtB,qBAAA,CA8BR;EACA,MAAA,EAAA,OAAA;EACA,OAAA,EAAA,GAAA,GAAA,IAAA;EACC,QAAA,EAAA,CAAA,KAAA,EA9BiB,gBA8BjB,EAAA,GA9BsC,OA8BtC,CAAA,IAAA,CAAA;EAAqB,SAAA,CAAA,EAAA,OAAA;;iBALR,gBAAA;;;;;GAKb,wBAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/modals/CreateAgentModal.js

@@ -0,0 +1,214 @@
+'use client';
+
+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"
+		]
+	}
+];
+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"
+						})]
+					})
+				]
+			})]
+		})]
+	});
+}
+
+//#endregion
+export { CreateAgentModal };
+//# sourceMappingURL=CreateAgentModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateAgentModal.js","names":[],"sources":["../../../src/ui/modals/CreateAgentModal.tsx"],"sourcesContent":["'use client';\n\n/**\n * CreateAgentModal - Form for creating a new AI agent\n *\n * Wires to CreateAgentCommand via useAgentMutations hook.\n */\nimport { useState } from 'react';\nimport { Button, Input } from '@contractspec/lib.design-system';\n\n// Local type definition for modal props\nexport interface CreateAgentInput {\n  name: string;\n  description?: string;\n  modelProvider: string;\n  modelName: string;\n  systemPrompt?: string;\n}\n\ninterface CreateAgentModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onSubmit: (input: CreateAgentInput) => Promise<void>;\n  isLoading?: boolean;\n}\n\nconst MODEL_PROVIDERS = [\n  {\n    value: 'openai',\n    label: 'OpenAI',\n    models: ['gpt-4o', 'gpt-4-turbo', 'gpt-3.5-turbo'],\n  },\n  {\n    value: 'anthropic',\n    label: 'Anthropic',\n    models: ['claude-3-opus', 'claude-3-sonnet', 'claude-3-haiku'],\n  },\n  { value: 'google', label: 'Google', models: ['gemini-pro', 'gemini-ultra'] },\n  {\n    value: 'mistral',\n    label: 'Mistral',\n    models: ['mistral-large', 'mistral-medium', 'mistral-small'],\n  },\n] as const;\n\ntype ModelProvider = (typeof MODEL_PROVIDERS)[number]['value'];\n\nexport function CreateAgentModal({\n  isOpen,\n  onClose,\n  onSubmit,\n  isLoading = false,\n}: CreateAgentModalProps) {\n  const [name, setName] = useState('');\n  const [description, setDescription] = useState('');\n  const [modelProvider, setModelProvider] = useState<ModelProvider>('openai');\n  const [modelName, setModelName] = useState('gpt-4o');\n  const [systemPrompt, setSystemPrompt] = useState('');\n  const [error, setError] = useState<string | null>(null);\n\n  const selectedProvider = MODEL_PROVIDERS.find(\n    (p) => p.value === modelProvider\n  );\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n\n    // Validation\n    if (!name.trim()) {\n      setError('Agent name is required');\n      return;\n    }\n\n    try {\n      await onSubmit({\n        name: name.trim(),\n        description: description.trim() || undefined,\n        modelProvider,\n        modelName,\n        systemPrompt: systemPrompt.trim() || undefined,\n      });\n\n      // Reset form\n      setName('');\n      setDescription('');\n      setModelProvider('openai');\n      setModelName('gpt-4o');\n      setSystemPrompt('');\n      onClose();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to create agent');\n    }\n  };\n\n  // Update model when provider changes\n  const handleProviderChange = (provider: ModelProvider) => {\n    setModelProvider(provider);\n    const providerConfig = MODEL_PROVIDERS.find((p) => p.value === provider);\n    if (providerConfig) {\n      setModelName(providerConfig.models[0]);\n    }\n  };\n\n  if (!isOpen) return null;\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n      {/* Backdrop */}\n      <div\n        className=\"bg-background/80 absolute inset-0 backdrop-blur-sm\"\n        onClick={onClose}\n        role=\"button\"\n        tabIndex={0}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') onClose();\n        }}\n        aria-label=\"Close modal\"\n      />\n\n      {/* Modal */}\n      <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\">\n        <h2 className=\"mb-4 text-xl font-semibold\">Create New Agent</h2>\n\n        <form onSubmit={handleSubmit} className=\"space-y-4\">\n          {/* Agent Name */}\n          <div>\n            <label\n              htmlFor=\"agent-name\"\n              className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n            >\n              Agent Name *\n            </label>\n            <Input\n              id=\"agent-name\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              placeholder=\"e.g., Customer Support Bot\"\n              disabled={isLoading}\n            />\n          </div>\n\n          {/* Description */}\n          <div>\n            <label\n              htmlFor=\"agent-description\"\n              className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n            >\n              Description\n            </label>\n            <textarea\n              id=\"agent-description\"\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              placeholder=\"Describe what this agent does...\"\n              rows={2}\n              disabled={isLoading}\n              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\"\n            />\n          </div>\n\n          {/* Model Provider & Model */}\n          <div className=\"flex gap-3\">\n            <div className=\"flex-1\">\n              <label\n                htmlFor=\"model-provider\"\n                className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n              >\n                Provider *\n              </label>\n              <select\n                id=\"model-provider\"\n                value={modelProvider}\n                onChange={(e) =>\n                  handleProviderChange(e.target.value as ModelProvider)\n                }\n                disabled={isLoading}\n                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\"\n              >\n                {MODEL_PROVIDERS.map((p) => (\n                  <option key={p.value} value={p.value}>\n                    {p.label}\n                  </option>\n                ))}\n              </select>\n            </div>\n            <div className=\"flex-1\">\n              <label\n                htmlFor=\"model-name\"\n                className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n              >\n                Model *\n              </label>\n              <select\n                id=\"model-name\"\n                value={modelName}\n                onChange={(e) => setModelName(e.target.value)}\n                disabled={isLoading}\n                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\"\n              >\n                {selectedProvider?.models.map((m) => (\n                  <option key={m} value={m}>\n                    {m}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n\n          {/* System Prompt */}\n          <div>\n            <label\n              htmlFor=\"system-prompt\"\n              className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n            >\n              System Prompt\n            </label>\n            <textarea\n              id=\"system-prompt\"\n              value={systemPrompt}\n              onChange={(e) => setSystemPrompt(e.target.value)}\n              placeholder=\"You are a helpful assistant that...\"\n              rows={4}\n              disabled={isLoading}\n              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\"\n            />\n            <p className=\"text-muted-foreground mt-1 text-xs\">\n              Instructions that define the agent's behavior\n            </p>\n          </div>\n\n          {/* Error Message */}\n          {error && (\n            <div className=\"bg-destructive/10 text-destructive rounded-md p-3 text-sm\">\n              {error}\n            </div>\n          )}\n\n          {/* Actions */}\n          <div className=\"flex justify-end gap-3 pt-2\">\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              onPress={onClose}\n              disabled={isLoading}\n            >\n              Cancel\n            </Button>\n            <Button type=\"submit\" disabled={isLoading}>\n              {isLoading ? 'Creating...' : 'Create Agent'}\n            </Button>\n          </div>\n        </form>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AA0BA,MAAM,kBAAkB;CACtB;EACE,OAAO;EACP,OAAO;EACP,QAAQ;GAAC;GAAU;GAAe;GAAgB;EACnD;CACD;EACE,OAAO;EACP,OAAO;EACP,QAAQ;GAAC;GAAiB;GAAmB;GAAiB;EAC/D;CACD;EAAE,OAAO;EAAU,OAAO;EAAU,QAAQ,CAAC,cAAc,eAAe;EAAE;CAC5E;EACE,OAAO;EACP,OAAO;EACP,QAAQ;GAAC;GAAiB;GAAkB;GAAgB;EAC7D;CACF;AAID,SAAgB,iBAAiB,EAC/B,QACA,SACA,UACA,YAAY,SACY;CACxB,MAAM,CAAC,MAAM,WAAW,SAAS,GAAG;CACpC,MAAM,CAAC,aAAa,kBAAkB,SAAS,GAAG;CAClD,MAAM,CAAC,eAAe,oBAAoB,SAAwB,SAAS;CAC3E,MAAM,CAAC,WAAW,gBAAgB,SAAS,SAAS;CACpD,MAAM,CAAC,cAAc,mBAAmB,SAAS,GAAG;CACpD,MAAM,CAAC,OAAO,YAAY,SAAwB,KAAK;CAEvD,MAAM,mBAAmB,gBAAgB,MACtC,MAAM,EAAE,UAAU,cACpB;CAED,MAAM,eAAe,OAAO,MAAuB;AACjD,IAAE,gBAAgB;AAClB,WAAS,KAAK;AAGd,MAAI,CAAC,KAAK,MAAM,EAAE;AAChB,YAAS,yBAAyB;AAClC;;AAGF,MAAI;AACF,SAAM,SAAS;IACb,MAAM,KAAK,MAAM;IACjB,aAAa,YAAY,MAAM,IAAI;IACnC;IACA;IACA,cAAc,aAAa,MAAM,IAAI;IACtC,CAAC;AAGF,WAAQ,GAAG;AACX,kBAAe,GAAG;AAClB,oBAAiB,SAAS;AAC1B,gBAAa,SAAS;AACtB,mBAAgB,GAAG;AACnB,YAAS;WACF,KAAK;AACZ,YAAS,eAAe,QAAQ,IAAI,UAAU,yBAAyB;;;CAK3E,MAAM,wBAAwB,aAA4B;AACxD,mBAAiB,SAAS;EAC1B,MAAM,iBAAiB,gBAAgB,MAAM,MAAM,EAAE,UAAU,SAAS;AACxE,MAAI,eACF,cAAa,eAAe,OAAO,GAAG;;AAI1C,KAAI,CAAC,OAAQ,QAAO;AAEpB,QACE,qBAAC;EAAI,WAAU;aAEb,oBAAC;GACC,WAAU;GACV,SAAS;GACT,MAAK;GACL,UAAU;GACV,YAAY,MAAM;AAChB,QAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,IAAK,UAAS;;GAEnD,cAAW;IACX,EAGF,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAG,WAAU;cAA6B;KAAqB,EAEhE,qBAAC;IAAK,UAAU;IAAc,WAAU;;KAEtC,qBAAC,oBACC,oBAAC;MACC,SAAQ;MACR,WAAU;gBACX;OAEO,EACR,oBAAC;MACC,IAAG;MACH,OAAO;MACP,WAAW,MAAM,QAAQ,EAAE,OAAO,MAAM;MACxC,aAAY;MACZ,UAAU;OACV,IACE;KAGN,qBAAC,oBACC,oBAAC;MACC,SAAQ;MACR,WAAU;gBACX;OAEO,EACR,oBAAC;MACC,IAAG;MACH,OAAO;MACP,WAAW,MAAM,eAAe,EAAE,OAAO,MAAM;MAC/C,aAAY;MACZ,MAAM;MACN,UAAU;MACV,WAAU;OACV,IACE;KAGN,qBAAC;MAAI,WAAU;iBACb,qBAAC;OAAI,WAAU;kBACb,oBAAC;QACC,SAAQ;QACR,WAAU;kBACX;SAEO,EACR,oBAAC;QACC,IAAG;QACH,OAAO;QACP,WAAW,MACT,qBAAqB,EAAE,OAAO,MAAuB;QAEvD,UAAU;QACV,WAAU;kBAET,gBAAgB,KAAK,MACpB,oBAAC;SAAqB,OAAO,EAAE;mBAC5B,EAAE;WADQ,EAAE,MAEN,CACT;SACK;QACL,EACN,qBAAC;OAAI,WAAU;kBACb,oBAAC;QACC,SAAQ;QACR,WAAU;kBACX;SAEO,EACR,oBAAC;QACC,IAAG;QACH,OAAO;QACP,WAAW,MAAM,aAAa,EAAE,OAAO,MAAM;QAC7C,UAAU;QACV,WAAU;kBAET,kBAAkB,OAAO,KAAK,MAC7B,oBAAC;SAAe,OAAO;mBACpB;WADU,EAEJ,CACT;SACK;QACL;OACF;KAGN,qBAAC;MACC,oBAAC;OACC,SAAQ;OACR,WAAU;iBACX;QAEO;MACR,oBAAC;OACC,IAAG;OACH,OAAO;OACP,WAAW,MAAM,gBAAgB,EAAE,OAAO,MAAM;OAChD,aAAY;OACZ,MAAM;OACN,UAAU;OACV,WAAU;QACV;MACF,oBAAC;OAAE,WAAU;iBAAqC;QAE9C;SACA;KAGL,SACC,oBAAC;MAAI,WAAU;gBACZ;OACG;KAIR,qBAAC;MAAI,WAAU;iBACb,oBAAC;OACC,MAAK;OACL,SAAQ;OACR,SAAS;OACT,UAAU;iBACX;QAEQ,EACT,oBAAC;OAAO,MAAK;OAAS,UAAU;iBAC7B,YAAY,gBAAgB;QACtB;OACL;;KACD;IACH;GACF"}

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

@@ -0,0 +1,3 @@
+import { CreateAgentModal } from "./CreateAgentModal.js";
+import { AgentActionsModal } from "./AgentActionsModal.js";
+export { AgentActionsModal, CreateAgentModal };

package/dist/ui/modals/index.js

@@ -0,0 +1,4 @@
+import { CreateAgentModal } from "./CreateAgentModal.js";
+import { AgentActionsModal } from "./AgentActionsModal.js";
+
+export { AgentActionsModal, CreateAgentModal };

package/dist/ui/overlays/demo-overlays.d.ts

@@ -0,0 +1,19 @@
+import { OverlayDefinition } from "../../shared/overlay-types.js";
+
+//#region src/ui/overlays/demo-overlays.d.ts
+
+/**
+ * Demo user overlay - hides advanced configuration options
+ */
+declare const agentConsoleDemoOverlay: OverlayDefinition;
+/**
+ * Read-only overlay - for viewing without edit permissions
+ */
+declare const agentConsoleReadOnlyOverlay: OverlayDefinition;
+/**
+ * All overlays for agent-console
+ */
+declare const agentConsoleOverlays: OverlayDefinition[];
+//#endregion
+export { agentConsoleDemoOverlay, agentConsoleOverlays, agentConsoleReadOnlyOverlay };
+//# sourceMappingURL=demo-overlays.d.ts.map

package/dist/ui/overlays/demo-overlays.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"demo-overlays.d.ts","names":[],"sources":["../../../src/ui/overlays/demo-overlays.ts"],"sourcesContent":[],"mappings":";;;;;;;cAWa,yBAAyB;;;;cAoCzB,6BAA6B;;;;cA0B7B,sBAAsB"}

package/dist/ui/overlays/demo-overlays.js

@@ -0,0 +1,73 @@
+//#region src/ui/overlays/demo-overlays.ts
+/**
+* Demo user overlay - hides advanced configuration options
+*/
+const agentConsoleDemoOverlay = {
+	overlayId: "agent-console.demo-user",
+	version: "1.0.0",
+	description: "Simplifies agent console for demo users",
+	appliesTo: {
+		feature: "agent-console",
+		role: "demo"
+	},
+	modifications: [
+		{
+			type: "hideField",
+			field: "modelConfig",
+			reason: "Advanced config not relevant for demo"
+		},
+		{
+			type: "hideField",
+			field: "webhookConfig",
+			reason: "Integration not available in demo"
+		},
+		{
+			type: "renameLabel",
+			field: "systemPrompt",
+			newLabel: "Agent Instructions"
+		},
+		{
+			type: "addBadge",
+			position: "header",
+			label: "Demo Mode",
+			variant: "warning"
+		}
+	]
+};
+/**
+* Read-only overlay - for viewing without edit permissions
+*/
+const agentConsoleReadOnlyOverlay = {
+	overlayId: "agent-console.read-only",
+	version: "1.0.0",
+	description: "Read-only view for non-admin users",
+	appliesTo: {
+		feature: "agent-console",
+		role: "viewer"
+	},
+	modifications: [
+		{
+			type: "hideField",
+			field: "deleteButton",
+			reason: "No delete permission"
+		},
+		{
+			type: "hideField",
+			field: "editButton",
+			reason: "No edit permission"
+		},
+		{
+			type: "hideField",
+			field: "createButton",
+			reason: "No create permission"
+		}
+	]
+};
+/**
+* All overlays for agent-console
+*/
+const agentConsoleOverlays = [agentConsoleDemoOverlay, agentConsoleReadOnlyOverlay];
+
+//#endregion
+export { agentConsoleDemoOverlay, agentConsoleOverlays, agentConsoleReadOnlyOverlay };
+//# sourceMappingURL=demo-overlays.js.map