@web-auto/webauto 0.1.1 → 0.1.2

package/apps/desktop-console/dist/renderer/index.js

@@ -0,0 +1,3063 @@
+// src/renderer/ui-components.mts
+function createEl(tag, props = {}, children = []) {
+  const el = document.createElement(tag);
+  for (const [k, v] of Object.entries(props)) {
+    el[k] = v;
+  }
+  for (const c of children) {
+    if (typeof c === "string") el.appendChild(document.createTextNode(c));
+    else el.appendChild(c);
+  }
+  return el;
+}
+function labeledInput(label, input) {
+  const wrap = createEl("div", { style: "display:flex; flex-direction:column; gap:6px; min-width:140px; max-width:260px;" });
+  wrap.appendChild(createEl("label", {}, [label]));
+  wrap.appendChild(input);
+  return wrap;
+}
+function section(title, children) {
+  const card = createEl("div", { className: "card" });
+  card.appendChild(createEl("div", { style: "font-weight:700; margin-bottom:10px;" }, [title]));
+  children.forEach((c) => card.appendChild(c));
+  return card;
+}
+
+// src/renderer/path-helpers.mts
+function normalizePath(p, api) {
+  if (!p) return "";
+  if (api?.pathNormalize) return String(api.pathNormalize(p));
+  return String(p);
+}
+function joinPath(api, ...parts) {
+  if (api?.pathJoin) return String(api.pathJoin(...parts));
+  const sep = api?.pathSep || "/";
+  return parts.filter(Boolean).join(sep);
+}
+function resolveWebautoRoot(downloadRoot, api) {
+  const raw = String(downloadRoot || "").trim();
+  if (!raw) {
+    return api?.pathSep === "\\" ? "%USERPROFILE%\\.webauto" : "~/.webauto";
+  }
+  const normalized = normalizePath(raw, api);
+  const sep = api?.pathSep || "/";
+  const suffix = `${sep}download`;
+  if (normalized.toLowerCase().endsWith(suffix.toLowerCase())) {
+    return normalized.slice(0, -suffix.length);
+  }
+  return normalized;
+}
+function resolveConfigPath(downloadRoot, api) {
+  const root = resolveWebautoRoot(downloadRoot, api);
+  return joinPath(api, root, "config.json");
+}
+
+// src/renderer/tabs/preflight.mts
+function buildArgs(parts) {
+  return parts.filter((x) => x != null && String(x).trim() !== "");
+}
+var XHS_NAV_TARGET_KEY = "webauto.xhs.navTarget.v1";
+function renderPreflight(root, ctx2) {
+  const filterInput = createEl("input", { value: "", placeholder: "\u8FC7\u6EE4\uFF1AprofileId / alias / platform" });
+  const selectAllBox = createEl("input", { type: "checkbox" });
+  const selectionHint = createEl("div", { className: "muted" }, ["selected=0"]);
+  const onlyMissingFp = createEl("input", { type: "checkbox" });
+  const regenPlatform = createEl("select");
+  [
+    { value: "random", label: "random(win/mac)" },
+    { value: "windows", label: "windows" },
+    { value: "macos", label: "macos" }
+  ].forEach((x) => regenPlatform.appendChild(createEl("option", { value: x.value }, [x.label])));
+  regenPlatform.value = "random";
+  const statusBox = createEl("div", { className: "muted" }, [""]);
+  const listBox = createEl("div", { className: "list" });
+  const batchDeleteBtn = createEl("button", { className: "danger" }, ["\u6279\u91CF\u5220\u9664\u9009\u4E2D profile"]);
+  const batchDeleteFp = createEl("input", { type: "checkbox" });
+  const onboardingSummary = createEl("div", { className: "muted" }, ["\u6B63\u5728\u52A0\u8F7D profile \u4FE1\u606F..."]);
+  const onboardingTips = createEl("div", { className: "muted", style: "font-size:12px; margin-top:6px;" }, [
+    "\u9996\u6B21\u4F7F\u7528\u5EFA\u8BAE\uFF1A\u8F93\u5165\u8D26\u53F7\u540D\u540E\uFF0C\u7CFB\u7EDF\u81EA\u52A8\u6309 <\u8D26\u53F7\u540D>-batch-1/2/3 \u547D\u540D\uFF1B\u7559\u7A7A\u9ED8\u8BA4 xiaohongshu-batch-1/2/3\u3002\u767B\u5F55\u540E\u53EF\u8BBE\u7F6E alias\uFF08\u8D26\u53F7\u540D\uFF09\u7528\u4E8E\u533A\u5206\uFF0C\u9ED8\u8BA4\u4F1A\u81EA\u52A8\u83B7\u53D6\u7528\u6237\u540D\u3002"
+  ]);
+  const gotoXhsBtn = createEl("button", { className: "secondary", type: "button" }, ["\u53BB\u5C0F\u7EA2\u4E66\u9996\u9875"]);
+  const browserStatus = createEl("div", { className: "muted" }, ["\u6D4F\u89C8\u5668\u72B6\u6001\uFF1A\u672A\u68C0\u67E5"]);
+  const browserCheckBtn = createEl("button", { className: "secondary", type: "button" }, ["\u68C0\u67E5\u6D4F\u89C8\u5668/\u4F9D\u8D56"]);
+  const browserDownloadBtn = createEl("button", { type: "button" }, ["\u4E0B\u8F7D Camoufox"]);
+  let cachedScan = null;
+  const webautoRoot = resolveWebautoRoot(ctx2.settings?.downloadRoot || "", window.api);
+  function getAliasMap() {
+    const m = ctx2.settings?.profileAliases;
+    return m && typeof m === "object" ? m : {};
+  }
+  async function saveAlias(profileId, alias) {
+    const nextAliases = { ...getAliasMap() };
+    const key = String(profileId || "").trim();
+    const val = String(alias || "").trim();
+    if (!key) return;
+    if (!val) delete nextAliases[key];
+    else nextAliases[key] = val;
+    const next = await window.api.settingsSet({ profileAliases: nextAliases });
+    ctx2.settings = next;
+  }
+  function toLower(x) {
+    return String(x || "").toLowerCase();
+  }
+  function renderList() {
+    listBox.textContent = "";
+    const entries = cachedScan?.entries || [];
+    const q = toLower(filterInput.value.trim());
+    const aliases = getAliasMap();
+    const filtered = entries.filter((e) => {
+      if (onlyMissingFp.checked && e.fingerprint) return false;
+      if (!q) return true;
+      const hay = [
+        e.profileId,
+        aliases[e.profileId] || "",
+        e.fingerprint?.platform || "",
+        e.fingerprint?.originalPlatform || "",
+        e.fingerprint?.osVersion || "",
+        e.fingerprint?.userAgent || ""
+      ].map(toLower).join(" ");
+      return hay.includes(q);
+    });
+    const header = createEl("div", {
+      className: "item",
+      // One-row-per-profile, keep actions on a single line; avoid horizontal scroll.
+      style: "display:grid; grid-template-columns: 32px 180px 180px 120px minmax(0,1fr) 360px; gap:8px; font-weight:700; align-items:center; min-width:0;"
+    });
+    header.appendChild(createEl("div", {}, ["sel"]));
+    header.appendChild(createEl("div", {}, ["profileId"]));
+    header.appendChild(createEl("div", {}, ["alias"]));
+    header.appendChild(createEl("div", {}, ["fingerprint"]));
+    header.appendChild(createEl("div", {}, ["userAgent"]));
+    header.appendChild(createEl("div", {}, ["actions"]));
+    listBox.appendChild(header);
+    for (const e of filtered) {
+      const fp = e.fingerprint;
+      const fpLabel = fp ? `${fp.originalPlatform || fp.platform || "unknown"}${fp.osVersion ? ` ${fp.osVersion}` : ""}` : "(missing)";
+      const aliasInput = createEl("input", {
+        value: String(aliases[e.profileId] || ""),
+        placeholder: "\u8D26\u53F7\u540D\uFF08alias\uFF0C\u7528\u4E8E\u533A\u5206\u8D26\u53F7\uFF0C\u9ED8\u8BA4\u767B\u5F55\u540E\u83B7\u53D6\u7528\u6237\u540D\uFF09"
+      });
+      const row = createEl("div", {
+        className: "item",
+        style: "display:grid; grid-template-columns: 32px 180px 180px 120px minmax(0,1fr) 360px; gap:8px; align-items:center; min-width:0;"
+      });
+      const rowSelect = createEl("input", { type: "checkbox" });
+      rowSelect.dataset.profileId = String(e.profileId || "");
+      rowSelect.onchange = () => updateSelectionHint();
+      row.appendChild(rowSelect);
+      row.appendChild(createEl("div", {}, [String(e.profileId)]));
+      row.appendChild(createEl("div", { style: "min-width:0;" }, [aliasInput]));
+      row.appendChild(createEl("div", { className: "muted" }, [fpLabel]));
+      row.appendChild(
+        createEl(
+          "div",
+          { className: "muted", style: "overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0;", title: String(fp?.userAgent || "") },
+          [String(fp?.userAgent || "")]
+        )
+      );
+      const actions = createEl("div", { style: "display:flex; gap:6px; flex-wrap:nowrap; align-items:center; overflow:hidden; justify-content:flex-end;" });
+      const btnOpenProfile = createEl("button", { className: "secondary" }, ["\u6253\u5F00"]);
+      const btnOpenFp = createEl("button", { className: "secondary" }, ["\u6307\u7EB9"]);
+      const btnSaveAlias = createEl("button", { className: "secondary" }, ["\u4FDD\u5B58"]);
+      const btnRegenFp = createEl("button", {}, ["\u91CD\u751F"]);
+      const btnDelFp = createEl("button", { className: "secondary" }, ["\u5220\u6307"]);
+      const btnDelProfile = createEl("button", { className: "danger" }, ["\u5220\u6863"]);
+      btnOpenProfile.onclick = () => void window.api.osOpenPath(e.profileDir);
+      btnOpenFp.onclick = () => void window.api.osOpenPath(e.fingerprintPath);
+      let lastSavedAlias = String(aliases[e.profileId] || "").trim();
+      const commitAlias = async () => {
+        const nextAlias = String(aliasInput.value || "").trim();
+        if (nextAlias === lastSavedAlias) return;
+        await saveAlias(e.profileId, nextAlias);
+        lastSavedAlias = nextAlias;
+        aliasInput.style.borderColor = "";
+      };
+      aliasInput.oninput = () => {
+        const dirty = String(aliasInput.value || "").trim() !== lastSavedAlias;
+        aliasInput.style.borderColor = dirty ? "#2b67ff" : "";
+      };
+      btnSaveAlias.onclick = () => void commitAlias();
+      aliasInput.onkeydown = (ev) => {
+        if (ev.key === "Enter") void commitAlias();
+      };
+      aliasInput.onblur = () => void commitAlias();
+      btnRegenFp.onclick = async () => {
+        ctx2.clearLog();
+        const platform = String(regenPlatform.value || "random");
+        const out = await window.api.fingerprintRegenerate({ profileId: e.profileId, platform });
+        ctx2.appendLog(JSON.stringify(out, null, 2));
+        await refreshScan();
+      };
+      btnDelFp.onclick = async () => {
+        if (!confirm(`\u5220\u9664 fingerprint: ${e.profileId}?`)) return;
+        ctx2.clearLog();
+        const out = await window.api.fingerprintDelete({ profileId: e.profileId });
+        ctx2.appendLog(JSON.stringify(out, null, 2));
+        await refreshScan();
+      };
+      btnDelProfile.onclick = async () => {
+        if (!confirm(`\u5220\u9664 profile \u76EE\u5F55: ${e.profileId}?
+(\u53EF\u9009\uFF1A\u540C\u65F6\u5220\u9664\u6307\u7EB9\u6587\u4EF6)`)) return;
+        const alsoFp = confirm(`\u540C\u65F6\u5220\u9664 ${e.profileId} \u7684 fingerprint \u6587\u4EF6\uFF1F`);
+        ctx2.clearLog();
+        const out = await window.api.profileDelete({ profileId: e.profileId, deleteFingerprint: alsoFp });
+        ctx2.appendLog(JSON.stringify(out, null, 2));
+        await refreshScan();
+      };
+      actions.appendChild(btnOpenProfile);
+      actions.appendChild(btnOpenFp);
+      actions.appendChild(btnSaveAlias);
+      actions.appendChild(btnRegenFp);
+      actions.appendChild(btnDelFp);
+      actions.appendChild(btnDelProfile);
+      row.appendChild(actions);
+      listBox.appendChild(row);
+    }
+    updateSelectionHint();
+  }
+  function updateSelectionHint() {
+    const selected = listBox.querySelectorAll('input[type="checkbox"][data-profile-id]:checked').length;
+    selectionHint.textContent = `selected=${selected}`;
+  }
+  async function batchDeleteSelectedProfiles() {
+    const selected = [];
+    listBox.querySelectorAll('input[type="checkbox"][data-profile-id]').forEach((el) => {
+      const cb = el;
+      if (!cb.checked) return;
+      const id = String(cb.dataset.profileId || "").trim();
+      if (id) selected.push(id);
+    });
+    if (selected.length === 0) return;
+    if (!confirm(`\u6279\u91CF\u5220\u9664 ${selected.length} \u4E2A profile\uFF1F`)) return;
+    const deleteFp = batchDeleteFp.checked && confirm(`\u540C\u65F6\u5220\u9664\u8FD9 ${selected.length} \u4E2A profile \u7684 fingerprint \u6587\u4EF6\uFF1F`);
+    ctx2.clearLog();
+    for (const profileId of selected) {
+      try {
+        const out = await window.api.profileDelete({ profileId, deleteFingerprint: deleteFp });
+        ctx2.appendLog(JSON.stringify(out, null, 2));
+      } catch (err) {
+        ctx2.appendLog(`[batch-delete] ${profileId} failed: ${err?.message || String(err)}`);
+      }
+    }
+    await refreshScan();
+  }
+  async function refreshScan() {
+    const out = await window.api.profilesScan();
+    cachedScan = out;
+    statusBox.textContent = `profiles=${out?.entries?.length || 0} profilesRoot=${out?.profilesRoot || ""} fingerprintsRoot=${out?.fingerprintsRoot || ""}`;
+    const entries = out?.entries || [];
+    const aliases = getAliasMap();
+    const aliasedCount = entries.filter((e) => String(aliases[String(e?.profileId || "")] || "").trim()).length;
+    onboardingSummary.textContent = `profile=${entries.length}\uFF0C\u5DF2\u8BBE\u7F6E\u8D26\u53F7\u540D=${aliasedCount}`;
+    if (entries.length === 0) {
+      onboardingTips.textContent = "\u5F53\u524D\u6CA1\u6709\u53EF\u7528 profile\uFF1A\u8BF7\u5148\u5728\u4E0B\u65B9\u201C\u6279\u91CF\u8D26\u53F7\u6C60\u201D\u91CC\u65B0\u589E\u8D26\u53F7\u3002";
+    } else if (aliasedCount < entries.length) {
+      onboardingTips.textContent = `\u4ECD\u6709 ${entries.length - aliasedCount} \u4E2A profile \u672A\u8BBE\u7F6E\u8D26\u53F7\u540D\uFF08alias\uFF09\u3002alias \u7528\u4E8E\u533A\u5206\u8D26\u53F7\uFF0C\u9ED8\u8BA4\u767B\u5F55\u540E\u4F1A\u81EA\u52A8\u83B7\u53D6\u7528\u6237\u540D\u3002`;
+    } else {
+      onboardingTips.textContent = "\u5F88\u597D\uFF1A\u6240\u6709 profile \u90FD\u6709\u8D26\u53F7\u540D\uFF08alias\uFF09\uFF0C\u5728\u5C0F\u7EA2\u4E66\u9996\u9875\u4F1A\u6309\u201C\u8D26\u53F7\u540D (profileId)\u201D\u663E\u793A\u3002";
+    }
+    renderList();
+  }
+  const toolbar = createEl("div", { className: "row" }, [
+    labeledInput("filter", filterInput),
+    createEl("div", { style: "display:flex; flex-direction:column; gap:6px;" }, [
+      createEl("label", {}, ["select all"]),
+      selectAllBox
+    ]),
+    createEl("div", { style: "display:flex; flex-direction:column; gap:6px;" }, [
+      createEl("label", {}, ["del fingerprint"]),
+      batchDeleteFp
+    ]),
+    createEl("div", { style: "display:flex; flex-direction:column; gap:6px;" }, [
+      createEl("label", {}, ["only missing fingerprint"]),
+      onlyMissingFp
+    ]),
+    labeledInput("regen platform", regenPlatform),
+    createEl("button", { className: "secondary" }, ["\u5237\u65B0\u5217\u8868"]),
+    createEl("button", {}, ["\u6279\u91CF\u8865\u9F50\u7F3A\u5931\u6307\u7EB9\uFF08\u811A\u672C\uFF09"]),
+    batchDeleteBtn
+  ]);
+  toolbar.children[5].onclick = () => void refreshScan();
+  toolbar.children[6].onclick = async () => {
+    ctx2.clearLog();
+    const args = buildArgs([window.api.pathJoin("apps", "webauto", "entry", "profilepool.mjs"), "migrate-fingerprints"]);
+    await window.api.cmdSpawn({ title: "migrate fingerprints", cwd: "", args, groupKey: "profilepool" });
+    setTimeout(() => void refreshScan(), 1e3);
+  };
+  batchDeleteBtn.onclick = () => void batchDeleteSelectedProfiles();
+  filterInput.oninput = () => renderList();
+  onlyMissingFp.onchange = () => renderList();
+  selectAllBox.onchange = () => {
+    const checked = selectAllBox.checked;
+    listBox.querySelectorAll('input[type="checkbox"][data-profile-id]').forEach((el) => {
+      el.checked = checked;
+    });
+    updateSelectionHint();
+  };
+  const runBrowserCheck = async (opts = {}) => {
+    const download = opts.download === true;
+    const source = opts.source || "manual";
+    const script = window.api.pathJoin("apps", "webauto", "entry", "xhs-install.mjs");
+    const args = buildArgs([script, "--check-browser-only", ...download ? ["--download-browser"] : []]);
+    browserStatus.textContent = download ? "\u6D4F\u89C8\u5668\u72B6\u6001\uFF1A\u4E0B\u8F7D+\u68C0\u67E5\u4E2D..." : "\u6D4F\u89C8\u5668\u72B6\u6001\uFF1A\u68C0\u67E5\u4E2D...";
+    browserStatus.style.color = "#8b93a6";
+    if (typeof window.api?.cmdRunJson === "function") {
+      const out = await window.api.cmdRunJson({
+        title: download ? "xhs install download" : "xhs install check",
+        cwd: "",
+        args,
+        timeoutMs: download ? 24e4 : 12e4
+      }).catch((err) => ({ ok: false, error: err?.message || String(err) }));
+      const mergedOutput = String(out?.stdout || out?.stderr || out?.error || "").replace(/\x1b\[[0-9;]*m/g, "");
+      if (out?.ok) {
+        browserStatus.textContent = download ? "\u6D4F\u89C8\u5668\u72B6\u6001\uFF1A\u4E0B\u8F7D\u5E76\u68C0\u67E5\u901A\u8FC7" : "\u6D4F\u89C8\u5668\u72B6\u6001\uFF1A\u68C0\u67E5\u901A\u8FC7";
+        browserStatus.style.color = "#22c55e";
+      } else if (/Camoufox 未安装/i.test(mergedOutput)) {
+        browserStatus.textContent = "\u6D4F\u89C8\u5668\u72B6\u6001\uFF1A\u672A\u5B89\u88C5 Camoufox\uFF08\u53EF\u70B9\u201C\u4E0B\u8F7D Camoufox\u201D\uFF09";
+        browserStatus.style.color = "#f59e0b";
+      } else {
+        browserStatus.textContent = `\u6D4F\u89C8\u5668\u72B6\u6001\uFF1A\u68C0\u67E5\u5931\u8D25\uFF08code=${out?.code ?? "n/a"}\uFF09`;
+        browserStatus.style.color = "#ef4444";
+      }
+      if (source === "manual" && mergedOutput) {
+        ctx2.appendLog(`[preflight] install output
+${mergedOutput}`);
+      }
+      return;
+    }
+    if (typeof window.api?.cmdSpawn === "function") {
+      await window.api.cmdSpawn({ title: download ? "xhs install download" : "xhs install check", cwd: "", args, groupKey: "install" });
+      browserStatus.textContent = "\u6D4F\u89C8\u5668\u72B6\u6001\uFF1A\u5DF2\u89E6\u53D1\u68C0\u67E5\uFF08\u67E5\u770B\u65E5\u5FD7\uFF09";
+      browserStatus.style.color = "#22c55e";
+      return;
+    }
+    browserStatus.textContent = "\u6D4F\u89C8\u5668\u72B6\u6001\uFF1A\u68C0\u67E5\u80FD\u529B\u4E0D\u53EF\u7528";
+    browserStatus.style.color = "#ef4444";
+  };
+  gotoXhsBtn.onclick = () => {
+    try {
+      window.localStorage.setItem(XHS_NAV_TARGET_KEY, "account");
+    } catch {
+    }
+    if (typeof ctx2?.setActiveTab === "function") ctx2.setActiveTab("xiaohongshu");
+  };
+  browserCheckBtn.onclick = async () => {
+    ctx2.clearLog();
+    await runBrowserCheck({ source: "manual" });
+  };
+  browserDownloadBtn.onclick = async () => {
+    ctx2.clearLog();
+    await runBrowserCheck({ download: true, source: "manual" });
+  };
+  root.appendChild(
+    section("\u9996\u6B21\u5F15\u5BFC\uFF08\u8D26\u53F7\u89C6\u89D2\uFF09", [
+      onboardingSummary,
+      onboardingTips,
+      createEl("div", { className: "row" }, [gotoXhsBtn])
+    ])
+  );
+  root.appendChild(
+    section("\u6D4F\u89C8\u5668\u68C0\u67E5\u4E0E\u4E0B\u8F7D", [
+      browserStatus,
+      createEl("div", { className: "row" }, [browserCheckBtn, browserDownloadBtn]),
+      createEl("div", { className: "muted", style: "font-size:12px;" }, ["\u8BF4\u660E\uFF1A\u68C0\u67E5/\u4E0B\u8F7D\u7684\u8BE6\u7EC6\u8F93\u51FA\u8BF7\u67E5\u770B\u65E5\u5FD7\u9875\u3002"])
+    ])
+  );
+  root.appendChild(
+    section("Profiles + Fingerprints (CRUD)", [
+      toolbar,
+      statusBox,
+      selectionHint,
+      listBox,
+      createEl("div", { className: "muted" }, [`\u63D0\u793A\uFF1Aprofile \u4E0E fingerprint \u7684\u771F\u5B9E\u8DEF\u5F84\u5747\u5728 ${webautoRoot} \u4E0B\uFF1Balias \u53EA\u5F71\u54CD UI \u663E\u793A\uFF0C\u4E0D\u5F71\u54CD profileId\u3002`])
+    ])
+  );
+  const keywordInput = createEl("input", { value: "xiaohongshu", placeholder: "\u8D26\u53F7\u540D\uFF08\u53EF\u9009\uFF09\uFF0C\u7CFB\u7EDF\u81EA\u52A8\u62FC\u63A5\u4E3A <\u8D26\u53F7\u540D>-batch-1/2/3\uFF1B\u7559\u7A7A\u9ED8\u8BA4 xiaohongshu-batch" });
+  const ensureCountInput = createEl("input", { value: "0", type: "number", min: "0" });
+  const timeoutInput = createEl("input", { value: String(ctx2.settings?.timeouts?.loginTimeoutSec || 900), type: "number", min: "30" });
+  const keepSession = createEl("input", { type: "checkbox" });
+  const poolListBox = createEl("div", { className: "list" });
+  const poolStatus = createEl("div", { className: "muted" }, [""]);
+  function resolveBatchPrefix() {
+    const base = String(keywordInput.value || "").trim() || "xiaohongshu";
+    return `${base}-batch`;
+  }
+  async function poolList() {
+    ctx2.clearLog();
+    const kw = resolveBatchPrefix();
+    const out = await window.api.cmdRunJson({
+      title: "profilepool list",
+      cwd: "",
+      args: buildArgs([window.api.pathJoin("apps", "webauto", "entry", "profilepool.mjs"), "list", kw, "--json"])
+    });
+    poolListBox.textContent = "";
+    if (!out?.ok || !out?.json) {
+      poolListBox.appendChild(createEl("div", { className: "item" }, ["(failed)"]));
+      return;
+    }
+    const profiles = out.json.profiles || [];
+    profiles.forEach((p) => poolListBox.appendChild(createEl("div", { className: "item" }, [p])));
+    poolStatus.textContent = `count=${profiles.length} root=${out.json.root}`;
+    await refreshScan();
+  }
+  async function poolAdd() {
+    ctx2.clearLog();
+    const kw = resolveBatchPrefix();
+    const out = await window.api.cmdRunJson({
+      title: "profilepool add",
+      cwd: "",
+      args: buildArgs([window.api.pathJoin("apps", "webauto", "entry", "profilepool.mjs"), "add", kw, "--json"])
+    });
+    ctx2.appendLog(JSON.stringify(out?.json || out, null, 2));
+    const createdProfileId = String(out?.json?.profileId || "").trim();
+    await poolList();
+    if (!createdProfileId) return;
+    if (typeof window.api?.cmdSpawn !== "function") return;
+    const timeoutSec = Math.max(30, Math.floor(Number(timeoutInput.value || "900")));
+    const loginArgs = buildArgs([
+      window.api.pathJoin("apps", "webauto", "entry", "profilepool.mjs"),
+      "login-profile",
+      createdProfileId,
+      "--timeout-sec",
+      String(timeoutSec),
+      "--check-interval-sec",
+      "2",
+      "--keep-session",
+      ...ctx2.settings?.unifiedApiUrl ? ["--unified-api", String(ctx2.settings.unifiedApiUrl)] : [],
+      ...ctx2.settings?.browserServiceUrl ? ["--browser-service", String(ctx2.settings.browserServiceUrl)] : []
+    ]);
+    await window.api.cmdSpawn({
+      title: `profilepool login-profile ${createdProfileId}`,
+      cwd: "",
+      args: loginArgs,
+      groupKey: "profilepool",
+      env: { WEBAUTO_DAEMON: "1" }
+    });
+    ctx2.appendLog(`[preflight] \u5DF2\u521B\u5EFA\u5E76\u542F\u52A8\u767B\u5F55: ${createdProfileId}`);
+  }
+  async function poolLogin() {
+    ctx2.clearLog();
+    const kw = resolveBatchPrefix();
+    const ensureCount = Math.max(0, Math.floor(Number(ensureCountInput.value || "0")));
+    const timeoutSec = Math.max(30, Math.floor(Number(timeoutInput.value || "900")));
+    const args = buildArgs([
+      window.api.pathJoin("apps", "webauto", "entry", "profilepool.mjs"),
+      "login",
+      kw,
+      ...ctx2.settings?.unifiedApiUrl ? ["--unified-api", String(ctx2.settings.unifiedApiUrl)] : [],
+      ...ctx2.settings?.browserServiceUrl ? ["--browser-service", String(ctx2.settings.browserServiceUrl)] : [],
+      "--timeout-sec",
+      String(timeoutSec),
+      ...ensureCount > 0 ? ["--ensure-count", String(ensureCount)] : [],
+      ...keepSession.checked ? ["--keep-session"] : []
+    ]);
+    await window.api.cmdSpawn({ title: `profilepool login ${kw}`, cwd: "", args, groupKey: "profilepool" });
+  }
+  const poolActions = createEl("div", { className: "row" }, [
+    createEl("button", { className: "secondary" }, ["\u626B\u63CF\u6C60"]),
+    createEl("button", { className: "secondary" }, ["\u65B0\u589E\u4E00\u4E2A\u5E76\u767B\u5F55"]),
+    createEl("button", {}, ["\u6279\u91CF\u767B\u5F55/\u8865\u767B\u5F55"])
+  ]);
+  poolActions.children[0].onclick = () => void poolList();
+  poolActions.children[1].onclick = () => void poolAdd();
+  poolActions.children[2].onclick = () => void poolLogin();
+  root.appendChild(
+    section("\u6279\u91CF\u8D26\u53F7\u6C60\uFF08\u81EA\u52A8\u5E8F\u53F7\uFF09", [
+      createEl("div", { className: "row" }, [
+        labeledInput("\u8D26\u53F7\u540D\uFF08\u9ED8\u8BA4 xiaohongshu\uFF09", keywordInput),
+        labeledInput("ensure-count (\u53EF\u9009)", ensureCountInput),
+        labeledInput("login timeout (sec)", timeoutInput),
+        createEl("div", { style: "display:flex; flex-direction:column; gap:6px;" }, [
+          createEl("label", {}, ["keep-session"]),
+          keepSession
+        ])
+      ]),
+      poolActions,
+      poolStatus,
+      poolListBox
+    ])
+  );
+  void refreshScan();
+  void runBrowserCheck({ source: "auto" });
+}
+
+// src/renderer/tabs/run.mts
+function buildArgs2(parts) {
+  return parts.filter((x) => x != null && String(x).trim() !== "");
+}
+function renderRun(root, ctx2) {
+  const templateSel = createEl("select");
+  const templates = [
+    { id: "fullCollect", label: "\u8C03\u8BD5\uFF1AUnified Harvest" },
+    { id: "smartReply", label: "\u8C03\u8BD5\uFF1ASmart Reply DEV E2E" },
+    { id: "virtualLike", label: "\u8C03\u8BD5\uFF1AVirtual Like E2E" }
+  ];
+  templates.forEach((t) => templateSel.appendChild(createEl("option", { value: t.id }, [t.label])));
+  const keywordInput = createEl("input", { value: ctx2.settings?.defaultKeyword || "", placeholder: "keyword" });
+  const targetInput = createEl("input", { value: String(ctx2.settings?.defaultTarget || ""), placeholder: "target", type: "number", min: "1" });
+  const envSel = createEl("select");
+  ["debug", "prod"].forEach((x) => envSel.appendChild(createEl("option", { value: x }, [x])));
+  envSel.value = ctx2.settings?.defaultEnv || "debug";
+  const dryRun = createEl("input", { type: "checkbox" });
+  dryRun.checked = ctx2.settings?.defaultDryRun === true;
+  const profileModeSel = createEl("select");
+  const profilePickSel = createEl("select");
+  const runtimePickSel = createEl("select");
+  const profileRefreshBtn = createEl("button", { className: "secondary" }, ["\u5237\u65B0 profiles"]);
+  const poolPickSel = createEl("select");
+  const profilesBox = createEl("div", { className: "list" });
+  const profilesHint = createEl("div", { className: "muted" }, [""]);
+  const resolvedHint = createEl("div", { className: "muted" }, [""]);
+  const extraInput = createEl("input", { placeholder: "extra args (raw)" });
+  let fullCollectScripts = [];
+  function maybeFlag(flag, value) {
+    const v = String(value || "").trim();
+    if (!v) return [];
+    return [flag, v];
+  }
+  function setProfileModes(templateId) {
+    const supportsMultiProfile = templateId === "fullCollect";
+    profileModeSel.textContent = "";
+    const modes = supportsMultiProfile ? [
+      { v: "profile", l: "profile\uFF08\u5355\u4E2A\uFF09" },
+      { v: "profilepool", l: "profilepool\uFF08\u6309 keyword \u524D\u7F00\u626B\u63CF + \u81EA\u52A8\u5206\u7247\uFF09" },
+      { v: "profiles", l: "profiles\uFF08\u624B\u52A8\u5217\u8868 + \u81EA\u52A8\u5206\u7247\uFF09" }
+    ] : [{ v: "profile", l: "profile\uFF08\u5355\u4E2A\uFF09" }];
+    modes.forEach((m) => profileModeSel.appendChild(createEl("option", { value: m.v }, [m.l])));
+    profileModeSel.value = "profile";
+  }
+  function derivePoolKeys(profiles) {
+    const keys = /* @__PURE__ */ new Set();
+    for (const p of profiles) {
+      const m = /^(.+)-\d+$/.exec(p);
+      if (m && m[1]) keys.add(m[1]);
+    }
+    return Array.from(keys).sort((a, b) => a.localeCompare(b));
+  }
+  async function refreshProfiles() {
+    profilePickSel.textContent = "";
+    profilePickSel.appendChild(createEl("option", { value: "" }, ["(\u9009\u62E9\u5DF2\u6709 profile\uFF0C\u586B\u5145\u5230\u8F93\u5165\u6846)"]));
+    const profilesRes = await window.api.profilesList().catch(() => null);
+    const profiles = profilesRes?.profiles || [];
+    const aliases = ctx2.settings?.profileAliases && typeof ctx2.settings.profileAliases === "object" ? ctx2.settings.profileAliases : {};
+    profiles.forEach((p) => {
+      const alias = String(aliases[p] || "").trim();
+      const label = alias ? `${alias} (${p})` : p;
+      profilePickSel.appendChild(createEl("option", { value: p }, [label]));
+    });
+    poolPickSel.textContent = "";
+    poolPickSel.appendChild(createEl("option", { value: "" }, ["(\u9009\u62E9 pool keyword)"]));
+    const poolKeys = derivePoolKeys(profiles);
+    poolKeys.forEach((k) => poolPickSel.appendChild(createEl("option", { value: k }, [String(k)])));
+    if (poolKeys.length > 0 && profileModeSel.value === "profilepool" && !poolPickSel.value) {
+      poolPickSel.value = poolKeys[0];
+      syncProfileValueFromUI();
+    }
+    profilesBox.textContent = "";
+    profilesHint.textContent = "";
+    const selected = /* @__PURE__ */ new Set();
+    const preferSingle = profiles[0] || "";
+    if (preferSingle) {
+      profilePickSel.value = preferSingle;
+      selected.add(preferSingle);
+    }
+    profiles.forEach((p) => {
+      const id = `p_${p}`;
+      const cb = createEl("input", { type: "checkbox", id });
+      cb.dataset.profile = p;
+      cb.checked = selected.has(p);
+      cb.onchange = () => syncProfileValueFromUI();
+      const alias = String(aliases[p] || "").trim();
+      const labelText = alias ? `${alias} (${p})` : p;
+      const label = createEl("label", { for: id, style: "cursor:pointer;" }, [labelText]);
+      const row = createEl("div", { className: "row", style: "align-items:center;" }, [cb, label]);
+      profilesBox.appendChild(row);
+    });
+    syncProfileValueFromUI();
+  }
+  async function refreshFullCollectScripts() {
+    const res = await window.api.scriptsXhsFullCollect().catch(() => null);
+    fullCollectScripts = Array.isArray(res?.scripts) ? res.scripts : [];
+    if (fullCollectScripts.length > 0) {
+      const first = fullCollectScripts[0];
+      const label = first?.label || "Full Collect (Phase1-4)";
+      const option = templateSel.querySelector('option[value="fullCollect"]');
+      if (option) option.textContent = label;
+    }
+  }
+  async function refreshRuntimes() {
+    runtimePickSel.textContent = "";
+    runtimePickSel.appendChild(createEl("option", { value: "" }, ["(\u9009\u62E9\u8FD0\u884C\u4E2D\u7684 runtime)"]));
+    const sessions = await window.api.runtimeListSessions().catch(() => []);
+    const aliases = ctx2.settings?.profileAliases && typeof ctx2.settings.profileAliases === "object" ? ctx2.settings.profileAliases : {};
+    (Array.isArray(sessions) ? sessions : []).forEach((s) => {
+      const profileId = String(s?.profileId || s?.sessionId || "").trim();
+      if (!profileId) return;
+      const alias = String(aliases[profileId] || "").trim();
+      const label = alias ? `${alias} (${profileId})` : profileId;
+      runtimePickSel.appendChild(createEl("option", { value: profileId }, [label]));
+    });
+  }
+  window.api.onSettingsChanged((next) => {
+    ctx2.settings = next;
+    void refreshProfiles();
+    void refreshRuntimes();
+  });
+  function getSelectedProfiles() {
+    const selected = [];
+    profilesBox.querySelectorAll('input[type="checkbox"]').forEach((el) => {
+      const cb = el;
+      if (!cb.checked) return;
+      const id = String(cb.dataset.profile || "").trim();
+      if (id) selected.push(id);
+    });
+    return selected;
+  }
+  function syncProfileValueFromUI() {
+    const mode = profileModeSel.value;
+    const useRuntimeForSingle = templateSel.value !== "fullCollect";
+    profilePickSel.style.display = mode === "profile" && !useRuntimeForSingle ? "" : "none";
+    runtimePickSel.style.display = mode === "profile" && useRuntimeForSingle ? "" : "none";
+    poolPickSel.style.display = mode === "profilepool" ? "" : "none";
+    profilesBox.style.display = mode === "profiles" || mode === "profilepool" ? "" : "none";
+    if (mode === "profile") {
+      const v = String(useRuntimeForSingle ? runtimePickSel.value : profilePickSel.value || "").trim();
+      profilesHint.textContent = v ? "" : "\u8BF7\u9009\u62E9\u4E00\u4E2A runtime/profile";
+      resolvedHint.textContent = v ? `resolved: --profile ${v}` : "";
+      return;
+    }
+    if (mode === "profilepool") {
+      const v = String(poolPickSel.value || "").trim();
+      profilesHint.textContent = v ? "" : "\u8BF7\u9009\u62E9\u4E00\u4E2A pool keyword";
+      resolvedHint.textContent = v ? `resolved: --profilepool ${v}` : "";
+      if (v) {
+        profilesBox.querySelectorAll('input[type="checkbox"]').forEach((el) => {
+          const cb = el;
+          const pid = String(cb.dataset.profile || "");
+          cb.checked = pid.startsWith(v);
+        });
+      }
+      return;
+    }
+    if (mode === "profiles") {
+      const list = getSelectedProfiles();
+      profilesHint.textContent = `selected=${list.length}`;
+      resolvedHint.textContent = list.length ? `resolved: --profiles ${list.join(",")}` : "";
+      return;
+    }
+  }
+  function resolveProfileArgsForRun(t) {
+    const supportsMultiProfile = t === "fullCollect";
+    const mode = profileModeSel.value;
+    const useRuntimeForSingle = t !== "fullCollect";
+    if (!supportsMultiProfile) {
+      const v = String(useRuntimeForSingle ? runtimePickSel.value : profilePickSel.value || "").trim();
+      if (!v) return { ok: false, error: "\u8BF7\u9009\u62E9\u4E00\u4E2A profile", args: [] };
+      return { ok: true, args: ["--profile", v], mode: "profile", value: v };
+    }
+    if (mode === "profile") {
+      const v = String(useRuntimeForSingle ? runtimePickSel.value : profilePickSel.value || "").trim();
+      if (!v) return { ok: false, error: "\u8BF7\u9009\u62E9\u4E00\u4E2A profile", args: [] };
+      return { ok: true, args: ["--profile", v], mode: "profile", value: v };
+    }
+    if (mode === "profilepool") {
+      const v = String(poolPickSel.value || "").trim();
+      if (!v) return { ok: false, error: "\u8BF7\u9009\u62E9\u4E00\u4E2A pool keyword", args: [] };
+      return { ok: true, args: ["--profilepool", v], mode: "profilepool", value: v };
+    }
+    const list = getSelectedProfiles();
+    if (list.length === 0) return { ok: false, error: "\u8BF7\u52FE\u9009\u81F3\u5C11\u4E00\u4E2A profile", args: [] };
+    return { ok: true, args: ["--profiles", list.join(",")], mode: "profiles", value: list.join(",") };
+  }
+  function persistRunInputs(next) {
+    const curr = ctx2.settings || {};
+    const payload = {};
+    if (next.keyword && next.keyword !== curr.defaultKeyword) payload.defaultKeyword = next.keyword;
+    if (typeof next.target === "number" && next.target > 0 && next.target !== curr.defaultTarget) payload.defaultTarget = next.target;
+    if (next.env && next.env !== curr.defaultEnv) payload.defaultEnv = next.env;
+    if (typeof next.dryRun === "boolean" && next.dryRun !== curr.defaultDryRun) payload.defaultDryRun = next.dryRun;
+    if (Object.keys(payload).length === 0) return;
+    window.api.settingsSet(payload).then((updated) => {
+      if (updated) ctx2.settings = updated;
+    }).catch(() => {
+    });
+  }
+  async function run() {
+    ctx2.clearLog();
+    const t = templateSel.value;
+    const keyword = keywordInput.value.trim();
+    const env = envSel.value.trim();
+    const extra = extraInput.value.trim();
+    const target = targetInput.value.trim();
+    if (t === "fullCollect") {
+      if (!keyword) {
+        profilesHint.textContent = "fullCollect: \u5FC5\u987B\u586B\u5199 keyword";
+        alert("Full Collect: \u5FC5\u987B\u586B\u5199 keyword");
+        return;
+      }
+      const n = Number(target);
+      if (!Number.isFinite(n) || n <= 0) {
+        profilesHint.textContent = "fullCollect: \u5FC5\u987B\u586B\u5199 target\uFF08\u6B63\u6574\u6570\uFF09";
+        alert("Full Collect: \u5FC5\u987B\u586B\u5199 target\uFF08\u6B63\u6574\u6570\uFF09");
+        return;
+      }
+    }
+    const targetNum = Number(target);
+    persistRunInputs({ keyword, target: Number.isFinite(targetNum) ? targetNum : void 0, env, dryRun: dryRun.checked });
+    const common = buildArgs2([
+      ...keyword ? ["--keyword", keyword] : [],
+      ...target ? ["--target", target] : [],
+      ...env ? ["--env", env] : [],
+      ...dryRun.checked ? ["--dry-run"] : []
+    ]);
+    const resolved = resolveProfileArgsForRun(t);
+    if (!resolved.ok) {
+      profilesHint.textContent = resolved.error;
+      return;
+    }
+    const profileArgs = resolved.args;
+    const extraArgs = extra ? extra.split(" ").filter(Boolean) : [];
+    let script = "";
+    let args = [];
+    if (t === "fullCollect") {
+      const chosen = fullCollectScripts[0];
+      const scriptPath = chosen?.path || window.api.pathJoin("apps", "webauto", "entry", "xhs-unified.mjs");
+      script = scriptPath;
+      args = buildArgs2([script, ...profileArgs, ...common, ...extraArgs]);
+    } else if (t === "smartReply") {
+      script = window.api.pathJoin("apps", "webauto", "entry", "xhs-unified.mjs");
+      args = buildArgs2([
+        script,
+        ...profileArgs,
+        ...common,
+        "--do-comments",
+        "true",
+        "--do-reply",
+        "true",
+        "--do-likes",
+        "false",
+        ...extraArgs
+      ]);
+    } else if (t === "virtualLike") {
+      script = window.api.pathJoin("apps", "webauto", "entry", "xhs-unified.mjs");
+      args = buildArgs2([
+        script,
+        ...profileArgs,
+        ...common,
+        "--do-comments",
+        "true",
+        "--do-likes",
+        "true",
+        ...extraArgs
+      ]);
+    }
+    const ok = await window.api.cmdSpawn({
+      title: `${t} ${keyword}`,
+      cwd: "",
+      args,
+      groupKey: "xiaohongshu"
+    });
+    if (!ok || ok.runId == null) {
+      alert("\u8FD0\u884C\u5931\u8D25\uFF1A\u547D\u4EE4\u672A\u542F\u52A8\uFF08\u8BF7\u68C0\u67E5\u8F93\u5165\u53C2\u6570\u6216\u65E5\u5FD7\uFF09");
+    }
+  }
+  async function stop() {
+    if (!ctx2.activeRunId) return;
+    await window.api.cmdKill(ctx2.activeRunId);
+  }
+  const actions = createEl("div", { className: "row" }, [
+    createEl("button", {}, ["\u8FD0\u884C"]),
+    createEl("button", { className: "danger" }, ["\u505C\u6B62"])
+  ]);
+  actions.children[0].onclick = () => void run();
+  actions.children[1].onclick = () => void stop();
+  root.appendChild(
+    section("\u8C03\u7528", [
+      createEl("div", { className: "muted" }, [
+        "\u8BF4\u660E\uFF1A\u5C0F\u7EA2\u4E66\u5B8C\u6574\u7F16\u6392\uFF08Phase1/2/Unified + \u5206\u7247\uFF09\u5DF2\u8FC1\u79FB\u5230\u201C\u5C0F\u7EA2\u4E66\u201DTab\uFF1B\u8FD9\u91CC\u4EC5\u4FDD\u7559\u8C03\u8BD5\u5165\u53E3\u3002"
+      ]),
+      createEl("div", { className: "row" }, [
+        labeledInput("template", templateSel),
+        labeledInput("keyword", keywordInput),
+        labeledInput("target", targetInput),
+        labeledInput("env", envSel),
+        createEl("div", { style: "display:flex; flex-direction:column; gap:6px;" }, [
+          createEl("label", {}, ["dry-run"]),
+          dryRun
+        ])
+      ]),
+      createEl("div", { className: "row" }, [
+        labeledInput("profile mode", profileModeSel),
+        createEl("div", { style: "display:flex; gap:8px; align-items:center;" }, [profilePickSel, runtimePickSel, poolPickSel, profileRefreshBtn]),
+        labeledInput("extra", extraInput)
+      ]),
+      profilesHint,
+      resolvedHint,
+      profilesBox,
+      actions,
+      createEl("div", { className: "muted" }, [
+        "profile\uFF1A\u5355 profile\uFF1Bprofilepool\uFF1A\u6309 keyword \u524D\u7F00\u626B\u63CF pool \u81EA\u52A8\u5206\u7247\uFF1Bprofiles\uFF1A\u624B\u52A8 a,b,c \u81EA\u52A8\u5206\u7247\u3002"
+      ])
+    ])
+  );
+  templateSel.onchange = () => {
+    setProfileModes(templateSel.value);
+    syncProfileValueFromUI();
+    void refreshRuntimes();
+  };
+  profileModeSel.onchange = async () => {
+    syncProfileValueFromUI();
+    if (profileModeSel.value === "profilepool") {
+      const res = await window.api.profilesList().catch(() => null);
+      const profiles = res?.profiles || [];
+      const poolKeys = derivePoolKeys(profiles);
+      if (poolKeys.length > 0 && !poolPickSel.value) {
+        poolPickSel.value = poolKeys[0];
+        syncProfileValueFromUI();
+      }
+    }
+  };
+  profilePickSel.onchange = () => {
+    syncProfileValueFromUI();
+  };
+  runtimePickSel.onchange = () => {
+    syncProfileValueFromUI();
+  };
+  poolPickSel.onchange = () => syncProfileValueFromUI();
+  profileRefreshBtn.onclick = () => void refreshProfiles();
+  setProfileModes(templateSel.value);
+  void refreshProfiles();
+  void refreshRuntimes();
+  void refreshFullCollectScripts();
+}
+
+// src/renderer/tabs/results.mts
+function renderResults(root, ctx2) {
+  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: "" });
+  const onlyImages = createEl("input", { type: "checkbox" });
+  const onlyText = createEl("input", { type: "checkbox" });
+  const statusLine = createEl("div", { className: "muted" }, [""]);
+  let currentEntry = null;
+  let currentFiles = [];
+  async function refresh() {
+    entryList.textContent = "";
+    fileList.textContent = "";
+    rightTop.textContent = "";
+    preview.textContent = "";
+    statusLine.textContent = "";
+    currentEntry = null;
+    currentFiles = [];
+    const res = await window.api.resultsScan({ downloadRoot: ctx2.settings?.downloadRoot });
+    if (!res?.ok) {
+      entryList.appendChild(createEl("div", { className: "item" }, [String(res?.error || "scan failed")]));
+      return;
+    }
+    const entries = res.entries || [];
+    entries.forEach((e) => {
+      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) {
+    currentEntry = e;
+    currentFiles = [];
+    rightTop.textContent = "";
+    preview.textContent = "";
+    fileList.textContent = "";
+    const openDirBtn = createEl("button", { className: "secondary" }, ["\u6253\u5F00\u76EE\u5F55"]);
+    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: 2e3 });
+    if (!res?.ok) {
+      statusLine.textContent = `list failed: ${String(res?.error || "")}`;
+      return;
+    }
+    const files = (res.entries || []).filter((x) => x && x.isDir === false);
+    currentFiles = files;
+    statusLine.textContent = `files=${files.length}${res.truncated ? " (truncated)" : ""}`;
+    renderFileList();
+  }
+  function isImagePath(p) {
+    const ext = p.toLowerCase().split(".").pop() || "";
+    return ext === "png" || ext === "jpg" || ext === "jpeg" || ext === "webp";
+  }
+  function isTextPath(p) {
+    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) => {
+      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) => {
+      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) {
+    preview.textContent = "";
+    const p = String(f.path || "");
+    if (!p) return;
+    const actions = createEl("div", { className: "row" }, [
+      createEl("button", { className: "secondary" }, ["\u6253\u5F00\u6587\u4EF6"])
+    ]);
+    actions.querySelector("button").onclick = () => void window.api.osOpenPath(p);
+    preview.appendChild(actions);
+    if (isImagePath(p)) {
+      const res = await window.api.fsReadFileBase64({ path: p, maxBytes: 8e6 });
+      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;" });
+      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) {
+    const res = await window.api.fsReadTextPreview({ path: filePath, maxBytes: 5e4, 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("\u7ED3\u679C\u76EE\u5F55", [
+      createEl("div", { className: "row" }, [
+        createEl("button", { className: "secondary" }, ["\u5237\u65B0"]),
+        createEl("div", { className: "muted" }, [`root=${ctx2.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").onclick = () => void refresh();
+  filterInput.oninput = () => renderFileList();
+  onlyImages.onchange = () => renderFileList();
+  onlyText.onchange = () => renderFileList();
+  void refresh();
+}
+
+// src/renderer/tabs/debug.mts
+var activeDebugView = "run";
+function renderDebug(root, ctx2) {
+  root.textContent = "";
+  const title = createEl("div", { style: "font-weight:700; margin-bottom:8px;" }, ["Debug \xB7 \u8C03\u7528\u4E0E\u7ED3\u679C"]);
+  const sub = createEl("div", { className: "muted", style: "margin-bottom:10px; font-size:12px;" }, [
+    "\u201C\u8C03\u7528\u201D\u548C\u201C\u7ED3\u679C\u201D\u5DF2\u6574\u5408\u5230 Debug \u9875\uFF1BRuntime \u5DF2\u4ECE\u4E3B\u5BFC\u822A\u79FB\u9664\u3002"
+  ]);
+  const switcher = createEl("div", { className: "row", style: "margin-bottom:8px;" });
+  const runBtn = createEl("button", { type: "button" }, ["\u8C03\u7528"]);
+  const resultsBtn = createEl("button", { type: "button", className: "secondary" }, ["\u7ED3\u679C"]);
+  const panel = createEl("div");
+  const setView = (id) => {
+    activeDebugView = id;
+    runBtn.className = id === "run" ? "" : "secondary";
+    resultsBtn.className = id === "results" ? "" : "secondary";
+    panel.textContent = "";
+    if (id === "run") {
+      renderRun(panel, ctx2);
+      return;
+    }
+    renderResults(panel, ctx2);
+  };
+  runBtn.onclick = () => setView("run");
+  resultsBtn.onclick = () => setView("results");
+  switcher.appendChild(runBtn);
+  switcher.appendChild(resultsBtn);
+  root.appendChild(title);
+  root.appendChild(sub);
+  root.appendChild(switcher);
+  root.appendChild(panel);
+  setView(activeDebugView);
+}
+
+// src/renderer/tabs/settings.mts
+function renderSettings(root, ctx2) {
+  const coreDaemon = createEl("input", { value: ctx2.settings?.coreDaemonUrl || "http://127.0.0.1:7700" });
+  const download = createEl("input", { value: ctx2.settings?.downloadRoot || "" });
+  const env = createEl("select");
+  ["debug", "prod"].forEach((x) => env.appendChild(createEl("option", { value: x }, [x])));
+  env.value = ctx2.settings?.defaultEnv || "debug";
+  const keyword = createEl("input", { value: ctx2.settings?.defaultKeyword || "" });
+  const loginTimeout = createEl("input", { value: String(ctx2.settings?.timeouts?.loginTimeoutSec || 900), type: "number", min: "30" });
+  const cmdTimeout = createEl("input", { value: String(ctx2.settings?.timeouts?.cmdTimeoutSec || 0), type: "number", min: "0" });
+  const aiEnabled = createEl("input", { type: "checkbox", checked: ctx2.settings?.aiReply?.enabled ?? false });
+  const aiBaseUrl = createEl("input", { value: ctx2.settings?.aiReply?.baseUrl || "http://127.0.0.1:5520", placeholder: "http://127.0.0.1:5520" });
+  const aiApiKey = createEl("input", { value: ctx2.settings?.aiReply?.apiKey || "", type: "password", placeholder: "sk-..." });
+  const aiModel = createEl("input", { value: ctx2.settings?.aiReply?.model || "iflow.glm-5", placeholder: "iflow.glm-5" });
+  const aiTemperature = createEl("input", { value: String(ctx2.settings?.aiReply?.temperature ?? 0.7), type: "number", min: "0", max: "2", step: "0.1" });
+  const aiMaxChars = createEl("input", { value: String(ctx2.settings?.aiReply?.maxChars ?? 20), type: "number", min: "5", max: "500" });
+  const aiTimeout = createEl("input", { value: String(ctx2.settings?.aiReply?.timeoutMs ?? 25e3), type: "number", min: "5000", step: "1000" });
+  const aiStyle = createEl("select");
+  ["friendly", "professional", "humorous", "concise", "custom"].forEach((x) => aiStyle.appendChild(createEl("option", { value: x }, [x])));
+  aiStyle.value = ctx2.settings?.aiReply?.stylePreset || "friendly";
+  const aiStyleCustom = createEl("input", { value: ctx2.settings?.aiReply?.styleCustom || "", placeholder: "\u81EA\u5B9A\u4E49\u98CE\u683C\u63CF\u8FF0\uFF08\u53EF\u9009\uFF09" });
+  const aiTestResult = createEl("div", { className: "muted", style: "min-height:1.5em;" });
+  async function fetchModels() {
+    try {
+      aiTestResult.textContent = "\u83B7\u53D6\u6A21\u578B\u5217\u8868\u4E2D...";
+      const result = await window.api.invoke("ai:listModels", {
+        baseUrl: aiBaseUrl.value.trim(),
+        apiKey: aiApiKey.value.trim()
+      });
+      if (result.ok && result.models?.length > 0) {
+        aiTestResult.textContent = "\u627E\u5230 " + result.models.length + " \u4E2A\u6A21\u578B: " + result.models.slice(0, 3).join(", ") + (result.models.length > 3 ? "..." : "");
+        if (!aiModel.value && result.models[0]) {
+          aiModel.value = result.models[0];
+        }
+      } else {
+        aiTestResult.textContent = result.error ? "\u9519\u8BEF: " + result.error : "\u672A\u627E\u5230\u6A21\u578B";
+      }
+    } catch (e) {
+      aiTestResult.textContent = "\u9519\u8BEF: " + (e?.message || String(e));
+    }
+  }
+  async function testConnection() {
+    try {
+      aiTestResult.textContent = "\u6D4B\u8BD5\u8FDE\u901A\u6027...";
+      const result = await window.api.invoke("ai:testChatCompletion", {
+        baseUrl: aiBaseUrl.value.trim(),
+        apiKey: aiApiKey.value.trim(),
+        model: aiModel.value.trim() || "iflow.glm-5",
+        timeoutMs: Number(aiTimeout.value) || 25e3
+      });
+      if (result.ok) {
+        aiTestResult.textContent = "\u8FDE\u901A\u6210\u529F (" + result.latencyMs + "ms)";
+      } else {
+        aiTestResult.textContent = result.error ? "\u9519\u8BEF: " + result.error : "\u6D4B\u8BD5\u5931\u8D25";
+      }
+    } catch (e) {
+      aiTestResult.textContent = "\u9519\u8BEF: " + (e?.message || String(e));
+    }
+  }
+  const configPath = resolveConfigPath(ctx2.settings?.downloadRoot || "", window.api);
+  const debugHost = createEl("div");
+  async function save() {
+    const next = await window.api.settingsSet({
+      coreDaemonUrl: coreDaemon.value.trim(),
+      downloadRoot: download.value.trim(),
+      defaultEnv: env.value,
+      defaultKeyword: keyword.value,
+      timeouts: {
+        loginTimeoutSec: Number(loginTimeout.value || "900"),
+        cmdTimeoutSec: Number(cmdTimeout.value || "0")
+      },
+      aiReply: {
+        enabled: aiEnabled.checked,
+        baseUrl: aiBaseUrl.value.trim(),
+        apiKey: aiApiKey.value.trim(),
+        model: aiModel.value.trim(),
+        temperature: Number(aiTemperature.value) || 0.7,
+        maxChars: Number(aiMaxChars.value) || 20,
+        timeoutMs: Number(aiTimeout.value) || 25e3,
+        stylePreset: aiStyle.value,
+        styleCustom: aiStyleCustom.value.trim()
+      }
+    });
+    ctx2.settings = next;
+    ctx2.appendLog("[settings] saved");
+  }
+  root.appendChild(
+    section("\u8BBE\u7F6E", [
+      createEl("div", { className: "row" }, [
+        labeledInput("Core Daemon", coreDaemon)
+      ]),
+      createEl("div", { className: "row" }, [
+        labeledInput("downloadRoot", download),
+        labeledInput("defaultEnv", env),
+        labeledInput("defaultKeyword", keyword)
+      ]),
+      createEl("div", { className: "row" }, [
+        labeledInput("loginTimeoutSec", loginTimeout),
+        labeledInput("cmdTimeoutSec", cmdTimeout)
+      ]),
+      createEl("div", { className: "row" }, [
+        createEl("button", {}, ["\u4FDD\u5B58"])
+      ]),
+      createEl("div", { className: "muted" }, [`\u4FDD\u5B58\u5230 ${configPath} \u7684 desktopConsole \u914D\u7F6E\u5757\uFF08\u82E5 dist/modules/config \u4E0D\u53EF\u7528\u5219 fallback \u5230 legacy settings \u6587\u4EF6\uFF09`]),
+      section("AI \u667A\u80FD\u56DE\u590D", [
+        createEl("div", { className: "row" }, [
+          labeledInput("\u542F\u7528\u667A\u80FD\u56DE\u590D", aiEnabled)
+        ]),
+        createEl("div", { className: "row" }, [
+          labeledInput("API Base URL", aiBaseUrl),
+          labeledInput("API Key", aiApiKey)
+        ]),
+        createEl("div", { className: "row" }, [
+          labeledInput("\u6A21\u578B", aiModel),
+          createEl("button", { style: "margin-left:8px;" }, ["\u83B7\u53D6\u6A21\u578B\u5217\u8868"]),
+          createEl("button", { style: "margin-left:8px;" }, ["\u6D4B\u8BD5\u8FDE\u901A"])
+        ]),
+        createEl("div", { className: "row" }, [
+          labeledInput("Temperature", aiTemperature),
+          labeledInput("\u6700\u5927\u5B57\u6570", aiMaxChars),
+          labeledInput("\u8D85\u65F6(ms)", aiTimeout)
+        ]),
+        createEl("div", { className: "row" }, [
+          labeledInput("\u56DE\u590D\u98CE\u683C", aiStyle),
+          labeledInput("\u81EA\u5B9A\u4E49\u98CE\u683C", aiStyleCustom)
+        ]),
+        aiTestResult
+      ]),
+      section("\u8C03\u8BD5\uFF08\u5DF2\u5E76\u5165\u8BBE\u7F6E\uFF09", [debugHost])
+    ])
+  );
+  root.querySelector("button").onclick = () => void save();
+  const buttons = root.querySelectorAll("button");
+  if (buttons[1]) buttons[1].onclick = () => void fetchModels();
+  if (buttons[2]) buttons[2].onclick = () => void testConnection();
+  renderDebug(debugHost, ctx2);
+}
+
+// src/renderer/tabs/logs.mts
+function renderLogs(root, ctx2) {
+  root.textContent = "";
+  const title = createEl("div", { style: "font-weight:700; margin-bottom:8px;" }, ["\u65E5\u5FD7 \xB7 Logs"]);
+  const sub = createEl("div", { className: "muted", style: "margin-bottom:10px; font-size:12px;" }, [
+    "\u547D\u4EE4\u4E8B\u4EF6\u7684\u8FD0\u884C\u65E5\u5FD7\uFF08\u4ECE\u4E3B\u58F3\u4E0A\u4E0B\u6587\u6536\u96C6\uFF09\u3002"
+  ]);
+  const toolbar = createEl("div", { className: "row", style: "margin-bottom:8px;" });
+  const clearBtn = createEl("button", { type: "button", className: "secondary" }, ["\u6E05\u7A7A\u65E5\u5FD7"]);
+  const copyGlobalBtn = createEl("button", { type: "button", className: "secondary", title: "\u590D\u5236\u516C\u5171\u65E5\u5FD7\uFF08Ctrl/Cmd+Shift+1\uFF09" }, ["\u590D\u5236\u516C\u5171\u65E5\u5FD7"]);
+  const copyShardBtn = createEl("button", { type: "button", className: "secondary", title: "\u590D\u5236\u5206\u7247\u65E5\u5FD7\uFF08Ctrl/Cmd+Shift+2\uFF09" }, ["\u590D\u5236\u5206\u7247\u65E5\u5FD7"]);
+  const activeOnlyCheckbox = createEl("input", { type: "checkbox", id: "logs-active-only" });
+  activeOnlyCheckbox.checked = true;
+  const activeOnlyLabel = createEl("label", { htmlFor: "logs-active-only", style: "cursor:pointer; user-select:none;" }, ["\u4EC5\u663E\u793A\u6D3B\u8DC3\u5206\u7247"]);
+  const showGlobalCheckbox = createEl("input", { type: "checkbox", id: "logs-show-global" });
+  showGlobalCheckbox.checked = false;
+  const showGlobalLabel = createEl("label", { htmlFor: "logs-show-global", style: "cursor:pointer; user-select:none;" }, ["\u663E\u793A\u516C\u5171\u65E5\u5FD7"]);
+  toolbar.appendChild(clearBtn);
+  toolbar.appendChild(copyGlobalBtn);
+  toolbar.appendChild(copyShardBtn);
+  toolbar.appendChild(activeOnlyCheckbox);
+  toolbar.appendChild(activeOnlyLabel);
+  toolbar.appendChild(showGlobalCheckbox);
+  toolbar.appendChild(showGlobalLabel);
+  const globalContainer = createEl("div", {
+    style: "display:flex; flex-direction:column; gap:10px; margin-bottom:10px;"
+  });
+  const shardContainer = createEl("div", {
+    style: 'display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; align-items:start; font-family:"Cascadia Mono", Consolas, ui-monospace, SFMono-Regular, Menlo, monospace; font-size:12px;'
+  });
+  const sectionMap = /* @__PURE__ */ new Map();
+  const sectionCardMap = /* @__PURE__ */ new Map();
+  const sectionRunIds = /* @__PURE__ */ new Map();
+  const sectionHeaderMap = /* @__PURE__ */ new Map();
+  const sectionTypeMap = /* @__PURE__ */ new Map();
+  const logActiveRunIds = /* @__PURE__ */ new Set();
+  const parentRunIds = /* @__PURE__ */ new Set();
+  const runIdToSection = /* @__PURE__ */ new Map();
+  const parentRunCurrentSection = /* @__PURE__ */ new Map();
+  const shardRunIds = /* @__PURE__ */ new Set();
+  let selectedSectionKey = "global";
+  let shardProfileQueue = [];
+  const parseShardHint = (line) => {
+    const text = String(line || "");
+    const hinted = text.match(/\[shard-hint\]\s*profiles=([A-Za-z0-9_,-]+)/i);
+    const orchestrate = text.match(/\[orchestrate\][^\n]*\bprofiles=([A-Za-z0-9_,-]+)/i);
+    const raw = hinted?.[1] || orchestrate?.[1] || "";
+    if (!raw) return [];
+    return String(raw).split(",").map((x) => x.trim()).filter(Boolean);
+  };
+  const isShardSection = (sectionKey) => String(sectionKey || "").startsWith("shard:");
+  const extractRunId = (line) => {
+    const text = String(line || "");
+    const byRunTag = text.match(/^\[(?:run:|rid:)([A-Za-z0-9_-]+)\]\s*(.*)$/);
+    const prefixedRunId = byRunTag?.[1] ? String(byRunTag[1]) : "";
+    const tailText = byRunTag?.[2] ? String(byRunTag[2]) : text;
+    const byRunIdField = tailText.match(/runId=([A-Za-z0-9_-]+)/);
+    if (byRunIdField?.[1]) return String(byRunIdField[1]);
+    const byRunIdTag = tailText.match(/\[runId:([A-Za-z0-9_-]+)\]/);
+    if (byRunIdTag?.[1]) return String(byRunIdTag[1]);
+    if (prefixedRunId) return prefixedRunId;
+    const byRunTagAnyPos = text.match(/\[(?:run:|rid:)([A-Za-z0-9_-]+)\]/);
+    if (byRunTagAnyPos?.[1]) return String(byRunTagAnyPos[1]);
+    return "global";
+  };
+  const extractPrefixedRunId = (line) => {
+    const text = String(line || "");
+    const byRunTag = text.match(/^\[(?:run:|rid:)([A-Za-z0-9_-]+)\]/);
+    return byRunTag?.[1] ? String(byRunTag[1]) : "";
+  };
+  const ensureSection = (sectionKey, headerLabel) => {
+    const normalized = String(sectionKey || "global").trim() || "global";
+    const existing = sectionMap.get(normalized);
+    if (existing) {
+      if (headerLabel && sectionHeaderMap.has(normalized)) {
+        sectionHeaderMap.get(normalized).textContent = headerLabel;
+      }
+      return existing;
+    }
+    const card = createEl("div", {
+      style: "border:1px solid #23262f; background:#0b0d12; border-radius:10px; overflow:hidden; min-width:0;"
+    });
+    const head = createEl("div", {
+      style: "padding:8px 12px; border-bottom:1px solid #23262f; background:#121622; font-weight:600; color:#9aa4bd;"
+    }, [headerLabel || (normalized === "global" ? "\u516C\u5171\u65E5\u5FD7" : `runId: ${normalized}`)]);
+    const body = createEl("div", {
+      style: "padding:10px 12px; white-space:pre-wrap; word-break:break-all; line-height:1.5; height:calc(100vh - 220px); overflow:auto;"
+    });
+    card.tabIndex = 0;
+    card.appendChild(head);
+    card.appendChild(body);
+    if (normalized === "global" || !isShardSection(normalized)) {
+      globalContainer.appendChild(card);
+      sectionTypeMap.set(normalized, "global");
+    } else {
+      shardContainer.appendChild(card);
+      sectionTypeMap.set(normalized, "shard");
+    }
+    sectionMap.set(normalized, body);
+    sectionCardMap.set(normalized, card);
+    sectionRunIds.set(normalized, /* @__PURE__ */ new Set());
+    sectionHeaderMap.set(normalized, head);
+    const activateCard = () => {
+      selectedSectionKey = normalized;
+      sectionCardMap.forEach((item, key) => {
+        const isSelected = key === selectedSectionKey;
+        item.style.outline = isSelected ? "2px solid #4f86ff" : "none";
+        item.style.outlineOffset = isSelected ? "-2px" : "0";
+      });
+    };
+    card.addEventListener("click", activateCard);
+    card.addEventListener("focus", activateCard);
+    return body;
+  };
+  const getSectionText = (sectionKey) => {
+    const body = sectionMap.get(sectionKey);
+    if (!body) return "";
+    return Array.from(body.children).map((el) => String(el.innerText || el.textContent || "").trim()).filter(Boolean).join("\n");
+  };
+  const collectSectionText = (type) => {
+    return Array.from(sectionMap.keys()).filter((sectionKey) => sectionTypeMap.get(sectionKey) === type).filter((sectionKey) => {
+      const card = sectionCardMap.get(sectionKey);
+      if (!card) return false;
+      return card.style.display !== "none";
+    }).map((sectionKey) => getSectionText(sectionKey)).filter(Boolean).join("\n");
+  };
+  const writeClipboard = async (text) => {
+    if (!text) return { ok: false, error: "empty" };
+    if (typeof window.api?.clipboardWriteText === "function") {
+      return window.api.clipboardWriteText(text);
+    }
+    if (typeof navigator?.clipboard?.writeText === "function") {
+      await navigator.clipboard.writeText(text);
+      return { ok: true };
+    }
+    return { ok: false, error: "clipboard_unavailable" };
+  };
+  const copyByType = async (type) => {
+    const text = collectSectionText(type);
+    if (!text) {
+      ctx2.setStatus?.(`\u65E5\u5FD7\u590D\u5236\u5931\u8D25\uFF1A${type === "global" ? "\u516C\u5171\u65E5\u5FD7\u4E3A\u7A7A" : "\u5206\u7247\u65E5\u5FD7\u4E3A\u7A7A"}`);
+      return;
+    }
+    const ret = await writeClipboard(text);
+    ctx2.setStatus?.(ret?.ok ? `\u5DF2\u590D\u5236${type === "global" ? "\u516C\u5171\u65E5\u5FD7" : "\u5206\u7247\u65E5\u5FD7"}\uFF08${text.split("\n").length}\u884C\uFF09` : `\u65E5\u5FD7\u590D\u5236\u5931\u8D25\uFF1A${ret?.error || "unknown"}`);
+  };
+  const copySelected = async () => {
+    const sectionType = sectionTypeMap.get(selectedSectionKey) || "global";
+    const text = selectedSectionKey ? getSectionText(selectedSectionKey) : "";
+    if (text) {
+      const ret = await writeClipboard(text);
+      ctx2.setStatus?.(
+        ret?.ok ? `\u5DF2\u590D\u5236\u5F53\u524D\u65E5\u5FD7\u5361\u7247\uFF08${selectedSectionKey}\uFF09` : `\u65E5\u5FD7\u590D\u5236\u5931\u8D25\uFF1A${ret?.error || "unknown"}`
+      );
+      return;
+    }
+    await copyByType(sectionType);
+  };
+  const resolveSectionKey = (text, rawRunId, prefixedRunId) => {
+    if (rawRunId === "global") return "global";
+    if (text.includes("[started]") && text.includes("xiaohongshu orchestrate")) {
+      parentRunIds.add(rawRunId);
+    }
+    const mapped = runIdToSection.get(rawRunId);
+    if (mapped) return mapped;
+    if (prefixedRunId && rawRunId === prefixedRunId) {
+      const currentSection = parentRunCurrentSection.get(prefixedRunId);
+      if (currentSection) return currentSection;
+    }
+    if (!parentRunIds.has(rawRunId) && shardProfileQueue.length > 0) {
+      const profile = String(shardProfileQueue.shift() || "").trim();
+      if (profile) {
+        const sectionKey = `shard:${profile}`;
+        runIdToSection.set(rawRunId, sectionKey);
+        shardRunIds.add(rawRunId);
+        ensureSection(sectionKey, `\u5206\u7247: ${profile}`);
+        return sectionKey;
+      }
+    }
+    return rawRunId;
+  };
+  const updateSectionVisibility = () => {
+    const activeOnly = activeOnlyCheckbox.checked;
+    const showGlobal = showGlobalCheckbox.checked;
+    const activeRunIds = ctx2._activeRunIds instanceof Set ? ctx2._activeRunIds : /* @__PURE__ */ new Set();
+    const effectiveActiveRunIds = /* @__PURE__ */ new Set([...activeRunIds, ...logActiveRunIds]);
+    sectionCardMap.forEach((card, sectionKey) => {
+      if (sectionKey === "global") {
+        card.style.display = showGlobal ? "" : "none";
+        return;
+      }
+      if (!isShardSection(sectionKey)) {
+        card.style.display = showGlobal ? "" : "none";
+        return;
+      }
+      if (!activeOnly) {
+        card.style.display = "";
+        return;
+      }
+      const relatedRunIds = sectionRunIds.get(sectionKey) || /* @__PURE__ */ new Set();
+      const visible = effectiveActiveRunIds.has(sectionKey) || shardRunIds.has(sectionKey) || Array.from(relatedRunIds).some((runId) => effectiveActiveRunIds.has(runId));
+      card.style.display = visible ? "" : "none";
+    });
+  };
+  const appendLine = (line) => {
+    const text = String(line || "").trim();
+    if (!text) return;
+    const prefixedRunId = extractPrefixedRunId(text);
+    const rawRunId = extractRunId(text);
+    const hintedProfiles = parseShardHint(text);
+    if (hintedProfiles.length > 0) {
+      shardProfileQueue = hintedProfiles.slice();
+      hintedProfiles.forEach((profile) => {
+        const sectionKey2 = `shard:${profile}`;
+        ensureSection(sectionKey2, `\u5206\u7247: ${profile}`);
+        if (prefixedRunId && rawRunId !== "global") {
+          parentRunCurrentSection.set(prefixedRunId, sectionKey2);
+          runIdToSection.set(rawRunId, sectionKey2);
+          shardRunIds.add(rawRunId);
+          if (!sectionRunIds.has(sectionKey2)) {
+            sectionRunIds.set(sectionKey2, /* @__PURE__ */ new Set());
+          }
+          sectionRunIds.get(sectionKey2).add(rawRunId);
+        }
+      });
+    }
+    const profileMatch = text.match(/\b[Pp]rofile\s*[:：]\s*([A-Za-z0-9_-]+)/);
+    const profileEqMatch = text.match(/\bprofile=([A-Za-z0-9_-]+)/);
+    const resolvedProfile = String(profileMatch?.[1] || profileEqMatch?.[1] || "").trim();
+    if (resolvedProfile) {
+      const profileId = resolvedProfile;
+      if (profileId) {
+        const sectionKey2 = `shard:${profileId}`;
+        ensureSection(sectionKey2, `\u5206\u7247: ${profileId}`);
+        if (prefixedRunId && rawRunId && rawRunId !== prefixedRunId) {
+          runIdToSection.set(rawRunId, sectionKey2);
+          if (!sectionRunIds.has(sectionKey2)) {
+            sectionRunIds.set(sectionKey2, /* @__PURE__ */ new Set());
+          }
+          sectionRunIds.get(sectionKey2).add(rawRunId);
+        }
+        if (prefixedRunId) {
+          parentRunCurrentSection.set(prefixedRunId, sectionKey2);
+        }
+      }
+    }
+    const loggerChildRunId = text.match(/\[Logger\]\s+runId=([A-Za-z0-9_-]+)/);
+    if (loggerChildRunId?.[1] && prefixedRunId) {
+      const childRunId = String(loggerChildRunId[1]).trim();
+      const parentSection = parentRunCurrentSection.get(prefixedRunId);
+      if (parentSection) {
+        shardRunIds.add(childRunId);
+        runIdToSection.set(childRunId, parentSection);
+        if (!sectionRunIds.has(parentSection)) {
+          sectionRunIds.set(parentSection, /* @__PURE__ */ new Set());
+        }
+        sectionRunIds.get(parentSection).add(childRunId);
+      }
+    }
+    if (rawRunId !== "global") {
+      logActiveRunIds.add(rawRunId);
+      if (text.includes("[exit]")) {
+        logActiveRunIds.delete(rawRunId);
+      }
+    }
+    const sectionKey = resolveSectionKey(text, rawRunId, prefixedRunId);
+    const body = ensureSection(sectionKey);
+    if (isShardSection(sectionKey) && rawRunId !== "global") {
+      shardRunIds.add(rawRunId);
+    }
+    if (rawRunId !== "global") {
+      if (!sectionRunIds.has(sectionKey)) {
+        sectionRunIds.set(sectionKey, /* @__PURE__ */ new Set());
+      }
+      sectionRunIds.get(sectionKey)?.add(rawRunId);
+    }
+    const div = createEl("div", { className: "muted" }, [text]);
+    body.appendChild(div);
+  };
+  clearBtn.onclick = () => {
+    ctx2.clearLog();
+    sectionMap.clear();
+    sectionCardMap.clear();
+    sectionRunIds.clear();
+    sectionHeaderMap.clear();
+    sectionTypeMap.clear();
+    logActiveRunIds.clear();
+    parentRunIds.clear();
+    runIdToSection.clear();
+    parentRunCurrentSection.clear();
+    shardRunIds.clear();
+    shardProfileQueue = [];
+    selectedSectionKey = "global";
+    globalContainer.textContent = "";
+    shardContainer.textContent = "";
+  };
+  copyGlobalBtn.onclick = () => {
+    void copyByType("global");
+  };
+  copyShardBtn.onclick = () => {
+    void copyByType("shard");
+  };
+  activeOnlyCheckbox.onchange = () => {
+    updateSectionVisibility();
+  };
+  showGlobalCheckbox.onchange = () => {
+    updateSectionVisibility();
+  };
+  const existingLines = ctx2._logLines || [];
+  if (Array.isArray(existingLines)) {
+    existingLines.forEach((line) => {
+      appendLine(line);
+    });
+    updateSectionVisibility();
+  }
+  const originalAppendLog = typeof ctx2._appendLogBase === "function" ? ctx2._appendLogBase : ctx2.appendLog;
+  ctx2._appendLogBase = originalAppendLog;
+  ctx2.appendLog = (line) => {
+    appendLine(line);
+    updateSectionVisibility();
+    if (typeof originalAppendLog === "function") originalAppendLog.call(ctx2, line);
+  };
+  const unsubscribeActiveRuns = typeof ctx2.onActiveRunsChanged === "function" ? ctx2.onActiveRunsChanged(() => updateSectionVisibility()) : null;
+  updateSectionVisibility();
+  root.appendChild(title);
+  root.appendChild(sub);
+  root.appendChild(toolbar);
+  root.appendChild(globalContainer);
+  root.appendChild(shardContainer);
+  const onKeydown = (evt) => {
+    if (!(evt.ctrlKey || evt.metaKey) || !evt.shiftKey) return;
+    const key = String(evt.key || "").toLowerCase();
+    const code = String(evt.code || "");
+    if (code === "Digit1" || key === "1") {
+      evt.preventDefault();
+      void copyByType("global");
+      return;
+    }
+    if (code === "Digit2" || key === "2") {
+      evt.preventDefault();
+      void copyByType("shard");
+      return;
+    }
+    if (code === "KeyC" || key === "c") {
+      evt.preventDefault();
+      void copySelected();
+    }
+  };
+  root.addEventListener("keydown", onKeydown);
+  ensureSection("global", "\u516C\u5171\u65E5\u5FD7");
+  root.addEventListener("DOMNodeRemoved", () => {
+    if (typeof unsubscribeActiveRuns === "function") unsubscribeActiveRuns();
+    root.removeEventListener("keydown", onKeydown);
+  }, { once: true });
+}
+
+// src/renderer/account-source.mts
+function asText(value) {
+  const text = String(value ?? "").trim();
+  return text || null;
+}
+function normalizeRow(row) {
+  const profileId = asText(row?.profileId);
+  if (!profileId) return null;
+  return {
+    profileId,
+    accountRecordId: asText(row?.accountRecordId),
+    accountId: asText(row?.accountId),
+    alias: asText(row?.alias),
+    name: asText(row?.name),
+    status: asText(row?.status) || "invalid",
+    valid: row?.valid === true && Boolean(asText(row?.accountId)),
+    reason: asText(row?.reason),
+    updatedAt: asText(row?.updatedAt)
+  };
+}
+async function listAccountProfiles(api) {
+  const script = api.pathJoin("apps", "webauto", "entry", "account.mjs");
+  const out = await api.cmdRunJson({
+    title: "account list",
+    cwd: "",
+    args: [script, "list", "--json"],
+    timeoutMs: 2e4
+  });
+  const rows = Array.isArray(out?.json?.profiles) ? out.json.profiles : [];
+  return rows.map(normalizeRow).filter(Boolean);
+}
+
+// src/renderer/tabs-new/setup-wizard.mts
+function renderSetupWizard(root, ctx2) {
+  root.innerHTML = "";
+  const header = createEl("div", { style: "margin-bottom:20px;" }, [
+    createEl("h2", { style: "margin:0 0 8px 0; font-size:20px; color:#dbeafe;" }, ["\u73AF\u5883\u4E0E\u8D26\u6237\u521D\u59CB\u5316"]),
+    createEl("div", { className: "muted", style: "font-size:13px;" }, ['\u9996\u6B21\u4F7F\u7528\u5FC5\u987B\u5B8C\u6210\u73AF\u5883\u68C0\u67E5\u4E0E\u8D26\u6237\u767B\u5F55\uFF0C\u4E4B\u540E\u53EF\u5728"\u8D26\u6237\u7BA1\u7406"Tab\u4E2D\u7EF4\u62A4'])
+  ]);
+  root.appendChild(header);
+  const bentoGrid = createEl("div", { className: "bento-grid bento-sidebar" });
+  const envCard = createEl("div", { className: "bento-cell" });
+  envCard.innerHTML = `
+    <div class="bento-title"><span style="color: var(--warning);">\u25CF</span> \u73AF\u5883\u68C0\u67E5</div>
+    <div class="env-status-grid">
+      <div class="env-item" id="env-camo">
+        <span class="icon" style="color: var(--text-4);">\u25CB</span>
+        <span>Camoufox CLI</span>
+      </div>
+      <div class="env-item" id="env-unified">
+        <span class="icon" style="color: var(--text-4);">\u25CB</span>
+        <span>Unified API (7701)</span>
+      </div>
+      <div class="env-item" id="env-browser">
+        <span class="icon" style="color: var(--text-4);">\u25CB</span>
+        <span>Browser Service (7704)</span>
+      </div>
+      <div class="env-item" id="env-firefox">
+        <span class="icon" style="color: var(--text-4);">\u25CB</span>
+        <span>Camoufox Runtime</span>
+      </div>
+      <div class="env-item" id="env-geoip">
+        <span class="icon" style="color: var(--text-4);">\u25CB</span>
+        <span>GeoIP Database</span>
+      </div>
+    </div>
+    <div style="margin-top: var(--gap);">
+      <button id="env-check-btn" class="secondary" style="width: 100%;">\u68C0\u67E5\u73AF\u5883</button>
+    </div>
+  `;
+  bentoGrid.appendChild(envCard);
+  const accountCard = createEl("div", { className: "bento-cell" });
+  accountCard.innerHTML = `
+    <div class="bento-title">\u8D26\u6237\u8BBE\u7F6E</div>
+    <div class="account-list" id="account-list" style="margin-bottom: var(--gap); max-height: 200px; overflow: auto;">
+      <div style="padding:12px; text-align:center; color:#8b93a6;">\u6682\u65E0\u8D26\u6237\uFF0C\u8BF7\u70B9\u51FB\u4E0B\u65B9\u6309\u94AE\u6DFB\u52A0</div>
+    </div>
+    <div class="row">
+      <div>
+        <label>\u65B0\u8D26\u6237\u522B\u540D</label>
+        <input id="new-alias-input" placeholder="\u4F8B\u5982: \u7F8E\u98DF\u63A2\u5E97\u8D26\u53F7" style="width: 200px;" />
+      </div>
+      <button id="add-account-btn" style="flex: 0 0 auto; min-width: 120px;">\u6DFB\u52A0\u8D26\u6237</button>
+    </div>
+  `;
+  bentoGrid.appendChild(accountCard);
+  root.appendChild(bentoGrid);
+  const statusRow = createEl("div", { className: "bento-grid", style: "margin-top: var(--gap);" });
+  const statusCard = createEl("div", { className: "bento-cell highlight" });
+  statusCard.id = "setup-status-card";
+  statusCard.innerHTML = `
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div>
+        <div style="font-size: 14px; font-weight: 600; color: var(--text-1); margin-bottom: 4px;">
+          \u8BF7\u5B8C\u6210\u4E0A\u8FF0\u6B65\u9AA4
+        </div>
+        <div style="font-size: 12px; color: var(--text-3);" id="setup-status-text">
+          \u73AF\u5883\u68C0\u67E5\u548C\u8D26\u6237\u767B\u5F55\u540E\u624D\u80FD\u5F00\u59CB\u4F7F\u7528
+        </div>
+      </div>
+      <button id="enter-main-btn" class="secondary" disabled style="padding: 12px 32px; font-size: 14px;">\u8FDB\u5165\u4E3B\u754C\u9762</button>
+    </div>
+  `;
+  statusRow.appendChild(statusCard);
+  root.appendChild(statusRow);
+  const envCheckBtn = root.querySelector("#env-check-btn");
+  const addAccountBtn = root.querySelector("#add-account-btn");
+  const newAliasInput = root.querySelector("#new-alias-input");
+  const enterMainBtn = root.querySelector("#enter-main-btn");
+  const accountListEl = root.querySelector("#account-list");
+  const setupStatusText = root.querySelector("#setup-status-text");
+  let envReady = false;
+  let accounts = [];
+  const isEnvReady = (snapshot) => Boolean(
+    snapshot?.camo?.installed && snapshot?.services?.unifiedApi && snapshot?.services?.browserService && snapshot?.firefox?.installed && snapshot?.geoip?.installed
+  );
+  async function collectEnvironment() {
+    const [camo, services, firefox, geoip] = await Promise.all([
+      ctx2.api.envCheckCamo(),
+      ctx2.api.envCheckServices(),
+      ctx2.api.envCheckFirefox(),
+      ctx2.api.envCheckGeoIP()
+    ]);
+    return { camo, services, firefox, geoip };
+  }
+  function applyEnvironment(snapshot) {
+    updateEnvItem("env-camo", snapshot.camo?.installed, snapshot.camo?.version || (snapshot.camo?.installed ? "\u5DF2\u5B89\u88C5" : "\u672A\u5B89\u88C5"));
+    updateEnvItem("env-unified", snapshot.services?.unifiedApi, "7701");
+    updateEnvItem("env-browser", snapshot.services?.browserService, "7704");
+    updateEnvItem("env-firefox", snapshot.firefox?.installed, snapshot.firefox?.path ? "\u5DF2\u5B89\u88C5" : "\u672A\u5B89\u88C5");
+    updateEnvItem("env-geoip", snapshot.geoip?.installed, snapshot.geoip?.installed ? "\u5DF2\u5B89\u88C5" : "\u672A\u5B89\u88C5");
+    envReady = isEnvReady(snapshot);
+  }
+  async function autoRepairEnvironment(snapshot) {
+    const missingCore = !snapshot.services?.unifiedApi || !snapshot.services?.browserService;
+    const missingCamo = !snapshot.camo?.installed;
+    const missingRuntime = !snapshot.firefox?.installed;
+    const missingGeoIP = !snapshot.geoip?.installed;
+    if (!missingCore && !missingCamo && !missingRuntime && !missingGeoIP) return;
+    setupStatusText.textContent = "\u68C0\u6D4B\u5230\u4F9D\u8D56\u7F3A\u5931\uFF0C\u6B63\u5728\u81EA\u52A8\u4FEE\u590D...";
+    if (missingCore && typeof ctx2.api?.envRepairCore === "function") {
+      setupStatusText.textContent = "\u6B63\u5728\u62C9\u8D77\u6838\u5FC3\u670D\u52A1...";
+      await ctx2.api.envRepairCore().catch(() => null);
+    }
+    if ((missingCamo || missingRuntime || missingGeoIP) && typeof ctx2.api?.cmdRunJson === "function") {
+      setupStatusText.textContent = "\u6B63\u5728\u5B89\u88C5\u4F9D\u8D56\uFF08Camoufox/GeoIP\uFF09...";
+      const script = ctx2.api.pathJoin("apps", "webauto", "entry", "xhs-install.mjs");
+      const args = [script];
+      if (missingRuntime || missingCamo) args.push("--download-browser");
+      if (missingGeoIP) args.push("--download-geoip");
+      args.push("--ensure-backend");
+      await ctx2.api.cmdRunJson({
+        title: "setup auto repair",
+        cwd: "",
+        args,
+        timeoutMs: 3e5
+      }).catch(() => null);
+    }
+  }
+  async function checkEnvironment() {
+    envCheckBtn.disabled = true;
+    envCheckBtn.textContent = "\u68C0\u67E5/\u4FEE\u590D\u4E2D...";
+    try {
+      const before = await collectEnvironment();
+      applyEnvironment(before);
+      if (!isEnvReady(before)) {
+        await autoRepairEnvironment(before);
+      }
+      const after = await collectEnvironment();
+      applyEnvironment(after);
+      updateCompleteStatus();
+      if (!envReady) {
+        const missing = [];
+        if (!after?.camo?.installed) missing.push("camo");
+        if (!after?.services?.unifiedApi) missing.push("unified-api");
+        if (!after?.services?.browserService) missing.push("browser-service");
+        if (!after?.firefox?.installed) missing.push("camoufox-runtime");
+        if (!after?.geoip?.installed) missing.push("geoip");
+        setupStatusText.textContent = `\u81EA\u52A8\u4FEE\u590D\u540E\u4ECD\u7F3A\u5931: ${missing.join(", ")}`;
+      }
+    } catch (err) {
+      console.error("Environment check failed:", err);
+      setupStatusText.textContent = "\u73AF\u5883\u68C0\u67E5\u5931\u8D25\uFF0C\u8BF7\u67E5\u770B\u65E5\u5FD7\u5E76\u91CD\u8BD5";
+    }
+    envCheckBtn.disabled = false;
+    envCheckBtn.textContent = "\u91CD\u65B0\u68C0\u67E5";
+  }
+  function updateEnvItem(id, ok, detail) {
+    const el = root.querySelector(`#${id}`);
+    if (!el) return;
+    const icon = el.querySelector(".icon");
+    const text = el.querySelector("span:last-child");
+    const baseLabel = el.dataset.label || text.textContent || "";
+    el.dataset.label = baseLabel;
+    icon.textContent = ok ? "\u2713" : "\u2717";
+    icon.style.color = ok ? "var(--success)" : "var(--danger)";
+    text.textContent = detail ? `${baseLabel} \xB7 ${detail}` : baseLabel;
+  }
+  async function refreshAccounts() {
+    try {
+      accounts = await listAccountProfiles(ctx2.api);
+      renderAccountList();
+      updateCompleteStatus();
+    } catch (err) {
+      console.error("Failed to refresh accounts:", err);
+    }
+  }
+  function renderAccountList() {
+    accountListEl.innerHTML = "";
+    if (accounts.length === 0) {
+      accountListEl.innerHTML = '<div style="padding:12px; text-align:center; color:#8b93a6;">\u6682\u65E0\u8D26\u6237\uFF0C\u8BF7\u70B9\u51FB\u4E0B\u65B9\u6309\u94AE\u6DFB\u52A0</div>';
+      return;
+    }
+    accounts.forEach((acc) => {
+      const statusLabel = acc.valid ? "\u2713 \u6709\u6548" : acc.status === "pending" ? "\u23F3 \u5F85\u767B\u5F55" : "\u2717 \u5931\u6548";
+      const statusClass = acc.valid ? "status-valid" : acc.status === "pending" ? "status-pending" : "status-expired";
+      const row = createEl("div", {
+        style: "display:flex; justify-content:space-between; align-items:center; padding:8px 12px; border-bottom:1px solid var(--border);"
+      }, [
+        createEl("div", {}, [
+          createEl("div", { style: "font-weight:600; margin-bottom:2px;" }, [acc.alias || acc.name || acc.profileId]),
+          createEl("div", { className: "muted", style: "font-size:11px;" }, [acc.profileId])
+        ]),
+        createEl("span", {
+          className: `status-badge ${statusClass}`
+        }, [statusLabel])
+      ]);
+      accountListEl.appendChild(row);
+    });
+  }
+  async function addAccount() {
+    const alias = newAliasInput.value.trim();
+    if (!alias) {
+      alert("\u8BF7\u8F93\u5165\u8D26\u6237\u522B\u540D");
+      return;
+    }
+    addAccountBtn.disabled = true;
+    addAccountBtn.textContent = "\u521B\u5EFA\u4E2D...";
+    try {
+      const batchKey = "xiaohongshu";
+      const out = await ctx2.api.cmdRunJson({
+        title: "profilepool add",
+        cwd: "",
+        args: [ctx2.api.pathJoin("apps", "webauto", "entry", "profilepool.mjs"), "add", batchKey, "--json"]
+      });
+      if (!out?.ok || !out?.json?.profileId) {
+        alert("\u521B\u5EFA\u8D26\u53F7\u5931\u8D25: " + (out?.error || "\u672A\u77E5\u9519\u8BEF"));
+        return;
+      }
+      const profileId = out.json.profileId;
+      const aliases = { ...ctx2.api.settings?.profileAliases, [profileId]: alias };
+      await ctx2.api.settingsSet({ profileAliases: aliases });
+      if (typeof ctx2.refreshSettings === "function") {
+        await ctx2.refreshSettings();
+      }
+      const timeoutSec = ctx2.api.settings?.timeouts?.loginTimeoutSec || 900;
+      const loginArgs = [
+        ctx2.api.pathJoin("apps", "webauto", "entry", "profilepool.mjs"),
+        "login-profile",
+        profileId,
+        "--timeout-sec",
+        String(timeoutSec),
+        "--keep-session"
+      ];
+      await ctx2.api.cmdSpawn({
+        title: `\u767B\u5F55 ${alias}`,
+        cwd: "",
+        args: loginArgs,
+        groupKey: "profilepool"
+      });
+      newAliasInput.value = "";
+      await refreshAccounts();
+    } catch (err) {
+      alert("\u6DFB\u52A0\u8D26\u53F7\u5931\u8D25: " + (err?.message || String(err)));
+    } finally {
+      addAccountBtn.disabled = false;
+      addAccountBtn.textContent = "\u6DFB\u52A0\u8D26\u6237";
+    }
+  }
+  function updateCompleteStatus() {
+    const hasValidAccount = accounts.some((a) => a.valid);
+    const canProceed = envReady && hasValidAccount;
+    enterMainBtn.disabled = !canProceed;
+    if (canProceed) {
+      setupStatusText.textContent = `\u73AF\u5883\u5C31\u7EEA\uFF0C${accounts.length} \u4E2A\u8D26\u6237\u914D\u7F6E\u5B8C\u6210`;
+      enterMainBtn.className = "";
+    } else {
+      const missing = [];
+      if (!envReady) missing.push("\u73AF\u5883\u68C0\u67E5");
+      if (!hasValidAccount) missing.push("\u81F3\u5C11\u4E00\u4E2A\u8D26\u6237");
+      setupStatusText.textContent = `\u5C1A\u672A\u5B8C\u6210: ${missing.join("\u3001")}`;
+    }
+  }
+  envCheckBtn.onclick = checkEnvironment;
+  addAccountBtn.onclick = addAccount;
+  enterMainBtn.onclick = () => {
+    if (typeof ctx2.setActiveTab === "function") {
+      ctx2.setActiveTab("config");
+    }
+  };
+  void checkEnvironment();
+  void refreshAccounts();
+}
+
+// src/renderer/tabs-new/config-panel.mts
+function renderConfigPanel(root, ctx2) {
+  root.innerHTML = "";
+  const pageIndicator = createEl("div", { className: "page-indicator" }, [
+    "\u5F53\u524D: ",
+    createEl("span", {}, ["\u914D\u7F6E\u9875"]),
+    " \u2192 \u5B8C\u6210\u540E\u8DF3\u8F6C ",
+    createEl("span", {}, ["\u770B\u677F\u9875"])
+  ]);
+  root.appendChild(pageIndicator);
+  const bentoGrid = createEl("div", { className: "bento-grid bento-sidebar" });
+  const targetCard = createEl("div", { className: "bento-cell" });
+  targetCard.innerHTML = `
+    <div class="bento-title">\u76EE\u6807\u8BBE\u5B9A</div>
+
+    <div class="row">
+      <div>
+        <label>\u641C\u7D22\u5173\u952E\u8BCD</label>
+        <input id="keyword-input" placeholder="\u8F93\u5165\u5173\u952E\u8BCD" style="width: 200px;" />
+      </div>
+    </div>
+
+    <div class="row">
+      <div>
+        <label>\u76EE\u6807\u6570\u91CF</label>
+        <input id="target-input" type="number" value="50" min="1" style="width: 100px;" />
+      </div>
+      <div>
+        <label>\u8FD0\u884C\u73AF\u5883</label>
+        <select id="env-select" style="width: 120px;">
+          <option value="debug">\u8C03\u8BD5\u6A21\u5F0F</option>
+          <option value="prod">\u751F\u4EA7\u6A21\u5F0F</option>
+        </select>
+      </div>
+    </div>
+
+    <div>
+      <label>\u9009\u62E9\u8D26\u6237</label>
+      <select id="account-select" style="min-width: 200px;">
+        <option value="">\u8BF7\u9009\u62E9\u8D26\u6237...</option>
+      </select>
+    </div>
+
+    <div style="margin-top: var(--gap); padding-top: var(--gap); border-top: 1px solid var(--border);">
+      <div class="bento-title" style="font-size: 13px;">\u914D\u7F6E\u9884\u8BBE</div>
+      <div class="row">
+        <select id="preset-select" style="width: 200px;">
+          <option value="last">\u4E0A\u6B21\u914D\u7F6E</option>
+          <option value="full">\u9884\u8BBE1\uFF1A\u5168\u91CF\u722C\u53D6</option>
+          <option value="body-only">\u9884\u8BBE2\uFF1A\u4EC5\u6B63\u6587</option>
+          <option value="quick">\u9884\u8BBE3\uFF1A\u5FEB\u901F\u91C7\u96C6</option>
+        </select>
+      </div>
+      <div class="btn-group">
+        <button id="import-btn" class="secondary" style="flex: 1;">\u5BFC\u5165\u914D\u7F6E</button>
+        <button id="export-btn" class="secondary" style="flex: 1;">\u5BFC\u51FA\u914D\u7F6E</button>
+      </div>
+    </div>
+  `;
+  bentoGrid.appendChild(targetCard);
+  const optionsCard = createEl("div", { className: "bento-cell" });
+  optionsCard.innerHTML = `
+    <div class="bento-title">\u722C\u53D6\u9009\u9879</div>
+
+    <div style="display: flex; gap: var(--gap); margin-bottom: var(--gap);">
+      <label style="display: flex; align-items: center; gap: 8px; cursor: pointer;">
+        <input id="fetch-body-cb" type="checkbox" checked />
+        <span>\u722C\u53D6\u6B63\u6587</span>
+      </label>
+      <label style="display: flex; align-items: center; gap: 8px; cursor: pointer;">
+        <input id="fetch-comments-cb" type="checkbox" checked />
+        <span>\u722C\u53D6\u8BC4\u8BBA</span>
+      </label>
+    </div>
+
+    <div class="row">
+      <div>
+        <label>\u6700\u591A\u8BC4\u8BBA\u6570</label>
+        <input id="max-comments-input" type="number" value="100" min="0" style="width: 100px;" />
+      </div>
+    </div>
+
+    <div style="margin-top: var(--gap); padding-top: var(--gap); border-top: 1px solid var(--border);">
+      <div class="bento-title" style="font-size: 13px;">\u70B9\u8D5E\u8BBE\u7F6E</div>
+      <label style="display: flex; align-items: center; gap: 8px; cursor: pointer; margin-bottom: var(--gap-sm);">
+        <input id="auto-like-cb" type="checkbox" />
+        <span>\u81EA\u52A8\u70B9\u8D5E</span>
+      </label>
+      <div>
+        <label>\u70B9\u8D5E\u5173\u952E\u8BCD (\u9017\u53F7\u5206\u9694)</label>
+        <input id="like-keywords-input" placeholder="\u4F8B\u5982: \u7F8E\u98DF,\u65C5\u6E38,\u6444\u5F71" disabled />
+      </div>
+    </div>
+
+    <div style="margin-top: var(--gap); padding-top: var(--gap); border-top: 1px solid var(--border);">
+      <div class="bento-title" style="font-size: 13px;">\u9AD8\u7EA7\u9009\u9879</div>
+      <div style="display: flex; gap: var(--gap);">
+        <label style="display: flex; align-items: center; gap: 8px; cursor: pointer;">
+          <input id="headless-cb" type="checkbox" />
+          <span>Headless</span>
+        </label>
+        <label style="display: flex; align-items: center; gap: 8px; cursor: pointer;">
+          <input id="dry-run-cb" type="checkbox" />
+          <span>Dry Run</span>
+        </label>
+      </div>
+    </div>
+  `;
+  bentoGrid.appendChild(optionsCard);
+  root.appendChild(bentoGrid);
+  const actionRow = createEl("div", { className: "bento-grid", style: "margin-top: var(--gap);" });
+  const actionCard = createEl("div", { className: "bento-cell highlight" });
+  actionCard.innerHTML = `
+    <div style="text-align: center;">
+      <button id="start-btn" style="padding: 14px 64px; font-size: 15px;">\u5F00\u59CB\u722C\u53D6</button>
+    </div>
+  `;
+  actionRow.appendChild(actionCard);
+  root.appendChild(actionRow);
+  const keywordInput = root.querySelector("#keyword-input");
+  const targetInput = root.querySelector("#target-input");
+  const envSelect = root.querySelector("#env-select");
+  const accountSelect = root.querySelector("#account-select");
+  const presetSelect = root.querySelector("#preset-select");
+  const fetchBodyCb = root.querySelector("#fetch-body-cb");
+  const fetchCommentsCb = root.querySelector("#fetch-comments-cb");
+  const maxCommentsInput = root.querySelector("#max-comments-input");
+  const autoLikeCb = root.querySelector("#auto-like-cb");
+  const likeKeywordsInput = root.querySelector("#like-keywords-input");
+  const headlessCb = root.querySelector("#headless-cb");
+  const dryRunCb = root.querySelector("#dry-run-cb");
+  const startBtn = root.querySelector("#start-btn");
+  const importBtn = root.querySelector("#import-btn");
+  const exportBtn = root.querySelector("#export-btn");
+  let saveTimeout = null;
+  let accountRows = [];
+  let preferredProfileId = "";
+  function buildConfigPayload() {
+    return {
+      keyword: keywordInput.value.trim(),
+      target: parseInt(targetInput.value) || 50,
+      env: envSelect.value,
+      fetchBody: fetchBodyCb.checked,
+      fetchComments: fetchCommentsCb.checked,
+      maxComments: parseInt(maxCommentsInput.value) || 100,
+      autoLike: autoLikeCb.checked,
+      likeKeywords: likeKeywordsInput.value.trim(),
+      headless: headlessCb.checked,
+      dryRun: dryRunCb.checked,
+      lastProfileId: accountSelect.value || void 0
+    };
+  }
+  async function loadConfig() {
+    try {
+      const config = await ctx2.api.configLoadLast();
+      if (config) {
+        keywordInput.value = config.keyword || "";
+        targetInput.value = String(config.target || 50);
+        envSelect.value = config.env || "debug";
+        fetchBodyCb.checked = config.fetchBody !== false;
+        fetchCommentsCb.checked = config.fetchComments !== false;
+        maxCommentsInput.value = String(config.maxComments || 100);
+        autoLikeCb.checked = config.autoLike === true;
+        likeKeywordsInput.value = config.likeKeywords || "";
+        headlessCb.checked = config.headless === true;
+        dryRunCb.checked = config.dryRun === true;
+        preferredProfileId = String(config.lastProfileId || "").trim();
+        updateLikeKeywordsState();
+      }
+    } catch (err) {
+      console.error("Failed to load config:", err);
+    }
+  }
+  function saveConfig() {
+    if (saveTimeout) clearTimeout(saveTimeout);
+    saveTimeout = setTimeout(async () => {
+      const config = buildConfigPayload();
+      try {
+        await ctx2.api.configSaveLast(config);
+      } catch (err) {
+        console.error("Failed to save config:", err);
+      }
+    }, 1e3);
+  }
+  async function loadAccounts() {
+    try {
+      accountRows = await listAccountProfiles(ctx2.api);
+      const validRows = accountRows.filter((row) => row.valid);
+      accountSelect.innerHTML = '<option value="">\u8BF7\u9009\u62E9\u8D26\u6237...</option>';
+      validRows.forEach((row) => {
+        const profileId = String(row.profileId || "");
+        const label = row.alias ? `${row.alias} (${profileId})` : row.name || profileId;
+        const opt = createEl("option", { value: profileId }, [label]);
+        accountSelect.appendChild(opt);
+      });
+      if (preferredProfileId && validRows.some((row) => row.profileId === preferredProfileId)) {
+        accountSelect.value = preferredProfileId;
+      }
+    } catch (err) {
+      console.error("Failed to load accounts:", err);
+    }
+  }
+  async function exportConfig() {
+    try {
+      const config = buildConfigPayload();
+      const home = ctx2.api.osHomedir();
+      const downloadsPath = ctx2.api.pathJoin(home, "Downloads");
+      const timestamp = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19);
+      const filePath = ctx2.api.pathJoin(downloadsPath, `webauto-config-${timestamp}.json`);
+      const result = await ctx2.api.configExport({ filePath, config });
+      if (result.ok) {
+        alert(`\u914D\u7F6E\u5DF2\u5BFC\u51FA\u5230: ${result.path}`);
+      }
+    } catch (err) {
+      alert("\u5BFC\u51FA\u5931\u8D25: " + (err?.message || String(err)));
+    }
+  }
+  async function importConfig() {
+    const input = document.createElement("input");
+    input.type = "file";
+    input.accept = ".json";
+    input.onchange = async (e) => {
+      const file = e.target.files?.[0];
+      if (!file) return;
+      try {
+        const text = await file.text();
+        const config = JSON.parse(text.replace(/^\uFEFF/, ""));
+        keywordInput.value = config.keyword || "";
+        targetInput.value = String(config.target || 50);
+        envSelect.value = config.env || "debug";
+        fetchBodyCb.checked = config.fetchBody !== false;
+        fetchCommentsCb.checked = config.fetchComments !== false;
+        maxCommentsInput.value = String(config.maxComments || 100);
+        autoLikeCb.checked = config.autoLike === true;
+        likeKeywordsInput.value = config.likeKeywords || "";
+        headlessCb.checked = config.headless === true;
+        dryRunCb.checked = config.dryRun === true;
+        updateLikeKeywordsState();
+        saveConfig();
+        alert("\u914D\u7F6E\u5DF2\u5BFC\u5165");
+      } catch (err) {
+        alert("\u5BFC\u5165\u5931\u8D25: " + (err?.message || String(err)));
+      }
+    };
+    input.click();
+  }
+  function updateLikeKeywordsState() {
+    likeKeywordsInput.disabled = !autoLikeCb.checked;
+    likeKeywordsInput.style.opacity = autoLikeCb.checked ? "1" : "0.5";
+  }
+  async function startCrawl() {
+    const keyword = keywordInput.value.trim();
+    if (!keyword) {
+      alert("\u8BF7\u8F93\u5165\u5173\u952E\u8BCD");
+      return;
+    }
+    const profileId = accountSelect.value;
+    if (!profileId) {
+      alert("\u8BF7\u9009\u62E9\u8D26\u6237");
+      return;
+    }
+    const account = accountRows.find((row) => row.profileId === profileId);
+    if (!account || !account.valid) {
+      alert("\u5F53\u524D\u8D26\u6237\u65E0\u6548\uFF0C\u8BF7\u5148\u5230\u201C\u8D26\u6237\u7BA1\u7406\u201D\u5B8C\u6210\u767B\u5F55\u5E76\u6821\u9A8C");
+      return;
+    }
+    const config = buildConfigPayload();
+    try {
+      await ctx2.api.configSaveLast(config);
+    } catch {
+    }
+    const script = ctx2.api.pathJoin("apps", "webauto", "entry", "xhs-unified.mjs");
+    const outputRoot = String(ctx2?.settings?.downloadRoot || "").trim();
+    const args = [
+      script,
+      "--profile",
+      profileId,
+      "--keyword",
+      config.keyword,
+      "--max-notes",
+      String(config.target),
+      "--env",
+      config.env,
+      "--do-comments",
+      config.fetchComments ? "true" : "false",
+      "--persist-comments",
+      config.fetchComments ? "true" : "false",
+      "--do-likes",
+      config.autoLike ? "true" : "false",
+      "--like-keywords",
+      config.likeKeywords || "",
+      "--headless",
+      config.headless ? "true" : "false"
+    ];
+    if (outputRoot) args.push("--output-root", outputRoot);
+    if (config.dryRun) args.push("--dry-run");
+    else args.push("--no-dry-run");
+    startBtn.disabled = true;
+    const prevText = startBtn.textContent;
+    startBtn.textContent = "\u542F\u52A8\u4E2D...";
+    try {
+      const ret = await ctx2.api.cmdSpawn({
+        title: `xhs unified ${config.keyword}`.trim(),
+        cwd: "",
+        args,
+        groupKey: "xiaohongshu"
+      });
+      const runId = String(ret?.runId || "").trim();
+      if (!runId) {
+        throw new Error("runId \u4E3A\u7A7A");
+      }
+      ctx2.xhsCurrentRun = {
+        runId,
+        profileId,
+        keyword: config.keyword,
+        target: config.target,
+        startedAt: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      if (typeof ctx2.appendLog === "function") {
+        ctx2.appendLog(`[ui] started xhs-unified runId=${runId} profile=${profileId} keyword=${config.keyword}`);
+      }
+      if (typeof ctx2.setStatus === "function") {
+        ctx2.setStatus(`running: xhs-unified ${config.keyword}`);
+      }
+    } catch (err) {
+      alert(`\u542F\u52A8\u5931\u8D25: ${err?.message || String(err)}`);
+      if (typeof ctx2.appendLog === "function") {
+        ctx2.appendLog(`[ui][error] xhs-unified \u542F\u52A8\u5931\u8D25: ${err?.message || String(err)}`);
+      }
+      return;
+    } finally {
+      startBtn.disabled = false;
+      startBtn.textContent = prevText || "\u5F00\u59CB\u722C\u53D6";
+    }
+    if (typeof ctx2.setActiveTab === "function") {
+      ctx2.setActiveTab("dashboard");
+    }
+  }
+  autoLikeCb.onchange = updateLikeKeywordsState;
+  importBtn.onclick = importConfig;
+  exportBtn.onclick = exportConfig;
+  startBtn.onclick = startCrawl;
+  [
+    keywordInput,
+    targetInput,
+    envSelect,
+    accountSelect,
+    fetchBodyCb,
+    fetchCommentsCb,
+    maxCommentsInput,
+    autoLikeCb,
+    likeKeywordsInput,
+    headlessCb,
+    dryRunCb
+  ].forEach((el) => {
+    el.onchange = saveConfig;
+    if (el.tagName === "INPUT" && el.type !== "checkbox") {
+      el.oninput = saveConfig;
+    }
+  });
+  void loadConfig();
+  void loadAccounts();
+}
+
+// src/renderer/tabs-new/dashboard.mts
+function renderDashboard(root, ctx2) {
+  root.innerHTML = "";
+  const pageIndicator = createEl("div", { className: "page-indicator" }, [
+    "\u5F53\u524D: ",
+    createEl("span", {}, ["\u770B\u677F\u9875"]),
+    " \u2190 \u4ECE\u914D\u7F6E\u9875\u8DF3\u5165 | \u5B8C\u6210\u540E\u8FD4\u56DE ",
+    createEl("span", {}, ["\u914D\u7F6E\u9875"])
+  ]);
+  root.appendChild(pageIndicator);
+  const statsGrid = createEl("div", { className: "bento-grid bento-4", style: "margin-bottom: var(--gap);" });
+  statsGrid.innerHTML = `
+    <div class="stat-card info">
+      <div class="stat-value" id="stat-collected">0</div>
+      <div class="stat-label">\u5DF2\u91C7\u96C6</div>
+    </div>
+    <div class="stat-card success">
+      <div class="stat-value" id="stat-success">0</div>
+      <div class="stat-label">\u6210\u529F</div>
+    </div>
+    <div class="stat-card danger">
+      <div class="stat-value" id="stat-failed">0</div>
+      <div class="stat-label">\u5931\u8D25</div>
+    </div>
+    <div class="stat-card warning">
+      <div class="stat-value" id="stat-remaining">0</div>
+      <div class="stat-label">\u5269\u4F59</div>
+    </div>
+  `;
+  root.appendChild(statsGrid);
+  const runSummaryGrid = createEl("div", { className: "bento-grid", style: "margin-bottom: var(--gap);" });
+  const runSummaryCard = createEl("div", { className: "bento-cell highlight" });
+  runSummaryCard.innerHTML = `
+    <div class="bento-title">\u8FD0\u884C\u6458\u8981</div>
+    <div style="display:grid; grid-template-columns: minmax(200px, 1fr) 160px; gap: var(--gap); margin-bottom: var(--gap-sm);">
+      <div>
+        <label>\u5F53\u524D Run ID</label>
+        <div id="run-id-text" style="font-family: ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--text-1); word-break: break-all;">-</div>
+      </div>
+      <div>
+        <label>\u7D2F\u8BA1\u9519\u8BEF</label>
+        <div id="error-count-text" style="font-weight:700; color: var(--danger); font-size: 18px;">0</div>
+      </div>
+    </div>
+    <div>
+      <label>\u6700\u8FD1\u9519\u8BEF\uFF08\u6700\u591A 8 \u6761\uFF09</label>
+      <div id="recent-errors-empty" class="muted" style="font-size: 12px;">\u6682\u65E0\u9519\u8BEF</div>
+      <ul id="recent-errors-list" style="margin: 6px 0 0 16px; padding: 0; font-size: 12px; line-height: 1.5; display:none;"></ul>
+    </div>
+  `;
+  runSummaryGrid.appendChild(runSummaryCard);
+  root.appendChild(runSummaryGrid);
+  const mainGrid = createEl("div", { className: "bento-grid bento-aside" });
+  const taskCard = createEl("div", { className: "bento-cell" });
+  taskCard.innerHTML = `
+    <div class="bento-title">\u5F53\u524D\u4EFB\u52A1</div>
+
+    <div class="row" style="margin-bottom: var(--gap);">
+      <div>
+        <label>\u5173\u952E\u8BCD</label>
+        <div id="task-keyword" style="font-weight: 600; color: var(--text-1);">-</div>
+      </div>
+      <div>
+        <label>\u76EE\u6807\u6570\u91CF</label>
+        <div id="task-target" style="font-weight: 600; color: var(--text-1);">-</div>
+      </div>
+      <div>
+        <label>\u4F7F\u7528\u8D26\u6237</label>
+        <div id="task-account" style="font-weight: 600; color: var(--text-1);">-</div>
+      </div>
+    </div>
+
+    <div class="phase-indicator" style="margin-bottom: var(--gap);">
+      <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
+        <span style="color: var(--text-3); font-size: 12px;">\u5F53\u524D\u9636\u6BB5</span>
+        <span id="current-phase" style="font-weight: 600; color: var(--accent-light);">\u5F85\u542F\u52A8</span>
+      </div>
+      <div style="display: flex; justify-content: space-between;">
+        <span style="color: var(--text-3); font-size: 12px;">\u5F53\u524D\u64CD\u4F5C</span>
+        <span id="current-action" style="color: var(--text-1);">-</span>
+      </div>
+    </div>
+
+    <div style="margin-bottom: var(--gap);">
+      <div style="display: flex; justify-content: space-between; margin-bottom: 6px;">
+        <span style="font-size: 12px; color: var(--text-3);">\u6574\u4F53\u8FDB\u5EA6</span>
+        <span id="progress-percent" style="font-size: 12px; color: var(--text-1);">0%</span>
+      </div>
+      <div class="progress-bar-container">
+        <div id="progress-bar" class="progress-bar" style="width: 0%;"></div>
+      </div>
+    </div>
+
+    <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap-sm);">
+      <div style="font-size: 12px;"><span style="color: var(--text-4);">\u8BC4\u8BBA\u91C7\u96C6\uFF1A</span><span id="stat-comments">0\u6761</span></div>
+      <div style="font-size: 12px;"><span style="color: var(--text-4);">\u70B9\u8D5E\u64CD\u4F5C\uFF1A</span><span id="stat-likes">0\u6B21</span></div>
+      <div style="font-size: 12px;"><span style="color: var(--text-4);">\u9650\u6D41\u6B21\u6570\uFF1A</span><span id="stat-ratelimit" style="color: var(--warning);">0\u6B21</span></div>
+      <div style="font-size: 12px;"><span style="color: var(--text-4);">\u8FD0\u884C\u65F6\u95F4\uFF1A</span><span id="stat-elapsed">00:00:00</span></div>
+    </div>
+  `;
+  mainGrid.appendChild(taskCard);
+  const logsCard = createEl("div", { className: "bento-cell" });
+  logsCard.innerHTML = `
+    <div class="bento-title">
+      \u5B9E\u65F6\u65E5\u5FD7
+      <button id="toggle-logs-btn" class="secondary" style="margin-left: auto; padding: 4px 10px; font-size: 11px;">\u5C55\u5F00</button>
+    </div>
+    <div id="logs-container" class="log-container" style="display: none; max-height: 300px;"></div>
+
+    <div style="margin-top: var(--gap);">
+      <div class="btn-group">
+        <button id="pause-btn" class="secondary" style="flex: 1;">\u6682\u505C</button>
+        <button id="stop-btn" class="danger" style="flex: 1;">\u505C\u6B62</button>
+      </div>
+    </div>
+  `;
+  mainGrid.appendChild(logsCard);
+  root.appendChild(mainGrid);
+  const statCollected = root.querySelector("#stat-collected");
+  const statSuccess = root.querySelector("#stat-success");
+  const statFailed = root.querySelector("#stat-failed");
+  const statRemaining = root.querySelector("#stat-remaining");
+  const taskKeyword = root.querySelector("#task-keyword");
+  const taskTarget = root.querySelector("#task-target");
+  const taskAccount = root.querySelector("#task-account");
+  const currentPhase = root.querySelector("#current-phase");
+  const currentAction = root.querySelector("#current-action");
+  const progressPercent = root.querySelector("#progress-percent");
+  const progressBar = root.querySelector("#progress-bar");
+  const statComments = root.querySelector("#stat-comments");
+  const statLikes = root.querySelector("#stat-likes");
+  const statRatelimit = root.querySelector("#stat-ratelimit");
+  const statElapsed = root.querySelector("#stat-elapsed");
+  const runIdText = root.querySelector("#run-id-text");
+  const errorCountText = root.querySelector("#error-count-text");
+  const recentErrorsEmpty = root.querySelector("#recent-errors-empty");
+  const recentErrorsList = root.querySelector("#recent-errors-list");
+  const logsContainer = root.querySelector("#logs-container");
+  const toggleLogsBtn = root.querySelector("#toggle-logs-btn");
+  const pauseBtn = root.querySelector("#pause-btn");
+  const stopBtn = root.querySelector("#stop-btn");
+  let logsExpanded = false;
+  let paused = false;
+  let startTime = Date.now();
+  let elapsedTimer = null;
+  let unsubscribeState = null;
+  let unsubscribeCmd = null;
+  let activeRunId = String(ctx2?.xhsCurrentRun?.runId || "").trim();
+  let errorCountTotal = 0;
+  const recentErrors = [];
+  const maxLogs = 500;
+  const maxRecentErrors = 8;
+  function renderRunSummary() {
+    runIdText.textContent = activeRunId || "-";
+    errorCountText.textContent = String(errorCountTotal);
+    recentErrorsList.innerHTML = "";
+    if (recentErrors.length === 0) {
+      recentErrorsEmpty.style.display = "block";
+      recentErrorsList.style.display = "none";
+      return;
+    }
+    recentErrorsEmpty.style.display = "none";
+    recentErrorsList.style.display = "block";
+    recentErrors.forEach((item) => {
+      const li = document.createElement("li");
+      li.textContent = `[${item.ts}] ${item.source}: ${item.message}`;
+      recentErrorsList.appendChild(li);
+    });
+  }
+  function pushRecentError(message, source = "runtime") {
+    const msg = String(message || "").trim();
+    if (!msg) return;
+    errorCountTotal += 1;
+    recentErrors.push({
+      ts: (/* @__PURE__ */ new Date()).toLocaleTimeString("zh-CN", { hour12: false }),
+      source: String(source || "runtime").trim() || "runtime",
+      message: msg
+    });
+    while (recentErrors.length > maxRecentErrors) recentErrors.shift();
+    renderRunSummary();
+  }
+  function updateElapsed() {
+    const elapsed = Math.floor((Date.now() - startTime) / 1e3);
+    const h = Math.floor(elapsed / 3600);
+    const m = Math.floor(elapsed % 3600 / 60);
+    const s = elapsed % 60;
+    statElapsed.textContent = `${String(h).padStart(2, "0")}:${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
+  }
+  function addLog(line, type = "info") {
+    const ts = (/* @__PURE__ */ new Date()).toLocaleTimeString("zh-CN", { hour12: false });
+    const logLine = createEl("div", { className: "log-line" });
+    logLine.innerHTML = `<span class="log-time">[${ts}]</span> <span class="log-${type}">${line}</span>`;
+    logsContainer.appendChild(logLine);
+    while (logsContainer.children.length > maxLogs) {
+      logsContainer.removeChild(logsContainer.firstChild);
+    }
+    if (logsExpanded) {
+      logsContainer.scrollTop = logsContainer.scrollHeight;
+    }
+  }
+  function updateFromTaskState(state) {
+    if (!state) return;
+    const collected = state.collected || state.progress || 0;
+    const target = state.target || 50;
+    const success = state.success || collected;
+    const failed = state.failed || state.errors || 0;
+    const remaining = Math.max(0, target - collected);
+    statCollected.textContent = String(collected);
+    statSuccess.textContent = String(success);
+    statFailed.textContent = String(failed);
+    statRemaining.textContent = String(remaining);
+    const percent = target > 0 ? Math.round(collected / target * 100) : 0;
+    progressPercent.textContent = `${percent}%`;
+    progressBar.style.width = `${percent}%`;
+    if (state.phase) {
+      currentPhase.textContent = state.phase;
+    }
+    if (state.action) {
+      currentAction.textContent = state.action;
+    }
+    if (state.comments) {
+      statComments.textContent = `${state.comments}\u6761`;
+    }
+    if (state.likes) {
+      statLikes.textContent = `${state.likes}\u6B21`;
+    }
+    if (state.ratelimits) {
+      statRatelimit.textContent = `${state.ratelimits}\u6B21`;
+    }
+    if (state.keyword) {
+      taskKeyword.textContent = state.keyword;
+    }
+    if (state.target) {
+      taskTarget.textContent = String(state.target);
+    }
+    if (state.profileId) {
+      const aliases = ctx2.api?.settings?.profileAliases || {};
+      taskAccount.textContent = aliases[state.profileId] || state.profileId;
+    }
+    if (state.runId) {
+      activeRunId = String(state.runId);
+      renderRunSummary();
+    }
+    if (state.error) {
+      pushRecentError(String(state.error), "state");
+    }
+  }
+  function pickTaskFromList(tasks) {
+    const target = activeRunId;
+    if (target) {
+      const matched = tasks.find((item) => String(item?.runId || "").trim() === target);
+      if (matched) return matched;
+    }
+    const running = tasks.find((item) => ["running", "queued", "pending", "starting"].includes(String(item?.status || "").toLowerCase()));
+    return running || tasks[0] || null;
+  }
+  function updateFromEventPayload(payload) {
+    const event = String(payload?.event || "").trim();
+    if (!event) return;
+    if (event === "xhs.unified.start") {
+      currentPhase.textContent = "\u8FD0\u884C\u4E2D";
+      currentAction.textContent = "\u542F\u52A8 autoscript";
+      if (payload.runId) {
+        activeRunId = String(payload.runId || "").trim() || activeRunId;
+      }
+      if (payload.keyword) taskKeyword.textContent = String(payload.keyword);
+      if (payload.maxNotes) taskTarget.textContent = String(payload.maxNotes);
+      renderRunSummary();
+      return;
+    }
+    if (event === "autoscript:operation_done") {
+      const opId = String(payload.operationId || "").trim();
+      currentAction.textContent = opId || currentAction.textContent;
+      const result = payload.result && typeof payload.result === "object" ? payload.result : {};
+      if (opId === "comments_harvest") {
+        const nowComments = Number((statComments.textContent || "0").replace(/[^\d]/g, "")) || 0;
+        const added = Number(result.collected || 0);
+        statComments.textContent = `${Math.max(0, nowComments + added)}\u6761`;
+      }
+      if (opId === "comment_like") {
+        const nowLikes = Number((statLikes.textContent || "0").replace(/[^\d]/g, "")) || 0;
+        const added = Number(result.likedCount || 0);
+        statLikes.textContent = `${Math.max(0, nowLikes + added)}\u6B21`;
+      }
+      return;
+    }
+    if (event === "autoscript:operation_error" || event === "autoscript:operation_recovery_failed" || event === "xhs.unified.profile_failed") {
+      const failed = Number(statFailed.textContent || "0") || 0;
+      statFailed.textContent = String(failed + 1);
+      const opId = String(payload?.operationId || "").trim();
+      const err = String(payload?.error || payload?.message || payload?.code || event).trim();
+      pushRecentError(opId ? `${opId}: ${err}` : err, event);
+      return;
+    }
+    if (event === "xhs.unified.merged") {
+      currentPhase.textContent = "\u5DF2\u5B8C\u6210";
+      currentAction.textContent = "\u7ED3\u679C\u5408\u5E76\u5B8C\u6210";
+      if (payload.profilesFailed) {
+        statFailed.textContent = String(Number(payload.profilesFailed) || 0);
+      }
+      return;
+    }
+    if (event === "xhs.unified.stop") {
+      const reason = String(payload.reason || "").trim();
+      currentPhase.textContent = reason && reason !== "script_failure" ? "\u5DF2\u7ED3\u675F" : "\u5931\u8D25";
+      currentAction.textContent = reason || "stop";
+      if (reason && reason !== "completed") {
+        pushRecentError(`stop reason=${reason}`, event);
+      }
+      renderRunSummary();
+    }
+  }
+  function parseLineEvent(line) {
+    const text = String(line || "").trim();
+    if (!text.startsWith("{") || !text.endsWith("}")) return;
+    try {
+      const payload = JSON.parse(text);
+      updateFromEventPayload(payload);
+    } catch {
+    }
+  }
+  function subscribeToUpdates() {
+    if (typeof ctx2.api?.onStateUpdate === "function") {
+      unsubscribeState = ctx2.api.onStateUpdate((update) => {
+        if (paused) return;
+        const runId = String(update?.runId || "").trim();
+        if (activeRunId && runId && runId !== activeRunId) return;
+        if (!activeRunId && runId) {
+          activeRunId = runId;
+          renderRunSummary();
+        }
+        if (update?.data && typeof update.data === "object") {
+          const payload = { ...update.data || {}, runId };
+          updateFromTaskState(payload);
+          if (payload.action) addLog(String(payload.action), "info");
+          if (payload.error) {
+            addLog(String(payload.error), "error");
+            pushRecentError(String(payload.error), "state");
+          }
+        }
+      });
+    }
+    if (typeof ctx2.api?.onCmdEvent === "function") {
+      unsubscribeCmd = ctx2.api.onCmdEvent((evt) => {
+        if (paused) return;
+        const runId = String(evt?.runId || "").trim();
+        if (!activeRunId && evt?.type === "started" && String(evt?.title || "").includes("xhs unified")) {
+          activeRunId = runId;
+          renderRunSummary();
+        }
+        if (activeRunId && runId && runId !== activeRunId) return;
+        if (evt.type === "stdout") {
+          addLog(evt.line, "info");
+          parseLineEvent(String(evt.line || "").trim());
+        } else if (evt.type === "stderr") {
+          addLog(evt.line, "error");
+          pushRecentError(String(evt.line || ""), "stderr");
+          const failed = Number(statFailed.textContent || "0") || 0;
+          statFailed.textContent = String(failed + 1);
+        } else if (evt.type === "exit") {
+          currentPhase.textContent = Number(evt.exitCode || 0) === 0 ? "\u5DF2\u7ED3\u675F" : "\u5931\u8D25";
+          currentAction.textContent = `exit(${evt.exitCode ?? "null"})`;
+          addLog(`\u8FDB\u7A0B\u9000\u51FA: code=${evt.exitCode}`, evt.exitCode === 0 ? "success" : "error");
+          if (Number(evt.exitCode || 0) !== 0) {
+            pushRecentError(`\u8FDB\u7A0B\u9000\u51FA code=${evt.exitCode ?? "null"}`, "exit");
+          }
+          renderRunSummary();
+        }
+      });
+    }
+  }
+  async function loadTaskInfo() {
+    try {
+      const config = await ctx2.api.configLoadLast();
+      if (config) {
+        taskKeyword.textContent = config.keyword || "-";
+        taskTarget.textContent = String(config.target || 50);
+        if (config.lastProfileId) {
+          const aliases = ctx2.api?.settings?.profileAliases || {};
+          taskAccount.textContent = aliases[config.lastProfileId] || config.lastProfileId;
+        }
+      }
+    } catch (err) {
+      console.error("Failed to load task info:", err);
+    }
+  }
+  async function fetchCurrentState() {
+    try {
+      const tasks = await ctx2.api.stateGetTasks();
+      if (Array.isArray(tasks) && tasks.length > 0) {
+        const picked = pickTaskFromList(tasks);
+        if (picked) {
+          const runId = String(picked?.runId || "").trim();
+          if (runId) {
+            activeRunId = runId;
+            renderRunSummary();
+          }
+          updateFromTaskState(picked);
+        }
+      }
+    } catch (err) {
+      console.error("Failed to fetch state:", err);
+    }
+  }
+  toggleLogsBtn.onclick = () => {
+    logsExpanded = !logsExpanded;
+    logsContainer.style.display = logsExpanded ? "block" : "none";
+    toggleLogsBtn.textContent = logsExpanded ? "\u6536\u8D77" : "\u5C55\u5F00";
+  };
+  pauseBtn.onclick = () => {
+    paused = !paused;
+    pauseBtn.textContent = paused ? "\u7EE7\u7EED" : "\u6682\u505C";
+    if (paused) {
+      addLog("\u4EFB\u52A1\u5DF2\u6682\u505C", "warn");
+    } else {
+      addLog("\u4EFB\u52A1\u7EE7\u7EED\u6267\u884C", "info");
+    }
+  };
+  stopBtn.onclick = async () => {
+    if (confirm("\u786E\u5B9A\u8981\u505C\u6B62\u5F53\u524D\u4EFB\u52A1\u5417\uFF1F")) {
+      try {
+        const tasks = await ctx2.api.stateGetTasks();
+        if (Array.isArray(tasks) && tasks.length > 0 && tasks[0].runId) {
+          await ctx2.api.cmdKill(tasks[0].runId);
+          addLog("\u4EFB\u52A1\u5DF2\u505C\u6B62", "warn");
+        }
+      } catch (err) {
+        console.error("Failed to stop task:", err);
+      }
+      setTimeout(() => {
+        if (typeof ctx2.setActiveTab === "function") {
+          ctx2.setActiveTab("config");
+        }
+      }, 1500);
+    }
+  };
+  renderRunSummary();
+  loadTaskInfo();
+  subscribeToUpdates();
+  fetchCurrentState();
+  elapsedTimer = setInterval(updateElapsed, 1e3);
+  return () => {
+    if (elapsedTimer) clearInterval(elapsedTimer);
+    if (unsubscribeState) unsubscribeState();
+    if (unsubscribeCmd) unsubscribeCmd();
+  };
+}
+
+// src/renderer/tabs-new/account-manager.mts
+function renderAccountManager(root, ctx2) {
+  root.innerHTML = "";
+  const bentoGrid = createEl("div", { className: "bento-grid bento-sidebar" });
+  const envCard = createEl("div", { className: "bento-cell" });
+  envCard.innerHTML = `
+    <div class="bento-title"><span style="color: var(--success);">\u25CF</span> \u73AF\u5883\u72B6\u6001</div>
+    <div class="env-status-grid">
+      <div class="env-item" id="env-camo">
+        <span class="icon" style="color: var(--text-4);">\u25CB</span>
+        <span>Camoufox CLI</span>
+      </div>
+      <div class="env-item" id="env-unified">
+        <span class="icon" style="color: var(--text-4);">\u25CB</span>
+        <span>Unified API</span>
+      </div>
+      <div class="env-item" id="env-browser">
+        <span class="icon" style="color: var(--text-4);">\u25CB</span>
+        <span>Browser Service</span>
+      </div>
+      <div class="env-item" id="env-firefox">
+        <span class="icon" style="color: var(--text-4);">\u25CB</span>
+        <span>Firefox</span>
+      </div>
+    </div>
+    <div style="margin-top: var(--gap);">
+      <button id="recheck-env-btn" class="secondary" style="width: 100%;">\u91CD\u65B0\u68C0\u67E5</button>
+    </div>
+  `;
+  bentoGrid.appendChild(envCard);
+  const accountCard = createEl("div", { className: "bento-cell" });
+  accountCard.innerHTML = `
+    <div class="bento-title">
+      \u8D26\u6237\u5217\u8868
+      <button id="add-account-btn" style="margin-left: auto; padding: 6px 12px; font-size: 12px;">\u6DFB\u52A0\u8D26\u6237</button>
+    </div>
+    <div id="account-list" class="account-list" style="margin-bottom: var(--gap); max-height: 300px; overflow: auto;"></div>
+    <div style="margin-top: var(--gap);">
+      <div class="btn-group">
+        <button id="check-all-btn" class="secondary" style="flex: 1;">\u68C0\u67E5\u6240\u6709</button>
+        <button id="refresh-expired-btn" class="secondary" style="flex: 1;">\u5237\u65B0\u5931\u6548</button>
+      </div>
+    </div>
+  `;
+  bentoGrid.appendChild(accountCard);
+  root.appendChild(bentoGrid);
+  const recheckEnvBtn = root.querySelector("#recheck-env-btn");
+  const addAccountBtn = root.querySelector("#add-account-btn");
+  const checkAllBtn = root.querySelector("#check-all-btn");
+  const refreshExpiredBtn = root.querySelector("#refresh-expired-btn");
+  const accountListEl = root.querySelector("#account-list");
+  let accounts = [];
+  async function checkEnvironment() {
+    try {
+      const [camo, services, firefox] = await Promise.all([
+        ctx2.api.envCheckCamo(),
+        ctx2.api.envCheckServices(),
+        ctx2.api.envCheckFirefox()
+      ]);
+      updateEnvItem("env-camo", camo.installed);
+      updateEnvItem("env-unified", services.unifiedApi);
+      updateEnvItem("env-browser", services.browserService);
+      updateEnvItem("env-firefox", firefox.installed);
+    } catch (err) {
+      console.error("Environment check failed:", err);
+    }
+  }
+  function updateEnvItem(id, ok) {
+    const el = root.querySelector(`#${id}`);
+    if (!el) return;
+    const icon = el.querySelector(".icon");
+    icon.textContent = ok ? "\u2713" : "\u2717";
+    icon.style.color = ok ? "var(--success)" : "var(--danger)";
+  }
+  async function loadAccounts() {
+    try {
+      const rows = await listAccountProfiles(ctx2.api);
+      accounts = rows.map((row) => ({
+        ...row,
+        statusView: row.valid ? "valid" : row.status === "pending" ? "pending" : "expired"
+      }));
+      renderAccountList();
+    } catch (err) {
+      console.error("Failed to load accounts:", err);
+    }
+  }
+  function renderAccountList() {
+    accountListEl.innerHTML = "";
+    if (accounts.length === 0) {
+      accountListEl.innerHTML = '<div style="padding: 12px; text-align: center; color: var(--text-4);">\u6682\u65E0\u8D26\u6237</div>';
+      return;
+    }
+    accounts.forEach((acc) => {
+      const row = createEl("div", {
+        className: "account-item",
+        style: "display: grid; grid-template-columns: 1fr 120px 100px 100px; gap: var(--gap-sm); padding: var(--gap-sm); align-items: center; border-bottom: 1px solid var(--border);"
+      });
+      const nameDiv = createEl("div", {}, [
+        createEl("div", { className: "account-name" }, [acc.alias || acc.name || acc.profileId]),
+        createEl("div", { className: "account-alias" }, [acc.profileId])
+      ]);
+      const statusBadge = createEl("span", {
+        className: `status-badge ${acc.statusView === "valid" ? "status-valid" : acc.statusView === "expired" ? "status-expired" : "status-pending"}`
+      }, [
+        acc.statusView === "valid" ? "\u2713 \u6709\u6548" : acc.statusView === "expired" ? "\u2717 \u5931\u6548" : acc.statusView === "checking" ? "\u23F3 \u68C0\u67E5\u4E2D" : "\u23F3 \u5F85\u68C0\u67E5"
+      ]);
+      const checkBtn = createEl("button", {
+        className: "secondary",
+        style: "padding: 6px 10px; font-size: 11px;"
+      }, ["\u68C0\u67E5"]);
+      const actionsDiv = createEl("div", { className: "btn-group", style: "flex: 0;" });
+      const detailBtn = createEl("button", {
+        className: "secondary",
+        style: "padding: 6px 8px; font-size: 10px;"
+      }, ["\u8BE6\u60C5"]);
+      const deleteBtn = createEl("button", {
+        className: "danger",
+        style: "padding: 6px 8px; font-size: 10px;"
+      }, ["\u5220\u9664"]);
+      actionsDiv.appendChild(detailBtn);
+      actionsDiv.appendChild(deleteBtn);
+      row.appendChild(nameDiv);
+      row.appendChild(statusBadge);
+      row.appendChild(checkBtn);
+      row.appendChild(actionsDiv);
+      checkBtn.onclick = () => checkAccountStatus(acc.profileId);
+      detailBtn.onclick = () => {
+        alert(`\u8D26\u6237\u8BE6\u60C5:
+
+Profile ID: ${acc.profileId}
+\u8D26\u53F7ID: ${acc.accountId || "\u672A\u8BC6\u522B"}
+\u522B\u540D: ${acc.alias || "\u672A\u8BBE\u7F6E"}
+\u72B6\u6001: ${acc.status}
+\u539F\u56E0: ${acc.reason || "-"}
+\u6700\u540E\u68C0\u67E5: ${acc.lastCheck || "\u672A\u68C0\u67E5"}`);
+      };
+      deleteBtn.onclick = async () => {
+        if (confirm(`\u786E\u5B9A\u5220\u9664\u8D26\u6237 "${acc.alias || acc.profileId}" \u5417\uFF1F\u6B64\u64CD\u4F5C\u4E0D\u53EF\u6062\u590D\u3002`)) {
+          try {
+            if (acc.accountRecordId) {
+              await ctx2.api.cmdRunJson({
+                title: `account delete ${acc.accountRecordId}`,
+                cwd: "",
+                args: [
+                  ctx2.api.pathJoin("apps", "webauto", "entry", "account.mjs"),
+                  "delete",
+                  acc.accountRecordId,
+                  "--delete-profile",
+                  "--delete-fingerprint",
+                  "--json"
+                ]
+              });
+            } else {
+              await ctx2.api.profileDelete({ profileId: acc.profileId, deleteFingerprint: true });
+            }
+            await loadAccounts();
+          } catch (err) {
+            alert("\u5220\u9664\u5931\u8D25: " + (err?.message || String(err)));
+          }
+        }
+      };
+      accountListEl.appendChild(row);
+    });
+  }
+  async function checkAccountStatus(profileId) {
+    const account = accounts.find((a) => a.profileId === profileId);
+    if (!account) return;
+    account.statusView = "checking";
+    renderAccountList();
+    try {
+      const result = await ctx2.api.cmdRunJson({
+        title: `account sync ${profileId}`,
+        cwd: "",
+        args: [
+          ctx2.api.pathJoin("apps", "webauto", "entry", "account.mjs"),
+          "sync",
+          profileId,
+          "--json"
+        ]
+      });
+      const profile = result?.json?.profile;
+      if (profile && String(profile.profileId || "").trim() === profileId) {
+        account.accountId = String(profile.accountId || "").trim() || null;
+        account.alias = String(profile.alias || "").trim() || account.alias;
+        account.status = String(profile.status || "").trim() || account.status;
+        account.valid = profile.valid === true && Boolean(account.accountId);
+        account.reason = String(profile.reason || "").trim() || null;
+      }
+      account.statusView = account.valid ? "valid" : "expired";
+      account.lastCheck = (/* @__PURE__ */ new Date()).toLocaleString("zh-CN");
+    } catch (err) {
+      account.statusView = "expired";
+    }
+    renderAccountList();
+  }
+  async function addAccount() {
+    const alias = prompt("\u8BF7\u8F93\u5165\u65B0\u8D26\u6237\u522B\u540D:");
+    if (!alias?.trim()) return;
+    try {
+      const out = await ctx2.api.cmdRunJson({
+        title: "profilepool add",
+        cwd: "",
+        args: [ctx2.api.pathJoin("apps", "webauto", "entry", "profilepool.mjs"), "add", "xiaohongshu", "--json"]
+      });
+      if (!out?.ok || !out?.json?.profileId) {
+        alert("\u521B\u5EFA\u8D26\u53F7\u5931\u8D25: " + (out?.error || "\u672A\u77E5\u9519\u8BEF"));
+        return;
+      }
+      const profileId = out.json.profileId;
+      const aliases = { ...ctx2.api.settings?.profileAliases, [profileId]: alias.trim() };
+      await ctx2.api.settingsSet({ profileAliases: aliases });
+      if (typeof ctx2.refreshSettings === "function") {
+        await ctx2.refreshSettings();
+      }
+      const timeoutSec = ctx2.api.settings?.timeouts?.loginTimeoutSec || 900;
+      await ctx2.api.cmdSpawn({
+        title: `\u767B\u5F55 ${alias}`,
+        cwd: "",
+        args: [
+          ctx2.api.pathJoin("apps", "webauto", "entry", "profilepool.mjs"),
+          "login-profile",
+          profileId,
+          "--timeout-sec",
+          String(timeoutSec),
+          "--keep-session"
+        ],
+        groupKey: "profilepool"
+      });
+      await loadAccounts();
+    } catch (err) {
+      alert("\u6DFB\u52A0\u8D26\u53F7\u5931\u8D25: " + (err?.message || String(err)));
+    }
+  }
+  async function checkAllAccounts() {
+    checkAllBtn.disabled = true;
+    checkAllBtn.textContent = "\u68C0\u67E5\u4E2D...";
+    for (const acc of accounts) {
+      await checkAccountStatus(acc.profileId);
+    }
+    checkAllBtn.disabled = false;
+    checkAllBtn.textContent = "\u68C0\u67E5\u6240\u6709";
+  }
+  async function refreshExpiredAccounts() {
+    const expired = accounts.filter((a) => !a.valid);
+    if (expired.length === 0) {
+      alert("\u6CA1\u6709\u5931\u6548\u7684\u8D26\u6237\u9700\u8981\u5237\u65B0");
+      return;
+    }
+    refreshExpiredBtn.disabled = true;
+    refreshExpiredBtn.textContent = "\u5237\u65B0\u4E2D...";
+    for (const acc of expired) {
+      try {
+        const accountKey = acc.accountRecordId || acc.profileId;
+        await ctx2.api.cmdSpawn({
+          title: `\u91CD\u65B0\u767B\u5F55 ${acc.alias || acc.profileId}`,
+          cwd: "",
+          args: [
+            ctx2.api.pathJoin("apps", "webauto", "entry", "account.mjs"),
+            "login",
+            accountKey,
+            "--url",
+            "https://www.xiaohongshu.com",
+            "--json"
+          ],
+          groupKey: "profilepool"
+        });
+      } catch (err) {
+        console.error(`Failed to refresh ${acc.profileId}:`, err);
+      }
+    }
+    refreshExpiredBtn.disabled = false;
+    refreshExpiredBtn.textContent = "\u5237\u65B0\u5931\u6548";
+  }
+  recheckEnvBtn.onclick = checkEnvironment;
+  addAccountBtn.onclick = addAccount;
+  checkAllBtn.onclick = checkAllAccounts;
+  refreshExpiredBtn.onclick = refreshExpiredAccounts;
+  void checkEnvironment();
+  void loadAccounts();
+}
+
+// src/renderer/index.mts
+var tabs = [
+  { id: "setup-wizard", label: "\u521D\u59CB\u5316", render: renderSetupWizard },
+  { id: "config", label: "\u914D\u7F6E", render: renderConfigPanel },
+  { id: "dashboard", label: "\u770B\u677F", render: renderDashboard },
+  { id: "account-manager", label: "\u8D26\u6237\u7BA1\u7406", render: renderAccountManager },
+  { id: "preflight", label: "\u65E7\u9884\u5904\u7406", render: renderPreflight, hidden: true },
+  { id: "logs", label: "\u65E5\u5FD7", render: renderLogs },
+  { id: "settings", label: "\u8BBE\u7F6E", render: renderSettings }
+];
+var tabsEl = document.getElementById("tabs");
+var contentEl = document.getElementById("content");
+var statusEl = document.getElementById("status");
+var activeTabCleanup = null;
+var ctx = {
+  api: window.api,
+  settings: null,
+  xhsCurrentRun: null,
+  activeRunId: null,
+  _activeRunIds: /* @__PURE__ */ new Set(),
+  _activeRunsListeners: [],
+  _logLines: [],
+  appendLog(line) {
+    const l = String(line || "").trim();
+    if (!l) return;
+    this._logLines.push(l);
+  },
+  clearLog() {
+    this._logLines = [];
+  },
+  onActiveRunsChanged(listener) {
+    this._activeRunsListeners.push(listener);
+    return () => {
+      this._activeRunsListeners = this._activeRunsListeners.filter((x) => x !== listener);
+    };
+  },
+  notifyActiveRunsChanged() {
+    this._activeRunsListeners.forEach((listener) => {
+      try {
+        listener();
+      } catch {
+      }
+    });
+  },
+  setStatus(s) {
+    statusEl.textContent = s;
+  },
+  async refreshSettings() {
+    const latest = await window.api.settingsGet();
+    this.settings = latest;
+    if (this.api && typeof this.api === "object") {
+      this.api.settings = latest;
+    }
+    return latest;
+  },
+  setActiveTab(id) {
+    setActiveTab(id);
+  }
+};
+function startDesktopHeartbeat() {
+  const sendHeartbeat = async () => {
+    try {
+      if (typeof window.api?.desktopHeartbeat === "function") {
+        await window.api.desktopHeartbeat();
+      }
+    } catch {
+    }
+  };
+  void sendHeartbeat();
+  const timer = setInterval(() => {
+    void sendHeartbeat();
+  }, 1e4);
+  window.addEventListener("beforeunload", () => clearInterval(timer));
+}
+async function loadSettings() {
+  await ctx.refreshSettings();
+}
+function setActiveTab(id) {
+  if (activeTabCleanup) {
+    try {
+      activeTabCleanup();
+    } catch {
+    }
+    activeTabCleanup = null;
+  }
+  tabsEl.textContent = "";
+  for (const t of tabs.filter((x) => !x.hidden)) {
+    const el = createEl("div", { className: `tab ${t.id === id ? "active" : ""}` }, [t.label]);
+    el.addEventListener("click", () => setActiveTab(t.id));
+    tabsEl.appendChild(el);
+  }
+  contentEl.textContent = "";
+  const tab = tabs.find((x) => x.id === id);
+  const dispose = tab.render(contentEl, ctx);
+  if (typeof dispose === "function") activeTabCleanup = dispose;
+}
+function installCmdEvents() {
+  window.api.onCmdEvent((evt) => {
+    const runTag = evt?.runId ? `[rid:${evt.runId}] ` : "";
+    const runId = String(evt?.runId || "").trim();
+    if (evt?.type === "started") {
+      ctx.activeRunId = evt.runId;
+      if (runId) {
+        ctx._activeRunIds.add(runId);
+        ctx.notifyActiveRunsChanged();
+      }
+      ctx.appendLog(`${runTag}[started] ${evt.title} pid=${evt.pid} runId=${evt.runId}`);
+      ctx.setStatus(`running: ${evt.title}`);
+      return;
+    }
+    if (evt?.type === "stdout") {
+      ctx.appendLog(`${runTag}${evt.line}`);
+      return;
+    }
+    if (evt?.type === "stderr") {
+      ctx.appendLog(`${runTag}[stderr] ${evt.line}`);
+      return;
+    }
+    if (evt?.type === "exit") {
+      if (runId) {
+        ctx._activeRunIds.delete(runId);
+        ctx.notifyActiveRunsChanged();
+      }
+      ctx.appendLog(`${runTag}[exit] code=${evt.exitCode ?? "null"} signal=${evt.signal ?? "null"}`);
+      ctx.setStatus(ctx._activeRunIds.size > 0 ? `running: ${ctx._activeRunIds.size} tasks` : "idle");
+    }
+  });
+}
+async function detectStartupTab() {
+  try {
+    const env = typeof window.api?.envCheckAll === "function" ? await window.api.envCheckAll() : null;
+    const rows = await listAccountProfiles(window.api).catch(() => []);
+    const hasAccount = rows.some((row) => row.valid);
+    const envReady = Boolean(env?.allReady);
+    if (envReady && hasAccount) return "config";
+  } catch {
+  }
+  return "setup-wizard";
+}
+async function main() {
+  startDesktopHeartbeat();
+  await loadSettings();
+  installCmdEvents();
+  const startupTab = await detectStartupTab();
+  setActiveTab(startupTab);
+  ctx.setStatus("idle");
+}
+window.addEventListener("beforeunload", () => {
+  if (!activeTabCleanup) return;
+  try {
+    activeTabCleanup();
+  } catch {
+  }
+  activeTabCleanup = null;
+});
+void main();
+//# sourceMappingURL=index.js.map