@agent-link/server 0.1.125 → 0.1.127

package/web/modules/connection.js

@@ -20,6 +20,7 @@ export function createConnection(deps) {
     authRequired, authPassword, authError, authAttempts, authLocked,
     streaming, sidebar,
     scrollToBottom,
+    workdirSwitching,
     // Multi-session parallel
     currentConversationId, processingConversations, conversationCache,
     switchConversation,
@@ -504,6 +505,8 @@ export function createConnection(deps) {
           sidebar.addToWorkdirHistory(msg.agent.workDir);
           const savedDir = localStorage.getItem(`agentlink-workdir-${sessionId.value}`);
           if (savedDir && savedDir !== msg.agent.workDir) {
+            workdirSwitching.value = true;
+            setTimeout(() => { workdirSwitching.value = false; }, 10000);
             wsSend({ type: 'change_workdir', workDir: savedDir });
           }
           sidebar.requestSessionList();
@@ -797,6 +800,7 @@ export function createConnection(deps) {
       } else if (msg.type === 'file_content') {
         if (filePreview) filePreview.handleFileContent(msg);
       } else if (msg.type === 'workdir_changed') {
+        workdirSwitching.value = false;
         workDir.value = msg.workDir;
         localStorage.setItem(`agentlink-workdir-${sessionId.value}`, msg.workDir);
         sidebar.addToWorkdirHistory(msg.workDir);

package/web/modules/filePreview.js

@@ -11,9 +11,11 @@ export function createFilePreview(deps) {
     previewPanelWidth,
     previewFile,
     previewLoading,
+    previewMarkdownRendered,
     sidebarView,
     sidebarOpen,
     isMobile,
+    renderMarkdown,
   } = deps;
 
   // ── Open / Close ──
@@ -52,6 +54,7 @@ export function createFilePreview(deps) {
 
   function handleFileContent(msg) {
     previewLoading.value = false;
+    previewMarkdownRendered.value = false;
     previewFile.value = {
       filePath: msg.filePath,
       fileName: msg.fileName,
@@ -174,6 +177,17 @@ export function createFilePreview(deps) {
     localStorage.setItem('agentlink-preview-panel-width', String(previewPanelWidth.value));
   }
 
+  // ── Markdown preview ──
+
+  function isMarkdownFile(fileName) {
+    const ext = (fileName || '').split('.').pop()?.toLowerCase();
+    return ext === 'md' || ext === 'mdx';
+  }
+
+  function renderedMarkdownHtml(content) {
+    return renderMarkdown(content || '');
+  }
+
   return {
     openPreview,
     closePreview,
@@ -183,5 +197,7 @@ export function createFilePreview(deps) {
     highlightCode,
     formatFileSize,
     onResizeStart,
+    isMarkdownFile,
+    renderedMarkdownHtml,
   };
 }

package/web/modules/sidebar.js

@@ -31,12 +31,20 @@ export function createSidebar(deps) {
     loadingSessions, loadingHistory, workDir, visibleLimit,
     folderPickerOpen, folderPickerPath, folderPickerEntries,
     folderPickerLoading, folderPickerSelected, streaming,
-    hostname, workdirHistory,
+    hostname, workdirHistory, workdirSwitching,
     // Multi-session parallel
     currentConversationId, conversationCache, processingConversations,
     switchConversation,
   } = deps;
 
+  // ── Workdir switching timeout ──
+  let _workdirSwitchTimer = null;
+  function setWorkdirSwitching() {
+    workdirSwitching.value = true;
+    clearTimeout(_workdirSwitchTimer);
+    _workdirSwitchTimer = setTimeout(() => { workdirSwitching.value = false; }, 10000);
+  }
+
   // ── Session management ──
 
   let _sessionListTimer = null;
@@ -278,6 +286,7 @@ export function createSidebar(deps) {
       path = path.replace(/[/\\]$/, '') + sep + folderPickerSelected.value;
     }
     folderPickerOpen.value = false;
+    setWorkdirSwitching();
     wsSend({ type: 'change_workdir', workDir: path });
   }
 
@@ -316,6 +325,7 @@ export function createSidebar(deps) {
   }
 
   function switchToWorkdir(path) {
+    setWorkdirSwitching();
     wsSend({ type: 'change_workdir', workDir: path });
   }
 

package/web/style.css

@@ -1939,6 +1939,42 @@ body {
   color: var(--text-secondary);
 }
 
+/* ── Workdir switching overlay ── */
+.workdir-switching-overlay {
+  position: fixed;
+  top: 0; left: 0; right: 0; bottom: 0;
+  background: rgba(0, 0, 0, 0.45);
+  z-index: 1100;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 16px;
+  backdrop-filter: blur(2px);
+}
+.workdir-switching-spinner {
+  width: 36px;
+  height: 36px;
+  border: 3px solid rgba(255, 255, 255, 0.2);
+  border-top-color: rgba(255, 255, 255, 0.8);
+  border-radius: 50%;
+  animation: workdir-spin 0.7s linear infinite;
+}
+@keyframes workdir-spin {
+  to { transform: rotate(360deg); }
+}
+.workdir-switching-text {
+  color: rgba(255, 255, 255, 0.9);
+  font-size: 0.9rem;
+  font-weight: 500;
+}
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 0.2s ease;
+}
+.fade-enter-from, .fade-leave-to {
+  opacity: 0;
+}
+
 /* ── Folder Picker Modal ── */
 .folder-picker-overlay {
   position: fixed;
@@ -2618,6 +2654,40 @@ body {
   color: var(--text);
 }
 
+.preview-md-toggle {
+  background: none;
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  cursor: pointer;
+  color: var(--text-secondary);
+  padding: 2px 6px;
+  line-height: 1;
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.preview-md-toggle:hover {
+  color: var(--text);
+  border-color: var(--text-secondary);
+}
+
+.preview-md-toggle.active {
+  color: var(--accent, #6366f1);
+  border-color: var(--accent, #6366f1);
+  background: color-mix(in srgb, var(--accent, #6366f1) 10%, transparent);
+}
+
+.preview-header-actions {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.preview-markdown-rendered {
+  padding: 1rem;
+}
+
 .preview-panel-body {
   flex: 1;
   overflow: auto;