agentgui 1.0.971 → 1.0.973

package/site/app/js/app.js

@@ -3,7 +3,7 @@ import * as B from './backend.js';
 
 installStyles().catch(() => {});
 
-const { AppShell, WorkspaceShell, WorkspaceRail, Topbar, Crumb, Side, Status, Chat, ChatComposer, AgentChat, ConversationList, SessionDashboard, Row, Panel, PageHeader, SearchInput, TextField, Select, Btn, Icon, EventList, Spinner, Alert, FileGrid, FileSkeleton, sortFiles, FileToolbar, RootsPicker, BreadcrumbPath, EmptyState, FileViewer, FilePreviewPane, FilePreviewCode, FilePreviewText, FilePreviewMedia, ThemeToggle, ContextPane, PromptDialog, ConfirmDialog, DropZone, UploadProgress, FilterPills, SessionMeta, BulkBar, Checkbox } = C;
+const { AppShell, WorkspaceShell, WorkspaceRail, Topbar, Crumb, Side, Status, Chat, ChatComposer, AgentChat, ConversationList, SessionDashboard, Row, Panel, PageHeader, SearchInput, TextField, Select, Btn, Icon, EventList, Spinner, Alert, FileGrid, FileSkeleton, sortFiles, FileToolbar, RootsPicker, BreadcrumbPath, EmptyState, FileViewer, FilePreviewPane, FilePreviewCode, FilePreviewText, FilePreviewMedia, ThemeToggle, ContextPane, PromptDialog, ConfirmDialog, DropZone, UploadProgress, FilterPills, SessionMeta, BulkBar, Checkbox, ShortcutList } = C;
 
 // One duration/bytes vocabulary across every surface: prefer the kit's shared
 // formatters (exported alongside the components), fall back to the local
@@ -564,7 +564,7 @@ function view() {
 
   const shortcutsHint = state.showShortcuts
     ? Alert({ key: 'sc', kind: 'info', title: 'Keyboard shortcuts',
-        children: SHORTCUTS.map(s => s.keys + ' - ' + s.desc).join(' · ') })
+        children: ShortcutList({ shortcuts: SHORTCUTS }) })
     : null;
   const main = h('div', { id: 'agentgui-main', role: 'region', 'aria-label': 'main content', 'data-chat-scroll': '', class: 'agentgui-main agentgui-main-' + state.tab }, [shortcutsHint, ...mainContent()].filter(Boolean));
 
@@ -2570,7 +2570,8 @@ function historyMain() {
               label: 'copy', title: 'copy event',
               onClick: () => copyText(full || raw || ('(' + type + ')'), 'event copied'),
             }] : undefined,
-            title: expanded ? (full || '(' + type + ')') : (collapsedTitle || '(' + type + ')'),
+            title: expanded ? (text || '(' + type + ')') : (collapsedTitle || '(' + type + ')'),
+            detail: expanded && e.toolInput ? JSON.stringify(e.toolInput, null, 2) : undefined,
             // Guard ts: a missing/zero timestamp renders "Invalid Date" otherwise.
             // Every row is click-to-expand, so always show the affordance word
             // (not only when text overflows 220 chars).
@@ -2710,6 +2711,7 @@ function historySide() {
           key: 'sr-' + (r.sid || '?') + '-' + i,
           rank: String(i + 1).padStart(3, '0'),
           title: r.snippet || '(no snippet)',
+          highlight: state.searchQ || undefined,
           sub: (projectLabel(r.project) || '?') + ' · ' + (r.role || '?') + (r.tool ? ' · ' + r.tool : '') + (r.ts ? ' · ' + fmtRelTime(r.ts) : ''),
           // Rail carries the same semantics as session rows: error > subagent > normal.
           rail: r.isError ? 'flame' : (r.isSubagent ? 'purple' : 'green'),
@@ -2752,16 +2754,16 @@ function historySide() {
           onInput: (v) => { state.searchQ = v; debouncedSearch(); },
         }),
         state.searchBusy
-          ? h('div', { key: 'searchbusy', class: 'lede empty-state', role: 'status' }, Spinner({ key: 'ss', size: 'sm' }), 'searching…')
+          ? h('div', { key: 'searchbusy', class: 'lede empty-state empty-state--inline', role: 'status' }, Spinner({ key: 'ss', size: 'sm' }), 'searching…')
           : null,
         searching && state.searchHits.error
           ? Alert({ key: 'searcherr', kind: 'error', title: 'Search failed', children: state.searchHits.error })
           : null,
         searching && !state.searchBusy && !state.searchHits.error && (state.searchHits.results || []).length === 0
-          ? h('p', { key: 'nomatch', class: 'lede empty-state' }, 'no matches for "' + state.searchQ + '"')
+          ? h('p', { key: 'nomatch', class: 'lede empty-state empty-state--inline' }, 'no matches for "' + state.searchQ + '"')
           : null,
         state.searchQ.trim().length === 1
-          ? h('p', { key: 'min2', class: 'lede empty-state' }, 'type at least 2 characters to search')
+          ? h('p', { key: 'min2', class: 'lede empty-state empty-state--inline' }, 'type at least 2 characters to search')
           : null,
         state.searchQ
           ? Btn({ key: 'clearq', onClick: () => { state.searchQ = ''; state.searchHits = null; state.searchBusy = false; writeHash(); render(); }, children: 'clear search' })
@@ -2961,8 +2963,7 @@ function keyboardPanel() {
   return Panel({
     id: 'keyboard',
     title: 'keyboard',
-    children: SHORTCUTS.map((s, i) =>
-      h('div', { key: 'kb' + i, class: 'lede' }, s.keys + ' - ' + s.desc)),
+    children: ShortcutList({ shortcuts: SHORTCUTS }),
   });
 }
 
@@ -3008,7 +3009,7 @@ function preferencesPanel() {
           onClick: savedChat ? () => downloadBlob(savedChat, 'agentgui-chat-' + dateStamp() + '.json', 'application/json') : undefined,
           children: savedChat ? 'export chat' : 'no saved chat' })),
       h('div', { key: 'cwdnote', class: 'lede agentgui-field-my' },
-        'working directory: set per-chat in the chat composer’s cwd bar' + (state.chatCwd ? ' (current: ' + state.chatCwd + ')' : ' (currently: server default)')),
+        'working directory: set per-chat in the chat composer\'s cwd bar' + (state.chatCwd ? ' (current: ' + state.chatCwd + ')' : ' (currently: server default)')),
       state.confirmingClearData
         ? Alert({ key: 'cld', kind: 'warn', title: 'Clear all local data?',
             children: [