fix(ui): replace color emoji with monochrome marks and SVG icons

- Memo categories in the memo editor read as draft / note with text
  marks, the memo hover no longer starts with a speech-bubble emoji,
  and the delete toast and the bulk-delete button use a trash SVG in
  the current text color
- The graph snapshot draws its memo mark as a pencil glyph and the
  empty-search hint loses its light-bulb emoji
- Color emoji stood out against the monochrome SVG icons the rest of
  the UI uses, which memo-list.js already states as the house rule

Author: Taka-S-dev

static/js/editor.js

@@ -493,11 +493,13 @@ function toggleLineMemoInline() {
 
 // memo 編集 popup の category 選択肢。null は「category 未設定 (= 旧メモ)」用。
 const _MEMO_CATEGORIES = [
-  { value: 'draft', label: '📝 draft' },
+  // option はテキストしか持てないので記号はモノクロの文字で揃える
+  // （カラー絵文字は他の記号から浮く。memo-list.js のメモ印 ✎ と同じ）
+  { value: 'draft', label: '✎ draft' },
   { value: 'ok',    label: '✓ ok'    },
   { value: 'warn',  label: '⚠ warn'  },
   { value: 'error', label: '✕ error' },
-  { value: 'note',  label: '📌 note' },
+  { value: 'note',  label: '※ note'  },
 ];
 
 function _mkCategorySelect(currentCat) {
@@ -1262,7 +1264,7 @@ async function ensureEditor() {
                 suffix = `\n\n*実態: ${defFile}:${n.match.line}*`;
               }
               contents.push({value:
-                `💬 **${n.label || shortPath(n.match?.file||'')+':'+(n.match?.line||'')}**\n\n${n.memo}${suffix}`
+                `**${n.label || shortPath(n.match?.file||'')+':'+(n.match?.line||'')}**\n\n${n.memo}${suffix}`
               });
             });
             contents.push({value: '---'});

static/js/graph.js

@@ -2797,10 +2797,10 @@ async function exportNodeSnapshot() {
       ctx.fill();
       ctx.stroke();
 
-      // 📝 アイコン + テキスト
+      // メモ印（モノクロ記号。カラー絵文字は他の記号から浮く）とテキスト
       ctx.fillStyle = '#666';
       ctx.font = `${FONT_SIZE - 1}px sans-serif`;
-      ctx.fillText('📝', bx + MEMO_PAD - 2, by + (bh - FONT_SIZE) / 2);
+      ctx.fillText('✎', bx + MEMO_PAD - 2, by + (bh - FONT_SIZE) / 2);
       ctx.fillStyle = '#333';
       ctx.font = MEMO_FONT;
       ctx.fillText(memoText, bx + MEMO_PAD + 18, by + (bh - (FONT_SIZE - 1)) / 2);

static/js/memo-list.js

@@ -31,6 +31,8 @@ function saveMemoGroups(arr) {
 
 // カラー絵文字 (⚡) は他のモノクロアイコンから浮くため、currentColor の SVG で持つ。
 const INSERTION_ICON_SVG = `<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 16 16" style="vertical-align:middle"><path d="M9 1.5 3.5 9H7l-1.5 5.5L11 7H7.5L9 1.5z" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"/></svg>`;
+// 削除の印も同じ理由で SVG。トーストと一括削除ボタンで共用する
+const TRASH_ICON_SVG = `<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 16 16" style="vertical-align:middle"><path d="M3 4.5h10M6.5 4.5V3h3v1.5M4.5 4.5l.7 9h5.6l.7-9" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"/></svg>`;
 
 function getAllMemosOrdered() {
   const lineMemos = getLineMemos();
@@ -186,7 +188,7 @@ function _showUndoToast(label) {
   clearTimeout(_memoListUndoTimer);
   const toast = document.createElement('div');
   toast.id = 'memo-undo-toast';
-  toast.innerHTML = `<span>🗑 ${esc(label)}</span>` +
+  toast.innerHTML = `<span>${TRASH_ICON_SVG} ${esc(label)}</span>` +
                     `<button id="memo-undo-btn" title="Ctrl+Z でも可">元に戻す</button>`;
   document.body.appendChild(toast);
   document.getElementById('memo-undo-btn').onclick = _undoMemoDelete;
@@ -411,7 +413,7 @@ function renderMemoList() {
     const bulkBtn = document.createElement('button');
     bulkBtn.id = 'memo-list-bulk-del-drafts';
     bulkBtn.className = 'memo-bulk-btn';
-    bulkBtn.textContent = '🗑 draft メモ全削除';
+    bulkBtn.innerHTML = `${TRASH_ICON_SVG} draft メモ全削除`;
     bulkBtn.title = 'カテゴリ "draft" のメモを一括削除 (確認 dialog あり)';
     bulkBtn.onclick = _bulkDeleteDrafts;
     actionBar.appendChild(bulkBtn);

static/js/search.js

@@ -196,7 +196,7 @@ function doSearch() {
     // 0件の理由 (glob ミス / regex ボタン押し忘れ) があれば結果パネルに表示。
     // 「存在しない」と「検索条件のミス」をユーザーが区別できるようにする。
     if(d.count === 0 && d.hint) {
-      id('results').innerHTML = `<div class="search-hint">💡 ${esc(d.hint)}</div>`;
+      id('results').innerHTML = `<div class="search-hint">${esc(d.hint)}</div>`;
     }
     saveSearchTab(q, d.count, title, overText);
     if(typeof updateSearchTitle === 'function') updateSearchTitle(q, d.count);