agentgui 1.0.853 → 1.0.854
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/package.json +1 -1
- package/static/css/main.css +514 -55
- package/static/index.html +80 -56
- package/static/js/client.js +3490 -4
- package/static/js/conversations.js +699 -0
package/static/index.html
CHANGED
|
@@ -48,13 +48,30 @@
|
|
|
48
48
|
<!-- ===== SIDEBAR ===== -->
|
|
49
49
|
<aside class="sidebar" data-sidebar role="navigation" aria-label="Conversation history">
|
|
50
50
|
<div class="sidebar-header">
|
|
51
|
-
<h2>
|
|
51
|
+
<h2>AgentGUI</h2>
|
|
52
52
|
<div class="sidebar-header-actions">
|
|
53
|
-
<
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
53
|
+
<div class="sidebar-overflow-menu-wrapper">
|
|
54
|
+
<button class="sidebar-overflow-btn" id="sidebarOverflowBtn" title="More options" aria-label="More options">···</button>
|
|
55
|
+
<div class="sidebar-overflow-menu" id="sidebarOverflowMenu">
|
|
56
|
+
<button class="sidebar-overflow-menu-item" id="importConversationBtn" title="Import conversation from JSON">
|
|
57
|
+
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>
|
|
58
|
+
Import Conversation
|
|
59
|
+
</button>
|
|
60
|
+
<button class="sidebar-overflow-menu-item" id="viewArchivedBtn" title="View archived conversations">
|
|
61
|
+
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 8v13H3V8"/><path d="M1 3h22v5H1z"/><path d="M10 12h4"/></svg>
|
|
62
|
+
Archived
|
|
63
|
+
</button>
|
|
64
|
+
<button class="sidebar-overflow-menu-item" id="cloneRepoBtn" data-clone-repo title="Clone a GitHub repo">
|
|
65
|
+
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="18" cy="18" r="3"/><circle cx="6" cy="6" r="3"/><path d="M6 21V9a9 9 0 0 0 9 9"/></svg>
|
|
66
|
+
Clone Repo
|
|
67
|
+
</button>
|
|
68
|
+
<button class="sidebar-overflow-menu-item danger" id="deleteAllConversationsBtn" data-delete-all-conversations title="Delete all conversations">
|
|
69
|
+
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>
|
|
70
|
+
Clear All
|
|
71
|
+
</button>
|
|
72
|
+
</div>
|
|
73
|
+
</div>
|
|
74
|
+
<button id="newConversationBtn" class="sidebar-new-btn" data-new-conversation title="Start new conversation (Ctrl+N)">✦ New</button>
|
|
58
75
|
</div>
|
|
59
76
|
</div>
|
|
60
77
|
<div class="sidebar-search-bar" id="sidebarSearchBar">
|
|
@@ -147,9 +164,9 @@
|
|
|
147
164
|
</div>
|
|
148
165
|
</div>
|
|
149
166
|
</div>
|
|
150
|
-
<div class="status-badge">
|
|
167
|
+
<div class="status-badge" title="Connection status">
|
|
151
168
|
<div class="status-indicator" data-status="disconnected"></div>
|
|
152
|
-
<span id="connectionStatus" data-status-indicator
|
|
169
|
+
<span id="connectionStatus" data-status-indicator style="font-size:0.75rem;"></span>
|
|
153
170
|
</div>
|
|
154
171
|
<button class="theme-toggle-btn" data-theme-toggle title="Toggle dark mode" aria-label="Toggle dark mode">
|
|
155
172
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
@@ -174,6 +191,16 @@
|
|
|
174
191
|
<button class="view-toggle-btn" data-view="terminal" id="terminalTabBtn" title="Terminal"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="4 17 10 11 4 5"></polyline><line x1="12" y1="19" x2="20" y2="19"></line></svg></button>
|
|
175
192
|
</div>
|
|
176
193
|
|
|
194
|
+
<!-- Welcome empty state -->
|
|
195
|
+
<div class="welcome-screen" id="welcomeScreen">
|
|
196
|
+
<div class="welcome-logo">G</div>
|
|
197
|
+
<h1 class="welcome-title">AgentGUI</h1>
|
|
198
|
+
<p class="welcome-subtitle">Your multi-agent coding assistant</p>
|
|
199
|
+
<div class="welcome-agents-grid" id="welcomeAgentsGrid">
|
|
200
|
+
<!-- Agent cards injected by JS -->
|
|
201
|
+
</div>
|
|
202
|
+
</div>
|
|
203
|
+
|
|
177
204
|
<!-- Messages scroll area -->
|
|
178
205
|
<div id="output-scroll" role="region" aria-label="Chat messages" aria-live="polite" data-drop-zone>
|
|
179
206
|
<div class="messages-wrapper">
|
|
@@ -198,59 +225,56 @@
|
|
|
198
225
|
</div>
|
|
199
226
|
|
|
200
227
|
|
|
228
|
+
<!-- Streaming status bar -->
|
|
229
|
+
<div class="streaming-status-bar" id="streamingStatusBar">
|
|
230
|
+
<div class="typing-dots"><span></span><span></span><span></span></div>
|
|
231
|
+
<span class="status-agent-name" id="streamingStatusAgent">Claude Code</span>
|
|
232
|
+
<span style="color: var(--color-text-muted)">is thinking...</span>
|
|
233
|
+
<button class="status-cancel-btn" id="streamingStatusCancel">Cancel</button>
|
|
234
|
+
</div>
|
|
235
|
+
|
|
201
236
|
<!-- Input area: fixed at bottom -->
|
|
202
237
|
<div class="input-section">
|
|
203
|
-
|
|
238
|
+
<!-- Hidden legacy selectors for backward-compat with JS logic -->
|
|
239
|
+
<div style="display:none">
|
|
204
240
|
<select class="agent-selector cli-selector" data-cli-selector title="Select CLI tool"></select>
|
|
205
|
-
<select class="agent-selector sub-agent-selector" data-agent-selector title="Select sub-agent"
|
|
241
|
+
<select class="agent-selector sub-agent-selector" data-agent-selector title="Select sub-agent"></select>
|
|
206
242
|
<select class="model-selector" data-model-selector title="Select model" data-empty="true"></select>
|
|
207
|
-
<
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
<
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
<
|
|
220
|
-
<
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
243
|
+
<select id="presetSelector" class="preset-selector" title="Load preset"></select>
|
|
244
|
+
<textarea class="message-textarea" data-message-input rows="1" style="position:absolute;opacity:0;pointer-events:none;"></textarea>
|
|
245
|
+
</div>
|
|
246
|
+
<div class="input-card">
|
|
247
|
+
<textarea
|
|
248
|
+
class="input-card-textarea"
|
|
249
|
+
id="inputCardTextarea"
|
|
250
|
+
placeholder="Message AgentGUI... (Ctrl+Enter to send)"
|
|
251
|
+
aria-label="Message input"
|
|
252
|
+
rows="1"
|
|
253
|
+
></textarea>
|
|
254
|
+
<div class="input-card-toolbar">
|
|
255
|
+
<div class="input-card-selectors">
|
|
256
|
+
<select class="input-chip-select" id="inputCardAgentSelect" title="Select agent"></select>
|
|
257
|
+
<select class="input-chip-select" id="inputCardModelSelect" title="Select model"></select>
|
|
258
|
+
<button id="savePresetBtn" class="preset-btn input-icon-btn" title="Save current agent/model as preset" style="width:28px;height:28px;">★</button>
|
|
259
|
+
</div>
|
|
260
|
+
<div class="input-card-actions">
|
|
261
|
+
<button class="inject-btn input-icon-btn" id="injectBtn" title="Steer into running agent" aria-label="Steer/Inject" style="display:none">
|
|
262
|
+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 4 23 10 17 10"></polyline><path d="M20.49 15a9 9 0 1 1 .12-14.85"></path></svg>
|
|
263
|
+
</button>
|
|
264
|
+
<button class="queue-btn input-icon-btn" id="queueBtn" title="Queue message" aria-label="Queue message" style="display:none">
|
|
265
|
+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>
|
|
266
|
+
</button>
|
|
267
|
+
<button class="stop-btn input-icon-btn" id="stopBtn" title="Stop agent" aria-label="Stop agent" style="display:none">
|
|
268
|
+
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M6 6h12v12H6z"/></svg>
|
|
269
|
+
</button>
|
|
270
|
+
<button class="voice-mic-btn input-icon-btn" id="chatMicBtn" title="Voice input" aria-label="Voice input">
|
|
271
|
+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" y1="19" x2="12" y2="23"/><line x1="8" y1="23" x2="16" y2="23"/></svg>
|
|
272
|
+
</button>
|
|
273
|
+
<button class="send-btn input-send-btn" data-send-button title="Send message (Ctrl+Enter)" aria-label="Send message">
|
|
274
|
+
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg>
|
|
275
|
+
</button>
|
|
276
|
+
</div>
|
|
227
277
|
</div>
|
|
228
|
-
<button class="inject-btn" id="injectBtn" title="Steer or inject into running agent" aria-label="Steer/Inject">
|
|
229
|
-
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="18" height="18">
|
|
230
|
-
<polyline points="23 4 23 10 17 10"></polyline>
|
|
231
|
-
<path d="M20.49 15a9 9 0 1 1 .12-14.85"></path>
|
|
232
|
-
</svg>
|
|
233
|
-
</button>
|
|
234
|
-
<button class="queue-btn" id="queueBtn" title="Queue message for running agent" aria-label="Queue message">
|
|
235
|
-
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="18" height="18">
|
|
236
|
-
<line x1="8" y1="6" x2="21" y2="6"></line>
|
|
237
|
-
<line x1="8" y1="12" x2="21" y2="12"></line>
|
|
238
|
-
<line x1="8" y1="18" x2="21" y2="18"></line>
|
|
239
|
-
<line x1="3" y1="6" x2="3.01" y2="6"></line>
|
|
240
|
-
<line x1="3" y1="12" x2="3.01" y2="12"></line>
|
|
241
|
-
<line x1="3" y1="18" x2="3.01" y2="18"></line>
|
|
242
|
-
</svg>
|
|
243
|
-
</button>
|
|
244
|
-
<button class="stop-btn" id="stopBtn" title="Stop running agent (emergency)" aria-label="Stop agent">
|
|
245
|
-
<svg viewBox="0 0 24 24" fill="currentColor" width="18" height="18">
|
|
246
|
-
<path d="M6 6h12v12H6z"/>
|
|
247
|
-
</svg>
|
|
248
|
-
</button>
|
|
249
|
-
<button class="send-btn" data-send-button title="Send message (Ctrl+Enter)" aria-label="Send message">
|
|
250
|
-
<svg viewBox="0 0 24 24" fill="currentColor">
|
|
251
|
-
<path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/>
|
|
252
|
-
</svg>
|
|
253
|
-
</button>
|
|
254
278
|
</div>
|
|
255
279
|
</div>
|
|
256
280
|
</main>
|