@contractspec/example.agent-console 3.7.6 → 3.8.2

package/dist/ui/modals/AgentActionsModal.js

@@ -1,7 +1,7 @@
 // @bun
 // 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) {
@@ -84,7 +84,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,
@@ -95,13 +95,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", {
@@ -116,13 +116,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)
             ]
@@ -197,7 +197,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", {
@@ -218,7 +218,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", {
@@ -228,12 +228,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", {
@@ -263,7 +263,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),
                   "?"
@@ -274,7 +274,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/ui/modals/CreateAgentModal.js

@@ -1,7 +1,7 @@
 // @bun
 // 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 = [
@@ -87,7 +87,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,
@@ -98,10 +98,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", {
@@ -112,7 +112,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, {
@@ -128,7 +128,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", {
@@ -138,7 +138,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),
@@ -150,7 +150,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", {
@@ -158,7 +158,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
@@ -171,7 +171,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", {
@@ -179,7 +179,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
@@ -193,7 +193,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", {
@@ -203,16 +203,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", {

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

@@ -1,2 +1,2 @@
-export { CreateAgentModal } from './CreateAgentModal';
 export { AgentActionsModal } from './AgentActionsModal';
+export { CreateAgentModal } from './CreateAgentModal';