@agent-link/server 0.1.53 → 0.1.55

package/package.json

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

package/web/app.js

@@ -64,6 +64,14 @@ const App = {
     const folderPickerLoading = ref(false);
     const folderPickerSelected = ref('');
 
+    // Delete confirmation dialog state
+    const deleteConfirmOpen = ref(false);
+    const deleteConfirmTitle = ref('');
+
+    // Working directory history state
+    const workDirHistory = ref([]);
+    const workDirHistoryOpen = ref(false);
+
     // File attachment state
     const attachments = ref([]);
     const fileInputRef = ref(null);
@@ -136,6 +144,8 @@ const App = {
       loadingSessions, loadingHistory, workDir, visibleLimit,
       folderPickerOpen, folderPickerPath, folderPickerEntries,
       folderPickerLoading, folderPickerSelected, streaming,
+      deleteConfirmOpen, deleteConfirmTitle,
+      workDirHistory, workDirHistoryOpen,
     });
 
     const { connect, wsSend, closeWs } = createConnection({
@@ -268,6 +278,16 @@ const App = {
       folderPickerEnter: sidebar.folderPickerEnter,
       folderPickerGoToPath: sidebar.folderPickerGoToPath,
       confirmFolderPicker: sidebar.confirmFolderPicker,
+      // Delete session
+      deleteConfirmOpen, deleteConfirmTitle,
+      deleteSession: sidebar.deleteSession,
+      confirmDeleteSession: sidebar.confirmDeleteSession,
+      cancelDeleteSession: sidebar.cancelDeleteSession,
+      // Working directory history
+      workDirHistory, workDirHistoryOpen,
+      selectWorkDirHistory: sidebar.selectWorkDirHistory,
+      removeWorkDirHistory: sidebar.removeWorkDirHistory,
+      toggleWorkDirHistory: sidebar.toggleWorkDirHistory,
       // File attachments
       attachments, fileInputRef, dragOver,
       triggerFileInput: fileAttach.triggerFileInput,
@@ -325,11 +345,33 @@ const App = {
               </div>
               <div class="sidebar-workdir-header">
                 <div class="sidebar-workdir-label">Working Directory</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 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>
               </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>
 
@@ -362,7 +404,17 @@ const App = {
                   :title="s.preview"
                 >
                   <div class="session-title">{{ s.title }}</div>
-                  <div class="session-meta">{{ formatRelativeTime(s.lastModified) }}</div>
+                  <div class="session-meta">
+                    <span>{{ formatRelativeTime(s.lastModified) }}</span>
+                    <button
+                      v-if="currentClaudeSessionId !== s.sessionId"
+                      class="session-delete-btn"
+                      @click.stop="deleteSession(s)"
+                      title="Delete session"
+                    >
+                      <svg viewBox="0 0 24 24" width="12" height="12"><path fill="currentColor" d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>
+                    </button>
+                  </div>
                 </div>
               </div>
             </div>
@@ -614,6 +666,22 @@ const App = {
           </div>
         </div>
       </div>
+
+      <!-- Delete Session Confirmation Dialog -->
+      <div class="folder-picker-overlay" v-if="deleteConfirmOpen" @click.self="cancelDeleteSession">
+        <div class="delete-confirm-dialog">
+          <div class="delete-confirm-header">Delete Session</div>
+          <div class="delete-confirm-body">
+            <p>Are you sure you want to delete this session?</p>
+            <p class="delete-confirm-title">{{ deleteConfirmTitle }}</p>
+            <p class="delete-confirm-warning">This action cannot be undone.</p>
+          </div>
+          <div class="delete-confirm-footer">
+            <button class="folder-picker-cancel" @click="cancelDeleteSession">Cancel</button>
+            <button class="delete-confirm-btn" @click="confirmDeleteSession">Delete</button>
+          </div>
+        </div>
+      </div>
     </div>
   `
 };

package/web/modules/connection.js

@@ -145,6 +145,7 @@ export function createConnection(deps) {
           hostname.value = msg.agent.hostname || '';
           workDir.value = msg.agent.workDir;
           agentVersion.value = msg.agent.version || '';
+          sidebar.addToWorkDirHistory(msg.agent.workDir);
           const savedDir = localStorage.getItem('agentlink-workdir');
           if (savedDir && savedDir !== msg.agent.workDir) {
             wsSend({ type: 'change_workdir', workDir: savedDir });
@@ -257,6 +258,8 @@ export function createConnection(deps) {
       } else if (msg.type === 'sessions_list') {
         historySessions.value = msg.sessions || [];
         loadingSessions.value = false;
+      } else if (msg.type === 'session_deleted') {
+        historySessions.value = historySessions.value.filter(s => s.sessionId !== msg.sessionId);
       } else if (msg.type === 'conversation_resumed') {
         currentClaudeSessionId.value = msg.claudeSessionId;
         if (msg.history && Array.isArray(msg.history)) {
@@ -339,6 +342,7 @@ export function createConnection(deps) {
       } else if (msg.type === 'workdir_changed') {
         workDir.value = msg.workDir;
         localStorage.setItem('agentlink-workdir', msg.workDir);
+        sidebar.addToWorkDirHistory(msg.workDir);
         messages.value = [];
         toolMsgMap.clear();
         visibleLimit.value = 50;

package/web/modules/sidebar.js

@@ -31,6 +31,44 @@ export function createSidebar(deps) {
     folderPickerLoading, folderPickerSelected, streaming,
   } = deps;
 
+  // ── Working directory history ──
+
+  const WORKDIR_HISTORY_KEY = 'agentlink-workdir-history';
+  const MAX_HISTORY = 10;
+  const workDirHistory = deps.workDirHistory;
+  const workDirHistoryOpen = deps.workDirHistoryOpen;
+
+  // Load from localStorage on init
+  try {
+    const saved = localStorage.getItem(WORKDIR_HISTORY_KEY);
+    if (saved) workDirHistory.value = JSON.parse(saved);
+  } catch { /* ignore */ }
+
+  function addToWorkDirHistory(dir) {
+    if (!dir) return;
+    const list = workDirHistory.value.filter(d => d !== dir);
+    list.unshift(dir);
+    if (list.length > MAX_HISTORY) list.length = MAX_HISTORY;
+    workDirHistory.value = list;
+    localStorage.setItem(WORKDIR_HISTORY_KEY, JSON.stringify(list));
+  }
+
+  function selectWorkDirHistory(dir) {
+    workDirHistoryOpen.value = false;
+    if (dir === workDir.value) return;
+    wsSend({ type: 'change_workdir', workDir: dir });
+  }
+
+  function removeWorkDirHistory(dir) {
+    const list = workDirHistory.value.filter(d => d !== dir);
+    workDirHistory.value = list;
+    localStorage.setItem(WORKDIR_HISTORY_KEY, JSON.stringify(list));
+  }
+
+  function toggleWorkDirHistory() {
+    workDirHistoryOpen.value = !workDirHistoryOpen.value;
+  }
+
   // ── Session management ──
 
   function requestSessionList() {
@@ -79,6 +117,33 @@ export function createSidebar(deps) {
     sidebarOpen.value = !sidebarOpen.value;
   }
 
+  // ── Delete session ──
+
+  /** Session pending delete confirmation (null = dialog closed) */
+  let pendingDeleteSession = null;
+  const deleteConfirmOpen = deps.deleteConfirmOpen;
+  const deleteConfirmTitle = deps.deleteConfirmTitle;
+
+  function deleteSession(session) {
+    if (isProcessing.value) return;
+    if (currentClaudeSessionId.value === session.sessionId) return; // guard
+    pendingDeleteSession = session;
+    deleteConfirmTitle.value = session.title || session.sessionId.slice(0, 8);
+    deleteConfirmOpen.value = true;
+  }
+
+  function confirmDeleteSession() {
+    if (!pendingDeleteSession) return;
+    wsSend({ type: 'delete_session', sessionId: pendingDeleteSession.sessionId });
+    deleteConfirmOpen.value = false;
+    pendingDeleteSession = null;
+  }
+
+  function cancelDeleteSession() {
+    deleteConfirmOpen.value = false;
+    pendingDeleteSession = null;
+  }
+
   // ── Folder picker ──
 
   function openFolderPicker() {
@@ -179,6 +244,8 @@ export function createSidebar(deps) {
 
   return {
     requestSessionList, resumeSession, newConversation, toggleSidebar,
+    deleteSession, confirmDeleteSession, cancelDeleteSession,
+    addToWorkDirHistory, selectWorkDirHistory, removeWorkDirHistory, toggleWorkDirHistory,
     openFolderPicker, folderPickerNavigateUp, folderPickerSelectItem,
     folderPickerEnter, folderPickerGoToPath, confirmFolderPicker,
     groupedSessions,

package/web/style.css

@@ -438,6 +438,100 @@ body {
   font-size: 0.7rem;
   color: var(--text-secondary);
   margin-top: 2px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.session-delete-btn {
+  display: none;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  background: none;
+  border: none;
+  border-radius: 4px;
+  color: var(--text-secondary);
+  cursor: pointer;
+  padding: 0;
+  transition: color 0.15s, background 0.15s;
+}
+
+.session-item:hover .session-delete-btn {
+  display: flex;
+}
+
+.session-delete-btn:hover {
+  color: var(--error);
+  background: rgba(239, 68, 68, 0.1);
+}
+
+/* ── Delete confirmation dialog ── */
+.delete-confirm-dialog {
+  width: 360px;
+  background: var(--bg-secondary);
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
+}
+
+.delete-confirm-header {
+  padding: 12px 16px;
+  font-size: 0.95rem;
+  font-weight: 600;
+  border-bottom: 1px solid var(--border);
+}
+
+.delete-confirm-body {
+  padding: 16px;
+  font-size: 0.88rem;
+  line-height: 1.5;
+}
+
+.delete-confirm-body p {
+  margin-bottom: 6px;
+}
+
+.delete-confirm-title {
+  font-weight: 500;
+  color: var(--text-primary);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding: 6px 10px;
+  background: var(--bg-tertiary);
+  border-radius: 6px;
+}
+
+.delete-confirm-warning {
+  font-size: 0.78rem;
+  color: var(--text-secondary);
+  margin-top: 4px;
+}
+
+.delete-confirm-footer {
+  padding: 10px 16px;
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  border-top: 1px solid var(--border);
+}
+
+.delete-confirm-btn {
+  padding: 6px 20px;
+  background: var(--error);
+  color: #fff;
+  border: none;
+  border-radius: 8px;
+  font-size: 0.85rem;
+  font-weight: 600;
+  cursor: pointer;
+  transition: background 0.15s;
+}
+
+.delete-confirm-btn:hover {
+  background: #dc2626;
 }
 
 /* ── Chat area (message list + input) ── */
@@ -1449,6 +1543,79 @@ 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;