@co0ontty/wand 1.21.18 → 1.22.0

package/dist/web-ui/content/scripts.js

@@ -1350,7 +1350,7 @@
                   ) +
                 '</div>' +
                 '<div class="topbar-right">' +
-                  (selectedSession && selectedSession.cwd ? '<button id="topbar-file-button" class="topbar-btn square' + (state.filePanelOpen ? ' active' : '') + '" type="button" aria-label="文件" title="文件"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/></svg></button>' : '') +
+                  '<button id="topbar-file-button" class="topbar-btn square' + (state.filePanelOpen ? ' active' : '') + '" type="button" aria-label="文件" title="查看文件（可修改路径）"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/></svg></button>' +
                   '<span id="topbar-git-slot" class="topbar-git-slot">' + renderTopbarGitBadgeHtml() + '</span>' +
                   (selectedSession ? renderTopbarMoreMenuHtml(selectedSession) : '') +
                 '</div>' +
@@ -1366,7 +1366,7 @@
                 '<div class="file-side-panel-body">' +
                   '<div class="file-explorer-header">' +
                     '<button class="file-explorer-up" id="file-explorer-up" type="button" title="返回上级目录" aria-label="返回上级目录">⬆</button>' +
-                    '<span class="file-explorer-path" id="file-explorer-cwd" title="' + escapeHtml(selectedSession && selectedSession.cwd ? selectedSession.cwd : getConfigCwd()) + '">' + escapeHtml(selectedSession && selectedSession.cwd ? selectedSession.cwd : getConfigCwd()) + '</span>' +
+                    '<input type="text" class="file-explorer-path" id="file-explorer-cwd" value="' + escapeHtml(selectedSession && selectedSession.cwd ? selectedSession.cwd : getConfigCwd()) + '" title="' + escapeHtml(selectedSession && selectedSession.cwd ? selectedSession.cwd : getConfigCwd()) + '" placeholder="输入路径并回车..." spellcheck="false" autocomplete="off" autocapitalize="off" autocorrect="off" aria-label="当前路径，可直接修改后回车" />' +
                     '<button class="file-explorer-toggle-hidden' + (state.fileExplorerShowHidden ? ' active' : '') + '" id="file-explorer-toggle-hidden" type="button" title="' + (state.fileExplorerShowHidden ? "隐藏点开头文件" : "显示隐藏文件") + '" aria-pressed="' + (state.fileExplorerShowHidden ? "true" : "false") + '">' + (state.fileExplorerShowHidden ? "👁" : "👁‍🗨") + '</button>' +
                     '<button class="file-explorer-refresh" id="file-explorer-refresh" title="刷新" aria-label="刷新文件列表">↻</button>' +
                   '</div>' +
@@ -1423,12 +1423,10 @@
                 '<div class="composer-top-row">' +
                   '<div id="todo-progress" class="todo-progress hidden">' +
                     '<div class="todo-progress-header" id="todo-progress-toggle">' +
-                      '<div class="todo-progress-left">' +
-                        '<span class="todo-progress-spinner"></span>' +
-                        '<span class="todo-progress-counter" id="todo-progress-counter">0/0</span>' +
-                        '<span class="todo-progress-task" id="todo-progress-task"></span>' +
-                      '</div>' +
-                      '<svg class="todo-progress-chevron" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>' +
+                      '<span class="todo-progress-spinner" aria-hidden="true"></span>' +
+                      '<span class="todo-progress-message" id="todo-progress-message"></span>' +
+                      '<span class="todo-progress-status" id="todo-progress-status">执行中</span>' +
+                      '<svg class="todo-progress-chevron" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>' +
                     '</div>' +
                     '<div class="todo-progress-body hidden" id="todo-progress-body">' +
                       '<ul class="todo-progress-list" id="todo-progress-list"></ul>' +
@@ -2879,7 +2877,15 @@
         var cwdEl = document.getElementById("file-explorer-cwd");
         if (!cwdEl) return;
         var cwd = session && session.cwd ? session.cwd : getConfigCwd();
-        cwdEl.textContent = cwd;
+        // Don't clobber the user's in-progress edit when the input is focused.
+        if (cwdEl.tagName === "INPUT") {
+          if (document.activeElement !== cwdEl) {
+            cwdEl.value = cwd;
+          }
+        } else {
+          cwdEl.textContent = cwd;
+        }
+        cwdEl.title = cwd;
       }
 
       function closeFilePanel() {
@@ -3031,7 +3037,14 @@
         state.fileExplorerTotal = 0;
         explorer.innerHTML = '<div class="file-explorer"><div class="tree-loading" style="padding:12px;color:var(--text-muted);font-size:0.8125rem;">加载中…</div></div>';
         if (cwdEl) {
-          cwdEl.textContent = cwd;
+          if (cwdEl.tagName === "INPUT") {
+            // Avoid clobbering in-progress text while the user is typing.
+            if (document.activeElement !== cwdEl) {
+              cwdEl.value = cwd;
+            }
+          } else {
+            cwdEl.textContent = cwd;
+          }
           cwdEl.title = cwd;
         }
         var url = "/api/directory?q=" + encodeURIComponent(cwd) +
@@ -5086,6 +5099,56 @@
         var fileToggleHidden = document.getElementById("file-explorer-toggle-hidden");
         if (fileToggleHidden) fileToggleHidden.addEventListener("click", toggleExplorerHidden);
 
+        // 路径输入框：支持点击修改路径，回车跳转，Esc 撤销。
+        var fileCwdInput = document.getElementById("file-explorer-cwd");
+        if (fileCwdInput && fileCwdInput.tagName === "INPUT") {
+          var lastCommittedCwd = fileCwdInput.value;
+          var normalizeCwdInput = function(raw) {
+            var s = (raw || "").trim();
+            if (!s) return "";
+            // 折叠重复斜杠，去掉尾随斜杠（根目录除外）。
+            s = s.replace(/\/{2,}/g, "/");
+            if (s.length > 1) s = s.replace(/\/+$/, "");
+            return s;
+          };
+          fileCwdInput.addEventListener("focus", function() {
+            lastCommittedCwd = fileCwdInput.value;
+            // Select all on focus so the user can immediately overwrite.
+            setTimeout(function() {
+              try { fileCwdInput.select(); } catch (e) {}
+            }, 0);
+          });
+          fileCwdInput.addEventListener("keydown", function(e) {
+            if (e.key === "Enter") {
+              e.preventDefault();
+              var next = normalizeCwdInput(fileCwdInput.value);
+              if (!next) return;
+              lastCommittedCwd = next;
+              fileCwdInput.value = next;
+              refreshFileExplorer({ cwd: next });
+              fileCwdInput.blur();
+            } else if (e.key === "Escape") {
+              e.preventDefault();
+              fileCwdInput.value = lastCommittedCwd;
+              fileCwdInput.blur();
+            }
+          });
+          fileCwdInput.addEventListener("blur", function() {
+            var next = normalizeCwdInput(fileCwdInput.value);
+            if (!next) {
+              fileCwdInput.value = lastCommittedCwd;
+              return;
+            }
+            if (next === lastCommittedCwd) {
+              fileCwdInput.value = next;
+              return;
+            }
+            lastCommittedCwd = next;
+            fileCwdInput.value = next;
+            refreshFileExplorer({ cwd: next });
+          });
+        }
+
         // File search
         var fileSearchInput = document.getElementById("file-search-input");
         var fileSearchClear = document.getElementById("file-search-clear");

package/dist/web-ui/content/styles.css

@@ -685,6 +685,40 @@
       font-weight: 500;
     }
 
+    /* When rendered as <input> (editable path) keep the same look but reveal
+       an editable affordance on hover/focus. */
+    input.file-explorer-path {
+      background: transparent;
+      border: 1px solid transparent;
+      border-radius: var(--radius-sm);
+      padding: 4px 8px;
+      height: 28px;
+      line-height: 1.2;
+      cursor: text;
+      transition: background-color var(--transition-fast),
+                  border-color var(--transition-fast),
+                  color var(--transition-fast);
+      outline: none;
+      text-overflow: ellipsis;
+      width: 100%;
+      box-sizing: border-box;
+    }
+    input.file-explorer-path::placeholder {
+      color: var(--text-muted);
+      opacity: 0.6;
+    }
+    input.file-explorer-path:hover {
+      background: rgba(255, 255, 255, 0.5);
+      border-color: var(--border);
+      color: var(--text-secondary);
+    }
+    input.file-explorer-path:focus {
+      background: var(--bg-primary);
+      border-color: var(--accent);
+      color: var(--text-primary);
+      text-overflow: clip;
+    }
+
     .file-explorer-actions { display: flex; gap: 4px; margin-left: auto; flex-shrink: 0; }
 
     .file-explorer-refresh {
@@ -10473,7 +10507,10 @@
     }
 
     .file-preview-modal {
-      width: min(90vw, calc(100vw - 380px));
+      /* 桌面端：留出侧边栏空间，但保证最小宽度，避免在窄视口上塌成一条缝。
+         之前是 min(90vw, calc(100vw - 380px))，当 100vw < 380px 时整个值为负，
+         元素直接被收成 0 宽。这里用 max() 兜底一个最小宽度。 */
+      width: min(90vw, max(640px, calc(100vw - 380px)));
       max-width: 1000px;
       height: 80vh;
       max-height: 85vh;
@@ -10492,6 +10529,65 @@
       to { opacity: 1; transform: translateY(0) scale(1); }
     }
 
+    /* 移动端（含竖屏手机）：铺满整个视口，去掉圆角和边框，
+       使用 dvh 兼容浏览器地址栏占用。 */
+    @media (max-width: 768px) {
+      .file-preview-overlay {
+        padding: 0;
+        align-items: stretch;
+        justify-content: stretch;
+      }
+      .file-preview-modal {
+        width: 100vw;
+        max-width: 100vw;
+        height: 100vh;
+        height: 100dvh;
+        max-height: 100vh;
+        max-height: 100dvh;
+        border-radius: 0;
+        border: none;
+        box-shadow: none;
+        animation: fade-in 0.18s ease;
+      }
+      .file-preview-header {
+        padding: 10px 12px;
+        gap: 8px;
+        /* 给安全区让位，例如带刘海的设备 */
+        padding-top: max(10px, env(safe-area-inset-top));
+        padding-left: max(12px, env(safe-area-inset-left));
+        padding-right: max(12px, env(safe-area-inset-right));
+      }
+      .file-preview-title {
+        font-size: 0.875rem;
+        gap: 6px;
+        min-width: 0;
+        flex: 1;
+      }
+      .file-preview-filename {
+        max-width: 100%;
+      }
+      /* 路径在窄屏上极易抢空间，直接隐藏，hover/长按文件名仍可看到完整路径。 */
+      .file-preview-path {
+        display: none;
+      }
+      .file-preview-toolbar {
+        gap: 4px;
+        flex-shrink: 0;
+      }
+      .file-preview-toolbar-btn {
+        padding: 4px 6px;
+        font-size: 0.75rem;
+      }
+      .file-preview-close {
+        font-size: 1.375rem;
+        padding: 6px 10px;
+      }
+      /* 底部安全区（小白条 / 圆角） */
+      .file-preview-body {
+        padding-bottom: env(safe-area-inset-bottom);
+      }
+    }
+
     .file-preview-header {
       display: flex;
       align-items: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@co0ontty/wand",
-  "version": "1.21.18",
+  "version": "1.22.0",
   "description": "A web terminal for local CLI tools like Claude.",
   "type": "module",
   "bin": {