@contractspec/example.agent-console 3.7.7 → 3.8.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +126 -105
- package/AGENTS.md +3 -1
- package/CHANGELOG.md +29 -0
- package/README.md +46 -9
- package/dist/agent/agent.handler.d.ts +3 -0
- package/dist/agent/agent.handler.js +730 -1
- package/dist/agent/index.js +73 -72
- package/dist/agent.feature.js +179 -0
- package/dist/browser/agent/agent.handler.js +730 -1
- package/dist/browser/agent/index.js +73 -72
- package/dist/browser/agent.feature.js +179 -0
- package/dist/browser/docs/agent-console.docblock.js +11 -8
- package/dist/browser/docs/index.js +11 -8
- package/dist/browser/example.js +2 -3
- package/dist/browser/handlers/agent.handlers.js +1883 -2
- package/dist/browser/handlers/index.js +2142 -8
- package/dist/browser/index.js +3347 -2433
- package/dist/browser/presentations/index.js +49 -49
- package/dist/browser/run/index.js +818 -812
- package/dist/browser/run/run.handler.js +666 -1
- package/dist/browser/shared/index.js +293 -1
- package/dist/browser/shared/mock-runs.js +5 -0
- package/dist/browser/tool/index.js +331 -331
- package/dist/browser/tool/tool.handler.js +479 -3
- package/dist/browser/ui/AgentDashboard.js +1204 -319
- package/dist/browser/ui/AgentDashboard.visualizations.js +217 -0
- package/dist/browser/ui/AgentRunList.js +359 -127
- package/dist/browser/ui/hooks/index.js +468 -18
- package/dist/browser/ui/hooks/useAgentMutations.js +443 -8
- package/dist/browser/ui/hooks/useRunList.js +25 -10
- package/dist/browser/ui/index.js +1293 -390
- package/dist/browser/ui/renderers/agent-list.markdown.js +14 -5
- package/dist/browser/ui/renderers/dashboard.markdown.js +207 -36
- package/dist/browser/ui/renderers/index.js +245 -49
- package/dist/browser/ui/renderers/run-list.markdown.js +9 -4
- package/dist/browser/ui/renderers/tool-registry.markdown.js +15 -4
- package/dist/browser/ui/views/RunDataTable.js +326 -0
- package/dist/browser/ui/views/RunListView.js +359 -127
- package/dist/browser/ui/views/index.js +406 -174
- package/dist/browser/ui/views/run-data-table.columns.js +271 -0
- package/dist/browser/ui/views/run-list.shared.js +177 -0
- package/dist/browser/visualizations/catalog.js +134 -0
- package/dist/browser/visualizations/index.js +187 -0
- package/dist/browser/visualizations/selectors.js +181 -0
- package/dist/docs/agent-console.docblock.js +11 -8
- package/dist/docs/index.js +11 -8
- package/dist/example.js +2 -3
- package/dist/example.test.d.ts +1 -0
- package/dist/handlers/agent.handlers.d.ts +2 -0
- package/dist/handlers/agent.handlers.js +1883 -2
- package/dist/handlers/index.d.ts +1 -3
- package/dist/handlers/index.js +2142 -8
- package/dist/handlers/mock-handlers.test.d.ts +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +3347 -2433
- package/dist/node/agent/agent.handler.js +730 -1
- package/dist/node/agent/index.js +73 -72
- package/dist/node/agent.feature.js +179 -0
- package/dist/node/docs/agent-console.docblock.js +11 -8
- package/dist/node/docs/index.js +11 -8
- package/dist/node/example.js +2 -3
- package/dist/node/handlers/agent.handlers.js +1883 -2
- package/dist/node/handlers/index.js +2142 -8
- package/dist/node/index.js +3347 -2433
- package/dist/node/presentations/index.js +49 -49
- package/dist/node/run/index.js +818 -812
- package/dist/node/run/run.handler.js +666 -1
- package/dist/node/shared/index.js +293 -1
- package/dist/node/shared/mock-runs.js +5 -0
- package/dist/node/tool/index.js +331 -331
- package/dist/node/tool/tool.handler.js +479 -3
- package/dist/node/ui/AgentDashboard.js +1204 -319
- package/dist/node/ui/AgentDashboard.visualizations.js +217 -0
- package/dist/node/ui/AgentRunList.js +359 -127
- package/dist/node/ui/hooks/index.js +468 -18
- package/dist/node/ui/hooks/useAgentMutations.js +443 -8
- package/dist/node/ui/hooks/useRunList.js +25 -10
- package/dist/node/ui/index.js +1293 -390
- package/dist/node/ui/renderers/agent-list.markdown.js +14 -5
- package/dist/node/ui/renderers/dashboard.markdown.js +207 -36
- package/dist/node/ui/renderers/index.js +245 -49
- package/dist/node/ui/renderers/run-list.markdown.js +9 -4
- package/dist/node/ui/renderers/tool-registry.markdown.js +15 -4
- package/dist/node/ui/views/RunDataTable.js +326 -0
- package/dist/node/ui/views/RunListView.js +359 -127
- package/dist/node/ui/views/index.js +406 -174
- package/dist/node/ui/views/run-data-table.columns.js +271 -0
- package/dist/node/ui/views/run-list.shared.js +177 -0
- package/dist/node/visualizations/catalog.js +134 -0
- package/dist/node/visualizations/index.js +187 -0
- package/dist/node/visualizations/selectors.js +181 -0
- package/dist/presentations/index.js +49 -49
- package/dist/proof/index.d.ts +2 -0
- package/dist/proof/meetup-proof.d.ts +10 -0
- package/dist/proof/meetup-proof.runtime.d.ts +22 -0
- package/dist/proof/meetup-proof.scenario.d.ts +2 -0
- package/dist/proof/meetup-proof.suite.d.ts +1 -0
- package/dist/proof/meetup-proof.test.d.ts +1 -0
- package/dist/run/index.js +818 -812
- package/dist/run/run.handler.d.ts +4 -0
- package/dist/run/run.handler.js +666 -1
- package/dist/shared/demo-dashboard-data.d.ts +16 -0
- package/dist/shared/demo-runtime-seed.d.ts +17 -0
- package/dist/shared/demo-runtime.d.ts +8 -0
- package/dist/shared/demo-runtime.test.d.ts +1 -0
- package/dist/shared/index.d.ts +3 -0
- package/dist/shared/index.js +293 -1
- package/dist/shared/mock-runs.d.ts +4 -0
- package/dist/shared/mock-runs.js +5 -0
- package/dist/tool/index.js +331 -331
- package/dist/tool/tool.handler.d.ts +4 -1
- package/dist/tool/tool.handler.js +479 -3
- package/dist/ui/AgentDashboard.js +1204 -319
- package/dist/ui/AgentDashboard.sandbox.test.d.ts +1 -0
- package/dist/ui/AgentDashboard.visualizations.d.ts +4 -0
- package/dist/ui/AgentDashboard.visualizations.js +218 -0
- package/dist/ui/AgentRunList.js +359 -127
- package/dist/ui/hooks/index.js +468 -18
- package/dist/ui/hooks/useAgentMutations.js +443 -8
- package/dist/ui/hooks/useRunList.d.ts +8 -2
- package/dist/ui/hooks/useRunList.js +25 -10
- package/dist/ui/index.js +1293 -390
- package/dist/ui/renderers/agent-list.markdown.js +14 -5
- package/dist/ui/renderers/dashboard.markdown.js +207 -36
- package/dist/ui/renderers/index.js +245 -49
- package/dist/ui/renderers/run-list.markdown.js +9 -4
- package/dist/ui/renderers/tool-registry.markdown.d.ts +1 -1
- package/dist/ui/renderers/tool-registry.markdown.js +15 -4
- package/dist/ui/views/RunDataTable.d.ts +18 -0
- package/dist/ui/views/RunDataTable.js +327 -0
- package/dist/ui/views/RunListView.js +359 -127
- package/dist/ui/views/index.js +406 -174
- package/dist/ui/views/run-data-table.columns.d.ts +3 -0
- package/dist/ui/views/run-data-table.columns.js +272 -0
- package/dist/ui/views/run-list.shared.d.ts +14 -0
- package/dist/ui/views/run-list.shared.js +178 -0
- package/dist/visualizations/catalog.d.ts +10 -0
- package/dist/visualizations/catalog.js +135 -0
- package/dist/visualizations/index.d.ts +2 -0
- package/dist/visualizations/index.js +188 -0
- package/dist/visualizations/selectors.d.ts +3 -0
- package/dist/visualizations/selectors.js +182 -0
- package/dist/visualizations/selectors.test.d.ts +1 -0
- package/package.json +112 -10
- package/proofs/agent-console-meetup.replay.json +220 -0
- package/src/agent/agent.handler.ts +18 -1
- package/src/agent.feature.ts +3 -0
- package/src/docs/agent-console.docblock.ts +11 -8
- package/src/example.test.ts +75 -0
- package/src/example.ts +2 -3
- package/src/handlers/agent.handlers.ts +55 -2
- package/src/handlers/index.ts +18 -2
- package/src/handlers/mock-handlers.test.ts +77 -0
- package/src/index.ts +2 -0
- package/src/proof/index.ts +2 -0
- package/src/proof/meetup-proof.runtime.ts +196 -0
- package/src/proof/meetup-proof.scenario.ts +99 -0
- package/src/proof/meetup-proof.suite.ts +29 -0
- package/src/proof/meetup-proof.test.ts +28 -0
- package/src/proof/meetup-proof.ts +130 -0
- package/src/run/run.handler.ts +17 -1
- package/src/shared/demo-dashboard-data.ts +58 -0
- package/src/shared/demo-runtime-seed.ts +139 -0
- package/src/shared/demo-runtime.test.ts +169 -0
- package/src/shared/demo-runtime.ts +260 -0
- package/src/shared/index.ts +11 -0
- package/src/shared/mock-runs.ts +5 -0
- package/src/tool/tool.handler.ts +21 -4
- package/src/ui/AgentDashboard.sandbox.test.tsx +312 -0
- package/src/ui/AgentDashboard.tsx +4 -1
- package/src/ui/AgentDashboard.visualizations.tsx +35 -0
- package/src/ui/hooks/useAgentMutations.ts +19 -11
- package/src/ui/hooks/useRunList.ts +41 -9
- package/src/ui/renderers/agent-list.markdown.ts +31 -12
- package/src/ui/renderers/dashboard.markdown.ts +37 -42
- package/src/ui/renderers/run-list.markdown.ts +16 -8
- package/src/ui/renderers/tool-registry.markdown.ts +21 -9
- package/src/ui/views/RunDataTable.tsx +74 -0
- package/src/ui/views/RunListView.tsx +37 -111
- package/src/ui/views/run-data-table.columns.tsx +102 -0
- package/src/ui/views/run-list.shared.tsx +139 -0
- package/src/visualizations/catalog.ts +132 -0
- package/src/visualizations/index.ts +2 -0
- package/src/visualizations/selectors.test.ts +12 -0
- package/src/visualizations/selectors.ts +70 -0
- package/tsdown.config.js +17 -0
|
@@ -476,78 +476,6 @@ var MOCK_TOOLS = [
|
|
|
476
476
|
}
|
|
477
477
|
];
|
|
478
478
|
|
|
479
|
-
// src/agent/agent.handler.ts
|
|
480
|
-
async function mockListAgentsHandler(input) {
|
|
481
|
-
const {
|
|
482
|
-
organizationId,
|
|
483
|
-
status,
|
|
484
|
-
modelProvider,
|
|
485
|
-
search,
|
|
486
|
-
limit = 20,
|
|
487
|
-
offset = 0
|
|
488
|
-
} = input;
|
|
489
|
-
let filtered = MOCK_AGENTS.filter((a) => a.organizationId === organizationId);
|
|
490
|
-
if (status)
|
|
491
|
-
filtered = filtered.filter((a) => a.status === status);
|
|
492
|
-
if (modelProvider)
|
|
493
|
-
filtered = filtered.filter((a) => a.modelProvider === modelProvider);
|
|
494
|
-
if (search) {
|
|
495
|
-
const q = search.toLowerCase();
|
|
496
|
-
filtered = filtered.filter((a) => a.name.toLowerCase().includes(q) || a.description?.toLowerCase().includes(q) || a.tags?.some((t) => t.toLowerCase().includes(q)));
|
|
497
|
-
}
|
|
498
|
-
const total = filtered.length;
|
|
499
|
-
const items = filtered.slice(offset, offset + limit).map((a) => ({
|
|
500
|
-
id: a.id,
|
|
501
|
-
name: a.name,
|
|
502
|
-
slug: a.slug,
|
|
503
|
-
description: a.description,
|
|
504
|
-
status: a.status,
|
|
505
|
-
modelProvider: a.modelProvider,
|
|
506
|
-
modelName: a.modelName,
|
|
507
|
-
version: a.version,
|
|
508
|
-
createdAt: a.createdAt
|
|
509
|
-
}));
|
|
510
|
-
return { items, total, hasMore: offset + limit < total };
|
|
511
|
-
}
|
|
512
|
-
async function mockGetAgentHandler(input) {
|
|
513
|
-
const agent = MOCK_AGENTS.find((a) => a.id === input.agentId);
|
|
514
|
-
if (!agent)
|
|
515
|
-
throw new Error("AGENT_NOT_FOUND");
|
|
516
|
-
const result = { ...agent, toolIds: ["tool-1", "tool-2"] };
|
|
517
|
-
if (input.includeTools) {
|
|
518
|
-
result.tools = MOCK_TOOLS.slice(0, 2).map((t) => ({
|
|
519
|
-
id: t.id,
|
|
520
|
-
name: t.name,
|
|
521
|
-
slug: t.slug,
|
|
522
|
-
description: t.description,
|
|
523
|
-
category: t.category
|
|
524
|
-
}));
|
|
525
|
-
}
|
|
526
|
-
return result;
|
|
527
|
-
}
|
|
528
|
-
async function mockCreateAgentHandler(input) {
|
|
529
|
-
const exists = MOCK_AGENTS.some((a) => a.organizationId === input.organizationId && a.slug === input.slug);
|
|
530
|
-
if (exists)
|
|
531
|
-
throw new Error("SLUG_EXISTS");
|
|
532
|
-
return {
|
|
533
|
-
id: `agent-${Date.now()}`,
|
|
534
|
-
name: input.name,
|
|
535
|
-
slug: input.slug,
|
|
536
|
-
status: "DRAFT"
|
|
537
|
-
};
|
|
538
|
-
}
|
|
539
|
-
async function mockUpdateAgentHandler(input) {
|
|
540
|
-
const agent = MOCK_AGENTS.find((a) => a.id === input.agentId);
|
|
541
|
-
if (!agent)
|
|
542
|
-
throw new Error("AGENT_NOT_FOUND");
|
|
543
|
-
return {
|
|
544
|
-
id: agent.id,
|
|
545
|
-
name: input.name ?? agent.name,
|
|
546
|
-
status: input.status ?? agent.status,
|
|
547
|
-
updatedAt: new Date
|
|
548
|
-
};
|
|
549
|
-
}
|
|
550
|
-
|
|
551
479
|
// src/agent/agent.schema.ts
|
|
552
480
|
import { defineSchemaModel as defineSchemaModel2, ScalarTypeEnum as ScalarTypeEnum2 } from "@contractspec/lib.schema";
|
|
553
481
|
var AgentModel = defineSchemaModel2({
|
|
@@ -1144,6 +1072,79 @@ var RemoveToolFromAgentCommand = defineCommand({
|
|
|
1144
1072
|
}
|
|
1145
1073
|
});
|
|
1146
1074
|
|
|
1075
|
+
// src/agent/agent.handler.ts
|
|
1076
|
+
var nextMockAgentId = MOCK_AGENTS.length + 1;
|
|
1077
|
+
async function mockListAgentsHandler(input) {
|
|
1078
|
+
const {
|
|
1079
|
+
organizationId,
|
|
1080
|
+
status,
|
|
1081
|
+
modelProvider,
|
|
1082
|
+
search,
|
|
1083
|
+
limit = 20,
|
|
1084
|
+
offset = 0
|
|
1085
|
+
} = input;
|
|
1086
|
+
let filtered = MOCK_AGENTS.filter((a) => a.organizationId === organizationId);
|
|
1087
|
+
if (status)
|
|
1088
|
+
filtered = filtered.filter((a) => a.status === status);
|
|
1089
|
+
if (modelProvider)
|
|
1090
|
+
filtered = filtered.filter((a) => a.modelProvider === modelProvider);
|
|
1091
|
+
if (search) {
|
|
1092
|
+
const q = search.toLowerCase();
|
|
1093
|
+
filtered = filtered.filter((a) => a.name.toLowerCase().includes(q) || a.description?.toLowerCase().includes(q) || a.tags?.some((t) => t.toLowerCase().includes(q)));
|
|
1094
|
+
}
|
|
1095
|
+
const total = filtered.length;
|
|
1096
|
+
const items = filtered.slice(offset, offset + limit).map((a) => ({
|
|
1097
|
+
id: a.id,
|
|
1098
|
+
name: a.name,
|
|
1099
|
+
slug: a.slug,
|
|
1100
|
+
description: a.description,
|
|
1101
|
+
status: a.status,
|
|
1102
|
+
modelProvider: a.modelProvider,
|
|
1103
|
+
modelName: a.modelName,
|
|
1104
|
+
version: a.version,
|
|
1105
|
+
createdAt: a.createdAt
|
|
1106
|
+
}));
|
|
1107
|
+
return { items, total, hasMore: offset + limit < total };
|
|
1108
|
+
}
|
|
1109
|
+
async function mockGetAgentHandler(input) {
|
|
1110
|
+
const agent = MOCK_AGENTS.find((a) => a.id === input.agentId);
|
|
1111
|
+
if (!agent)
|
|
1112
|
+
throw new Error("AGENT_NOT_FOUND");
|
|
1113
|
+
const result = { ...agent, toolIds: ["tool-1", "tool-2"] };
|
|
1114
|
+
if (input.includeTools) {
|
|
1115
|
+
result.tools = MOCK_TOOLS.slice(0, 2).map((t) => ({
|
|
1116
|
+
id: t.id,
|
|
1117
|
+
name: t.name,
|
|
1118
|
+
slug: t.slug,
|
|
1119
|
+
description: t.description,
|
|
1120
|
+
category: t.category
|
|
1121
|
+
}));
|
|
1122
|
+
}
|
|
1123
|
+
return result;
|
|
1124
|
+
}
|
|
1125
|
+
async function mockCreateAgentHandler(input) {
|
|
1126
|
+
const exists = MOCK_AGENTS.some((a) => a.organizationId === input.organizationId && a.slug === input.slug);
|
|
1127
|
+
if (exists)
|
|
1128
|
+
throw new Error("SLUG_EXISTS");
|
|
1129
|
+
return {
|
|
1130
|
+
id: `agent-${nextMockAgentId++}`,
|
|
1131
|
+
name: input.name,
|
|
1132
|
+
slug: input.slug,
|
|
1133
|
+
status: "DRAFT"
|
|
1134
|
+
};
|
|
1135
|
+
}
|
|
1136
|
+
async function mockUpdateAgentHandler(input) {
|
|
1137
|
+
const agent = MOCK_AGENTS.find((a) => a.id === input.agentId);
|
|
1138
|
+
if (!agent)
|
|
1139
|
+
throw new Error("AGENT_NOT_FOUND");
|
|
1140
|
+
return {
|
|
1141
|
+
id: agent.id,
|
|
1142
|
+
name: input.name ?? agent.name,
|
|
1143
|
+
status: input.status ?? agent.status,
|
|
1144
|
+
updatedAt: new Date
|
|
1145
|
+
};
|
|
1146
|
+
}
|
|
1147
|
+
|
|
1147
1148
|
// src/agent/agent.presentation.ts
|
|
1148
1149
|
import {
|
|
1149
1150
|
definePresentation,
|
|
@@ -1,3 +1,181 @@
|
|
|
1
|
+
// src/visualizations/catalog.ts
|
|
2
|
+
import {
|
|
3
|
+
defineVisualization,
|
|
4
|
+
VisualizationRegistry
|
|
5
|
+
} from "@contractspec/lib.contracts-spec/visualizations";
|
|
6
|
+
var RUN_LIST_REF = { key: "agent.run.list", version: "1.0.0" };
|
|
7
|
+
var META = {
|
|
8
|
+
version: "1.0.0",
|
|
9
|
+
domain: "ai-ops",
|
|
10
|
+
stability: "experimental",
|
|
11
|
+
owners: ["@example.agent-console"],
|
|
12
|
+
tags: ["agent-console", "visualization", "operations"]
|
|
13
|
+
};
|
|
14
|
+
var AgentRunStatusVisualization = defineVisualization({
|
|
15
|
+
meta: {
|
|
16
|
+
...META,
|
|
17
|
+
key: "agent-console.visualization.run-status",
|
|
18
|
+
title: "Run Status Breakdown",
|
|
19
|
+
description: "Distribution of run outcomes across the current sample.",
|
|
20
|
+
goal: "Make operational success and failure mix visible at a glance.",
|
|
21
|
+
context: "Agent operations overview."
|
|
22
|
+
},
|
|
23
|
+
source: { primary: RUN_LIST_REF, resultPath: "data" },
|
|
24
|
+
visualization: {
|
|
25
|
+
kind: "pie",
|
|
26
|
+
nameDimension: "status",
|
|
27
|
+
valueMeasure: "runs",
|
|
28
|
+
dimensions: [
|
|
29
|
+
{ key: "status", label: "Status", dataPath: "status", type: "category" }
|
|
30
|
+
],
|
|
31
|
+
measures: [
|
|
32
|
+
{ key: "runs", label: "Runs", dataPath: "runs", format: "number" }
|
|
33
|
+
],
|
|
34
|
+
table: { caption: "Run counts by status." }
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
var AgentRunActivityVisualization = defineVisualization({
|
|
38
|
+
meta: {
|
|
39
|
+
...META,
|
|
40
|
+
key: "agent-console.visualization.run-activity",
|
|
41
|
+
title: "Recent Run Activity",
|
|
42
|
+
description: "Daily run volume across the current sample.",
|
|
43
|
+
goal: "Show whether agent activity is rising or slowing down.",
|
|
44
|
+
context: "Operations trend monitoring."
|
|
45
|
+
},
|
|
46
|
+
source: { primary: RUN_LIST_REF, resultPath: "data" },
|
|
47
|
+
visualization: {
|
|
48
|
+
kind: "cartesian",
|
|
49
|
+
variant: "line",
|
|
50
|
+
xDimension: "day",
|
|
51
|
+
yMeasures: ["runs"],
|
|
52
|
+
dimensions: [{ key: "day", label: "Day", dataPath: "day", type: "time" }],
|
|
53
|
+
measures: [
|
|
54
|
+
{
|
|
55
|
+
key: "runs",
|
|
56
|
+
label: "Runs",
|
|
57
|
+
dataPath: "runs",
|
|
58
|
+
format: "number",
|
|
59
|
+
color: "#0f766e"
|
|
60
|
+
}
|
|
61
|
+
],
|
|
62
|
+
table: { caption: "Daily run counts." }
|
|
63
|
+
}
|
|
64
|
+
});
|
|
65
|
+
var AgentRunEfficiencyVisualization = defineVisualization({
|
|
66
|
+
meta: {
|
|
67
|
+
...META,
|
|
68
|
+
key: "agent-console.visualization.run-efficiency",
|
|
69
|
+
title: "Duration vs Tokens",
|
|
70
|
+
description: "Scatter chart comparing token consumption and runtime.",
|
|
71
|
+
goal: "Reveal outlier runs that are slow relative to their token usage.",
|
|
72
|
+
context: "Operational performance diagnostics."
|
|
73
|
+
},
|
|
74
|
+
source: { primary: RUN_LIST_REF, resultPath: "data" },
|
|
75
|
+
visualization: {
|
|
76
|
+
kind: "cartesian",
|
|
77
|
+
variant: "scatter",
|
|
78
|
+
xDimension: "totalTokens",
|
|
79
|
+
yMeasures: ["durationMs"],
|
|
80
|
+
dimensions: [
|
|
81
|
+
{
|
|
82
|
+
key: "totalTokens",
|
|
83
|
+
label: "Total Tokens",
|
|
84
|
+
dataPath: "totalTokens",
|
|
85
|
+
type: "number"
|
|
86
|
+
}
|
|
87
|
+
],
|
|
88
|
+
measures: [
|
|
89
|
+
{
|
|
90
|
+
key: "durationMs",
|
|
91
|
+
label: "Duration",
|
|
92
|
+
dataPath: "durationMs",
|
|
93
|
+
format: "duration",
|
|
94
|
+
color: "#7c3aed"
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
key: "estimatedCostUsd",
|
|
98
|
+
label: "Cost",
|
|
99
|
+
dataPath: "estimatedCostUsd",
|
|
100
|
+
format: "currency"
|
|
101
|
+
}
|
|
102
|
+
],
|
|
103
|
+
series: [
|
|
104
|
+
{
|
|
105
|
+
key: "runs",
|
|
106
|
+
label: "Runs",
|
|
107
|
+
measure: "durationMs",
|
|
108
|
+
type: "scatter",
|
|
109
|
+
color: "#7c3aed"
|
|
110
|
+
}
|
|
111
|
+
],
|
|
112
|
+
table: { caption: "Run duration versus token usage." }
|
|
113
|
+
}
|
|
114
|
+
});
|
|
115
|
+
var AgentVisualizationSpecs = [
|
|
116
|
+
AgentRunStatusVisualization,
|
|
117
|
+
AgentRunActivityVisualization,
|
|
118
|
+
AgentRunEfficiencyVisualization
|
|
119
|
+
];
|
|
120
|
+
var AgentVisualizationRegistry = new VisualizationRegistry([
|
|
121
|
+
...AgentVisualizationSpecs
|
|
122
|
+
]);
|
|
123
|
+
var AgentVisualizationRefs = AgentVisualizationSpecs.map((spec) => ({
|
|
124
|
+
key: spec.meta.key,
|
|
125
|
+
version: spec.meta.version
|
|
126
|
+
}));
|
|
127
|
+
|
|
128
|
+
// src/visualizations/selectors.ts
|
|
129
|
+
function dayKey(value) {
|
|
130
|
+
if (!value)
|
|
131
|
+
return "unknown";
|
|
132
|
+
return value.toISOString().slice(0, 10);
|
|
133
|
+
}
|
|
134
|
+
function createAgentVisualizationItems(runs) {
|
|
135
|
+
const statusCounts = new Map;
|
|
136
|
+
const activityCounts = new Map;
|
|
137
|
+
for (const run of runs) {
|
|
138
|
+
statusCounts.set(run.status, (statusCounts.get(run.status) ?? 0) + 1);
|
|
139
|
+
activityCounts.set(dayKey(run.startedAt ?? run.queuedAt), (activityCounts.get(dayKey(run.startedAt ?? run.queuedAt)) ?? 0) + 1);
|
|
140
|
+
}
|
|
141
|
+
return [
|
|
142
|
+
{
|
|
143
|
+
key: "run-status",
|
|
144
|
+
spec: AgentRunStatusVisualization,
|
|
145
|
+
data: {
|
|
146
|
+
data: Array.from(statusCounts.entries()).map(([status, count]) => ({
|
|
147
|
+
status,
|
|
148
|
+
runs: count
|
|
149
|
+
}))
|
|
150
|
+
},
|
|
151
|
+
title: "Run Status Breakdown",
|
|
152
|
+
description: "Completed, failed, running, and cancelled runs in the sample.",
|
|
153
|
+
height: 260
|
|
154
|
+
},
|
|
155
|
+
{
|
|
156
|
+
key: "run-activity",
|
|
157
|
+
spec: AgentRunActivityVisualization,
|
|
158
|
+
data: {
|
|
159
|
+
data: Array.from(activityCounts.entries()).sort(([left], [right]) => left.localeCompare(right)).map(([day, count]) => ({ day, runs: count }))
|
|
160
|
+
},
|
|
161
|
+
title: "Recent Run Activity",
|
|
162
|
+
description: "Daily run volume derived from run start times."
|
|
163
|
+
},
|
|
164
|
+
{
|
|
165
|
+
key: "run-efficiency",
|
|
166
|
+
spec: AgentRunEfficiencyVisualization,
|
|
167
|
+
data: {
|
|
168
|
+
data: runs.filter((run) => typeof run.durationMs === "number").map((run) => ({
|
|
169
|
+
totalTokens: run.totalTokens,
|
|
170
|
+
durationMs: run.durationMs ?? 0,
|
|
171
|
+
estimatedCostUsd: run.estimatedCostUsd
|
|
172
|
+
}))
|
|
173
|
+
},
|
|
174
|
+
title: "Duration vs Tokens",
|
|
175
|
+
description: "Operational scatter plot for spotting inefficient runs."
|
|
176
|
+
}
|
|
177
|
+
];
|
|
178
|
+
}
|
|
1
179
|
// src/agent.feature.ts
|
|
2
180
|
import { defineFeature } from "@contractspec/lib.contracts-spec";
|
|
3
181
|
var AgentConsoleFeature = defineFeature({
|
|
@@ -104,6 +282,7 @@ var AgentConsoleFeature = defineFeature({
|
|
|
104
282
|
targets: ["react", "markdown", "application/json"]
|
|
105
283
|
}
|
|
106
284
|
],
|
|
285
|
+
visualizations: AgentVisualizationRefs,
|
|
107
286
|
capabilities: {
|
|
108
287
|
requires: [
|
|
109
288
|
{ key: "identity", version: "1.0.0" },
|
|
@@ -29,19 +29,21 @@ var agentConsoleDocBlocks = [
|
|
|
29
29
|
visibility: "public",
|
|
30
30
|
route: "/docs/examples/agent-console/usage",
|
|
31
31
|
tags: ["ai", "agents", "usage"],
|
|
32
|
-
body: `##
|
|
33
|
-
1)
|
|
34
|
-
2)
|
|
32
|
+
body: `## Canonical walkthrough
|
|
33
|
+
1) Open the default sandbox route at \`/sandbox\` or \`/sandbox?template=agent-console\`.
|
|
34
|
+
2) Inspect seeded agents, tools, runs, and metrics from the deterministic demo runtime.
|
|
35
|
+
3) Create an agent, activate it, execute a run, and confirm the metrics update.
|
|
36
|
+
4) Generate or inspect the replay proof at \`packages/examples/agent-console/proofs/agent-console-meetup.replay.json\`.
|
|
35
37
|
|
|
36
38
|
## Extend & regenerate
|
|
37
|
-
1) Adjust tool schemas (inputs/outputs), agent configs, run metrics in spec.
|
|
39
|
+
1) Adjust tool schemas (inputs/outputs), agent configs, and run metrics in spec.
|
|
38
40
|
2) Regenerate to sync UI/API/events/logs; mark PII paths for run payloads.
|
|
39
|
-
3)
|
|
41
|
+
3) Keep the demo runtime deterministic unless you are explicitly validating live providers.
|
|
40
42
|
|
|
41
43
|
## Guardrails
|
|
42
44
|
- Emit events for run lifecycle; store logs with redaction where needed.
|
|
43
45
|
- Enforce tool input validation; avoid unsafe arbitrary code exec in handlers.
|
|
44
|
-
- Keep tenant/user scoping explicit for ops data.`
|
|
46
|
+
- Keep tenant/user scoping explicit for ops data and keep meetup demos offline-safe by default.`
|
|
45
47
|
},
|
|
46
48
|
{
|
|
47
49
|
id: "docs.examples.agent-console.reference",
|
|
@@ -61,11 +63,12 @@ var agentConsoleDocBlocks = [
|
|
|
61
63
|
- tool.created, agent.created, run.started/completed/failed, tool.invoked.
|
|
62
64
|
|
|
63
65
|
## Presentations
|
|
64
|
-
- Tool registry, agent list/detail, run list/detail, metrics dashboards.
|
|
66
|
+
- Tool registry, agent list/detail, run list/detail, metrics dashboards, and a server-mode shared table for run history.
|
|
65
67
|
|
|
66
68
|
## Notes
|
|
67
69
|
- Keep tool schemas explicit; enforce validation in spec.
|
|
68
|
-
- Use
|
|
70
|
+
- Use the seeded demo runtime for sandbox and markdown walkthroughs.
|
|
71
|
+
- Generate a replay bundle before demos or talks so the walkthrough has proof output ready.`
|
|
69
72
|
},
|
|
70
73
|
{
|
|
71
74
|
id: "docs.examples.agent-console.constraints",
|
|
@@ -29,19 +29,21 @@ var agentConsoleDocBlocks = [
|
|
|
29
29
|
visibility: "public",
|
|
30
30
|
route: "/docs/examples/agent-console/usage",
|
|
31
31
|
tags: ["ai", "agents", "usage"],
|
|
32
|
-
body: `##
|
|
33
|
-
1)
|
|
34
|
-
2)
|
|
32
|
+
body: `## Canonical walkthrough
|
|
33
|
+
1) Open the default sandbox route at \`/sandbox\` or \`/sandbox?template=agent-console\`.
|
|
34
|
+
2) Inspect seeded agents, tools, runs, and metrics from the deterministic demo runtime.
|
|
35
|
+
3) Create an agent, activate it, execute a run, and confirm the metrics update.
|
|
36
|
+
4) Generate or inspect the replay proof at \`packages/examples/agent-console/proofs/agent-console-meetup.replay.json\`.
|
|
35
37
|
|
|
36
38
|
## Extend & regenerate
|
|
37
|
-
1) Adjust tool schemas (inputs/outputs), agent configs, run metrics in spec.
|
|
39
|
+
1) Adjust tool schemas (inputs/outputs), agent configs, and run metrics in spec.
|
|
38
40
|
2) Regenerate to sync UI/API/events/logs; mark PII paths for run payloads.
|
|
39
|
-
3)
|
|
41
|
+
3) Keep the demo runtime deterministic unless you are explicitly validating live providers.
|
|
40
42
|
|
|
41
43
|
## Guardrails
|
|
42
44
|
- Emit events for run lifecycle; store logs with redaction where needed.
|
|
43
45
|
- Enforce tool input validation; avoid unsafe arbitrary code exec in handlers.
|
|
44
|
-
- Keep tenant/user scoping explicit for ops data.`
|
|
46
|
+
- Keep tenant/user scoping explicit for ops data and keep meetup demos offline-safe by default.`
|
|
45
47
|
},
|
|
46
48
|
{
|
|
47
49
|
id: "docs.examples.agent-console.reference",
|
|
@@ -61,11 +63,12 @@ var agentConsoleDocBlocks = [
|
|
|
61
63
|
- tool.created, agent.created, run.started/completed/failed, tool.invoked.
|
|
62
64
|
|
|
63
65
|
## Presentations
|
|
64
|
-
- Tool registry, agent list/detail, run list/detail, metrics dashboards.
|
|
66
|
+
- Tool registry, agent list/detail, run list/detail, metrics dashboards, and a server-mode shared table for run history.
|
|
65
67
|
|
|
66
68
|
## Notes
|
|
67
69
|
- Keep tool schemas explicit; enforce validation in spec.
|
|
68
|
-
- Use
|
|
70
|
+
- Use the seeded demo runtime for sandbox and markdown walkthroughs.
|
|
71
|
+
- Generate a replay bundle before demos or talks so the walkthrough has proof output ready.`
|
|
69
72
|
},
|
|
70
73
|
{
|
|
71
74
|
id: "docs.examples.agent-console.constraints",
|
package/dist/browser/example.js
CHANGED
|
@@ -8,7 +8,7 @@ var example = defineExample({
|
|
|
8
8
|
description: "AI agent ops console: tools, agents, runs, logs, and metrics (spec-first, regenerable).",
|
|
9
9
|
kind: "template",
|
|
10
10
|
visibility: "public",
|
|
11
|
-
stability: "
|
|
11
|
+
stability: "beta",
|
|
12
12
|
owners: ["@platform.core"],
|
|
13
13
|
tags: ["ai", "agents", "tools", "orchestration"]
|
|
14
14
|
},
|
|
@@ -20,8 +20,7 @@ var example = defineExample({
|
|
|
20
20
|
},
|
|
21
21
|
entrypoints: {
|
|
22
22
|
packageName: "@contractspec/example.agent-console",
|
|
23
|
-
feature: "./feature",
|
|
24
|
-
contracts: "./contracts",
|
|
23
|
+
feature: "./agent.feature",
|
|
25
24
|
presentations: "./presentations",
|
|
26
25
|
handlers: "./handlers",
|
|
27
26
|
docs: "./docs"
|