fix(ui): stop the mark list covering the editor scrollbar

- Opening the mark list laid it over the editor, hiding the vertical
  scrollbar and minimap under the panel; it now narrows the editor
  like the addon side panels do
- The earlier fix for this symptom only covered the four addon panels,
  and its guard test only scans the addons directory, so the one
  built-in right-edge panel slipped through; the test now also walks
  the core stylesheet for fixed right-edge panels

Author: Taka-S-dev

static/css/main.css

@@ -1090,7 +1090,7 @@ body.search-mode #root-chip{min-width:0}
 #memo-list-panel{position:fixed;right:0;top:0;width:320px;height:100vh;background:#1e1e1e;border-left:1px solid #333;z-index:var(--z-side-panel);flex-direction:column;display:none;min-width:200px;max-width:700px}
 #memo-list-width-resizer{position:absolute;left:0;top:0;width:5px;height:100%;cursor:ew-resize;z-index:var(--z-content)}
 #memo-list-width-resizer:hover,#memo-list-width-resizer:active{background:rgba(0,122,204,0.4)}
-#memo-list-panel.visible{display:flex}
+#memo-list-panel.open{display:flex}
 #memo-list-hdr{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-bottom:1px solid #333;font-size:12px;color:#ccc;flex-shrink:0}
 #memo-list-hdr button{background:none;border:none;color:#888;cursor:pointer;padding:2px 4px;border-radius:2px}
 #memo-list-hdr button:hover{color:#ccc;background:#2a2d2e}

static/index.html

@@ -543,7 +543,7 @@
   </div>
 </div>
 
-<div id="memo-list-panel"></div>
+<div id="memo-list-panel" class="side-panel"></div>
 <div id="memo-tooltip"></div>
 <div id="level-badge"><span class="lv-arrow"></span><span id="lv-from"></span> → <span id="lv-to" class="lv-num"></span></div>
 <div id="preview-popup">

static/js/memo-list.js

@@ -267,14 +267,18 @@ function toggleMemoList() {
   const panel = id('memo-list-panel');
   if (!panel) return;
   _memoListOpen = !_memoListOpen;
-  if (_memoListOpen) { renderMemoList(); panel.classList.add('visible'); }
-  else { panel.classList.remove('visible'); }
+  // 'open' はアドオンのサイドパネルと同じ目印。app.js の initSidePanelLayout が
+  // .side-panel.open の幅ぶんエディタを狭めるので、これでスクロールバーが
+  // パネルの下に隠れない（474926a でアドオン側だけ直り、本体組み込みの
+  // このパネルが漏れていた）。
+  if (_memoListOpen) { renderMemoList(); panel.classList.add('open'); }
+  else { panel.classList.remove('open'); }
   id('btn-memo-list')?.classList.toggle('active', _memoListOpen);
 }
 
 function closeMemoList() {
   _memoListOpen = false;
-  id('memo-list-panel')?.classList.remove('visible');
+  id('memo-list-panel')?.classList.remove('open');
   id('btn-memo-list')?.classList.remove('active');
 }
 

test/addons.test.js

@@ -31,3 +31,24 @@ test('アドオンパネル - 右端に固定するパネルは side-panel を
   }
   assert.ok(checked >= 4, `右端パネルが ${checked} 件しか見つからない（検出側が壊れている疑い）`);
 });
+
+// 同じ症状は本体組み込みのパネルでも起きる。マーク一覧がまさにこれで、
+// アドオンだけ走査していた上のテストをすり抜けて1枚だけ残った。
+// main.css で右端固定のパネルを拾い、index.html 側の要素に目印を要求する。
+test('本体パネル - 右端に固定するパネルも side-panel を名乗る', () => {
+  const css = fs.readFileSync(path.join(__dirname, '..', 'static', 'css', 'main.css'), 'utf8');
+  const html = fs.readFileSync(path.join(__dirname, '..', 'static', 'index.html'), 'utf8');
+  let checked = 0;
+  for (const m of css.matchAll(/#([\w-]+)\s*\{([^}]*)\}/g)) {
+    const body = m[2].replace(/\s+/g, '');
+    if (!body.includes('position:fixed') || !/right:0[;}]/.test(body)) continue;
+    const id = m[1];
+    const tag = html.match(new RegExp(`id="${id}"[^>]*`));
+    if (!tag) continue; // アドオン側の要素は上のテストが見る
+    assert.ok(/class="[^"]*\bside-panel\b/.test(tag[0]),
+      `#${id} に class="side-panel" が無い。開いてもエディタが狭まらず、` +
+      '縦スクロールバーがパネルの下に隠れる');
+    checked++;
+  }
+  assert.ok(checked >= 1, `右端固定の本体パネルが ${checked} 件しか見つからない（検出側が壊れている疑い）`);
+});