agentgui 1.0.623 → 1.0.625
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/docs/index.html +23 -46
- package/package.json +1 -1
package/docs/index.html
CHANGED
|
@@ -13,10 +13,33 @@
|
|
|
13
13
|
.screenshot-item:hover { transform: translateY(-4px); box-shadow: 0 16px 48px rgba(0,0,0,0.4); }
|
|
14
14
|
pre, code { font-family: 'Courier New', monospace; }
|
|
15
15
|
.arch-diagram { background: #0f172a; border: 1px solid #1e293b; border-radius: 12px; padding: 1.5rem; overflow-x: auto; color: #94a3b8; font-size: 0.8rem; line-height: 1.6; }
|
|
16
|
+
nav { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
|
|
16
17
|
</style>
|
|
17
18
|
</head>
|
|
18
19
|
<body class="bg-base-1 text-content1">
|
|
19
20
|
|
|
21
|
+
<!-- Nav -->
|
|
22
|
+
<nav class="bg-base-1/80 border-b border-base-content/10 px-6 py-3 flex items-center justify-between">
|
|
23
|
+
<span class="font-bold text-lg">AgentGUI</span>
|
|
24
|
+
<div class="flex items-center gap-3">
|
|
25
|
+
<a href="https://github.com/AnEntrypoint/agentgui" class="btn btn-sm btn-ghost">GitHub</a>
|
|
26
|
+
<a href="https://www.npmjs.com/package/agentgui" class="btn btn-sm btn-ghost">npm</a>
|
|
27
|
+
<button id="theme-toggle" onclick="toggleTheme()" class="btn btn-sm btn-ghost" title="Toggle theme">
|
|
28
|
+
<svg id="icon-sun" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" style="display:none"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg>
|
|
29
|
+
<svg id="icon-moon" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>
|
|
30
|
+
</button>
|
|
31
|
+
</div>
|
|
32
|
+
</nav>
|
|
33
|
+
<script>
|
|
34
|
+
function toggleTheme() {
|
|
35
|
+
const html = document.documentElement;
|
|
36
|
+
const isDark = html.getAttribute('data-theme') === 'dark';
|
|
37
|
+
html.setAttribute('data-theme', isDark ? 'light' : 'dark');
|
|
38
|
+
document.getElementById('icon-sun').style.display = isDark ? 'block' : 'none';
|
|
39
|
+
document.getElementById('icon-moon').style.display = isDark ? 'none' : 'block';
|
|
40
|
+
}
|
|
41
|
+
</script>
|
|
42
|
+
|
|
20
43
|
<!-- Hero -->
|
|
21
44
|
<section class="hero-gradient text-white py-24 px-4 text-center">
|
|
22
45
|
<div class="max-w-3xl mx-auto">
|
|
@@ -175,52 +198,6 @@
|
|
|
175
198
|
</div>
|
|
176
199
|
</section>
|
|
177
200
|
|
|
178
|
-
<!-- Architecture -->
|
|
179
|
-
<section class="py-16 px-4 bg-base-2">
|
|
180
|
-
<div class="max-w-5xl mx-auto">
|
|
181
|
-
<h2 class="text-3xl font-bold text-center mb-2">Architecture</h2>
|
|
182
|
-
<p class="text-content3 text-center mb-10">Built for performance, reliability, and extensibility</p>
|
|
183
|
-
<div class="arch-diagram">
|
|
184
|
-
<pre>┌─────────────────────────────────────────────────────┐
|
|
185
|
-
│ Browser Client │
|
|
186
|
-
│ ┌─────────────┐ ┌──────────────┐ ┌───────────────┐ │
|
|
187
|
-
│ │ UI Layer │ │ WebSocket │ │ Streaming │ │
|
|
188
|
-
│ │ Components │ │ Manager │ │ Renderer │ │
|
|
189
|
-
│ └─────────────┘ └──────────────┘ └───────────────┘ │
|
|
190
|
-
└─────────────────────────┬───────────────────────────┘
|
|
191
|
-
│ HTTP + WebSocket
|
|
192
|
-
┌────────▼────────┐
|
|
193
|
-
│ server.js │
|
|
194
|
-
│ HTTP + WS API │
|
|
195
|
-
└────────┬────────┘
|
|
196
|
-
┌─────────────────┼─────────────────┐
|
|
197
|
-
┌───────▼──────┐ ┌────────▼────────┐ ┌──────▼──────┐
|
|
198
|
-
│ SQLite DB │ │ Agent Runner │ │ Speech │
|
|
199
|
-
│ (WAL mode) │ │ (claude-runner) │ │ (Whisper) │
|
|
200
|
-
└──────────────┘ └────────┬────────┘ └─────────────┘
|
|
201
|
-
│
|
|
202
|
-
┌────────▼────────┐
|
|
203
|
-
│ CLI Processes │
|
|
204
|
-
│ claude / gemini │
|
|
205
|
-
└─────────────────┘</pre>
|
|
206
|
-
</div>
|
|
207
|
-
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mt-8">
|
|
208
|
-
<div class="card p-6">
|
|
209
|
-
<h3 class="font-bold text-lg mb-2">REST API</h3>
|
|
210
|
-
<p class="text-content3">Complete REST API for conversations, messages, agents, tools, and speech operations.</p>
|
|
211
|
-
</div>
|
|
212
|
-
<div class="card p-6">
|
|
213
|
-
<h3 class="font-bold text-lg mb-2">WebSocket Sync</h3>
|
|
214
|
-
<p class="text-content3">Real-time bidirectional communication with event-based streaming and subscription model.</p>
|
|
215
|
-
</div>
|
|
216
|
-
<div class="card p-6">
|
|
217
|
-
<h3 class="font-bold text-lg mb-2">SQLite WAL Mode</h3>
|
|
218
|
-
<p class="text-content3">Write-Ahead Logging for concurrent reads and writes without blocking.</p>
|
|
219
|
-
</div>
|
|
220
|
-
</div>
|
|
221
|
-
</div>
|
|
222
|
-
</section>
|
|
223
|
-
|
|
224
201
|
<!-- Installation -->
|
|
225
202
|
<section class="py-16 px-4">
|
|
226
203
|
<div class="max-w-2xl mx-auto">
|