@web-auto/webauto 0.1.1 → 0.1.2

package/apps/desktop-console/src/renderer/tabs/profile-pool.mts

@@ -1,213 +0,0 @@
-import { createEl, labeledInput, section } from '../ui-components.mjs';
-import { resolveWebautoRoot } from '../path-helpers.mjs';
-
-const PHASES = [
-  { id: 'phase1', label: 'Phase1: 启动浏览器' },
-  { id: 'phase2', label: 'Phase2: 搜索采集' },
-  { id: 'phase3', label: 'Phase3: 评论互动' },
-  { id: 'phase4', label: 'Phase4: 内容采集' },
-  { id: 'unified', label: 'Unified: 统一采集' },
-];
-
-export function renderProfilePool(root: HTMLElement, ctx: any) {
-  const webautoRoot = resolveWebautoRoot(ctx.settings?.downloadRoot || '', window.api);
-  
-  const containerStyle = 'background:#1a1a2e; color:#eee; padding:16px; border-radius:8px;';
-  const listStyle = 'max-height:150px; overflow:auto; background:#16213e; border:1px solid #0f3460; border-radius:4px; padding:8px;';
-  const itemStyle = 'cursor:pointer; padding:6px 10px; margin:3px 0; background:#0f3460; border-radius:4px; color:#fff; font-size:13px;';
-  const selectedItemStyle = 'cursor:pointer; padding:6px 10px; margin:3px 0; background:#e94560; border-radius:4px; color:#fff; font-weight:bold; font-size:13px;';
-  const labelStyle = 'color:#eaeaea; font-size:12px; margin-bottom:6px; font-weight:500;';
-  const sectionTitleStyle = 'color:#fff; font-size:14px; font-weight:bold; margin:16px 0 8px 0; border-bottom:1px solid #0f3460; padding-bottom:4px;';
-  
-  // Top section: Available and Selected profiles
-  const availableProfiles = createEl('div', { style: listStyle });
-  const selectedProfiles = createEl('div', { style: listStyle });
-  const statusText = createEl('div', { style: 'color:#e94560; font-size:13px; margin:8px 0; font-weight:bold;' });
-  
-  // Bottom section: Per-phase profile assignment
-  const phaseSections = createEl('div', { style: 'margin-top:16px;' });
-  
-  let profiles: string[] = [];
-  let selected: Set<string> = new Set();
-  let phaseProfiles: Record<string, Set<string>> = {};
-  
-  function loadSavedConfig() {
-    if (ctx.settings?.allowedProfiles) {
-      selected = new Set(ctx.settings.allowedProfiles);
-    }
-    // Load phase-specific assignments
-    if (ctx.settings?.phaseProfiles) {
-      phaseProfiles = {};
-      for (const [phaseId, profs] of Object.entries(ctx.settings.phaseProfiles)) {
-        phaseProfiles[phaseId] = new Set(profs as string[]);
-      }
-    }
-    // Default: all selected profiles enabled for all phases
-    PHASES.forEach(phase => {
-      if (!phaseProfiles[phase.id]) {
-        phaseProfiles[phase.id] = new Set(selected);
-      }
-    });
-  }
-  
-  async function loadProfiles() {
-    try {
-      const res = await fetch((ctx.settings?.coreDaemonUrl || 'http://127.0.0.1:7700') + '/profile/list');
-      const data = await res.json();
-      profiles = data.allowed || [];
-      loadSavedConfig();
-      renderTopSection();
-      renderPhaseSections();
-    } catch (e) {
-      statusText.textContent = '❌ 加载失败: ' + (e as Error).message;
-    }
-  }
-  
-  function renderTopSection() {
-    availableProfiles.textContent = '';
-    selectedProfiles.textContent = '';
-    
-    profiles.forEach(p => {
-      if (!selected.has(p)) {
-        const row = createEl('div', { style: itemStyle }, ['+ ' + p]);
-        row.onclick = () => { 
-          selected.add(p);
-          // Auto-enable for all phases
-          PHASES.forEach(ph => {
-            if (!phaseProfiles[ph.id]) phaseProfiles[ph.id] = new Set();
-            phaseProfiles[ph.id].add(p);
-          });
-          renderTopSection();
-          renderPhaseSections();
-        };
-        availableProfiles.appendChild(row);
-      }
-    });
-    
-    if (selected.size === 0) {
-      selectedProfiles.appendChild(createEl('div', { style: 'color:#888; padding:20px; text-align:center; font-size:12px;' }, ['点击左侧 + 添加 Profile']));
-    } else {
-      selected.forEach(p => {
-        const row = createEl('div', { style: selectedItemStyle }, ['✓ ' + p]);
-        row.onclick = () => { 
-          selected.delete(p);
-          // Remove from all phases
-          PHASES.forEach(ph => phaseProfiles[ph.id]?.delete(p));
-          renderTopSection();
-          renderPhaseSections();
-        };
-        selectedProfiles.appendChild(row);
-      });
-    }
-    
-    statusText.textContent = `📊 可用: ${profiles.length - selected.size} | 已加入: ${selected.size}`;
-  }
-  
-  function renderPhaseSections() {
-    phaseSections.textContent = '';
-    phaseSections.appendChild(createEl('div', { style: sectionTitleStyle }, ['阶段 Profile 分配（可取消勾选）']));
-    
-    PHASES.forEach(phase => {
-      const phaseBox = createEl('div', { style: 'background:#0f3460; padding:10px; margin:8px 0; border-radius:4px;' });
-      const phaseHeader = createEl('div', { style: 'color:#e94560; font-size:13px; font-weight:bold; margin-bottom:8px;' }, [phase.label]);
-      phaseBox.appendChild(phaseHeader);
-      
-      const checkboxesRow = createEl('div', { style: 'display:flex; flex-wrap:wrap; gap:8px;' });
-      
-      if (selected.size === 0) {
-        checkboxesRow.appendChild(createEl('span', { style: 'color:#666; font-size:12px;' }, ['先添加 Profile 到上方池']));
-      } else {
-        selected.forEach(profile => {
-          const isEnabled = phaseProfiles[phase.id]?.has(profile) ?? true;
-          const label = createEl('label', { style: 'display:flex; align-items:center; gap:4px; cursor:pointer; color:#fff; font-size:12px; padding:4px 8px; background:#16213e; border-radius:3px;' });
-          const checkbox = createEl('input', { type: 'checkbox', checked: isEnabled }) as HTMLInputElement;
-          checkbox.onchange = () => {
-            if (!phaseProfiles[phase.id]) phaseProfiles[phase.id] = new Set();
-            if (checkbox.checked) {
-              phaseProfiles[phase.id].add(profile);
-            } else {
-              phaseProfiles[phase.id].delete(profile);
-            }
-          };
-          label.appendChild(checkbox);
-          label.appendChild(createEl('span', {}, [profile]));
-          checkboxesRow.appendChild(label);
-        });
-      }
-      
-      phaseBox.appendChild(checkboxesRow);
-      phaseSections.appendChild(phaseBox);
-    });
-  }
-  
-  const btnStyle = 'padding:6px 12px; margin-right:6px; background:#0f3460; color:#fff; border:none; border-radius:4px; cursor:pointer; font-size:12px;';
-  const btnPrimaryStyle = 'padding:6px 12px; margin-right:6px; background:#e94560; color:#fff; border:none; border-radius:4px; cursor:pointer; font-weight:bold; font-size:12px;';
-  
-  const btnSave = createEl('button', { style: btnPrimaryStyle }, ['💾 保存']);
-  btnSave.onclick = async () => {
-    const phaseConfig: Record<string, string[]> = {};
-    PHASES.forEach(ph => {
-      phaseConfig[ph.id] = Array.from(phaseProfiles[ph.id] || []);
-    });
-    await window.api.settingsSet({ 
-      allowedProfiles: Array.from(selected),
-      phaseProfiles: phaseConfig
-    });
-    ctx.settings.allowedProfiles = Array.from(selected);
-    ctx.settings.phaseProfiles = phaseConfig;
-    ctx.appendLog('[ProfilePool] ✅ 已保存');
-  };
-  
-  const btnRefresh = createEl('button', { style: btnStyle }, ['🔄 刷新']);
-  btnRefresh.onclick = () => loadProfiles();
-  
-  const btnSelectAll = createEl('button', { style: btnStyle }, ['☑️ 全选']);
-  btnSelectAll.onclick = () => { 
-    profiles.forEach(p => {
-      selected.add(p);
-      PHASES.forEach(ph => {
-        if (!phaseProfiles[ph.id]) phaseProfiles[ph.id] = new Set();
-        phaseProfiles[ph.id].add(p);
-      });
-    });
-    renderTopSection();
-    renderPhaseSections();
-  };
-  
-  const btnClear = createEl('button', { style: btnStyle }, ['清空']);
-  btnClear.onclick = () => { 
-    selected.clear(); 
-    phaseProfiles = {};
-    renderTopSection();
-    renderPhaseSections();
-  };
-  
-  const wrapper = createEl('div', { style: containerStyle });
-  wrapper.appendChild(
-    section('Profile Pool', [
-      // Top: Pool management
-      createEl('div', { style: 'display:grid; grid-template-columns:1fr 1fr; gap:12px;' }, [
-        createEl('div', {}, [
-          createEl('div', { style: labelStyle }, ['可用 Profiles（点击加入）']),
-          availableProfiles,
-        ]),
-        createEl('div', {}, [
-          createEl('div', { style: labelStyle }, ['Profile 池（点击移除）']),
-          selectedProfiles,
-        ]),
-      ]),
-      statusText,
-      createEl('div', { style: 'margin:8px 0;' }, [
-        btnRefresh,
-        btnSelectAll,
-        btnClear,
-        btnSave,
-      ]),
-      // Bottom: Phase assignments
-      phaseSections,
-    ]),
-  );
-  
-  root.appendChild(wrapper);
-  loadProfiles();
-}

package/apps/desktop-console/src/renderer/tabs/results.mts

@@ -1,171 +0,0 @@
-import { createEl, section } from '../ui-components.mts';
-
-export function renderResults(root: HTMLElement, ctx: any) {
-  const entryList = createEl('div', { className: 'list' });
-  const fileList = createEl('div', { className: 'list' });
-  const rightTop = createEl('div', {});
-  const preview = createEl('div', {});
-
-  const filterInput = createEl('input', { placeholder: 'filter filename (contains)', value: '' }) as HTMLInputElement;
-  const onlyImages = createEl('input', { type: 'checkbox' }) as HTMLInputElement;
-  const onlyText = createEl('input', { type: 'checkbox' }) as HTMLInputElement;
-  const statusLine = createEl('div', { className: 'muted' }, ['']);
-
-  let currentEntry: any = null;
-  let currentFiles: any[] = [];
-
-  async function refresh() {
-    entryList.textContent = '';
-    fileList.textContent = '';
-    rightTop.textContent = '';
-    preview.textContent = '';
-    statusLine.textContent = '';
-    currentEntry = null;
-    currentFiles = [];
-
-    const res = await window.api.resultsScan({ downloadRoot: ctx.settings?.downloadRoot });
-    if (!res?.ok) {
-      entryList.appendChild(createEl('div', { className: 'item' }, [String(res?.error || 'scan failed')]));
-      return;
-    }
-    const entries = res.entries || [];
-    entries.forEach((e: any) => {
-      const s = e.state || null;
-      const badge =
-        s && s.status
-          ? ` [${s.status}] links=${s.links || 0}/${s.target || 0} ok=${s.completed || 0} fail=${s.failed || 0}`
-          : ' [no-state]';
-      const item = createEl('div', { className: 'item' }, [`${e.env}/${e.keyword}${badge}`]);
-      item.onclick = () => void openEntry(e);
-      entryList.appendChild(item);
-    });
-  }
-
-  async function openEntry(e: any) {
-    currentEntry = e;
-    currentFiles = [];
-    rightTop.textContent = '';
-    preview.textContent = '';
-    fileList.textContent = '';
-
-    const openDirBtn = createEl('button', { className: 'secondary' }, ['打开目录']) as HTMLButtonElement;
-    openDirBtn.onclick = () => void window.api.osOpenPath(e.path);
-
-    rightTop.appendChild(createEl('div', { className: 'row' }, [
-      openDirBtn,
-      createEl('div', { className: 'muted' }, [String(e.path || '')]),
-    ]));
-
-    const res = await window.api.fsListDir({ root: e.path, recursive: true, maxEntries: 2000 });
-    if (!res?.ok) {
-      statusLine.textContent = `list failed: ${String(res?.error || '')}`;
-      return;
-    }
-    const files = (res.entries || []).filter((x: any) => x && x.isDir === false);
-    currentFiles = files;
-    statusLine.textContent = `files=${files.length}${res.truncated ? ' (truncated)' : ''}`;
-    renderFileList();
-  }
-
-  function isImagePath(p: string) {
-    const ext = p.toLowerCase().split('.').pop() || '';
-    return ext === 'png' || ext === 'jpg' || ext === 'jpeg' || ext === 'webp';
-  }
-
-  function isTextPath(p: string) {
-    const ext = p.toLowerCase().split('.').pop() || '';
-    return ext === 'jsonl' || ext === 'json' || ext === 'txt' || ext === 'log' || ext === 'md';
-  }
-
-  function renderFileList() {
-    fileList.textContent = '';
-    preview.textContent = '';
-
-    const needle = filterInput.value.trim().toLowerCase();
-    const list = currentFiles
-      .filter((x: any) => {
-        const rel = String(x.rel || x.name || '').toLowerCase();
-        if (needle && !rel.includes(needle)) return false;
-        if (onlyImages.checked && !isImagePath(rel)) return false;
-        if (onlyText.checked && !isTextPath(rel)) return false;
-        return true;
-      })
-      .slice(0, 600);
-
-    list.forEach((f: any) => {
-      const label = String(f.rel || f.name || '');
-      const item = createEl('div', { className: 'item' }, [label]);
-      item.onclick = () => void previewFile(f);
-      fileList.appendChild(item);
-    });
-  }
-
-  async function previewFile(f: any) {
-    preview.textContent = '';
-    const p = String(f.path || '');
-    if (!p) return;
-
-    const actions = createEl('div', { className: 'row' }, [
-      createEl('button', { className: 'secondary' }, ['打开文件']),
-    ]);
-    (actions.querySelector('button') as HTMLButtonElement).onclick = () => void window.api.osOpenPath(p);
-    preview.appendChild(actions);
-
-    if (isImagePath(p)) {
-      const res = await window.api.fsReadFileBase64({ path: p, maxBytes: 8_000_000 });
-      if (!res?.ok) {
-        preview.appendChild(createEl('div', { className: 'muted' }, [String(res?.error || 'read image failed')]));
-        return;
-      }
-      const ext = p.toLowerCase().endsWith('.png') ? 'png' : p.toLowerCase().endsWith('.webp') ? 'webp' : 'jpeg';
-      const img = createEl('img', { style: 'max-width:100%; border:1px solid #ddd; border-radius:6px;' }) as HTMLImageElement;
-      img.src = `data:image/${ext};base64,${res.data}`;
-      preview.appendChild(img);
-      return;
-    }
-    if (isTextPath(p)) {
-      await previewText(p);
-      return;
-    }
-    preview.appendChild(createEl('div', { className: 'muted' }, ['(no preview)']));
-  }
-
-  async function previewText(filePath: string) {
-    const res = await window.api.fsReadTextPreview({ path: filePath, maxBytes: 50_000, maxLines: 200 });
-    if (!res?.ok) {
-      preview.appendChild(createEl('div', { className: 'muted' }, [String(res?.error || 'read failed')]));
-      return;
-    }
-    preview.appendChild(createEl('pre', { style: 'white-space:pre-wrap; margin:0;' }, [res.text]));
-  }
-
-  root.appendChild(
-    section('结果目录', [
-      createEl('div', { className: 'row' }, [
-        createEl('button', { className: 'secondary' }, ['刷新']),
-        createEl('div', { className: 'muted' }, [`root=${ctx.settings?.downloadRoot || ''}`]),
-      ]),
-      createEl('div', { className: 'row' }, [
-        createEl('div', { style: 'display:flex; flex-direction:column; gap:6px;' }, [
-          createEl('label', {}, ['only images']),
-          onlyImages,
-        ]),
-        createEl('div', { style: 'display:flex; flex-direction:column; gap:6px;' }, [
-          createEl('label', {}, ['only text']),
-          onlyText,
-        ]),
-        filterInput,
-        statusLine,
-      ]),
-      createEl('div', { className: 'split' }, [
-        entryList,
-        createEl('div', {}, [rightTop, fileList, preview]),
-      ]),
-    ]),
-  );
-  (root.querySelector('button') as HTMLButtonElement).onclick = () => void refresh();
-  filterInput.oninput = () => renderFileList();
-  onlyImages.onchange = () => renderFileList();
-  onlyText.onchange = () => renderFileList();
-  void refresh();
-}

package/apps/desktop-console/src/renderer/tabs/run.test.mts

@@ -1,63 +0,0 @@
-import { readFile } from 'node:fs/promises';
-import path from 'node:path';
-import { test } from 'node:test';
-import assert from 'node:assert/strict';
-import { fileURLToPath } from 'node:url';
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const runPath = path.join(__dirname, 'run.mts');
-
-async function getSrc() {
-  return readFile(runPath, 'utf8');
-}
-
-test('only fullCollect supports multi-profile modes in resolveProfileArgsForRun', async () => {
-  const src = await getSrc();
-  assert.match(
-    src,
-    /supportsMultiProfile\s*=\s*t\s*===\s*'fullCollect'/,
-  );
-});
-
-test('fullCollect uses scripts scan result as script path when available', async () => {
-  const src = await getSrc();
-  assert.match(src, /scriptsXhsFullCollect/);
-  assert.match(src, /const scriptPath = chosen\?\.path \|\| window\.api\.pathJoin\('apps', 'webauto', 'entry', 'xhs-unified\.mjs'\);/);
-});
-
-test('run tab persists default keyword/target/env/dry-run on execute', async () => {
-  const src = await getSrc();
-  assert.match(src, /persistRunInputs\(\{ keyword, target:.*env, dryRun: dryRun\.checked \}\)/);
-});
-
-test('run template includes target argument and fullCollect validation', async () => {
-  const src = await getSrc();
-  assert.match(src, /\['--target', target\]/);
-  assert.match(src, /labeledInput\('target', targetInput\)/);
-  assert.match(src, /if \(t === 'fullCollect'\) \{/);
-  assert.match(src, /fullCollect: 必须填写 keyword/);
-  assert.match(src, /alert\('Full Collect: 必须填写 keyword'\)/);
-  assert.match(src, /fullCollect: 必须填写 target（正整数）/);
-  assert.match(src, /alert\('Full Collect: 必须填写 target（正整数）'\)/);
-});
-
-test('non-fullCollect single selection uses runtime picker', async () => {
-  const src = await getSrc();
-  assert.match(src, /const useRuntimeForSingle = templateSel\.value !== 'fullCollect';/);
-  assert.match(src, /profilePickSel\.style\.display = mode === 'profile' && !useRuntimeForSingle \? '' : 'none';/);
-  assert.match(src, /runtimePickSel\.style\.display = mode === 'profile' && useRuntimeForSingle \? '' : 'none';/);
-});
-
-test('profilepool mode shows profilesBox and auto-selects pool members', async () => {
-  const src = await getSrc();
-  assert.match(src, /profilesBox\.style\.display = \(mode === 'profiles' \|\| mode === 'profilepool'\) \? '' : 'none';/);
-  assert.match(src, /mode === 'profilepool'[\s\S]*pid\.startsWith\(v\)/);
-});
-
-test('run tab is debug-only and points orchestration to xiaohongshu tab', async () => {
-  const src = await getSrc();
-  assert.match(src, /完整编排（Phase1\/2\/Unified \+ 分片）已迁移到“小红书”Tab；这里仅保留调试入口/);
-  assert.doesNotMatch(src, /orchestratePhase12Unified/);
-  assert.doesNotMatch(src, /phase-orchestrate\.mjs/);
-  assert.doesNotMatch(src, /Phase2 collect links/);
-});

package/apps/desktop-console/src/renderer/tabs/runtime.mts

@@ -1,151 +0,0 @@
-import { createEl, section } from '../ui-components.mts';
-
-type SessionState = {
-  profileId: string;
-  sessionId?: string;
-  currentUrl?: string;
-  lastPhase?: string;
-  lastActiveAt?: string;
-  createdAt?: string;
-  status?: string;
-};
-
-function toMap(obj: any): Record<string, string> {
-  return obj && typeof obj === 'object' ? (obj as any) : {};
-}
-
-function formatAge(iso?: string): string {
-  if (!iso) return '';
-  const t = Date.parse(iso);
-  if (!Number.isFinite(t)) return '';
-  const ms = Date.now() - t;
-  const sec = Math.max(0, Math.floor(ms / 1000));
-  if (sec < 60) return `${sec}s`;
-  const min = Math.floor(sec / 60);
-  if (min < 60) return `${min}m`;
-  const hr = Math.floor(min / 60);
-  return `${hr}h`;
-}
-
-function titleFor(profileId: string, alias: string, color: string) {
-  // Window title is the only cross-browser surface we can touch without injecting UI overlays.
-  return `${color} ${alias || profileId} | ${profileId}`;
-}
-
-function headerLabelFor(profileId: string, alias: string) {
-  return alias ? `${alias} (${profileId})` : profileId;
-}
-
-export function renderRuntime(root: HTMLElement, ctx: any) {
-  const status = createEl('div', { className: 'muted' }, ['']);
-  const list = createEl('div', { className: 'runtime-list' });
-  const refreshBtn = createEl('button', { className: 'secondary' }, ['刷新 runtime']) as HTMLButtonElement;
-
-  let sessions: SessionState[] = [];
-
-  async function refresh() {
-    status.textContent = 'loading...';
-    const res = await window.api.runtimeListSessions().catch(() => []);
-    sessions = Array.isArray(res) ? res : [];
-    status.textContent = `running=${sessions.length}`;
-    renderList();
-  }
-
-  function renderList() {
-    list.textContent = '';
-    const aliases = toMap(ctx.settings?.profileAliases);
-    const colors = toMap(ctx.settings?.profileColors);
-
-    if (sessions.length === 0) {
-      list.appendChild(createEl('div', { className: 'muted' }, ['暂无运行中的 session（或 Unified API 尚未同步 session 状态）']));
-      return;
-    }
-
-    for (const s of sessions) {
-      const profileId = String(s?.profileId || '');
-      const alias = String(aliases[profileId] || '');
-      const color = String(colors[profileId] || '#cccccc');
-      const showName = alias ? `${alias}` : profileId;
-
-      const row = createEl('div', { className: 'runtime-item' });
-      const head = createEl('div', { className: 'runtime-head' });
-      const badge = createEl('div', { className: 'runtime-badge', style: `background:${color}` }, ['']);
-      const name = createEl('div', { className: 'runtime-name' }, [showName]);
-      const meta = createEl('div', { className: 'runtime-meta muted' }, [
-        profileId !== showName ? `(${profileId})` : '',
-        s?.currentUrl ? `  url=${String(s.currentUrl)}` : '',
-      ]);
-      const phase = createEl('div', { className: 'runtime-phase muted' }, [s?.lastPhase ? `phase=${String(s.lastPhase)}` : '']);
-      const age = createEl('div', { className: 'runtime-age muted' }, [s?.lastActiveAt ? `active ${formatAge(s.lastActiveAt)}` : '']);
-
-      head.appendChild(badge);
-      head.appendChild(createEl('div', { style: 'display:flex; flex-direction:column; gap:2px; min-width:0;' }, [name, meta, phase, age]));
-
-      const controls = createEl('div', { className: 'runtime-controls' });
-      const colorInput = createEl('input', { type: 'color', value: color }) as HTMLInputElement;
-      colorInput.onchange = async () => {
-        const next = { ...toMap(ctx.settings?.profileColors) };
-        next[profileId] = String(colorInput.value || '#cccccc');
-        const updated = await window.api.settingsSet({ profileColors: next }).catch(() => null);
-        if (updated) ctx.settings = updated;
-        const alias2 = String(toMap(ctx.settings?.profileAliases)[profileId] || '');
-        const nextColor = String(colorInput.value || '#cccccc');
-        const title = titleFor(profileId, alias2, nextColor);
-        await window.api.runtimeSetBrowserTitle({ profileId, title }).catch(() => null);
-        await window.api.runtimeSetHeaderBar({ profileId, label: headerLabelFor(profileId, alias2), color: nextColor }).catch(() => null);
-        void refresh();
-      };
-
-      const btnFocus = createEl('button', { className: 'secondary' }, ['focus']) as HTMLButtonElement;
-      btnFocus.onclick = async () => {
-        await window.api.runtimeFocus({ profileId }).catch(() => null);
-      };
-
-      const btnMark = createEl('button', { className: 'secondary' }, ['mark']) as HTMLButtonElement;
-      btnMark.onclick = async () => {
-        const alias2 = String(toMap(ctx.settings?.profileAliases)[profileId] || '');
-        await window.api.runtimeSetHeaderBar({ profileId, label: headerLabelFor(profileId, alias2), color }).catch(() => null);
-      };
-
-      const btnRestart = createEl('button', { className: 'secondary' }, ['phase1']) as HTMLButtonElement;
-      btnRestart.onclick = async () => {
-        await window.api.runtimeRestartPhase1({ profileId }).catch(() => null);
-      };
-
-      const btnKill = createEl('button', { className: 'danger' }, ['kill']) as HTMLButtonElement;
-      btnKill.onclick = async () => {
-        if (!confirm(`关闭 session: ${profileId}?`)) return;
-        await window.api.runtimeKill({ profileId }).catch(() => null);
-        await refresh();
-      };
-
-      controls.appendChild(colorInput);
-      controls.appendChild(btnFocus);
-      controls.appendChild(btnMark);
-      controls.appendChild(btnRestart);
-      controls.appendChild(btnKill);
-
-      row.appendChild(head);
-      row.appendChild(controls);
-      list.appendChild(row);
-    }
-  }
-
-  // Auto refresh on settings change (aliases/colors updated in Preflight)
-  window.api.onSettingsChanged((next: any) => {
-    ctx.settings = next;
-    renderList();
-  });
-
-  refreshBtn.onclick = () => void refresh();
-
-  section('Runtime Dashboard', [
-    createEl('div', { style: 'display:flex; gap:8px; align-items:center;' }, [refreshBtn, status]),
-    list,
-    createEl('div', { className: 'muted' }, [
-      '提示：颜色与 alias 会持久化到 settings；颜色也会 best-effort 写入浏览器页面 title（用于在浏览器窗口标题/Tab 上区分）。',
-    ]),
-  ]).forEach((x) => root.appendChild(x));
-
-  void refresh();
-}