agentgui 1.0.767 → 1.0.769

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentgui",
-  "version": "1.0.767",
+  "version": "1.0.769",
   "description": "Multi-agent ACP client with real-time communication",
   "type": "module",
   "main": "electron/main.js",

package/static/app.js

@@ -827,4 +827,80 @@ document.addEventListener('keydown', (e) => {
   window.showErrorToast = showErrorToast;
 })();
 
+(function initImportButton() {
+  const btn = document.getElementById('importConversationBtn');
+  if (!btn) return;
+  btn.addEventListener('click', () => {
+    const input = document.createElement('input');
+    input.type = 'file';
+    input.accept = '.json';
+    input.addEventListener('change', async () => {
+      if (!input.files[0]) return;
+      try {
+        const text = await input.files[0].text();
+        const data = JSON.parse(text);
+        if (!data.conversation || !data.messages) {
+          window.showErrorToast('Import Failed', 'Invalid format. Export a conversation as JSON first.');
+          return;
+        }
+        await window.wsClient.rpc('conv.import', data);
+      } catch (e) {
+        window.showErrorToast('Import Failed', e.message);
+      }
+    });
+    input.click();
+  });
+})();
+
+(function initArchivedView() {
+  const btn = document.getElementById('viewArchivedBtn');
+  if (!btn) return;
+  let showing = false;
+  btn.addEventListener('click', async () => {
+    const list = document.querySelector('[data-conversation-list]');
+    if (!list) return;
+    if (showing) {
+      showing = false;
+      btn.textContent = 'Archived';
+      if (window.conversationManager) window.conversationManager.render();
+      return;
+    }
+    try {
+      const base = window.__BASE_URL || '';
+      const resp = await fetch(`${base}/api/conversations/archived`);
+      const { conversations } = await resp.json();
+      if (!conversations || conversations.length === 0) {
+        window.UIDialog?.alert('No archived conversations', 'Archived');
+        return;
+      }
+      showing = true;
+      btn.textContent = 'Back';
+      list.innerHTML = conversations.map(c => `
+        <li class="conversation-item" style="cursor:default;">
+          <div class="conversation-item-content">
+            <div class="conversation-item-title">${window._escHtml(c.title || 'Untitled')}</div>
+            <div class="conversation-item-meta">${new Date(c.created_at).toLocaleDateString()}</div>
+          </div>
+          <button class="conversation-item-archive" title="Restore" data-restore-conv="${c.id}" style="opacity:1;">
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <polyline points="1 4 1 10 7 10"></polyline>
+              <path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"></path>
+            </svg>
+          </button>
+        </li>
+      `).join('');
+      list.addEventListener('click', async (e) => {
+        const restoreBtn = e.target.closest('[data-restore-conv]');
+        if (!restoreBtn) return;
+        const id = restoreBtn.dataset.restoreConv;
+        await fetch(`${base}/api/conversations/${id}/restore`, { method: 'POST' });
+        restoreBtn.closest('li').remove();
+        if (!list.querySelector('li')) { showing = false; btn.textContent = 'Archived'; if (window.conversationManager) window.conversationManager.render(); }
+      }, { once: false });
+    } catch (e) {
+      window.showErrorToast('Load Failed', e.message);
+    }
+  });
+})();
+
 window.addEventListener('load', initializeApp);

package/static/css/main.css

@@ -1156,6 +1156,12 @@
       .message { max-width: 95%; }
       .messages-wrapper { padding: 0.375rem 0.5rem; }
       .input-section { padding: 0.5rem; padding-bottom: calc(0.5rem + env(safe-area-inset-bottom)); }
+      .sidebar-header-actions { gap: 0.25rem; }
+      .sidebar-clone-btn { font-size: 0.7rem; padding: 0.25rem 0.375rem; }
+      .conversation-item-export,
+      .conversation-item-archive { display: none; }
+      .conversation-header h2 { font-size: 1.125rem; }
+      .shortcuts-panel { padding: 1rem; }
     }
 
     /* ===== SCROLLBAR STYLING ===== */

package/static/index.html

@@ -30,24 +30,26 @@
 
   <div class="app-shell">
     <!-- ===== SIDEBAR ===== -->
-    <aside class="sidebar" data-sidebar>
+    <aside class="sidebar" data-sidebar role="navigation" aria-label="Conversation history">
       <div class="sidebar-header">
         <h2>History</h2>
         <div class="sidebar-header-actions">
+          <button id="importConversationBtn" class="sidebar-clone-btn" title="Import conversation from JSON">Import</button>
+          <button id="viewArchivedBtn" class="sidebar-clone-btn" title="View archived conversations">Archived</button>
           <button id="deleteAllConversationsBtn" class="sidebar-clone-btn" data-delete-all-conversations title="Delete all conversations and Claude Code artifacts">Clear All</button>
           <button id="cloneRepoBtn" class="sidebar-clone-btn" data-clone-repo title="Clone a GitHub repo">Clone</button>
           <button id="newConversationBtn" class="sidebar-new-btn" data-new-conversation title="Start new conversation">+ New</button>
         </div>
       </div>
       <div class="sidebar-search-bar" id="sidebarSearchBar">
-        <input type="text" class="sidebar-search-input" id="sidebarSearchInput" placeholder="Search conversations..." autocomplete="off" spellcheck="false">
+        <input type="text" class="sidebar-search-input" id="sidebarSearchInput" placeholder="Search conversations..." autocomplete="off" spellcheck="false" aria-label="Search conversations">
       </div>
       <div class="clone-input-bar" id="cloneInputBar" style="display:none;">
         <input type="text" class="clone-input" id="cloneRepoInput" placeholder="org/repo" autocomplete="off" spellcheck="false">
         <button class="clone-go-btn" id="cloneGoBtn" title="Clone">Go</button>
         <button class="clone-cancel-btn" id="cloneCancelBtn" title="Cancel">&times;</button>
       </div>
-       <ul class="sidebar-list" data-conversation-list>
+       <ul class="sidebar-list" data-conversation-list role="listbox" aria-label="Conversations">
          <li class="sidebar-empty" data-conversation-empty>Loading...</li>
        </ul>
        <!-- PM2 Monitor Panel: hidden until active processes detected -->
@@ -63,7 +65,7 @@
      </aside>
 
     <!-- ===== MAIN PANEL ===== -->
-    <main id="app" class="main-panel">
+    <main id="app" class="main-panel" role="main" aria-label="Conversation">
       <!-- Header bar -->
       <div class="main-header">
         <button class="sidebar-toggle-btn" data-sidebar-toggle title="Toggle sidebar (Ctrl+B)" aria-label="Toggle sidebar">