@burtson-labs/agent-ui 1.0.12 → 1.0.13
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/README.md +48 -11
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -20,24 +20,61 @@
|
|
|
20
20
|
pnpm add @burtson-labs/agent-ui
|
|
21
21
|
```
|
|
22
22
|
|
|
23
|
-
Peer-depends on React, MUI, and emotion — the host app provides them.
|
|
24
|
-
|
|
25
|
-
## <img src="https://api.iconify.design/lucide/
|
|
23
|
+
Peer-depends on React 19, MUI 7, and emotion — the host app provides them. The runtime side (the event stream the components consume) comes from [`@burtson-labs/agent-core`](https://www.npmjs.com/package/@burtson-labs/agent-core) or the pre-wired [`@burtson-labs/stealth-core-runtime`](https://www.npmjs.com/package/@burtson-labs/stealth-core-runtime).
|
|
24
|
+
|
|
25
|
+
## <img src="https://api.iconify.design/lucide/zap.svg?color=%23a60ee5&width=22" align="absmiddle"> Quick start
|
|
26
|
+
|
|
27
|
+
Components are pure — they consume props and don't reach for any host. Import the CSS once at your app root, then drop components in:
|
|
28
|
+
|
|
29
|
+
```tsx
|
|
30
|
+
import {
|
|
31
|
+
MarkdownMessage,
|
|
32
|
+
ChatComposer,
|
|
33
|
+
ChatConversation,
|
|
34
|
+
PlanTree,
|
|
35
|
+
DiffStream,
|
|
36
|
+
TelemetryPanel,
|
|
37
|
+
AgentConsole
|
|
38
|
+
} from "@burtson-labs/agent-ui";
|
|
39
|
+
import "@burtson-labs/agent-ui/styles/agent-ui.css";
|
|
40
|
+
|
|
41
|
+
function ChatPanel({ messages, onSend }) {
|
|
42
|
+
return (
|
|
43
|
+
<>
|
|
44
|
+
<ChatConversation messages={messages} />
|
|
45
|
+
<ChatComposer onSubmit={onSend} placeholder="Type a message…" />
|
|
46
|
+
</>
|
|
47
|
+
);
|
|
48
|
+
}
|
|
49
|
+
```
|
|
26
50
|
|
|
27
|
-
|
|
51
|
+
### What's in the box
|
|
52
|
+
|
|
53
|
+
| Component | What it renders |
|
|
54
|
+
|---|---|
|
|
55
|
+
| `ChatComposer` | Multi-line input + submit, with model picker, mode toggle, and skill chips |
|
|
56
|
+
| `ChatConversation` | Streaming message list with assistant / user / tool / reasoning blocks |
|
|
57
|
+
| `MarkdownMessage` | Single message bubble — markdown + syntax highlighting + file-reference links |
|
|
58
|
+
| `PlanTree` | Plan + steps tree with progress states |
|
|
59
|
+
| `PlanActivity` | Per-step activity feed (tool calls, diffs, logs) |
|
|
60
|
+
| `DiffStream` | Live unified-diff viewer for proposed edits |
|
|
61
|
+
| `DiffReview/DiffReviewPanel` | Multi-file accept / reject before applying |
|
|
62
|
+
| `TelemetryPanel` | Token usage + per-iteration timing |
|
|
63
|
+
| `AgentConsole` | Combined chat + plan + diff cockpit for the simple case |
|
|
64
|
+
| `PermissionCard` | Inline allow/deny prompt for write-tool execution |
|
|
65
|
+
| `TaskList` | Compact list of in-flight + recent agent runs |
|
|
66
|
+
| `BackgroundTaskTile` | Live tile for a subagent the parent turn spawned |
|
|
28
67
|
|
|
29
|
-
|
|
30
|
-
- [`apps/bandit-stealth/`](../../apps/bandit-stealth/) — VS Code extension webview
|
|
31
|
-
- [`apps/agent-ui-workbench/`](../../apps/agent-ui-workbench/) — mock-driven dev harness
|
|
68
|
+
## <img src="https://api.iconify.design/lucide/shield-check.svg?color=%23a60ee5&width=22" align="absmiddle"> Status
|
|
32
69
|
|
|
33
|
-
|
|
70
|
+
Stable. Used by the Bandit Stealth web app, the Bandit VS Code extension webview, and a mock-driven dev workbench. Breaking changes need a coordinated PR across the consumers.
|
|
34
71
|
|
|
35
|
-
## <img src="https://api.iconify.design/lucide/wrench.svg?color=%23a60ee5&width=22" align="absmiddle">
|
|
72
|
+
## <img src="https://api.iconify.design/lucide/wrench.svg?color=%23a60ee5&width=22" align="absmiddle"> Authoring a new component
|
|
36
73
|
|
|
37
|
-
Components live under `src/`. Each one should:
|
|
74
|
+
Components live under `src/components/`. Each one should:
|
|
38
75
|
|
|
39
76
|
1. Consume props only — no global state, no host-specific imports
|
|
40
|
-
2. Be testable from
|
|
77
|
+
2. Be testable from a mock event-source harness
|
|
41
78
|
3. Match the existing visual language (MUI primitives, dark/light theme aware)
|
|
42
79
|
|
|
43
80
|
## License
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@burtson-labs/agent-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.13",
|
|
4
4
|
"description": "UI primitives for the Bandit Agent Framework.",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"highlight.js": "^11.10.0",
|
|
29
29
|
"markdown-it": "^14.2.0",
|
|
30
30
|
"@burtson-labs/core-chat": "1.0.5",
|
|
31
|
-
"@burtson-labs/agent-core": "1.6.
|
|
31
|
+
"@burtson-labs/agent-core": "1.6.15"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"@emotion/react": ">=11.0.0",
|