@agent-link/server 0.1.162 → 0.1.164

package/web/css/tools.css

@@ -0,0 +1,306 @@
+/* ── Tool use lines (collapsible, compact, subdued) ── */
+.tool-line-wrapper {
+  max-width: 100%;
+  padding-left: 0.25rem;
+  overflow: hidden;
+}
+
+.tool-line {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 3px 6px;
+  border-radius: 4px;
+  font-size: 0.8rem;
+  cursor: pointer;
+  user-select: none;
+  transition: background 0.15s;
+  color: var(--text-secondary);
+  min-width: 0;
+  overflow: hidden;
+}
+
+.tool-line:hover {
+  background: var(--bg-tertiary);
+}
+
+.tool-icon {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  color: var(--text-secondary);
+  opacity: 0.6;
+}
+
+.tool-name {
+  font-weight: 500;
+  color: var(--text-secondary);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+}
+
+.tool-summary {
+  color: var(--text-secondary);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  min-width: 0;
+}
+
+.tool-status-icon {
+  color: var(--text-secondary);
+  font-weight: normal;
+  flex-shrink: 0;
+  font-size: 0.75rem;
+  opacity: 0.7;
+}
+
+.tool-line.completed .tool-status-icon {
+  color: var(--success);
+  opacity: 0.6;
+}
+
+.running-dots {
+  display: inline-flex;
+  gap: 2px;
+}
+
+.running-dots span {
+  width: 3px;
+  height: 3px;
+  border-radius: 50%;
+  background: var(--text-secondary);
+  animation: typing 1.2s infinite ease-in-out;
+}
+
+.running-dots span:nth-child(2) { animation-delay: 0.2s; }
+.running-dots span:nth-child(3) { animation-delay: 0.4s; }
+
+.tool-toggle {
+  color: var(--text-secondary);
+  font-size: 0.6rem;
+  flex-shrink: 0;
+  margin-left: auto;
+  opacity: 0.5;
+}
+
+.tool-expand {
+  margin-top: 2px;
+  margin-left: 20px;
+  border-left: 1px solid var(--border);
+  padding-left: 8px;
+  overflow: hidden;
+  animation: toolExpand 0.15s ease-out;
+}
+
+@keyframes toolExpand {
+  from { opacity: 0; max-height: 0; }
+  to { opacity: 1; max-height: 500px; }
+}
+
+.tool-block {
+  background: var(--bg-secondary);
+  border-radius: 4px;
+  padding: 0.4rem 0.6rem;
+  margin-top: 0.25rem;
+  overflow-x: auto;
+  font-size: 0.75rem;
+  line-height: 1.4;
+  max-height: 200px;
+  overflow-y: auto;
+  white-space: pre-wrap;
+  word-break: break-all;
+  color: var(--text-secondary);
+}
+
+.tool-output {
+  border-left: 2px solid var(--success);
+  color: var(--text-primary);
+}
+
+/* ── Formatted tool input (Read, Write, Bash, Glob, Grep) ── */
+.tool-input-formatted {
+  padding: 0.3rem 0.5rem;
+  margin-top: 0.25rem;
+  font-size: 0.75rem;
+  line-height: 1.5;
+  color: var(--text-secondary);
+  word-break: break-all;
+}
+
+.tool-input-meta {
+  color: var(--text-secondary);
+  opacity: 0.6;
+}
+
+.tool-input-cmd {
+  background: var(--bg-secondary);
+  padding: 0.1rem 0.4rem;
+  border-radius: 3px;
+  font-size: 0.73rem;
+  word-break: break-all;
+  white-space: pre-wrap;
+}
+
+/* ── TodoWrite checklist ── */
+.todo-list {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.todo-item {
+  display: flex;
+  align-items: baseline;
+  gap: 6px;
+  font-size: 0.75rem;
+  line-height: 1.4;
+  color: var(--text-secondary);
+}
+
+.todo-item.todo-done {
+  opacity: 0.55;
+}
+
+.todo-item.todo-active {
+  color: var(--text-primary);
+}
+
+.todo-icon {
+  flex-shrink: 0;
+  width: 1em;
+  text-align: center;
+  font-size: 0.7rem;
+  opacity: 0.5;
+}
+
+.todo-icon.done {
+  color: var(--success);
+  opacity: 0.8;
+}
+
+.todo-icon.active {
+  color: var(--accent);
+  opacity: 1;
+  font-size: 0.55rem;
+}
+
+.todo-text {
+  word-break: break-word;
+}
+
+/* ── Task / WebFetch formatted fields ── */
+.task-field {
+  font-size: 0.75rem;
+  line-height: 1.5;
+  color: var(--text-secondary);
+}
+
+.task-field + .task-field {
+  margin-top: 2px;
+}
+
+.task-prompt {
+  background: var(--bg-secondary);
+  border-radius: 3px;
+  padding: 0.3rem 0.5rem;
+  margin-top: 3px;
+  font-size: 0.73rem;
+  line-height: 1.4;
+  color: var(--text-secondary);
+  white-space: pre-wrap;
+  word-break: break-word;
+  max-height: 150px;
+  overflow-y: auto;
+}
+
+.tool-link {
+  color: var(--accent);
+  font-size: 0.75rem;
+  word-break: break-all;
+  text-decoration: none;
+}
+
+.tool-link:hover {
+  text-decoration: underline;
+}
+
+[data-theme="light"] .todo-icon.active {
+  color: #0969da;
+}
+
+[data-theme="light"] .tool-link {
+  color: #0969da;
+}
+
+/* ── Edit tool diff view ── */
+.tool-diff {
+  background: var(--bg-secondary);
+  border-radius: 4px;
+  padding: 0.4rem 0.6rem;
+  margin-top: 0.25rem;
+  overflow-x: auto;
+  font-size: 0.75rem;
+  line-height: 1.5;
+  max-height: 300px;
+  overflow-y: auto;
+  font-family: 'Cascadia Code', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;
+}
+
+.diff-file {
+  color: var(--text-secondary);
+  margin-bottom: 0.35rem;
+  font-weight: 500;
+}
+
+.diff-replace-all {
+  opacity: 0.6;
+  font-weight: 400;
+}
+
+.diff-lines {
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+.diff-removed, .diff-added {
+  white-space: pre-wrap;
+  word-break: break-all;
+  padding: 0 0.4rem;
+}
+
+.diff-removed {
+  background: rgba(212, 84, 84, 0.12);
+  color: #d4716b;
+}
+
+.diff-added {
+  background: rgba(78, 173, 106, 0.12);
+  color: #5cb87a;
+}
+
+.diff-sign {
+  display: inline-block;
+  width: 1.2em;
+  user-select: none;
+  opacity: 0.7;
+}
+
+[data-theme="light"] .diff-removed {
+  background: rgba(208, 46, 38, 0.12);
+  color: #b31d28;
+}
+
+[data-theme="light"] .diff-added {
+  background: rgba(34, 134, 58, 0.12);
+  color: #22863a;
+}
+
+/* ── Context summary (collapsible continuation notice) ── */
+.context-summary-wrapper {
+  margin: 0.75rem 0;
+}
+

package/web/index.html

@@ -5,7 +5,17 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, interactive-widget=resizes-content">
   <title>AgentLink</title>
   <link rel="icon" type="image/svg+xml" href="/favicon.svg">
-  <link rel="stylesheet" href="/style.css">
+  <link rel="stylesheet" href="/css/base.css">
+  <link rel="stylesheet" href="/css/sidebar.css">
+  <link rel="stylesheet" href="/css/chat.css">
+  <link rel="stylesheet" href="/css/markdown.css">
+  <link rel="stylesheet" href="/css/tools.css">
+  <link rel="stylesheet" href="/css/ask-question.css">
+  <link rel="stylesheet" href="/css/input.css">
+  <link rel="stylesheet" href="/css/file-browser.css">
+  <link rel="stylesheet" href="/css/team.css">
+  <link rel="stylesheet" href="/css/responsive.css">
+  <link rel="stylesheet" href="/css/loop.css">
   <link id="hljs-theme" rel="stylesheet" href="/vendor/github.min.css">
   <script>
     // Apply saved theme immediately to prevent flash

package/web/locales/en.json

@@ -246,5 +246,22 @@
   "tool.replaceAll": "(replace all)",
 
   "usage.context": "Context",
-  "usage.cost": "Cost"
+  "usage.cost": "Cost",
+
+  "sidebar.memory": "Memory",
+  "memory.title": "Memory Files",
+  "memory.loading": "Loading memory files...",
+  "memory.noFiles": "No memory files found.",
+  "memory.noFilesHint": "Claude will create memory files as you work.",
+  "memory.edit": "Edit",
+  "memory.editing": "Editing",
+  "memory.save": "Save",
+  "memory.saving": "Saving...",
+  "memory.deleteFile": "Delete",
+  "memory.deleteConfirm": "Delete {name}?",
+  "memory.discardChanges": "Discard changes?",
+
+  "slash.cost": "Show token usage and cost",
+  "slash.context": "Show context usage",
+  "slash.compact": "Compact context"
 }

package/web/locales/zh.json

@@ -246,5 +246,22 @@
   "tool.replaceAll": "（全部替换）",
 
   "usage.context": "上下文",
-  "usage.cost": "费用"
+  "usage.cost": "费用",
+
+  "sidebar.memory": "记忆",
+  "memory.title": "记忆文件",
+  "memory.loading": "加载记忆文件...",
+  "memory.noFiles": "未找到记忆文件。",
+  "memory.noFilesHint": "Claude 会在工作过程中自动创建记忆文件。",
+  "memory.edit": "编辑",
+  "memory.editing": "编辑中",
+  "memory.save": "保存",
+  "memory.saving": "保存中...",
+  "memory.deleteFile": "删除",
+  "memory.deleteConfirm": "删除 {name}？",
+  "memory.discardChanges": "放弃更改？",
+
+  "slash.cost": "显示 Token 用量和费用",
+  "slash.context": "显示上下文用量",
+  "slash.compact": "压缩上下文"
 }

package/web/modules/connection.js

@@ -25,6 +25,8 @@ export function createConnection(deps) {
     // Multi-session parallel
     currentConversationId, processingConversations, conversationCache,
     switchConversation,
+    // Memory management
+    memoryFiles, memoryDir, memoryLoading, memoryEditing, memoryEditContent, memorySaving, memoryPanelOpen,
     // i18n
     t,
   } = deps;
@@ -539,6 +541,25 @@ export function createConnection(deps) {
         }
       } else if (msg.type === 'file_content') {
         if (filePreview) filePreview.handleFileContent(msg);
+      } else if (msg.type === 'memory_list') {
+        memoryLoading.value = false;
+        memoryFiles.value = msg.files || [];
+        memoryDir.value = msg.memoryDir || null;
+      } else if (msg.type === 'memory_updated') {
+        memorySaving.value = false;
+        if (msg.success) {
+          memoryEditing.value = false;
+          memoryEditContent.value = '';
+          // Refresh list and preview
+          wsSend({ type: 'list_memory' });
+          if (filePreview) filePreview.refreshPreview();
+        }
+      } else if (msg.type === 'memory_deleted') {
+        if (msg.success) {
+          memoryFiles.value = memoryFiles.value.filter(f => f.name !== msg.filename);
+          // Close preview if open (might be showing the deleted file)
+          if (filePreview) filePreview.closePreview();
+        }
       } else if (msg.type === 'workdir_changed') {
         workdirSwitching.value = false;
         workDir.value = msg.workDir;
@@ -573,6 +594,10 @@ export function createConnection(deps) {
         historySessions.value = [];
         if (team) team.teamsList.value = [];
         if (loop) loop.loopsList.value = [];
+        memoryFiles.value = [];
+        memoryDir.value = null;
+        memoryPanelOpen.value = false;
+        memoryEditing.value = false;
         sidebar.requestSessionList();
         if (team) team.requestTeamsList();
         if (loop) loop.requestLoopsList();

package/web/modules/filePreview.js

@@ -188,9 +188,19 @@ export function createFilePreview(deps) {
     return renderMarkdown(content || '');
   }
 
+  /** Force re-fetch the currently open preview file (e.g. after editing) */
+  function refreshPreview() {
+    if (!previewFile.value?.filePath) return;
+    const filePath = previewFile.value.filePath;
+    previewFile.value = null;
+    previewLoading.value = true;
+    wsSend({ type: 'read_file', filePath });
+  }
+
   return {
     openPreview,
     closePreview,
+    refreshPreview,
     handleFileContent,
     onWorkdirChanged,
     detectLanguage,