@agent-link/server 0.1.95 → 0.1.96

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-link/server",
-  "version": "0.1.95",
+  "version": "0.1.96",
   "description": "AgentLink relay server",
   "license": "MIT",
   "repository": {

package/web/app.js

@@ -69,6 +69,10 @@ const App = {
     const deleteConfirmOpen = ref(false);
     const deleteConfirmTitle = ref('');
 
+    // Rename session state
+    const renamingSessionId = ref(null);
+    const renameText = ref('');
+
     // Working directory history
     const workdirHistory = ref([]);
 
@@ -152,6 +156,7 @@ const App = {
       folderPickerOpen, folderPickerPath, folderPickerEntries,
       folderPickerLoading, folderPickerSelected, streaming,
       deleteConfirmOpen, deleteConfirmTitle,
+      renamingSessionId, renameText,
       hostname, workdirHistory,
     });
 
@@ -319,6 +324,11 @@ const App = {
       deleteSession: sidebar.deleteSession,
       confirmDeleteSession: sidebar.confirmDeleteSession,
       cancelDeleteSession: sidebar.cancelDeleteSession,
+      // Rename session
+      renamingSessionId, renameText,
+      startRename: sidebar.startRename,
+      confirmRename: sidebar.confirmRename,
+      cancelRename: sidebar.cancelRename,
       // Working directory history
       filteredWorkdirHistory: sidebar.filteredWorkdirHistory,
       switchToWorkdir: sidebar.switchToWorkdir,
@@ -432,20 +442,41 @@ const App = {
                 <div
                   v-for="s in group.sessions" :key="s.sessionId"
                   :class="['session-item', { active: currentClaudeSessionId === s.sessionId }]"
-                  @click="resumeSession(s)"
+                  @click="renamingSessionId !== s.sessionId && resumeSession(s)"
                   :title="s.preview"
                 >
-                  <div class="session-title">{{ s.title }}</div>
+                  <div v-if="renamingSessionId === s.sessionId" class="session-rename-row">
+                    <input
+                      class="session-rename-input"
+                      v-model="renameText"
+                      @click.stop
+                      @keydown.enter.stop="confirmRename"
+                      @keydown.escape.stop="cancelRename"
+                      @vue:mounted="$event.el.focus()"
+                    />
+                    <button class="session-rename-ok" @click.stop="confirmRename" title="Confirm">&#10003;</button>
+                    <button class="session-rename-cancel" @click.stop="cancelRename" title="Cancel">&times;</button>
+                  </div>
+                  <div v-else class="session-title">{{ s.title }}</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>
+                    <span v-if="renamingSessionId !== s.sessionId && !isProcessing" class="session-actions">
+                      <button
+                        class="session-rename-btn"
+                        @click.stop="startRename(s)"
+                        title="Rename session"
+                      >
+                        <svg viewBox="0 0 24 24" width="12" height="12"><path fill="currentColor" d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>
+                      </button>
+                      <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>
+                    </span>
                   </div>
                 </div>
               </div>

package/web/modules/connection.js

@@ -312,6 +312,9 @@ export function createConnection(deps) {
         loadingSessions.value = false;
       } else if (msg.type === 'session_deleted') {
         historySessions.value = historySessions.value.filter(s => s.sessionId !== msg.sessionId);
+      } else if (msg.type === 'session_renamed') {
+        const session = historySessions.value.find(s => s.sessionId === msg.sessionId);
+        if (session) session.title = msg.newTitle;
       } else if (msg.type === 'conversation_resumed') {
         currentClaudeSessionId.value = msg.claudeSessionId;
         if (msg.history && Array.isArray(msg.history)) {

package/web/modules/sidebar.js

@@ -109,6 +109,34 @@ export function createSidebar(deps) {
     pendingDeleteSession = null;
   }
 
+  // ── Rename session ──
+
+  const renamingSessionId = deps.renamingSessionId;
+  const renameText = deps.renameText;
+
+  function startRename(session) {
+    if (isProcessing.value) return;
+    renamingSessionId.value = session.sessionId;
+    renameText.value = session.title || '';
+  }
+
+  function confirmRename() {
+    const sid = renamingSessionId.value;
+    const title = renameText.value.trim();
+    if (!sid || !title) {
+      cancelRename();
+      return;
+    }
+    wsSend({ type: 'rename_session', sessionId: sid, newTitle: title });
+    renamingSessionId.value = null;
+    renameText.value = '';
+  }
+
+  function cancelRename() {
+    renamingSessionId.value = null;
+    renameText.value = '';
+  }
+
   // ── Folder picker ──
 
   function openFolderPicker() {
@@ -253,6 +281,7 @@ export function createSidebar(deps) {
   return {
     requestSessionList, resumeSession, newConversation, toggleSidebar,
     deleteSession, confirmDeleteSession, cancelDeleteSession,
+    startRename, confirmRename, cancelRename,
     openFolderPicker, folderPickerNavigateUp, folderPickerSelectItem,
     folderPickerEnter, folderPickerGoToPath, confirmFolderPicker,
     groupedSessions,

package/web/style.css

@@ -510,9 +510,19 @@ body {
   justify-content: space-between;
 }
 
-.session-delete-btn {
+.session-actions {
   display: none;
   align-items: center;
+  gap: 2px;
+}
+
+.session-item:hover .session-actions {
+  display: flex;
+}
+
+.session-delete-btn {
+  display: flex;
+  align-items: center;
   justify-content: center;
   width: 20px;
   height: 20px;
@@ -525,15 +535,66 @@ body {
   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);
 }
 
+/* ── Rename session (pencil icon + inline edit) ── */
+.session-rename-btn {
+  display: flex;
+  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-rename-btn:hover {
+  color: var(--accent);
+  background: rgba(99, 102, 241, 0.1);
+}
+
+.session-rename-row {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  min-width: 0;
+  flex: 1;
+}
+
+.session-rename-input {
+  flex: 1;
+  min-width: 0;
+  background: var(--bg-primary);
+  border: 1px solid var(--accent);
+  border-radius: 4px;
+  color: var(--text-primary);
+  font-size: 0.82rem;
+  padding: 2px 6px;
+  outline: none;
+}
+
+.session-rename-ok,
+.session-rename-cancel {
+  background: none;
+  border: none;
+  color: var(--text-secondary);
+  cursor: pointer;
+  font-size: 0.9rem;
+  padding: 0 2px;
+  line-height: 1;
+}
+
+.session-rename-ok:hover { color: var(--accent); }
+.session-rename-cancel:hover { color: var(--error); }
+
 /* ── Delete confirmation dialog ── */
 .delete-confirm-dialog {
   width: 360px;