chocomint 1.0.2 → 1.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c1e486a61190ec1d3548de09e65d74ea64d42a664c3d536c0e8013f61e6e2c1c
-  data.tar.gz: b7e23eedd909b6d2dffaeaa341721e7ccbd3bc91a2556a87d2654991c9475443
+  metadata.gz: 43fbe75bcf172909a002314dbbd673417c25e2ab667f3e401eacb026988743e4
+  data.tar.gz: 68e6a6bf6ecd91251f5311a6c03742353e17ac4689c51b64cd35fe1d602e80f2
 SHA512:
-  metadata.gz: 5234597d4d58068f04609037aaf53d058b48a0ddfea9a12240cc64c84ace0371b5277aee1442dcea8e1b8239449a7da0e32f976aca1672f4da3b5dfa90ee6645
-  data.tar.gz: e42a3f878d613ce09722db0929d745d3aaf3fdda93698eeb691203834063a9bf3090d10bf5aca20f7797391b76305885fcf89c63e6c03c67ae58580520a46704
+  metadata.gz: ec1a8f844e984a0387bd6d2a22d66af477b99c6d99320904cc870a2bc115b7b9a3dd21135cab14a966920634f957f9b65657b1abe376d05c28b6e28a113408da
+  data.tar.gz: 9b8726ba1954c4eded4eaf811ed58c6c6db2ecb239286cb85b98be6263aefe11cdbea98e017a90b8a843495834ae385690b7cc0d3e0ccd00299c2f56b4e2846d

data/lib/chocomint/edit_handlers.rb

@@ -23,76 +23,81 @@ module Chocomint
       @path_guard.allowed_roots.first
     end
 
-    # ---- ファイル一覧 -------------------------------------------------------
+    # ---- ファイル一覧 (遅延展開: 1階層ずつ返す) -----------------------------
 
-    def handle_edit_files(req, res)
+    # 中身を展開しない VCS メタデータ・依存パッケージ等 (一覧を埋め尽くすため除外する)。
+    # ディレクトリ名 (basename) で判定するため、"vendor/bundle" のようなパス階層は含めない。
+    EXCLUDED_TREE_DIRS = %w[.git .hg .svn .venv venv node_modules .bundle].freeze
+
+    # 1ディレクトリあたりの列挙上限。通常は到達しないが、数万エントリを持つ異常な
+    # ディレクトリでブラウザを固めないための安全弁。到達時は capped=true を返す。
+    MAX_DIR_ENTRIES = 5000
+
+    # WORKING DIRECTORY を遅延展開するためのエンドポイント。指定ディレクトリの
+    # 「直下 1 階層だけ」を列挙して返す。ツリー全体を一括列挙すると巨大ホーム
+    # (例: C:\Users\<name>) で応答が返らず表示が壊れるため、階層ごとに取得する。
+    #
+    #   GET /edit/dir           → ルート (workspace 直下) を列挙
+    #   GET /edit/dir?path=src  → src/ の直下を列挙
+    #
+    # path・返す entries[].path はいずれも base_dir 基準の相対パス (relative_root を含む)。
+    # /edit/file や /edit/fs/* と同じ表現なので、フロントは data-path をそのまま渡せる。
+    def handle_edit_dir(req, res)
       return edit_method_guard(res) unless req.request_method == "GET"
 
-      files, empty_dirs = walk_workspace_tree
-      edit_json(res, 200, "files" => files, "dirs" => empty_dirs,
-                           "root" => relative_root, "abs_root" => edit_root.tr("\\", "/"))
+      rel = req.query["path"].to_s.tr("\\", "/")
+      rel = "" if rel == "." || rel == relative_root
+      abs = rel.empty? ? edit_root : @path_guard.resolve(rel)
+      return edit_json(res, 404, "error" => "no such directory") unless File.directory?(abs)
+
+      entries, capped = list_dir_entries(abs, rel)
+      edit_json(res, 200, "path" => rel, "entries" => entries, "capped" => capped,
+                          "root" => relative_root, "abs_root" => edit_root.tr("\\", "/"))
+    rescue Chocomint::PathAccessError => e
+      edit_json(res, 403, "error" => e.message)
+    rescue SystemCallError => e
+      # 権限不足などで開けないディレクトリ。空扱いにしてツリーを壊さない。
+      edit_json(res, 403, "error" => e.message)
     rescue Chocomint::Error => e
       edit_json(res, 500, "error" => e.message)
     end
 
-    # workspace 配下を再帰列挙し、相対パスの配列で返す (ディレクトリは除く)。
-    MAX_LISTED_FILES = 2000
+    # abs_dir の直下 1 階層を列挙し、[entries, capped] を返す。
+    # entries は { "name", "path", "dir" } の配列 (ディレクトリ→ファイルの順、各名前順)。
+    # rel_dir は abs_dir の base_dir 基準の相対パス ("" ならルート = edit_root)。
+    def list_dir_entries(abs_dir, rel_dir)
+      dirs = []
+      files = []
+      capped = false
 
-    # 中身を展開しない VCS メタデータ・依存パッケージ等 (数千件で一覧を埋め尽くすため除外する)。
-    # ディレクトリ名 (basename) で判定するため、"vendor/bundle" のようなパス階層は含めない。
-    EXCLUDED_TREE_DIRS = %w[.git .hg .svn .venv venv node_modules .bundle].freeze
+      # ルート (rel_dir 空) の直下は base_dir 基準にするため relative_root を前置する
+      # (本番は "." のためプレフィックスなし、テスト等 edit_root != base_dir では "workspace" 等)。
+      prefix = rel_dir.empty? ? (relative_root == "." ? "" : relative_root) : rel_dir
 
-    # workspace ツリーを1度だけ手動再帰し、[ファイル相対パス, 空ディレクトリ相対パス] を返す。
-    #
-    # Dir.glob("**/*") はツリー全体を舐めてから除外判定するため、node_modules を大量に
-    # 含むホームディレクトリ (例: C:\Users\<name>) を起点にすると応答が返らず WORKING
-    # DIRECTORY が空のままになる。除外ディレクトリはその配下へ降りる前に枝刈りし、
-    # MAX_LISTED_FILES 到達で打ち切ることで巨大ツリーでも実用的な時間で応答する。
-    def walk_workspace_tree
-      root = edit_root
-      return [[], []] unless File.directory?(root)
+      Dir.each_child(abs_dir) do |name|
+        next if name == "." || name == ".."
 
-      files = []
-      # 中身を1件も持たないディレクトリ (files からツリー復元できない) を別途フロントに伝える。
-      empty_dirs = []
-      stack = [""] # root からの相対ディレクトリ (root 自身は "")
-
-      until stack.empty?
-        break if files.size >= MAX_LISTED_FILES
+        rel = prefix.empty? ? name : "#{prefix}/#{name}"
+        abs = File.join(abs_dir, name)
 
-        rel_dir = stack.pop
-        abs_dir = rel_dir.empty? ? root : File.join(root, rel_dir)
+        if File.directory?(abs)
+          # 除外ディレクトリは一覧に出さない (中身も見せない)。
+          next if EXCLUDED_TREE_DIRS.include?(name)
 
-        child_count = 0
-        begin
-          Dir.each_child(abs_dir) do |name|
-            next if name == "." || name == ".."
-
-            rel = rel_dir.empty? ? name : "#{rel_dir}/#{name}"
-            abs = File.join(abs_dir, name)
-
-            if File.directory?(abs)
-              child_count += 1
-              # 除外ディレクトリは配下へ降りない (中身も一覧に出さない)。
-              next if EXCLUDED_TREE_DIRS.include?(name)
-
-              stack.push(rel)
-            elsif File.file?(abs)
-              child_count += 1
-              files << rel
-              break if files.size >= MAX_LISTED_FILES
-            end
-          end
-        rescue SystemCallError
-          # 権限不足などで開けないディレクトリはスキップする (ホーム配下で発生しうる)。
-          next
+          dirs << { "name" => name, "path" => rel, "dir" => true }
+        elsif File.file?(abs)
+          files << { "name" => name, "path" => rel, "dir" => false }
         end
 
-        # 子を1件も持たないディレクトリはツリーに現れないため、明示的に伝える (root は除く)。
-        empty_dirs << rel_dir if child_count.zero? && !rel_dir.empty?
+        if dirs.size + files.size >= MAX_DIR_ENTRIES
+          capped = true
+          break
+        end
       end
 
-      [files.sort, empty_dirs.sort]
+      dirs.sort_by! { |e| e["name"] }
+      files.sort_by! { |e| e["name"] }
+      [dirs + files, capped]
     end
 
     # ---- ファイル取得 -------------------------------------------------------

data/lib/chocomint/server.rb

@@ -61,7 +61,7 @@ module Chocomint
         server.mount_proc("/edit") { |req, res| handle_edit(req, res) }
         server.mount_proc("/edit/assets") { |req, res| handle_edit_asset(req, res) }
         server.mount_proc("/edit/static") { |req, res| handle_edit_static(req, res) }
-        server.mount_proc("/edit/files") { |req, res| handle_edit_files(req, res) }
+        server.mount_proc("/edit/dir") { |req, res| handle_edit_dir(req, res) }
         server.mount_proc("/edit/file") { |req, res| handle_edit_file(req, res) }
         server.mount_proc("/edit/save") { |req, res| handle_edit_save(req, res) }
         server.mount_proc("/edit/chat") { |req, res| handle_edit_chat(req, res) }

data/lib/chocomint.rb

@@ -1,7 +1,7 @@
 # frozen_string_literal: true
 
 module Chocomint
-  VERSION = "1.0.2"
+  VERSION = "1.0.3"
 end
 
 require_relative "chocomint/errors"

data/public/edit/edit.css

@@ -106,7 +106,10 @@ html, body { margin: 0; height: 100%;
 #files li.dir.open > ul { display: block; }
 #files .row { display: flex; align-items: center; gap: 0.2rem;
             padding: 0.25rem 0.7rem; font-size: 0.83rem; cursor: pointer;
-            white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+            min-width: 0; white-space: nowrap; overflow: hidden; }
+/* ファイル名だけを省略 (…) する。twist / icon は縮めない。 */
+#files .row > span:not(.name) { flex: none; }
+#files .name { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
 #files .row:hover { background: #e3f4f6; }
 #files li.file.active > .row { background: #a2d7dd; font-weight: 600; }
 #files li.dir.selected > .row { background: #d3ecee; font-weight: 600; }

data/public/edit/edit.js

@@ -121,35 +121,6 @@ let selectedPaths = new Set();
 // Shift 範囲選択の起点 (直前に通常/Ctrl/Shift クリックした行)。
 let lastClickedPath = null;
 
-// フラットな相対パス配列を { dirs, files } のツリーに組み立てる。
-// emptyDirPaths: 中身が空 (または空ディレクトリのみ) のディレクトリの相対パス。
-// ファイルパスからは辿り着けないため、明示的にノードを掘る。
-function buildTree(paths, emptyDirPaths) {
-  const root = { dirs: new Map(), files: [] };
-  const ensureDir = (path) => {
-    const parts = path.split('/');
-    let node = root;
-    parts.forEach(part => {
-      if (!node.dirs.has(part)) node.dirs.set(part, { dirs: new Map(), files: [] });
-      node = node.dirs.get(part);
-    });
-  };
-  paths.forEach(p => {
-    const parts = p.split('/');
-    let node = root;
-    parts.forEach((part, i) => {
-      if (i === parts.length - 1) {
-        node.files.push({ name: part, path: p });
-      } else {
-        if (!node.dirs.has(part)) node.dirs.set(part, { dirs: new Map(), files: [] });
-        node = node.dirs.get(part);
-      }
-    });
-  });
-  (emptyDirPaths || []).forEach(ensureDir);
-  return root;
-}
-
 // 拡張子ごとのファイルアイコン (絵文字)。未知の拡張子は汎用の📄。
 const FILE_ICONS = {
   py: '🐍',
@@ -215,51 +186,128 @@ function fileIcon(name) {
   return FILE_ICONS[ext] || '📄';
 }
 
-// ツリーノードを <ul> にレンダリング。prefix は現ディレクトリの相対パス。
-function renderTree(node, prefix) {
+// ---- 遅延展開ツリー -------------------------------------------------------
+// ツリー全体を一括取得すると巨大ホーム (C:\Users\<name> 等) で壊れるため、
+// 1 階層ずつ /edit/dir?path= で取得して描画する。フォルダを開いたときに初めて
+// その中身を取得する。
+
+// 各展開済みディレクトリの「直下 entries の署名」(変化検知用)。dir 相対パス → 署名文字列。
+// ルートは "" をキーにする。ポーリング/更新時に署名が変わった階層だけ描き直す。
+const dirSigs = new Map();
+
+// /edit/dir?path=dir を取得して { entries, capped, absRoot } を返す。失敗時は null。
+async function fetchDir(dir) {
+  try {
+    const q = dir ? '?path=' + encodeURIComponent(dir) : '';
+    const r = await fetch('/edit/dir' + q);
+    if (!r.ok) return null;
+    const data = await r.json();
+    if (data.abs_root) absRoot = data.abs_root;
+    return data;
+  } catch (e) { return null; } // ポーリング中の一時的な失敗は無視する。
+}
+
+// entries の署名 (name+dir をソート結合)。直下の顔ぶれが変わったかだけを見る。
+function entriesSig(entries) {
+  return (entries || []).map(e => (e.dir ? 'd:' : 'f:') + e.name).sort().join('\n');
+}
+
+// 1 階層分の entries を <ul> に描画して返す。dir は親ディレクトリの相対パス ("" ならルート)。
+// ディレクトリは (openDirs に含まれれば) 展開状態で子 <ul> も再帰的に埋める。
+function renderEntries(entries, dir) {
   const ul = document.createElement('ul');
-  // ディレクトリを名前順に先に、その後ファイルを名前順に並べる。
-  [...node.dirs.keys()].sort().forEach(name => {
-    const dirPath = prefix ? prefix + '/' + name : name;
-    const li = document.createElement('li');
-    li.className = 'dir';
-    li.dataset.path = dirPath;
-    if (openDirs.has(dirPath)) li.classList.add('open');
-    const row = document.createElement('div');
-    row.className = 'row';
-    row.innerHTML = '<span class="twist">▶</span><span class="icon">📁</span>';
-    row.appendChild(document.createTextNode(name));
-    row.onclick = (e) => {
-      if (e.ctrlKey || e.metaKey || e.shiftKey) { handleMultiSelectClick(e, dirPath); return; }
-      if (openDirs.has(dirPath)) openDirs.delete(dirPath);
-      else openDirs.add(dirPath);
-      li.classList.toggle('open');
-      selectDir(dirPath);
-    };
-    row.oncontextmenu = (e) => showContextMenu(e, dirPath, true);
-    li.appendChild(row);
-    li.appendChild(renderTree(node.dirs.get(name), dirPath));
-    ul.appendChild(li);
-  });
-  node.files.sort((a, b) => a.name.localeCompare(b.name)).forEach(f => {
-    const li = document.createElement('li');
-    li.className = 'file';
-    li.dataset.path = f.path;
-    const row = document.createElement('div');
-    row.className = 'row';
-    row.innerHTML = `<span class="twist"></span><span class="icon">${fileIcon(f.name)}</span>`;
-    row.appendChild(document.createTextNode(f.name));
-    row.onclick = (e) => {
-      if (e.ctrlKey || e.metaKey || e.shiftKey) { handleMultiSelectClick(e, f.path); return; }
-      openFile(f.path, li);
-    };
-    row.oncontextmenu = (e) => showContextMenu(e, f.path, false);
-    li.appendChild(row);
-    ul.appendChild(li);
-  });
+  for (const ent of entries) {
+    if (ent.dir) ul.appendChild(makeDirLi(ent));
+    else ul.appendChild(makeFileLi(ent));
+  }
   return ul;
 }
 
+// ディレクトリ <li> を作る。展開中 (openDirs) なら子 <ul> を非同期に埋める。
+function makeDirLi(ent) {
+  const dirPath = ent.path;
+  const li = document.createElement('li');
+  li.className = 'dir';
+  li.dataset.path = dirPath;
+  const row = document.createElement('div');
+  row.className = 'row';
+  row.innerHTML = '<span class="twist">▶</span><span class="icon">📁</span>';
+  const nameSpan = document.createElement('span');
+  nameSpan.className = 'name';
+  nameSpan.textContent = ent.name;
+  row.appendChild(nameSpan);
+  row.onclick = (e) => {
+    if (e.ctrlKey || e.metaKey || e.shiftKey) { handleMultiSelectClick(e, dirPath); return; }
+    if (openDirs.has(dirPath)) collapseDir(li, dirPath);
+    else expandDir(li, dirPath);
+    selectDir(dirPath);
+  };
+  row.oncontextmenu = (e) => showContextMenu(e, dirPath, true);
+  li.appendChild(row);
+  // 子を入れる <ul> を用意しておく (閉じているときは空)。
+  const childUl = document.createElement('ul');
+  childUl.className = 'children';
+  li.appendChild(childUl);
+  // 描画時点で開いている扱いなら、その場で中身を取得して展開する。
+  if (openDirs.has(dirPath)) {
+    li.classList.add('open');
+    fillDirChildren(li, dirPath);
+  }
+  return li;
+}
+
+// ファイル <li> を作る。
+function makeFileLi(ent) {
+  const li = document.createElement('li');
+  li.className = 'file';
+  li.dataset.path = ent.path;
+  const row = document.createElement('div');
+  row.className = 'row';
+  row.innerHTML = `<span class="twist"></span><span class="icon">${fileIcon(ent.name)}</span>`;
+  const nameSpan = document.createElement('span');
+  nameSpan.className = 'name';
+  nameSpan.textContent = ent.name;
+  row.appendChild(nameSpan);
+  row.onclick = (e) => {
+    if (e.ctrlKey || e.metaKey || e.shiftKey) { handleMultiSelectClick(e, ent.path); return; }
+    openFile(ent.path, li);
+  };
+  row.oncontextmenu = (e) => showContextMenu(e, ent.path, false);
+  li.appendChild(row);
+  return li;
+}
+
+// li.children (子 <ul>) を /edit/dir で取得して描画する。dir は li の相対パス。
+async function fillDirChildren(li, dir) {
+  const data = await fetchDir(dir);
+  const childUl = li.querySelector(':scope > ul.children');
+  if (!childUl) return; // 取得中に折りたたまれた等
+  if (!data) { childUl.replaceChildren(); dirSigs.delete(dir); return; }
+  dirSigs.set(dir, entriesSig(data.entries));
+  const fresh = renderEntries(data.entries, dir);
+  childUl.replaceChildren(...fresh.childNodes);
+  restoreHighlights();
+}
+
+// ディレクトリを展開する。openDirs に加え、子 <ul> を取得して埋める。
+function expandDir(li, dir) {
+  openDirs.add(dir);
+  li.classList.add('open');
+  fillDirChildren(li, dir);
+}
+
+// ディレクトリを折りたたむ。子 <ul> を空にして状態を捨てる。
+function collapseDir(li, dir) {
+  openDirs.delete(dir);
+  li.classList.remove('open');
+  const childUl = li.querySelector(':scope > ul.children');
+  if (childUl) childUl.replaceChildren();
+  // 配下の署名も破棄する (再展開時は取り直す)。
+  for (const key of [...dirSigs.keys()]) {
+    if (key === dir || key.startsWith(dir + '/')) dirSigs.delete(key);
+  }
+}
+
 // ディレクトリを「新規作成の基準」として選択状態にする (ファイル選択のハイライトは解除する)。
 function selectDir(dirPath) {
   selectedDir = dirPath;
@@ -326,52 +374,95 @@ function handleMultiSelectClick(e, path) {
   renderMultiSelection();
 }
 
-// 直近に描画したファイル一覧の署名 (変化検知用)。ポーリングで無駄な再描画を避ける。
-let lastFilesSig = null;
-// workspace ルートの絶対パス (「絶対パスをコピー」用)。/edit/files のたびに更新する。
+// workspace ルートの絶対パス (「絶対パスをコピー」用)。/edit/dir のたびに更新する。
 let absRoot = null;
 
-// force=true なら署名が同じでも必ず再描画する (初回・手動更新用)。
-async function loadFiles(force) {
-  let data;
-  try {
-    const r = await fetch('/edit/files');
-    if (!r.ok) return;
-    data = await r.json();
-  } catch (e) { return; } // ポーリング中の一時的な失敗は無視する。
-
-  absRoot = data.abs_root || null;
-  const files = data.files || [];
-  const emptyDirs = data.dirs || [];
-  const sig = files.join('\n') + '\n\0\n' + emptyDirs.join('\n');
-  if (!force && sig === lastFilesSig) return; // 変化なし: 何もしない。
-  lastFilesSig = sig;
-
+// 再描画後、単一選択・複数選択のハイライトを DOM に復元する。
+// 消えたパスは複数選択からも取り除く。遅延展開では階層描画のたびに呼ぶ。
+function restoreHighlights() {
   const container = document.getElementById('file-list');
-  container.innerHTML = '';
-  const tree = buildTree(files, emptyDirs);
-  container.appendChild(renderTree(tree, ''));
-  // 空白部の右クリックは workspace ルートへの新規作成メニューを出す。
-  container.oncontextmenu = (e) => {
-    if (e.target === container) showContextMenu(e, '', true);
-  };
-  // 再描画後も選択中ファイル/ディレクトリのハイライトを維持する。
   if (currentPath) {
     const active = container.querySelector('li.file[data-path="' + cssEscape(currentPath) + '"]');
     if (active) active.classList.add('active');
-  } else if (selectedDir) {
+  }
+  if (selectedDir) {
     const selected = container.querySelector('li.dir[data-path="' + cssEscape(selectedDir) + '"]');
     if (selected) selected.classList.add('selected');
   }
-  // 消えたパスは複数選択からも取り除いてから、残りのハイライトを復元する。
   const stillExists = (p) => container.querySelector('li[data-path="' + cssEscape(p) + '"]') != null;
   [...selectedPaths].forEach(p => { if (!stillExists(p)) selectedPaths.delete(p); });
   renderMultiSelection();
 }
 
-// 作業ディレクトリの内容を定期的に監視し、変化があれば一覧を更新する。
+// ルート階層を取得して #file-list を描き直す。openDirs に残っている階層は
+// renderEntries → makeDirLi 内で再帰的に取得・展開される。
+async function renderRoot() {
+  const container = document.getElementById('file-list');
+  const data = await fetchDir('');
+  if (!data) return;
+  dirSigs.set('', entriesSig(data.entries));
+  const fresh = renderEntries(data.entries, '');
+  container.replaceChildren(...fresh.childNodes);
+  // 空白部の右クリックは workspace ルートへの新規作成メニューを出す。
+  container.oncontextmenu = (e) => {
+    if (e.target === container) showContextMenu(e, '', true);
+  };
+  restoreHighlights();
+}
+
+// ルートから描き直し、開いている階層も取り直す (更新ボタン・fs 操作・AI 実行後・初回)。
+async function refreshTree() {
+  await renderRoot();
+}
+
+// dir の階層だけを取り直して差し替える (fs 操作後の局所更新)。
+// dir が現在展開中 (ルート or openDirs) でなければ何もしない。
+async function refreshDir(dir) {
+  const container = document.getElementById('file-list');
+  if (dir === '' || dir == null) { await renderRoot(); return; }
+  if (!openDirs.has(dir)) return; // 閉じている階層は描画対象外。
+  const li = container.querySelector('li.dir[data-path="' + cssEscape(dir) + '"]');
+  if (li) await fillDirChildren(li, dir);
+}
+
+// 展開中の各階層 (ルート + openDirs) を再取得し、直下の顔ぶれ (署名) が変わった階層だけ
+// 描き直す。外部からのファイル追加/削除を自動反映しつつ、巨大ホームでも軽い。
+async function refreshOpenDirs() {
+  const container = document.getElementById('file-list');
+  // ルート
+  const rootData = await fetchDir('');
+  if (rootData) {
+    const sig = entriesSig(rootData.entries);
+    if (sig !== dirSigs.get('')) {
+      dirSigs.set('', sig);
+      const fresh = renderEntries(rootData.entries, '');
+      container.replaceChildren(...fresh.childNodes);
+      restoreHighlights();
+      return; // ルートを描き直すと配下も makeDirLi 経由で取り直されるため以降は不要。
+    }
+  }
+  // 開いている各サブディレクトリ (浅い順に処理して親の再描画で子を巻き込まない)。
+  const openList = [...openDirs].sort((a, b) => a.split('/').length - b.split('/').length);
+  for (const dir of openList) {
+    const li = container.querySelector('li.dir[data-path="' + cssEscape(dir) + '"]');
+    if (!li) continue; // 親が閉じている等で DOM 上に無い。
+    const data = await fetchDir(dir);
+    if (!data) continue;
+    const sig = entriesSig(data.entries);
+    if (sig === dirSigs.get(dir)) continue; // 変化なし。
+    dirSigs.set(dir, sig);
+    const childUl = li.querySelector(':scope > ul.children');
+    if (childUl) {
+      const fresh = renderEntries(data.entries, dir);
+      childUl.replaceChildren(...fresh.childNodes);
+    }
+  }
+  restoreHighlights();
+}
+
+// 作業ディレクトリの内容を定期的に監視し、変化があれば展開中の階層だけ更新する。
 const FILES_POLL_MS = 3000;
-setInterval(() => loadFiles(false), FILES_POLL_MS);
+setInterval(() => refreshOpenDirs(), FILES_POLL_MS);
 
 // querySelector 用に属性値をエスケープ (パスに特殊文字が入っても安全に)。
 function cssEscape(s) {
@@ -460,7 +551,7 @@ async function createEntry(dir, isDir) {
   try {
     await fsPost(isDir ? '/edit/fs/mkdir' : '/edit/fs/touch', { path });
     if (dir) openDirs.add(dir); // 作成先を開いて見せる
-    await loadFiles();
+    await refreshDir(dir); // 作成先の階層だけ描き直す (dir="" ならルート)
     if (!isDir) openFileByPath(path); // 作ったファイルを開く
   } catch (err) { alert(err.message); }
 }
@@ -483,7 +574,11 @@ async function renameEntry(path) {
     }
     if (selectedDir === path) selectedDir = to;
     renderEditorTabs();
-    await loadFiles();
+    // 移動元・移動先の親階層を描き直す (同じ親なら1回で済む)。
+    const fromParent = parentDir(path);
+    const toParent = parentDir(to);
+    await refreshDir(fromParent);
+    if (toParent !== fromParent) await refreshDir(toParent);
   } catch (err) { alert(err.message); }
 }
 
@@ -494,7 +589,7 @@ async function deleteEntry(path, isDir) {
   try {
     await fsPost('/edit/fs/delete', { path });
     forgetDeletedPath(path);
-    await loadFiles();
+    await refreshDir(parentDir(path)); // 削除対象の親階層だけ描き直す
   } catch (err) { alert(err.message); }
 }
 
@@ -545,16 +640,21 @@ async function deleteSelectedPaths(paths) {
   if (!ok) return;
 
   const errors = [];
+  const parents = new Set();
   for (const path of paths) {
     try {
       await fsPost('/edit/fs/delete', { path });
       forgetDeletedPath(path);
+      parents.add(parentDir(path));
     } catch (err) {
       errors.push(path + ': ' + err.message);
     }
   }
   clearMultiSelection();
-  await loadFiles();
+  // 影響した親階層を浅い順に描き直す (親を描き直すと子は取り直されるため重複しても安全)。
+  for (const dir of [...parents].sort((a, b) => a.split('/').length - b.split('/').length)) {
+    await refreshDir(dir);
+  }
   if (errors.length > 0) alert('一部の削除に失敗しました:\n' + errors.join('\n'));
 }
 
@@ -764,7 +864,7 @@ async function confirmSaveAs() {
     return;
   }
   closeSaveAsDialog();
-  await loadFiles(true);
+  await refreshTree();
   // 新規タブとして開く (currentPath/パス表示/dirty は openFile 内で設定される)。
   await openFileByPath(path);
   setSaveStatus('saved');
@@ -892,7 +992,7 @@ initDraggableWindow(errorDialog);
 
 document.getElementById('btn-save').onclick = () => { closeAllMenus(); saveCurrent(); };
 document.getElementById('btn-autosave').onclick = () => { closeAllMenus(); setAutoSave(!autoSaveEnabled); };
-document.getElementById('btn-reload').onclick = () => loadFiles(true);
+document.getElementById('btn-reload').onclick = () => refreshTree();
 document.getElementById('btn-new-file').onclick = () => createEntry(selectedDir, false);
 document.getElementById('btn-new-dir').onclick = () => createEntry(selectedDir, true);
 document.getElementById('btn-menu-new-file').onclick = () => { closeAllMenus(); createEntry(selectedDir, false); };
@@ -1444,7 +1544,7 @@ function applyResultSideEffects(data) {
     setEditorValue(data.content); // AI が編集した最新内容を反映 (既にディスクへ保存済みなので dirty にはしない)
     setDirty(false);
   }
-  loadFiles(true); // AI 実行後は確実に反映する (新規ファイルが増えている可能性)
+  refreshTree(); // AI 実行後は確実に反映する (新規ファイルが増えている可能性)
 }
 
 // pending 行に既にツール実行の進捗が描画済みのとき、それを消さずにそのまま
@@ -2122,7 +2222,7 @@ remoteUrlInput.addEventListener('keydown', (e) => {
 initDraggableWindow(remoteDialog);
 
 // ---- 起動 ----
-loadFiles(true);
+refreshTree();
 initConsole();
 initResizers();
 initMenu();

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: chocomint
 version: !ruby/object:Gem::Version
-  version: 1.0.2
+  version: 1.0.3
 platform: ruby
 authors:
 - ひかり (Himeyama)