@agent-link/server 0.1.77 → 0.1.79

package/package.json

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

package/web/app.js

@@ -68,6 +68,9 @@ const App = {
     const deleteConfirmOpen = ref(false);
     const deleteConfirmTitle = ref('');
 
+    // Working directory history
+    const workdirHistory = ref([]);
+
     // Authentication state
     const authRequired = ref(false);
     const authPassword = ref('');
@@ -148,6 +151,7 @@ const App = {
       folderPickerOpen, folderPickerPath, folderPickerEntries,
       folderPickerLoading, folderPickerSelected, streaming,
       deleteConfirmOpen, deleteConfirmTitle,
+      hostname, workdirHistory,
     });
 
     const { connect, wsSend, closeWs, submitPassword } = createConnection({
@@ -286,6 +290,10 @@ const App = {
       deleteSession: sidebar.deleteSession,
       confirmDeleteSession: sidebar.confirmDeleteSession,
       cancelDeleteSession: sidebar.cancelDeleteSession,
+      // Working directory history
+      filteredWorkdirHistory: sidebar.filteredWorkdirHistory,
+      switchToWorkdir: sidebar.switchToWorkdir,
+      removeFromWorkdirHistory: sidebar.removeFromWorkdirHistory,
       // Authentication
       authRequired, authPassword, authError, authAttempts, authLocked,
       submitPassword,
@@ -351,6 +359,22 @@ const App = {
                 </button>
               </div>
               <div class="sidebar-workdir-path" :title="workDir">{{ workDir }}</div>
+              <div v-if="filteredWorkdirHistory.length > 0" class="workdir-history">
+                <div class="workdir-history-label">Recent Directories</div>
+                <div class="workdir-history-list">
+                  <div
+                    v-for="path in filteredWorkdirHistory" :key="path"
+                    class="workdir-history-item"
+                    @click="switchToWorkdir(path)"
+                    :title="path"
+                  >
+                    <span class="workdir-history-path">{{ path }}</span>
+                    <button class="workdir-history-delete" @click.stop="removeFromWorkdirHistory(path)" title="Remove from history">
+                      <svg viewBox="0 0 24 24" width="12" height="12"><path fill="currentColor" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+                    </button>
+                  </div>
+                </div>
+              </div>
             </div>
           </div>
 

package/web/modules/connection.js

@@ -185,6 +185,8 @@ export function createConnection(deps) {
           hostname.value = msg.agent.hostname || '';
           workDir.value = msg.agent.workDir;
           agentVersion.value = msg.agent.version || '';
+          sidebar.loadWorkdirHistory();
+          sidebar.addToWorkdirHistory(msg.agent.workDir);
           const savedDir = localStorage.getItem(`agentlink-workdir-${sessionId.value}`);
           if (savedDir && savedDir !== msg.agent.workDir) {
             wsSend({ type: 'change_workdir', workDir: savedDir });
@@ -210,6 +212,7 @@ export function createConnection(deps) {
           workDir.value = msg.agent.workDir;
           agentVersion.value = msg.agent.version || '';
           workDir.value = msg.agent.workDir;
+          sidebar.addToWorkdirHistory(msg.agent.workDir);
         }
         sidebar.requestSessionList();
       } else if (msg.type === 'error') {
@@ -381,6 +384,7 @@ export function createConnection(deps) {
       } else if (msg.type === 'workdir_changed') {
         workDir.value = msg.workDir;
         localStorage.setItem(`agentlink-workdir-${sessionId.value}`, msg.workDir);
+        sidebar.addToWorkdirHistory(msg.workDir);
         messages.value = [];
         toolMsgMap.clear();
         visibleLimit.value = 50;

package/web/modules/sidebar.js

@@ -21,6 +21,8 @@ const { computed } = Vue;
  * @param {import('vue').Ref} deps.folderPickerLoading
  * @param {import('vue').Ref} deps.folderPickerSelected
  * @param {object} deps.streaming - streaming controller
+ * @param {import('vue').Ref} deps.hostname
+ * @param {import('vue').Ref} deps.workdirHistory
  */
 export function createSidebar(deps) {
   const {
@@ -29,6 +31,7 @@ export function createSidebar(deps) {
     loadingSessions, loadingHistory, workDir, visibleLimit,
     folderPickerOpen, folderPickerPath, folderPickerEntries,
     folderPickerLoading, folderPickerSelected, streaming,
+    hostname, workdirHistory,
   } = deps;
 
   // ── Session management ──
@@ -181,6 +184,49 @@ export function createSidebar(deps) {
     wsSend({ type: 'change_workdir', workDir: path });
   }
 
+  // ── Working directory history ──
+
+  const WORKDIR_HISTORY_MAX = 10;
+
+  function getWorkdirHistoryKey() {
+    return `agentlink-workdir-history-${hostname.value}`;
+  }
+
+  function loadWorkdirHistory() {
+    try {
+      const stored = localStorage.getItem(getWorkdirHistoryKey());
+      workdirHistory.value = stored ? JSON.parse(stored) : [];
+    } catch {
+      workdirHistory.value = [];
+    }
+  }
+
+  function saveWorkdirHistory() {
+    localStorage.setItem(getWorkdirHistoryKey(), JSON.stringify(workdirHistory.value));
+  }
+
+  function addToWorkdirHistory(path) {
+    if (!path) return;
+    const filtered = workdirHistory.value.filter(p => p !== path);
+    filtered.unshift(path);
+    workdirHistory.value = filtered.slice(0, WORKDIR_HISTORY_MAX);
+    saveWorkdirHistory();
+  }
+
+  function removeFromWorkdirHistory(path) {
+    workdirHistory.value = workdirHistory.value.filter(p => p !== path);
+    saveWorkdirHistory();
+  }
+
+  function switchToWorkdir(path) {
+    if (isProcessing.value) return;
+    wsSend({ type: 'change_workdir', workDir: path });
+  }
+
+  const filteredWorkdirHistory = computed(() => {
+    return workdirHistory.value.filter(p => p !== workDir.value);
+  });
+
   // ── Grouped sessions ──
 
   const groupedSessions = computed(() => {
@@ -210,5 +256,7 @@ export function createSidebar(deps) {
     openFolderPicker, folderPickerNavigateUp, folderPickerSelectItem,
     folderPickerEnter, folderPickerGoToPath, confirmFolderPicker,
     groupedSessions,
+    loadWorkdirHistory, addToWorkdirHistory, removeFromWorkdirHistory,
+    switchToWorkdir, filteredWorkdirHistory,
   };
 }

package/web/style.css

@@ -58,16 +58,15 @@ body {
 }
 
 #app {
-  height: 100vh;
-  height: 100dvh;
+  position: fixed;
+  inset: 0;
 }
 
 /* ── Layout ── */
 .layout {
   display: flex;
   flex-direction: column;
-  height: 100vh;
-  height: 100dvh;
+  height: 100%;
 }
 
 .top-bar {
@@ -283,6 +282,73 @@ body {
   line-height: 1.3;
 }
 
+/* ── Working Directory History ── */
+.workdir-history {
+  margin-top: 10px;
+  padding-top: 10px;
+  border-top: 1px solid var(--border);
+}
+.workdir-history-label {
+  font-size: 0.65rem;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--text-secondary);
+  margin-bottom: 6px;
+  opacity: 0.7;
+}
+.workdir-history-list {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.workdir-history-item {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 6px;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: background 0.15s;
+}
+.workdir-history-item:hover {
+  background: var(--bg-tertiary);
+}
+.workdir-history-path {
+  font-size: 0.72rem;
+  color: var(--text-secondary);
+  font-family: 'SF Mono', 'Fira Code', Consolas, monospace;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  min-width: 0;
+}
+.workdir-history-item:hover .workdir-history-path {
+  color: var(--text-primary);
+}
+.workdir-history-delete {
+  display: none;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  background: none;
+  border: none;
+  border-radius: 3px;
+  color: var(--text-secondary);
+  cursor: pointer;
+  padding: 0;
+  flex-shrink: 0;
+  transition: color 0.15s, background 0.15s;
+}
+.workdir-history-item:hover .workdir-history-delete {
+  display: flex;
+}
+.workdir-history-delete:hover {
+  color: var(--error);
+  background: rgba(239, 68, 68, 0.1);
+}
+
 .sidebar-sessions {
   flex: 1;
   display: flex;