@contractspec/example.agent-console 3.7.5 → 3.7.7

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

@@ -1,6 +1,6 @@
 // src/ui/modals/AgentActionsModal.tsx
-import { useState } from "react";
 import { Button } from "@contractspec/lib.design-system";
+import { useState } from "react";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
 function getStatusColor(status) {
@@ -83,7 +83,7 @@ function AgentActionsModal({
     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",
+        className: "absolute inset-0 bg-background/80 backdrop-blur-sm",
         onClick: handleClose,
         role: "button",
         tabIndex: 0,
@@ -94,13 +94,13 @@ function AgentActionsModal({
         "aria-label": "Close modal"
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV("div", {
-        className: "bg-card border-border relative z-10 w-full max-w-md rounded-xl border p-6 shadow-xl",
+        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: "border-border mb-4 border-b pb-4",
+            className: "mb-4 border-border border-b pb-4",
             children: [
               /* @__PURE__ */ jsxDEV("h2", {
-                className: "text-xl font-semibold",
+                className: "font-semibold text-xl",
                 children: agent.name
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV("div", {
@@ -115,13 +115,13 @@ function AgentActionsModal({
                     ]
                   }, undefined, true, undefined, this),
                   /* @__PURE__ */ jsxDEV("span", {
-                    className: `rounded-full px-2 py-0.5 text-xs font-medium ${getStatusColor(agent.status)}`,
+                    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: "text-muted-foreground mt-2 text-sm",
+                className: "mt-2 text-muted-foreground text-sm",
                 children: agent.description
               }, undefined, false, undefined, this)
             ]
@@ -196,7 +196,7 @@ function AgentActionsModal({
                 ]
               }, undefined, true, undefined, this),
               error && /* @__PURE__ */ jsxDEV("div", {
-                className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
                 children: error
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV("div", {
@@ -217,7 +217,7 @@ function AgentActionsModal({
                 children: [
                   /* @__PURE__ */ jsxDEV("label", {
                     htmlFor: "execute-message",
-                    className: "text-muted-foreground mb-1 block text-sm font-medium",
+                    className: "mb-1 block font-medium text-muted-foreground text-sm",
                     children: "Message *"
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV("textarea", {
@@ -227,12 +227,12 @@ function AgentActionsModal({
                     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"
+                    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: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
                 children: error
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV("div", {
@@ -262,7 +262,7 @@ function AgentActionsModal({
                   "Are you sure you want to archive",
                   " ",
                   /* @__PURE__ */ jsxDEV("span", {
-                    className: "text-foreground font-medium",
+                    className: "font-medium text-foreground",
                     children: agent.name
                   }, undefined, false, undefined, this),
                   "?"
@@ -273,7 +273,7 @@ function AgentActionsModal({
                 children: "Archived agents cannot be executed but can be restored later."
               }, undefined, false, undefined, this),
               error && /* @__PURE__ */ jsxDEV("div", {
-                className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
                 children: error
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV("div", {

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

@@ -1,6 +1,6 @@
 // src/ui/modals/CreateAgentModal.tsx
-import { useState } from "react";
 import { Button, Input } from "@contractspec/lib.design-system";
+import { useState } from "react";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
 var MODEL_PROVIDERS = [
@@ -86,7 +86,7 @@ function CreateAgentModal({
     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",
+        className: "absolute inset-0 bg-background/80 backdrop-blur-sm",
         onClick: onClose,
         role: "button",
         tabIndex: 0,
@@ -97,10 +97,10 @@ function CreateAgentModal({
         "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",
+        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 text-xl font-semibold",
+            className: "mb-4 font-semibold text-xl",
             children: "Create New Agent"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV("form", {
@@ -111,7 +111,7 @@ function CreateAgentModal({
                 children: [
                   /* @__PURE__ */ jsxDEV("label", {
                     htmlFor: "agent-name",
-                    className: "text-muted-foreground mb-1 block text-sm font-medium",
+                    className: "mb-1 block font-medium text-muted-foreground text-sm",
                     children: "Agent Name *"
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV(Input, {
@@ -127,7 +127,7 @@ function CreateAgentModal({
                 children: [
                   /* @__PURE__ */ jsxDEV("label", {
                     htmlFor: "agent-description",
-                    className: "text-muted-foreground mb-1 block text-sm font-medium",
+                    className: "mb-1 block font-medium text-muted-foreground text-sm",
                     children: "Description"
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV("textarea", {
@@ -137,7 +137,7 @@ function CreateAgentModal({
                     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"
+                    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),
@@ -149,7 +149,7 @@ function CreateAgentModal({
                     children: [
                       /* @__PURE__ */ jsxDEV("label", {
                         htmlFor: "model-provider",
-                        className: "text-muted-foreground mb-1 block text-sm font-medium",
+                        className: "mb-1 block font-medium text-muted-foreground text-sm",
                         children: "Provider *"
                       }, undefined, false, undefined, this),
                       /* @__PURE__ */ jsxDEV("select", {
@@ -157,7 +157,7 @@ function CreateAgentModal({
                         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",
+                        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
@@ -170,7 +170,7 @@ function CreateAgentModal({
                     children: [
                       /* @__PURE__ */ jsxDEV("label", {
                         htmlFor: "model-name",
-                        className: "text-muted-foreground mb-1 block text-sm font-medium",
+                        className: "mb-1 block font-medium text-muted-foreground text-sm",
                         children: "Model *"
                       }, undefined, false, undefined, this),
                       /* @__PURE__ */ jsxDEV("select", {
@@ -178,7 +178,7 @@ function CreateAgentModal({
                         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",
+                        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
@@ -192,7 +192,7 @@ function CreateAgentModal({
                 children: [
                   /* @__PURE__ */ jsxDEV("label", {
                     htmlFor: "system-prompt",
-                    className: "text-muted-foreground mb-1 block text-sm font-medium",
+                    className: "mb-1 block font-medium text-muted-foreground text-sm",
                     children: "System Prompt"
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV("textarea", {
@@ -202,16 +202,16 @@ function CreateAgentModal({
                     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"
+                    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: "text-muted-foreground mt-1 text-xs",
+                    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: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
                 children: error
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV("div", {