@agent-link/server 0.1.55 → 0.1.56

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-link/server",
-  "version": "0.1.55",
+  "version": "0.1.56",
   "description": "AgentLink relay server",
   "type": "module",
   "main": "dist/index.js",

package/web/app.js

@@ -288,6 +288,7 @@ const App = {
       selectWorkDirHistory: sidebar.selectWorkDirHistory,
       removeWorkDirHistory: sidebar.removeWorkDirHistory,
       toggleWorkDirHistory: sidebar.toggleWorkDirHistory,
+      selectRecentDir: sidebar.selectRecentDir,
       // File attachments
       attachments, fileInputRef, dragOver,
       triggerFileInput: fileAttach.triggerFileInput,
@@ -345,33 +346,11 @@ const App = {
               </div>
               <div class="sidebar-workdir-header">
                 <div class="sidebar-workdir-label">Working Directory</div>
-                <div class="sidebar-workdir-actions">
-                  <button class="sidebar-change-dir-btn" @click="toggleWorkDirHistory" title="Recent directories" :disabled="isProcessing" v-if="workDirHistory.length > 1">
-                    <svg viewBox="0 0 24 24" width="12" height="12"><path fill="currentColor" d="M13 3a9 9 0 0 0-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.954 8.954 0 0 0 13 21a9 9 0 0 0 0-18zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z"/></svg>
-                  </button>
-                  <button class="sidebar-change-dir-btn" @click="openFolderPicker" title="Change working directory" :disabled="isProcessing">
-                    <svg viewBox="0 0 24 24" width="12" height="12"><path fill="currentColor" d="M10 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg>
-                  </button>
-                </div>
+                <button class="sidebar-change-dir-btn" @click="openFolderPicker" title="Change working directory" :disabled="isProcessing">
+                  <svg viewBox="0 0 24 24" width="12" height="12"><path fill="currentColor" d="M10 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg>
+                </button>
               </div>
               <div class="sidebar-workdir-path" :title="workDir">{{ workDir }}</div>
-              <!-- Workdir history dropdown -->
-              <div v-if="workDirHistoryOpen && workDirHistory.length > 1" class="workdir-history-dropdown">
-                <div
-                  v-for="dir in workDirHistory" :key="dir"
-                  :class="['workdir-history-item', { active: dir === workDir }]"
-                  @click="selectWorkDirHistory(dir)"
-                  :title="dir"
-                >
-                  <span class="workdir-history-path">{{ dir }}</span>
-                  <button
-                    v-if="dir !== workDir"
-                    class="workdir-history-remove"
-                    @click.stop="removeWorkDirHistory(dir)"
-                    title="Remove from history"
-                  >&times;</button>
-                </div>
-              </div>
             </div>
           </div>
 
@@ -642,6 +621,23 @@ const App = {
             </button>
             <input class="folder-picker-path-input" type="text" v-model="folderPickerPath" @keydown.enter="folderPickerGoToPath" placeholder="Enter path..." spellcheck="false" />
           </div>
+          <div v-if="workDirHistory.length > 0" class="folder-picker-recent">
+            <div class="folder-picker-recent-label">Recent</div>
+            <div
+              v-for="dir in workDirHistory" :key="dir"
+              :class="['folder-picker-recent-item', { active: dir === workDir }]"
+              @click="selectRecentDir(dir)"
+              :title="dir"
+            >
+              <svg viewBox="0 0 24 24" width="13" height="13"><path fill="currentColor" d="M13 3a9 9 0 0 0-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.954 8.954 0 0 0 13 21a9 9 0 0 0 0-18zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z"/></svg>
+              <span class="folder-picker-recent-path">{{ dir }}</span>
+              <button
+                class="folder-picker-recent-remove"
+                @click.stop="removeWorkDirHistory(dir)"
+                title="Remove from history"
+              >&times;</button>
+            </div>
+          </div>
           <div class="folder-picker-list">
             <div v-if="folderPickerLoading" class="folder-picker-loading">
               <div class="history-loading-spinner"></div>

package/web/modules/sidebar.js

@@ -59,6 +59,15 @@ export function createSidebar(deps) {
     wsSend({ type: 'change_workdir', workDir: dir });
   }
 
+  function selectRecentDir(dir) {
+    if (dir === workDir.value) {
+      folderPickerOpen.value = false;
+      return;
+    }
+    folderPickerOpen.value = false;
+    wsSend({ type: 'change_workdir', workDir: dir });
+  }
+
   function removeWorkDirHistory(dir) {
     const list = workDirHistory.value.filter(d => d !== dir);
     workDirHistory.value = list;
@@ -246,6 +255,7 @@ export function createSidebar(deps) {
     requestSessionList, resumeSession, newConversation, toggleSidebar,
     deleteSession, confirmDeleteSession, cancelDeleteSession,
     addToWorkDirHistory, selectWorkDirHistory, removeWorkDirHistory, toggleWorkDirHistory,
+    selectRecentDir,
     openFolderPicker, folderPickerNavigateUp, folderPickerSelectItem,
     folderPickerEnter, folderPickerGoToPath, confirmFolderPicker,
     groupedSessions,

package/web/style.css

@@ -1543,79 +1543,6 @@ body {
   cursor: not-allowed;
 }
 
-.sidebar-workdir-actions {
-  display: flex;
-  gap: 4px;
-}
-
-/* ── Workdir history dropdown ── */
-.workdir-history-dropdown {
-  margin-top: 6px;
-  border: 1px solid var(--border);
-  border-radius: 6px;
-  background: var(--bg-secondary);
-  max-height: 200px;
-  overflow-y: auto;
-}
-
-.workdir-history-item {
-  display: flex;
-  align-items: center;
-  padding: 6px 8px;
-  font-size: 0.75rem;
-  font-family: 'SF Mono', 'Fira Code', Consolas, monospace;
-  color: var(--text-primary);
-  cursor: pointer;
-  transition: background 0.1s;
-  gap: 4px;
-}
-
-.workdir-history-item:hover {
-  background: var(--bg-tertiary);
-}
-
-.workdir-history-item.active {
-  color: var(--accent);
-  font-weight: 600;
-}
-
-.workdir-history-item + .workdir-history-item {
-  border-top: 1px solid var(--border);
-}
-
-.workdir-history-path {
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.workdir-history-remove {
-  flex-shrink: 0;
-  display: none;
-  align-items: center;
-  justify-content: center;
-  width: 18px;
-  height: 18px;
-  background: none;
-  border: none;
-  border-radius: 3px;
-  color: var(--text-secondary);
-  font-size: 0.85rem;
-  cursor: pointer;
-  padding: 0;
-  line-height: 1;
-}
-
-.workdir-history-item:hover .workdir-history-remove {
-  display: flex;
-}
-
-.workdir-history-remove:hover {
-  color: var(--error);
-  background: rgba(239, 68, 68, 0.1);
-}
-
 /* ── Folder Picker Modal ── */
 .folder-picker-overlay {
   position: fixed;
@@ -1820,6 +1747,77 @@ body {
   cursor: not-allowed;
 }
 
+/* ── Folder Picker: Recent directories ── */
+.folder-picker-recent {
+  border-bottom: 1px solid var(--border);
+  padding: 6px 0;
+}
+
+.folder-picker-recent-label {
+  padding: 4px 16px 2px;
+  font-size: 0.7rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: var(--text-secondary);
+}
+
+.folder-picker-recent-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 5px 16px;
+  font-size: 0.82rem;
+  cursor: pointer;
+  color: var(--text-primary);
+  transition: background 0.1s;
+  user-select: none;
+}
+
+.folder-picker-recent-item:hover {
+  background: var(--bg-tertiary);
+}
+
+.folder-picker-recent-item.active {
+  color: var(--accent);
+}
+
+.folder-picker-recent-item svg {
+  flex-shrink: 0;
+  color: var(--text-secondary);
+}
+
+.folder-picker-recent-item.active svg {
+  color: var(--accent);
+}
+
+.folder-picker-recent-path {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.folder-picker-recent-remove {
+  background: none;
+  border: none;
+  color: var(--text-secondary);
+  font-size: 1rem;
+  cursor: pointer;
+  padding: 0 4px;
+  line-height: 1;
+  opacity: 0;
+  transition: opacity 0.15s, color 0.15s;
+}
+
+.folder-picker-recent-item:hover .folder-picker-recent-remove {
+  opacity: 1;
+}
+
+.folder-picker-recent-remove:hover {
+  color: var(--error);
+}
+
 /* ── File Upload: Attachment Bar ── */
 .attachment-bar {
   display: flex;