@contractspec/example.agent-console 1.56.1 → 1.58.0

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

@@ -1,73 +1,65 @@
-//#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"
-		}
-	]
+// @bun
+// src/ui/overlays/demo-overlays.ts
+var 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"
-		}
-	]
+var 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"
+    }
+  ]
+};
+var agentConsoleOverlays = [
+  agentConsoleDemoOverlay,
+  agentConsoleReadOnlyOverlay
+];
+export {
+  agentConsoleReadOnlyOverlay,
+  agentConsoleOverlays,
+  agentConsoleDemoOverlay
 };
-/**
-* All overlays for agent-console
-*/
-const agentConsoleOverlays = [agentConsoleDemoOverlay, agentConsoleReadOnlyOverlay];
-
-//#endregion
-export { agentConsoleDemoOverlay, agentConsoleOverlays, agentConsoleReadOnlyOverlay };
-//# sourceMappingURL=demo-overlays.js.map

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

@@ -1,2 +1,2 @@
-import { agentConsoleDemoOverlay, agentConsoleOverlays, agentConsoleReadOnlyOverlay } from "./demo-overlays.js";
-export { agentConsoleDemoOverlay, agentConsoleOverlays, agentConsoleReadOnlyOverlay };
+export * from './demo-overlays';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/overlays/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/ui/overlays/index.js

@@ -1,3 +1,65 @@
-import { agentConsoleDemoOverlay, agentConsoleOverlays, agentConsoleReadOnlyOverlay } from "./demo-overlays.js";
-
-export { agentConsoleDemoOverlay, agentConsoleOverlays, agentConsoleReadOnlyOverlay };
+// @bun
+// src/ui/overlays/demo-overlays.ts
+var 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"
+    }
+  ]
+};
+var 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"
+    }
+  ]
+};
+var agentConsoleOverlays = [
+  agentConsoleDemoOverlay,
+  agentConsoleReadOnlyOverlay
+];
+export {
+  agentConsoleReadOnlyOverlay,
+  agentConsoleOverlays,
+  agentConsoleDemoOverlay
+};

package/dist/ui/renderers/agent-list.markdown.d.ts

@@ -1,15 +1,15 @@
-import { PresentationRenderer } from "@contractspec/lib.contracts";
-
-//#region src/ui/renderers/agent-list.markdown.d.ts
-
+/**
+ * Markdown Renderer for Agent List Presentation
+ *
+ * Uses handlers from the agent-console example package.
+ */
+import type { PresentationRenderer } from '@contractspec/lib.contracts';
 /**
  * Markdown renderer for agent-console.agent.list presentation
  * Only handles AgentListView component
  */
-declare const agentListMarkdownRenderer: PresentationRenderer<{
-  mimeType: string;
-  body: string;
+export declare const agentListMarkdownRenderer: PresentationRenderer<{
+    mimeType: string;
+    body: string;
 }>;
-//#endregion
-export { agentListMarkdownRenderer };
 //# sourceMappingURL=agent-list.markdown.d.ts.map

package/dist/ui/renderers/agent-list.markdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-list.markdown.d.ts","names":[],"sources":["../../../src/ui/renderers/agent-list.markdown.ts"],"sourcesContent":[],"mappings":";;;;;;;;cAoBa,2BAA2B"}
+{"version":3,"file":"agent-list.markdown.d.ts","sourceRoot":"","sources":["../../../src/ui/renderers/agent-list.markdown.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EACV,oBAAoB,EAErB,MAAM,6BAA6B,CAAC;AAQrC;;;GAGG;AACH,eAAO,MAAM,yBAAyB,EAAE,oBAAoB,CAAC;IAC3D,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd,CA4DA,CAAC"}

package/dist/ui/renderers/agent-list.markdown.js

@@ -1,51 +1,56 @@
-import { mockListAgentsHandler } from "@contractspec/example.agent-console/handlers";
-
-//#region src/ui/renderers/agent-list.markdown.ts
-/**
-* Markdown renderer for agent-console.agent.list presentation
-* Only handles AgentListView component
-*/
-const agentListMarkdownRenderer = {
-	target: "markdown",
-	render: async (desc) => {
-		if (desc.source.type !== "component" || desc.source.componentKey !== "AgentListView") throw new Error("agentListMarkdownRenderer: not AgentListView");
-		const data = await mockListAgentsHandler({
-			organizationId: "demo-org",
-			limit: 50,
-			offset: 0
-		});
-		const lines = [
-			`# ${desc.meta.description ?? "Agent List"}`,
-			"",
-			`> ${desc.meta.key} v${desc.meta.version}`,
-			"",
-			`**Total Agents:** ${data.total}`,
-			"",
-			"## Agents",
-			""
-		];
-		const byStatus = {};
-		for (const agent of data.items) {
-			const status = agent.status;
-			if (byStatus[status]) byStatus[status].push(agent);
-			else byStatus[status] = [agent];
-		}
-		for (const [status, agents] of Object.entries(byStatus)) {
-			lines.push(`### ${status} (${agents.length})`);
-			lines.push("");
-			for (const agent of agents) {
-				lines.push(`- **${agent.name}** (${agent.modelProvider}/${agent.modelName})`);
-				if (agent.description) lines.push(`  > ${agent.description}`);
-			}
-			lines.push("");
-		}
-		return {
-			mimeType: "text/markdown",
-			body: lines.join("\n")
-		};
-	}
+// @bun
+// src/ui/renderers/agent-list.markdown.ts
+import {
+  mockListAgentsHandler
+} from "@contractspec/example.agent-console/handlers";
+var agentListMarkdownRenderer = {
+  target: "markdown",
+  render: async (desc) => {
+    if (desc.source.type !== "component" || desc.source.componentKey !== "AgentListView") {
+      throw new Error("agentListMarkdownRenderer: not AgentListView");
+    }
+    const data = await mockListAgentsHandler({
+      organizationId: "demo-org",
+      limit: 50,
+      offset: 0
+    });
+    const lines = [
+      `# ${desc.meta.description ?? "Agent List"}`,
+      "",
+      `> ${desc.meta.key} v${desc.meta.version}`,
+      "",
+      `**Total Agents:** ${data.total}`,
+      "",
+      "## Agents",
+      ""
+    ];
+    const byStatus = {};
+    for (const agent of data.items) {
+      const status = agent.status;
+      if (byStatus[status]) {
+        byStatus[status].push(agent);
+      } else {
+        byStatus[status] = [agent];
+      }
+    }
+    for (const [status, agents] of Object.entries(byStatus)) {
+      lines.push(`### ${status} (${agents.length})`);
+      lines.push("");
+      for (const agent of agents) {
+        lines.push(`- **${agent.name}** (${agent.modelProvider}/${agent.modelName})`);
+        if (agent.description) {
+          lines.push(`  > ${agent.description}`);
+        }
+      }
+      lines.push("");
+    }
+    return {
+      mimeType: "text/markdown",
+      body: lines.join(`
+`)
+    };
+  }
+};
+export {
+  agentListMarkdownRenderer
 };
-
-//#endregion
-export { agentListMarkdownRenderer };
-//# sourceMappingURL=agent-list.markdown.js.map

package/dist/ui/renderers/agent-list.renderer.d.ts

@@ -1,11 +1,9 @@
-import { PresentationRenderer } from "@contractspec/lib.contracts";
-
-//#region src/ui/renderers/agent-list.renderer.d.ts
-
+/**
+ * React Renderer for Agent List Presentation
+ */
+import type { PresentationRenderer } from '@contractspec/lib.contracts';
 /**
  * React renderer for agent-console.agent.list presentation
  */
-declare const agentListReactRenderer: PresentationRenderer<React.ReactElement>;
-//#endregion
-export { agentListReactRenderer };
+export declare const agentListReactRenderer: PresentationRenderer<React.ReactElement>;
 //# sourceMappingURL=agent-list.renderer.d.ts.map

package/dist/ui/renderers/agent-list.renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-list.renderer.d.ts","names":[],"sources":["../../../src/ui/renderers/agent-list.renderer.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAYa,wBAAwB,qBAAqB,KAAA,CAAM"}
+{"version":3,"file":"agent-list.renderer.d.ts","sourceRoot":"","sources":["../../../src/ui/renderers/agent-list.renderer.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EACV,oBAAoB,EAErB,MAAM,6BAA6B,CAAC;AAGrC;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,oBAAoB,CAAC,KAAK,CAAC,YAAY,CAczE,CAAC"}

package/dist/ui/renderers/agent-list.renderer.js

@@ -1,19 +1,181 @@
-import { AgentListView } from "../views/AgentListView.js";
-import { jsx } from "react/jsx-runtime";
+// @bun
+// src/ui/hooks/useAgentList.ts
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+function useAgentList(options = {}) {
+  const { handlers, projectId } = useTemplateRuntime();
+  const { agent } = handlers;
+  const [data, setData] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [page, setPage] = useState(1);
+  const fetchData = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const result = await agent.listAgents({
+        projectId,
+        search: options.search,
+        status: options.status === "all" ? undefined : options.status,
+        limit: options.limit ?? 20,
+        offset: (page - 1) * (options.limit ?? 20)
+      });
+      setData(result);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error("Unknown error"));
+    } finally {
+      setLoading(false);
+    }
+  }, [agent, projectId, options.search, options.status, options.limit, page]);
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+  const stats = useMemo(() => {
+    if (!data)
+      return null;
+    return {
+      total: data.total,
+      active: data.items.filter((a) => a.status === "ACTIVE").length,
+      paused: data.items.filter((a) => a.status === "PAUSED").length,
+      draft: data.items.filter((a) => a.status === "DRAFT").length
+    };
+  }, [data]);
+  return {
+    data,
+    loading,
+    error,
+    stats,
+    page,
+    refetch: fetchData,
+    nextPage: () => setPage((p) => p + 1),
+    prevPage: () => page > 1 && setPage((p) => p - 1)
+  };
+}
 
-//#region src/ui/renderers/agent-list.renderer.tsx
-/**
-* React renderer for agent-console.agent.list presentation
-*/
-const agentListReactRenderer = {
-	target: "react",
-	render: async (desc) => {
-		if (desc.source.type !== "component") throw new Error("AgentListRenderer: expected component source");
-		if (desc.source.componentKey !== "AgentListView") throw new Error(`AgentListRenderer: unknown component ${desc.source.componentKey}`);
-		return /* @__PURE__ */ jsx(AgentListView, {});
-	}
-};
+// src/ui/views/AgentListView.tsx
+import {
+  Button,
+  StatCard,
+  StatCardGroup,
+  EntityCard,
+  StatusChip,
+  LoaderBlock,
+  ErrorState,
+  EmptyState
+} from "@contractspec/lib.design-system";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+function getStatusTone(status) {
+  switch (status) {
+    case "ACTIVE":
+      return "success";
+    case "PAUSED":
+    case "DRAFT":
+      return "warning";
+    case "ARCHIVED":
+      return "neutral";
+    default:
+      return "neutral";
+  }
+}
+function AgentListView() {
+  const { data, loading, error, stats, refetch } = useAgentList();
+  if (loading && !data) {
+    return /* @__PURE__ */ jsxDEV(LoaderBlock, {
+      label: "Loading agents..."
+    }, undefined, false, undefined, this);
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxDEV(ErrorState, {
+      title: "Failed to load agents",
+      description: error.message,
+      onRetry: refetch,
+      retryLabel: "Retry"
+    }, undefined, false, undefined, this);
+  }
+  if (!data?.items.length) {
+    return /* @__PURE__ */ jsxDEV(EmptyState, {
+      title: "No agents yet",
+      description: "Create your first AI agent to get started."
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "space-y-6",
+    children: [
+      stats && /* @__PURE__ */ jsxDEV(StatCardGroup, {
+        children: [
+          /* @__PURE__ */ jsxDEV(StatCard, {
+            label: "Total Agents",
+            value: stats.total
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV(StatCard, {
+            label: "Active",
+            value: stats.active
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV(StatCard, {
+            label: "Paused",
+            value: stats.paused
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV(StatCard, {
+            label: "Draft",
+            value: stats.draft
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "flex items-center justify-between",
+        children: [
+          /* @__PURE__ */ jsxDEV("h3", {
+            className: "text-lg font-semibold",
+            children: "Agents"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV(Button, {
+            onPress: () => alert("Create Agent clicked!"),
+            children: "Create Agent"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
+        children: data.items.map((agent) => /* @__PURE__ */ jsxDEV(EntityCard, {
+          cardTitle: agent.name,
+          cardSubtitle: agent.modelName,
+          meta: /* @__PURE__ */ jsxDEV("p", {
+            className: "text-muted-foreground text-sm",
+            children: agent.description
+          }, undefined, false, undefined, this),
+          chips: /* @__PURE__ */ jsxDEV(StatusChip, {
+            tone: getStatusTone(agent.status),
+            label: agent.status
+          }, undefined, false, undefined, this),
+          footer: /* @__PURE__ */ jsxDEV("span", {
+            className: "text-muted-foreground text-xs",
+            children: [
+              "Created ",
+              agent.createdAt.toLocaleDateString()
+            ]
+          }, undefined, true, undefined, this),
+          onClick: () => alert(`View agent: ${agent.name}`)
+        }, agent.id, false, undefined, this))
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
 
-//#endregion
-export { agentListReactRenderer };
-//# sourceMappingURL=agent-list.renderer.js.map
+// src/ui/renderers/agent-list.renderer.tsx
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+var agentListReactRenderer = {
+  target: "react",
+  render: async (desc) => {
+    if (desc.source.type !== "component") {
+      throw new Error("AgentListRenderer: expected component source");
+    }
+    if (desc.source.componentKey !== "AgentListView") {
+      throw new Error(`AgentListRenderer: unknown component ${desc.source.componentKey}`);
+    }
+    return /* @__PURE__ */ jsxDEV2(AgentListView, {}, undefined, false, undefined, this);
+  }
+};
+export {
+  agentListReactRenderer
+};

package/dist/ui/renderers/dashboard.markdown.d.ts

@@ -1,15 +1,15 @@
-import { PresentationRenderer } from "@contractspec/lib.contracts";
-
-//#region src/ui/renderers/dashboard.markdown.d.ts
-
+/**
+ * Markdown Renderer for Agent Console Dashboard
+ *
+ * Provides a comprehensive overview of agents, runs, and tools.
+ */
+import type { PresentationRenderer } from '@contractspec/lib.contracts';
 /**
  * Markdown renderer for agent-console.dashboard presentation
  * Only handles AgentConsoleDashboard component
  */
-declare const agentDashboardMarkdownRenderer: PresentationRenderer<{
-  mimeType: string;
-  body: string;
+export declare const agentDashboardMarkdownRenderer: PresentationRenderer<{
+    mimeType: string;
+    body: string;
 }>;
-//#endregion
-export { agentDashboardMarkdownRenderer };
 //# sourceMappingURL=dashboard.markdown.d.ts.map

package/dist/ui/renderers/dashboard.markdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard.markdown.d.ts","names":[],"sources":["../../../src/ui/renderers/dashboard.markdown.ts"],"sourcesContent":[],"mappings":";;;;;;;;cAyBa,gCAAgC"}
+{"version":3,"file":"dashboard.markdown.d.ts","sourceRoot":"","sources":["../../../src/ui/renderers/dashboard.markdown.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAEV,oBAAoB,EACrB,MAAM,6BAA6B,CAAC;AAarC;;;GAGG;AACH,eAAO,MAAM,8BAA8B,EAAE,oBAAoB,CAAC;IAChE,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd,CA4IA,CAAC"}