.gitignore

@@ -2,10 +2,12 @@
 .old-reference/
 .local/
 dist/
+# dist-release/
 # release/
 node_modules/
 
 # Build artifacts
+dist-release/
 dist-release.pem
 dist-release.crx
 

README.md

@@ -21,7 +21,9 @@
 - `src/`
   - 插件源码
 - `dist/`
-  - 开发和发布构建产物
+  - 开发构建产物
+- `dist-release/`
+  - 内部分发构建产物
 - `release/`
   - 打包后的内部交付压缩包
 - `docs/`
@@ -82,7 +84,7 @@ npm run write:latest
 
 生成结果：
 
-- 构建目录：`dist/`
+- 构建目录：`dist-release/`
 - 压缩包：`release/star-chart-search-enhancer-internal.zip`
 - 更新清单：`release/latest.json`
 
@@ -104,7 +106,7 @@ npm run write:latest
 2. 打开 `chrome://extensions`
 3. 打开右上角 `开发者模式`
 4. 点击 `加载已解压的扩展程序`
-5. 选择解压后的 `dist/` 文件夹
+5. 选择解压后的插件文件夹
 
 安装后请确认扩展 ID 是：
 

dist-release/assets/icons/icon-source.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128" fill="none">
+  <defs>
+    <linearGradient id="bg" x1="16" y1="12" x2="114" y2="116" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#9F1239"/>
+      <stop offset="1" stop-color="#4C0519"/>
+    </linearGradient>
+  </defs>
+  <rect x="8" y="8" width="112" height="112" rx="28" fill="url(#bg)"/>
+  <path d="M34 80L50 62L64 70L83 46" stroke="#FFF7ED" stroke-linecap="round" stroke-linejoin="round" stroke-width="10"/>
+  <circle cx="86" cy="44" r="8" fill="#FFF7ED"/>
+  <path d="M79 80C79 71.7157 85.7157 65 94 65C102.284 65 109 71.7157 109 80C109 88.2843 102.284 95 94 95C85.7157 95 79 88.2843 79 80Z" stroke="#FFF7ED" stroke-width="8"/>
+  <path d="M104 91L114 101" stroke="#FFF7ED" stroke-linecap="round" stroke-width="8"/>
+</svg>

dist-release/content/market-page-bridge.js

@@ -0,0 +1,585 @@
+"use strict";
+(() => {
+  // src/shared/rate-normalizer.ts
+  function normalizeFractionRateDisplay(value) {
+    const numericValue = Number(value);
+    if (!Number.isFinite(numericValue)) {
+      return null;
+    }
+    const percentageValue = numericValue * 100;
+    return `${trimTrailingZeros(percentageValue.toFixed(6))}%`;
+  }
+  function trimTrailingZeros(value) {
+    return value.replace(/\.?0+$/, "");
+  }
+
+  // src/content/market/market-list-request-snapshot.ts
+  var MARKET_REQUEST_SNAPSHOT_ATTRIBUTE = "data-sces-market-request-snapshot";
+  function writeMarketListRequestSnapshot(document2, snapshot) {
+    document2.documentElement.setAttribute(
+      MARKET_REQUEST_SNAPSHOT_ATTRIBUTE,
+      JSON.stringify(snapshot)
+    );
+  }
+
+  // src/content/market/market-list-row.ts
+  var PAGE_NUMBER_KEYS = [
+    "currentPage",
+    "page",
+    "pageNo",
+    "pageNum",
+    "page_no",
+    "page_num"
+  ];
+  var PAGE_SIZE_KEYS = [
+    "limit",
+    "pageSize",
+    "page_size",
+    "size"
+  ];
+  var TOTAL_COUNT_KEYS = [
+    "total",
+    "totalCount",
+    "total_count"
+  ];
+  var TOTAL_PAGE_KEYS = [
+    "pageCount",
+    "page_count",
+    "totalPage",
+    "totalPages",
+    "total_page",
+    "total_pages"
+  ];
+  function mapMarketListRow(row) {
+    const attributeDatas = readMarketAttributeDatas(row);
+    const singleVideoAfterSearchRate = normalizeMarketListRate(
+      readMarketFieldValue(row, attributeDatas, "avg_search_after_view_rate_30d")
+    );
+    return {
+      authorId: readString(readMarketFieldValue(row, attributeDatas, "star_id")) ?? readString(readMarketFieldValue(row, attributeDatas, "id")) ?? "",
+      authorName: readString(readMarketFieldValue(row, attributeDatas, "nickname")) ?? readString(readMarketFieldValue(row, attributeDatas, "nick_name")) ?? "",
+      coreUserId: readString(readMarketFieldValue(row, attributeDatas, "core_user_id")) ?? void 0,
+      exportFields: buildMarketExportFieldFallbacks(row, attributeDatas),
+      hasDirectRatesSource: true,
+      location: readMarketLocation(row, attributeDatas),
+      price21To60s: readMarketPrice21To60s(row, attributeDatas),
+      rates: singleVideoAfterSearchRate ? {
+        singleVideoAfterSearchRate
+      } : void 0
+    };
+  }
+  function parseMarketListResponse(payload) {
+    const container = findMarketListContainer(payload);
+    if (!container) {
+      return null;
+    }
+    const marketList = readMarketListArray(container);
+    if (!marketList) {
+      return null;
+    }
+    return {
+      currentPage: readKnownNumberDeep(container, PAGE_NUMBER_KEYS) ?? void 0,
+      pageSize: readKnownNumberDeep(container, PAGE_SIZE_KEYS) ?? void 0,
+      records: marketList.map((row) => isRecord(row) ? mapMarketListRow(row) : null).filter(
+        (row) => row !== null && Boolean(row.authorId || row.authorName)
+      ),
+      totalCount: readKnownNumberDeep(container, TOTAL_COUNT_KEYS) ?? void 0,
+      totalPages: readKnownNumberDeep(container, TOTAL_PAGE_KEYS) ?? void 0
+    };
+  }
+  function findMarketListContainer(value) {
+    const queue = [value];
+    while (queue.length > 0) {
+      const current = queue.shift();
+      if (!isRecord(current)) {
+        continue;
+      }
+      if (readMarketListArray(current)) {
+        return current;
+      }
+      Object.values(current).forEach((entry) => {
+        queue.push(unwrapVueRef(entry));
+      });
+    }
+    return null;
+  }
+  function readMarketListArray(record) {
+    const marketList = unwrapVueRef(record.marketList);
+    if (Array.isArray(marketList)) {
+      return marketList;
+    }
+    const authors = unwrapVueRef(record.authors);
+    if (Array.isArray(authors)) {
+      return authors;
+    }
+    return null;
+  }
+  function unwrapVueRef(value) {
+    if (isRecord(value) && "value" in value) {
+      return value.value;
+    }
+    return value;
+  }
+  function isRecord(value) {
+    return typeof value === "object" && value !== null;
+  }
+  function readMarketAttributeDatas(record) {
+    return isRecord(record.attribute_datas) ? record.attribute_datas : {};
+  }
+  function readMarketFieldValue(record, attributeDatas, field) {
+    return record[field] ?? attributeDatas[field];
+  }
+  function readString(value) {
+    return typeof value === "string" ? value : null;
+  }
+  function normalizeMarketListRate(value) {
+    if (typeof value === "number") {
+      return normalizeFractionRateDisplay(String(value));
+    }
+    return typeof value === "string" ? normalizeFractionRateDisplay(value) : null;
+  }
+  function normalizeExportCellText(value) {
+    return value?.replace(/\s+/g, " ").trim() ?? "";
+  }
+  function buildMarketExportFieldFallbacks(record, attributeDatas) {
+    const exportFields = {};
+    const authorInfo = buildMarketAuthorInfo(record, attributeDatas);
+    const authorType = buildMarketAuthorType(record, attributeDatas);
+    const contentTheme = buildMarketContentTheme(record, attributeDatas);
+    const connectedUsers = formatWanValue(
+      readNumericValue(readMarketFieldValue(record, attributeDatas, "link_link_cnt_by_industry"))
+    );
+    const followerCount = formatWanValue(
+      readNumericValue(readMarketFieldValue(record, attributeDatas, "follower"))
+    );
+    const expectedCpm = formatDecimalDisplay(
+      readNumericValue(readMarketFieldValue(record, attributeDatas, "prospective_20_60_cpm"))
+    );
+    const expectedPlayCount = formatWanValue(
+      readNumericValue(readMarketFieldValue(record, attributeDatas, "expected_play_num"))
+    );
+    const interactionRate = formatFractionPercent(
+      readNumericValue(readMarketFieldValue(record, attributeDatas, "interact_rate_within_30d"))
+    );
+    const finishRate = formatFractionPercent(
+      readNumericValue(readMarketFieldValue(record, attributeDatas, "play_over_rate_within_30d"))
+    );
+    const burstRate = readBurstRateDisplay(
+      readNumericValue(readMarketFieldValue(record, attributeDatas, "burst_text_rate"))
+    );
+    const price21To60s = readMarketPrice21To60s(record, attributeDatas);
+    const representativeVideo = readMarketRepresentativeVideo(record, attributeDatas);
+    assignExportField(exportFields, "\u8FBE\u4EBA\u4FE1\u606F", authorInfo);
+    assignExportField(exportFields, "\u4EE3\u8868\u89C6\u9891", representativeVideo);
+    assignExportField(exportFields, "\u8FBE\u4EBA\u7C7B\u578B", authorType);
+    assignExportField(exportFields, "\u5185\u5BB9\u4E3B\u9898", contentTheme);
+    assignExportField(exportFields, "\u8FDE\u63A5\u7528\u6237\u6570", connectedUsers);
+    assignExportField(exportFields, "\u7C89\u4E1D\u6570", followerCount);
+    assignExportField(exportFields, "\u9884\u671FCPM", expectedCpm);
+    assignExportField(exportFields, "\u9884\u671F\u64AD\u653E\u91CF", expectedPlayCount);
+    assignExportField(exportFields, "\u4E92\u52A8\u7387", interactionRate);
+    assignExportField(exportFields, "\u5B8C\u64AD\u7387", finishRate);
+    assignExportField(exportFields, "\u7206\u6587\u7387", burstRate);
+    assignExportField(exportFields, "21-60s\u62A5\u4EF7", price21To60s);
+    return Object.keys(exportFields).length > 0 ? exportFields : void 0;
+  }
+  function assignExportField(exportFields, key, value) {
+    if (hasTextValue(value)) {
+      exportFields[key] = value;
+    }
+  }
+  function hasTextValue(value) {
+    return Boolean(value && value.trim().length > 0);
+  }
+  function buildMarketAuthorInfo(record, attributeDatas) {
+    const nickname = readString(readMarketFieldValue(record, attributeDatas, "nickname")) ?? readString(readMarketFieldValue(record, attributeDatas, "nick_name")) ?? "";
+    const parts = [
+      nickname,
+      readMarketGenderLabel(readMarketFieldValue(record, attributeDatas, "gender")),
+      readString(readMarketFieldValue(record, attributeDatas, "city")) ?? ""
+    ].filter((value) => Boolean(value));
+    return parts.length > 0 ? parts.join(" ") : void 0;
+  }
+  function buildMarketAuthorType(record, attributeDatas) {
+    const tagsRelation = readRecordLike(
+      readMarketFieldValue(record, attributeDatas, "tags_relation")
+    );
+    if (tagsRelation) {
+      const primaryTag = Object.keys(tagsRelation)[0];
+      if (hasTextValue(primaryTag)) {
+        return primaryTag;
+      }
+    }
+    return void 0;
+  }
+  function buildMarketContentTheme(record, attributeDatas) {
+    const themes = readStringArray(
+      readMarketFieldValue(record, attributeDatas, "content_theme_labels_180d")
+    );
+    if (themes.length === 0) {
+      return void 0;
+    }
+    if (themes.length <= 2) {
+      return themes.join(" ");
+    }
+    return `${themes.slice(0, 2).join(" ")} ${themes.length - 2}+`;
+  }
+  function readMarketLocation(record, attributeDatas) {
+    return readString(readMarketFieldValue(record, attributeDatas, "city")) ?? void 0;
+  }
+  function readMarketPrice21To60s(record, attributeDatas) {
+    return formatCurrencyValue(
+      readNumericValue(readMarketFieldValue(record, attributeDatas, "price_20_60"))
+    );
+  }
+  function readMarketRepresentativeVideo(record, attributeDatas) {
+    const items = readArrayLike(readMarketFieldValue(record, attributeDatas, "items"));
+    for (const item of items) {
+      if (!isRecord(item)) {
+        continue;
+      }
+      const title = readString(item.title);
+      if (hasTextValue(title)) {
+        return normalizeExportCellText(title);
+      }
+    }
+    return void 0;
+  }
+  function readMarketGenderLabel(value) {
+    const rawValue = typeof value === "number" ? String(value) : readString(value);
+    if (rawValue === "1") {
+      return "\u7537";
+    }
+    if (rawValue === "2") {
+      return "\u5973";
+    }
+    return void 0;
+  }
+  function readBurstRateDisplay(value) {
+    if (value === null) {
+      return void 0;
+    }
+    if (value <= 0) {
+      return "-";
+    }
+    return formatFractionPercent(value);
+  }
+  function formatCurrencyValue(value) {
+    if (value === null) {
+      return void 0;
+    }
+    return `\xA5${value.toLocaleString("en-US", {
+      maximumFractionDigits: 0
+    })}`;
+  }
+  function formatWanValue(value) {
+    if (value === null) {
+      return void 0;
+    }
+    return `${formatDecimalWithGrouping(value / 1e4)}w`;
+  }
+  function formatFractionPercent(value) {
+    if (value === null) {
+      return void 0;
+    }
+    return `${formatDecimalDisplay(value * 100)}%`;
+  }
+  function formatDecimalDisplay(value) {
+    if (value === null) {
+      return void 0;
+    }
+    return value.toLocaleString("en-US", {
+      maximumFractionDigits: 1,
+      minimumFractionDigits: 0,
+      useGrouping: false
+    });
+  }
+  function formatDecimalWithGrouping(value) {
+    return value.toLocaleString("en-US", {
+      maximumFractionDigits: 1,
+      minimumFractionDigits: 0
+    });
+  }
+  function readNumericValue(value) {
+    if (typeof value === "number" && Number.isFinite(value)) {
+      return value;
+    }
+    if (typeof value === "string") {
+      const trimmedValue = value.trim();
+      if (!trimmedValue) {
+        return null;
+      }
+      const parsedValue = Number(trimmedValue);
+      return Number.isFinite(parsedValue) ? parsedValue : null;
+    }
+    return null;
+  }
+  function readStringArray(value) {
+    if (Array.isArray(value)) {
+      return value.filter((item) => typeof item === "string");
+    }
+    if (typeof value === "string") {
+      try {
+        const parsedValue = JSON.parse(value);
+        return Array.isArray(parsedValue) ? parsedValue.filter((item) => typeof item === "string") : [];
+      } catch {
+        return [];
+      }
+    }
+    return [];
+  }
+  function readArrayLike(value) {
+    if (Array.isArray(value)) {
+      return value;
+    }
+    if (typeof value === "string") {
+      try {
+        const parsedValue = JSON.parse(value);
+        return Array.isArray(parsedValue) ? parsedValue : [];
+      } catch {
+        return [];
+      }
+    }
+    return [];
+  }
+  function readRecordLike(value) {
+    if (isRecord(value)) {
+      return value;
+    }
+    if (typeof value === "string") {
+      try {
+        const parsedValue = JSON.parse(value);
+        return isRecord(parsedValue) ? parsedValue : null;
+      } catch {
+        return null;
+      }
+    }
+    return null;
+  }
+  function readKnownNumber(record, keys) {
+    for (const key of keys) {
+      const value = readNumericValue(record[key]);
+      if (value !== null) {
+        return value;
+      }
+    }
+    return void 0;
+  }
+  function readKnownNumberDeep(value, keys) {
+    if (!isRecord(value)) {
+      return null;
+    }
+    const directValue = readKnownNumber(value, keys);
+    if (typeof directValue === "number") {
+      return directValue;
+    }
+    for (const nestedValue of Object.values(value)) {
+      const candidate = readKnownNumberDeep(unwrapVueRef(nestedValue), keys);
+      if (typeof candidate === "number") {
+        return candidate;
+      }
+    }
+    return null;
+  }
+
+  // src/content/market/page-bridge.ts
+  var BRIDGE_MARKER = "__SCES_MARKET_PAGE_BRIDGE_INSTALLED__";
+  var MARKET_SEARCH_REQUEST_PATH = "/gw/api/gsearch/search_for_author_square";
+  var SERIALIZED_MARKET_ROWS_ATTRIBUTE = "data-sces-market-rows";
+  installMarketPageBridge();
+  function installMarketPageBridge() {
+    if (window[BRIDGE_MARKER]) {
+      syncSerializedMarketRows();
+      return;
+    }
+    window[BRIDGE_MARKER] = true;
+    installMarketRequestSnapshotBridge();
+    syncSerializedMarketRows();
+    const observer = new MutationObserver(() => {
+      syncSerializedMarketRows();
+    });
+    observer.observe(document.documentElement, {
+      childList: true,
+      subtree: true
+    });
+    window.setInterval(() => {
+      syncSerializedMarketRows();
+    }, 1e3);
+  }
+  function installMarketRequestSnapshotBridge() {
+    installFetchSnapshotBridge();
+    installXmlHttpRequestSnapshotBridge();
+  }
+  function syncSerializedMarketRows() {
+    if (typeof document === "undefined") {
+      return;
+    }
+    const nextSerializedRows = JSON.stringify(readSerializedMarketRows());
+    if (document.documentElement.getAttribute(SERIALIZED_MARKET_ROWS_ATTRIBUTE) !== nextSerializedRows) {
+      document.documentElement.setAttribute(
+        SERIALIZED_MARKET_ROWS_ATTRIBUTE,
+        nextSerializedRows
+      );
+    }
+  }
+  function installFetchSnapshotBridge() {
+    if (typeof window.fetch !== "function") {
+      return;
+    }
+    const originalFetch = window.fetch.bind(window);
+    window.fetch = async (input, init) => {
+      const requestSnapshot = readFetchSnapshot(input, init);
+      const response = await originalFetch(input, init);
+      if (requestSnapshot) {
+        const clonedResponse = response.clone();
+        void captureMarketSnapshotFromResponse(
+          requestSnapshot,
+          () => clonedResponse.json()
+        );
+      }
+      return response;
+    };
+  }
+  function installXmlHttpRequestSnapshotBridge() {
+    const OriginalXmlHttpRequest = window.XMLHttpRequest;
+    if (!OriginalXmlHttpRequest) {
+      return;
+    }
+    const originalOpen = OriginalXmlHttpRequest.prototype.open;
+    const originalSend = OriginalXmlHttpRequest.prototype.send;
+    const originalSetRequestHeader = OriginalXmlHttpRequest.prototype.setRequestHeader;
+    OriginalXmlHttpRequest.prototype.open = function(method, url, ...rest) {
+      this.__scesMarketSnapshot = {
+        headers: {},
+        method,
+        url: String(url)
+      };
+      return originalOpen.call(this, method, url, ...rest);
+    };
+    OriginalXmlHttpRequest.prototype.setRequestHeader = function(name, value) {
+      this.__scesMarketSnapshot?.headers && (this.__scesMarketSnapshot.headers[name] = value);
+      return originalSetRequestHeader.call(this, name, value);
+    };
+    OriginalXmlHttpRequest.prototype.send = function(body) {
+      const snapshotState = this.__scesMarketSnapshot;
+      if (snapshotState) {
+        snapshotState.body = typeof body === "string" ? body : void 0;
+        this.addEventListener("load", () => {
+          if (this.status < 200 || this.status >= 300 || typeof this.responseText !== "string") {
+            return;
+          }
+          void captureMarketSnapshotFromResponse(
+            snapshotState,
+            async () => JSON.parse(this.responseText)
+          );
+        });
+      }
+      return originalSend.call(this, body);
+    };
+  }
+  async function captureMarketSnapshotFromResponse(snapshot, readPayload) {
+    if (!isMarketSearchRequest(snapshot.url)) {
+      return;
+    }
+    try {
+      const payload = await readPayload();
+      if (!parseMarketListResponse(payload)) {
+        return;
+      }
+      writeMarketListRequestSnapshot(document, {
+        body: snapshot.body,
+        headers: snapshot.headers,
+        method: snapshot.method,
+        url: snapshot.url
+      });
+    } catch {
+    }
+  }
+  function readSerializedMarketRows() {
+    const marketList = readMarketList();
+    return marketList.map((row) => {
+      const attributeDatas = isRecord2(row.attribute_datas) ? row.attribute_datas : {};
+      const singleVideoAfterSearchRate = readNormalizedFractionRate(
+        attributeDatas.avg_search_after_view_rate_30d
+      );
+      return {
+        authorId: readString2(row.star_id) ?? readString2(attributeDatas.id) ?? "",
+        authorName: readString2(attributeDatas.nickname) ?? readString2(row.nick_name) ?? "",
+        coreUserId: readString2(attributeDatas.core_user_id) ?? void 0,
+        singleVideoAfterSearchRate
+      };
+    }).filter((row) => Boolean(row.authorId || row.authorName));
+  }
+  function readFetchSnapshot(input, init) {
+    const request = input instanceof Request ? input : null;
+    const method = init?.method ?? request?.method ?? "GET";
+    const url = request?.url ?? String(input);
+    const body = typeof init?.body === "string" ? init.body : typeof request?.bodyUsed === "boolean" && request.bodyUsed ? void 0 : void 0;
+    const headers = serializeHeaders(init?.headers ?? request?.headers);
+    return {
+      body,
+      headers,
+      method,
+      url
+    };
+  }
+  function serializeHeaders(headers) {
+    if (!headers) {
+      return void 0;
+    }
+    if (headers instanceof Headers) {
+      return Object.fromEntries(headers.entries());
+    }
+    if (Array.isArray(headers)) {
+      return Object.fromEntries(headers);
+    }
+    return Object.fromEntries(
+      Object.entries(headers).map(([key, value]) => [key, String(value)])
+    );
+  }
+  function readMarketList() {
+    if (typeof document === "undefined") {
+      return [];
+    }
+    const marketRoot = document.querySelector(".base-author-list");
+    const setupState = marketRoot?.__vue__?._setupState;
+    if (!setupState) {
+      return [];
+    }
+    for (const value of Object.values(setupState)) {
+      const candidate = unwrapVueRef2(value);
+      if (Array.isArray(candidate) && looksLikeMarketList(candidate)) {
+        return candidate;
+      }
+      if (!isRecord2(candidate) || !Array.isArray(candidate.marketList)) {
+        continue;
+      }
+      if (looksLikeMarketList(candidate.marketList)) {
+        return candidate.marketList;
+      }
+    }
+    return [];
+  }
+  function isMarketSearchRequest(url) {
+    return url === MARKET_SEARCH_REQUEST_PATH || url.startsWith(`${MARKET_SEARCH_REQUEST_PATH}?`) || url.includes(`${MARKET_SEARCH_REQUEST_PATH}?`) || url.endsWith(MARKET_SEARCH_REQUEST_PATH);
+  }
+  function looksLikeMarketList(value) {
+    const firstRow = value[0];
+    return isRecord2(firstRow) && ("star_id" in firstRow || "attribute_datas" in firstRow);
+  }
+  function unwrapVueRef2(value) {
+    if (isRecord2(value) && "value" in value) {
+      return value.value;
+    }
+    return value;
+  }
+  function isRecord2(value) {
+    return typeof value === "object" && value !== null;
+  }
+  function readString2(value) {
+    return typeof value === "string" ? value : null;
+  }
+  function readNormalizedFractionRate(value) {
+    return typeof value === "string" ? normalizeFractionRateDisplay(value) ?? void 0 : void 0;
+  }
+})();

dist-release/manifest.json

@@ -0,0 +1,59 @@
+{
+  "action": {
+    "default_icon": {
+      "16": "assets/icons/icon-16.png",
+      "32": "assets/icons/icon-32.png"
+    },
+    "default_popup": "popup/index.html"
+  },
+  "background": {
+    "service_worker": "background/index.js"
+  },
+  "content_scripts": [
+    {
+      "js": [
+        "content/index.js"
+      ],
+      "matches": [
+        "https://xingtu.cn/ad/creator/market*",
+        "https://*.xingtu.cn/ad/creator/market*"
+      ],
+      "run_at": "document_start"
+    }
+  ],
+  "description": "Bootstraps the Xingtu creator market content script.",
+  "icons": {
+    "16": "assets/icons/icon-16.png",
+    "32": "assets/icons/icon-32.png",
+    "48": "assets/icons/icon-48.png",
+    "128": "assets/icons/icon-128.png"
+  },
+  "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEA0CaZJxcX97TbRXCR08L10t9EZFV31+wPnUgDf21j2f0qYaWdblzWXfVkeU9jGb2Hr2Etpp7F/XuBa6pcipUXkzMMBkJ42KOkciAwbuzTBoAtGB8o9aoWigtax+gGfSz+T3BjqxKBJtXqeqbIAKCDIlxRKIrY+KcY1Z+mD5BKcBHKsUDQPlHsrjc1g0wIBD5doz9LoOk1Wso6gK5cSeOp9lw5YHcu4TImR4yqxGiL6pZwnpciuX/g7qjWBZXn5gf0YBlDsBDDTt5upbP3NguUKgO2qA9M77LyeUwXl3aqbIxYi/VwsQ2t5w9PGWtnOUQQDWUcEg/9dfTb89esZXKATwIDAQAB",
+  "manifest_version": 3,
+  "name": "Star Chart Search Enhancer",
+  "permissions": [
+    "downloads",
+    "identity",
+    "storage"
+  ],
+  "web_accessible_resources": [
+    {
+      "matches": [
+        "https://xingtu.cn/*",
+        "https://*.xingtu.cn/*"
+      ],
+      "resources": [
+        "content/market-page-bridge.js"
+      ]
+    }
+  ],
+  "version": "0.0525.4",
+  "host_permissions": [
+    "https://xingtu.cn/ad/creator/market*",
+    "https://*.xingtu.cn/ad/creator/market*",
+    "https://login-api.intelligrow.cn/*",
+    "https://talent-search.intelligrow.cn/*",
+    "http://192.168.31.21:8083/*",
+    "https://*/*"
+  ]
+}

dist-release/popup/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Star Chart Search Enhancer</title>
+  </head>
+  <body>
+    <main id="app"></main>
+    <script src="./index.js"></script>
+  </body>
+</html>

dist-release/popup/index.js

@@ -0,0 +1,422 @@
+"use strict";
+(() => {
+  // src/popup/view.ts
+  function renderLoggedOut(root, error) {
+    root.innerHTML = `
+    <section data-popup-state="logged-out">
+      <h1>Star Chart Search Enhancer</h1>
+      <p>\u767B\u5F55\u540E\u624D\u80FD\u4F7F\u7528\u661F\u56FE\u589E\u5F3A\u529F\u80FD</p>
+      ${error ? `<p data-popup-error="true">${error}</p>` : ""}
+      <button type="button" data-popup-sign-in="button">\u767B\u5F55 Logto</button>
+    </section>
+  `;
+  }
+  function renderLoggedIn(root, authState) {
+    const userInfo = authState.userInfo;
+    root.innerHTML = `
+    <section data-popup-state="logged-in">
+      <h1>Star Chart Search Enhancer</h1>
+      <p>\u5DF2\u767B\u5F55</p>
+      <p>${userInfo?.name ?? userInfo?.username ?? "\u672A\u77E5\u7528\u6237"}</p>
+      <p>${userInfo?.email ?? ""}</p>
+      <section data-popup-update="root">
+        <h2>\u7248\u672C\u66F4\u65B0</h2>
+        <p data-popup-update-status="text">\u6B63\u5728\u68C0\u67E5\u66F4\u65B0...</p>
+      </section>
+      <button type="button" data-popup-sign-out="button">\u9000\u51FA\u767B\u5F55</button>
+    </section>
+  `;
+  }
+  function renderUpdateStatus(root, options) {
+    const container = root.querySelector('[data-popup-update="root"]');
+    if (!container) {
+      return;
+    }
+    if (options.status === "checking") {
+      container.innerHTML = `
+      <h2>\u7248\u672C\u66F4\u65B0</h2>
+      <p data-popup-update-status="text">\u5F53\u524D\u7248\u672C\uFF1A${options.currentVersion}</p>
+      <p>\u6B63\u5728\u68C0\u67E5\u66F4\u65B0...</p>
+    `;
+      return;
+    }
+    if (options.status === "error") {
+      container.innerHTML = `
+      <h2>\u7248\u672C\u66F4\u65B0</h2>
+      <p data-popup-update-status="text">\u5F53\u524D\u7248\u672C\uFF1A${options.currentVersion}</p>
+      <p>\u6682\u65F6\u65E0\u6CD5\u68C0\u67E5\u66F4\u65B0</p>
+      <p>\u5982\u679C\u9700\u8981\u65B0\u7248\uFF0C\u8BF7\u8054\u7CFB\u7EF4\u62A4\u540C\u4E8B\u83B7\u53D6\u66F4\u65B0\u5305\u3002</p>
+    `;
+      return;
+    }
+    if (options.status === "latest" || !options.manifest) {
+      container.innerHTML = `
+      <h2>\u7248\u672C\u66F4\u65B0</h2>
+      <p data-popup-update-status="text">\u5F53\u524D\u7248\u672C\uFF1A${options.currentVersion}</p>
+      <p>\u5F53\u524D\u5DF2\u662F\u6700\u65B0\u7248\u672C</p>
+    `;
+      return;
+    }
+    container.innerHTML = `
+    <h2>\u7248\u672C\u66F4\u65B0</h2>
+    <p data-popup-update-status="text">\u5F53\u524D\u7248\u672C\uFF1A${options.currentVersion}</p>
+    <p>\u53D1\u73B0\u65B0\u7248\u672C\uFF1A${options.manifest.latestVersion}</p>
+    ${renderReleaseNotes(options.manifest.releaseNotes)}
+    <button type="button" data-popup-download-update="button">\u4E0B\u8F7D\u66F4\u65B0\u5305</button>
+    <button type="button" data-popup-download-guide="button">\u4E0B\u8F7D\u4F7F\u7528\u8BF4\u660E</button>
+    <p data-popup-update-download-status="text">\u4E0B\u8F7D\u540E\u8BF7\u89E3\u538B\u65B0\u7248 zip\uFF0C\u5E76\u5728 chrome://extensions \u91CC\u91CD\u65B0\u52A0\u8F7D\u63D2\u4EF6\u3002</p>
+  `;
+  }
+  function setUpdateDownloadStatus(root, value) {
+    const output = root.querySelector('[data-popup-update-download-status="text"]');
+    if (!output) {
+      return;
+    }
+    output.textContent = value;
+  }
+  function renderReleaseNotes(releaseNotes) {
+    if (releaseNotes.length === 0) {
+      return "";
+    }
+    return `
+    <ul>
+      ${releaseNotes.map((note) => `<li>${escapeHtml(note)}</li>`).join("")}
+    </ul>
+  `;
+  }
+  function escapeHtml(value) {
+    return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+  }
+  function renderDevPanel(root, authState) {
+    const panel = root.ownerDocument.createElement("section");
+    panel.dataset.popupDevPanel = "root";
+    panel.innerHTML = `
+    <h2>dev auth panel</h2>
+    <p>resource: ${authState.resource ?? ""}</p>
+    <p>scopes: ${(authState.scopes ?? []).join(", ")}</p>
+    <p>token: ${authState.tokenAvailable ? "available" : "missing"}</p>
+    <p>expires: ${authState.accessTokenExpiresAt ?? "unknown"}</p>
+    <p>error: ${authState.lastError ?? ""}</p>
+    <button type="button" data-popup-test-protected-api="button">\u6D4B\u8BD5\u53D7\u4FDD\u62A4\u63A5\u53E3</button>
+    <pre data-popup-protected-api-result="output"></pre>
+  `;
+    root.appendChild(panel);
+  }
+  function setProtectedApiResult(root, value) {
+    const output = root.querySelector(
+      '[data-popup-protected-api-result="output"]'
+    );
+    if (!output) {
+      return;
+    }
+    output.textContent = value;
+  }
+
+  // src/shared/auth-config.ts
+  var defaultAuthConfig = {
+    apiResource: "https://talent-search.intelligrow.cn",
+    appId: "i4jkllbvih0554r4n0fd3",
+    enableDevAuthPanel: false,
+    logtoEndpoint: "https://login-api.intelligrow.cn",
+    scopes: ["openid", "profile", "offline_access", "talent-search:read"]
+  };
+  function readAuthConfig(overrides = {}) {
+    const nextConfig = {
+      ...defaultAuthConfig,
+      ...overrides
+    };
+    if (!nextConfig.logtoEndpoint.trim()) {
+      throw new Error("auth config logtoEndpoint is required");
+    }
+    if (!nextConfig.appId.trim()) {
+      throw new Error("auth config appId is required");
+    }
+    if (!nextConfig.apiResource.trim()) {
+      throw new Error("auth config apiResource is required");
+    }
+    return nextConfig;
+  }
+
+  // src/shared/auth-messages.ts
+  function isAuthResponseMessage(value) {
+    if (!value || typeof value !== "object") {
+      return false;
+    }
+    const candidate = value;
+    if (candidate.ok === false) {
+      return candidate.type === "auth:error" && typeof candidate.error === "string";
+    }
+    if (candidate.ok !== true || typeof candidate.type !== "string") {
+      return false;
+    }
+    if (candidate.type === "auth:ack") {
+      return true;
+    }
+    if (candidate.type === "auth:token") {
+      return Boolean(
+        candidate.value && typeof candidate.value === "object" && typeof candidate.value.accessToken === "string"
+      );
+    }
+    if (candidate.type === "auth:state") {
+      return Boolean(
+        candidate.value && typeof candidate.value === "object" && typeof candidate.value.isAuthenticated === "boolean"
+      );
+    }
+    return false;
+  }
+
+  // src/shared/protected-api-client.ts
+  function createProtectedApiClient(options) {
+    const fetchImpl = options.fetchImpl ?? fetch;
+    return {
+      async loadProtectedMockData() {
+        const token = await readAccessToken(options.sendMessage);
+        const response = await fetchImpl(
+          new URL("/api/mock/protected", options.baseUrl).toString(),
+          {
+            headers: {
+              Authorization: `Bearer ${token}`
+            },
+            method: "GET"
+          }
+        );
+        if (response.status === 401 || response.status === 403) {
+          throw new Error("protected api unauthorized");
+        }
+        if (!response.ok) {
+          throw new Error(`protected api request failed: ${response.status}`);
+        }
+        return response.json();
+      }
+    };
+  }
+  async function readAccessToken(sendMessage) {
+    const response = await sendMessage({ type: "auth:get-access-token" });
+    if (!isAuthResponseMessage(response) || !response.ok || response.type !== "auth:token" || !response.value.accessToken.trim()) {
+      throw new Error("protected api token unavailable");
+    }
+    return response.value.accessToken;
+  }
+
+  // src/shared/update-check.ts
+  function compareExtensionVersions(left, right) {
+    const leftParts = parseVersionParts(left);
+    const rightParts = parseVersionParts(right);
+    const maxLength = Math.max(leftParts.length, rightParts.length);
+    for (let index = 0; index < maxLength; index += 1) {
+      const leftValue = leftParts[index] ?? 0;
+      const rightValue = rightParts[index] ?? 0;
+      if (leftValue !== rightValue) {
+        return leftValue - rightValue;
+      }
+    }
+    return 0;
+  }
+  function parseUpdateManifest(value) {
+    if (!value || typeof value !== "object") {
+      return null;
+    }
+    const candidate = value;
+    if (!isVersionString(candidate.latestVersion) || !isVersionString(candidate.minSupportedVersion) || !isHttpsUrl(candidate.zipUrl) || !isHttpsUrl(candidate.guideUrl) || typeof candidate.publishedAt !== "string" || !Array.isArray(candidate.releaseNotes) || !candidate.releaseNotes.every((note) => typeof note === "string")) {
+      return null;
+    }
+    return {
+      guideUrl: candidate.guideUrl,
+      latestVersion: candidate.latestVersion,
+      minSupportedVersion: candidate.minSupportedVersion,
+      publishedAt: candidate.publishedAt,
+      releaseNotes: candidate.releaseNotes,
+      zipUrl: candidate.zipUrl
+    };
+  }
+  async function fetchUpdateManifest(manifestUrl, fetchImpl = fetch) {
+    const response = await fetchImpl(manifestUrl, {
+      cache: "no-store"
+    });
+    if (!response.ok) {
+      throw new Error(`update manifest request failed: ${response.status}`);
+    }
+    const manifest = parseUpdateManifest(await response.json());
+    if (!manifest) {
+      throw new Error("update manifest is invalid");
+    }
+    return manifest;
+  }
+  function parseVersionParts(value) {
+    return value.split(".").map((part) => {
+      const parsed = Number.parseInt(part, 10);
+      return Number.isFinite(parsed) ? parsed : 0;
+    });
+  }
+  function isVersionString(value) {
+    return typeof value === "string" && /^\d+(?:\.\d+)*$/.test(value);
+  }
+  function isHttpsUrl(value) {
+    if (typeof value !== "string") {
+      return false;
+    }
+    try {
+      return new URL(value).protocol === "https:";
+    } catch {
+      return false;
+    }
+  }
+
+  // src/shared/update-config.ts
+  var UPDATE_MANIFEST_URL = "https://wksgx-1343191620.cos.ap-nanjing.myqcloud.com/star-chart-search-enhancer/latest.json";
+
+  // src/popup/index.ts
+  async function bootPopup(options = {}) {
+    const currentDocument = options.document ?? document;
+    const popupConfig = readAuthConfig(options.config);
+    const currentVersion = options.currentVersion ?? readCurrentVersion();
+    const root = currentDocument.querySelector("#app");
+    const HTMLElementCtor = currentDocument.defaultView?.HTMLElement;
+    if (!root || HTMLElementCtor && !(root instanceof HTMLElementCtor)) {
+      throw new Error("popup root #app is required");
+    }
+    const sendMessage = options.sendMessage ?? ((message) => Promise.resolve(
+      globalThis.chrome?.runtime?.sendMessage?.(message)
+    ));
+    const fetchProtectedApi = options.fetchProtectedApi ?? createProtectedApiClient({
+      baseUrl: "http://127.0.0.1:4319",
+      sendMessage
+    }).loadProtectedMockData;
+    const fetchUpdateManifest2 = options.fetchUpdateManifest ?? (() => fetchUpdateManifest(
+      options.updateManifestUrl ?? UPDATE_MANIFEST_URL
+    ));
+    await renderCurrentAuthState(root, popupConfig, sendMessage, fetchProtectedApi, {
+      currentVersion,
+      fetchUpdateManifest: fetchUpdateManifest2
+    });
+  }
+  async function renderCurrentAuthState(root, popupConfig, sendMessage, fetchProtectedApi, updateOptions) {
+    const response = await sendMessage({ type: "auth:get-state" });
+    if (!isAuthResponseMessage(response) || !response.ok || response.type !== "auth:state") {
+      renderLoggedOut(root, "\u8BA4\u8BC1\u72B6\u6001\u8BFB\u53D6\u5931\u8D25");
+      return;
+    }
+    if (!response.value.isAuthenticated) {
+      renderLoggedOut(root, response.value.lastError);
+      root.querySelector('[data-popup-sign-in="button"]')?.addEventListener("click", () => {
+        void runAuthAction(root, popupConfig, sendMessage, {
+          actionMessage: { type: "auth:sign-in" },
+          fetchProtectedApi,
+          updateOptions
+        });
+      });
+      return;
+    }
+    renderLoggedIn(root, response.value);
+    void runUpdateCheck(root, sendMessage, updateOptions);
+    root.querySelector('[data-popup-sign-out="button"]')?.addEventListener("click", () => {
+      void runAuthAction(root, popupConfig, sendMessage, {
+        actionMessage: { type: "auth:sign-out" },
+        fetchProtectedApi,
+        updateOptions
+      });
+    });
+    if (popupConfig.enableDevAuthPanel) {
+      renderDevPanel(root, response.value);
+      root.querySelector('[data-popup-test-protected-api="button"]')?.addEventListener("click", () => {
+        void runProtectedApiProbe(root, fetchProtectedApi);
+      });
+    }
+  }
+  async function runAuthAction(root, popupConfig, sendMessage, options) {
+    const response = await sendMessage(options.actionMessage);
+    if (isActionError(response)) {
+      renderLoggedOut(root, response.error);
+      root.querySelector('[data-popup-sign-in="button"]')?.addEventListener("click", () => {
+        void runAuthAction(root, popupConfig, sendMessage, options);
+      });
+      return;
+    }
+    await renderCurrentAuthState(
+      root,
+      popupConfig,
+      sendMessage,
+      options.fetchProtectedApi,
+      options.updateOptions
+    );
+  }
+  function isActionError(response) {
+    return isAuthResponseMessage(response) && !response.ok && response.type === "auth:error";
+  }
+  async function runUpdateCheck(root, sendMessage, options) {
+    renderUpdateStatus(root, {
+      currentVersion: options.currentVersion,
+      status: "checking"
+    });
+    try {
+      const manifest = await options.fetchUpdateManifest();
+      if (compareExtensionVersions(manifest.latestVersion, options.currentVersion) <= 0) {
+        renderUpdateStatus(root, {
+          currentVersion: options.currentVersion,
+          status: "latest"
+        });
+        return;
+      }
+      renderUpdateStatus(root, {
+        currentVersion: options.currentVersion,
+        manifest,
+        status: "available"
+      });
+      bindUpdateDownloadButtons(root, sendMessage, manifest);
+    } catch {
+      renderUpdateStatus(root, {
+        currentVersion: options.currentVersion,
+        status: "error"
+      });
+    }
+  }
+  function bindUpdateDownloadButtons(root, sendMessage, manifest) {
+    root.querySelector('[data-popup-download-update="button"]')?.addEventListener("click", () => {
+      void downloadUpdateAsset(root, sendMessage, {
+        filename: "star-chart-search-enhancer-internal.zip",
+        url: manifest.zipUrl
+      });
+    });
+    root.querySelector('[data-popup-download-guide="button"]')?.addEventListener("click", () => {
+      void downloadUpdateAsset(root, sendMessage, {
+        filename: "\u661F\u56FE\u589E\u5F3A\u63D2\u4EF6-\u8D85\u7B80\u5355\u5B89\u88C5\u4F7F\u7528\u6307\u5357.pdf",
+        url: manifest.guideUrl
+      });
+    });
+  }
+  async function downloadUpdateAsset(root, sendMessage, options) {
+    setUpdateDownloadStatus(root, "\u6B63\u5728\u4E0B\u8F7D...");
+    try {
+      await sendMessage({
+        filename: options.filename,
+        type: "update:download",
+        url: options.url
+      });
+      setUpdateDownloadStatus(root, "\u5DF2\u89E6\u53D1\u4E0B\u8F7D\u3002\u4E0B\u8F7D\u540E\u8BF7\u89E3\u538B\u65B0\u7248 zip\uFF0C\u5E76\u5728 chrome://extensions \u91CC\u91CD\u65B0\u52A0\u8F7D\u63D2\u4EF6\u3002");
+    } catch (error) {
+      setUpdateDownloadStatus(
+        root,
+        error instanceof Error ? error.message : "\u4E0B\u8F7D\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5"
+      );
+    }
+  }
+  function readCurrentVersion() {
+    const runtime = globalThis.chrome?.runtime;
+    return runtime?.getManifest?.().version ?? "0.0.0";
+  }
+  async function runProtectedApiProbe(root, fetchProtectedApi) {
+    setProtectedApiResult(root, "\u8BF7\u6C42\u4E2D...");
+    try {
+      const result = await fetchProtectedApi();
+      setProtectedApiResult(root, JSON.stringify(result, null, 2));
+    } catch (error) {
+      setProtectedApiResult(
+        root,
+        error instanceof Error ? error.message : String(error)
+      );
+    }
+  }
+  if (typeof document !== "undefined") {
+    void bootPopup();
+  }
+})();

docs/internal-extension-distribution.md

@@ -73,23 +73,9 @@ The pipeline uses the tag as the release version. Recommended format: `0.MMDD.N`
 2. Open `chrome://extensions`.
 3. Enable developer mode.
 4. Click `Load unpacked`.
-5. Select the unzipped `dist/` folder.
+5. Select the unzipped folder.
 6. Confirm the extension ID is `pkjopdibdnomhogjheclhnknmejccffg`.
 
-## One-Time Bridge Upgrade
-
-Some coworkers may still be using an older unpacked build whose popup cannot read the COS update manifest and only shows:
-
-- `暂时无法检查更新`
-
-For those users, ask them to do one manual bridge upgrade with the newest ZIP:
-
-1. Download the newest `star-chart-search-enhancer-internal.zip`.
-2. Unzip it and get the new `dist/` folder.
-3. Re-load that `dist/` folder in `chrome://extensions`.
-
-After this one-time bridge upgrade, future updates should continue using the same `dist/` layout.
-
 ## Notes
 
 - Keep `.local/extension-key.pem` private and backed up internally.

docs/superpowers/plans/2026-05-25-popup-update-panel.md

@@ -1,179 +0,0 @@
-# Popup Update Panel Implementation Plan
-
-> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
-
-**Goal:** Redesign the extension popup into a compact enterprise-style tool panel with clearer grouping, better spacing, and more readable update actions while keeping existing behavior unchanged.
-
-**Architecture:** Keep the popup behavior in `src/popup/index.ts` and focus most UI changes in `src/popup/view.ts`. Add only the minimum structural changes needed to support grouped cards, clearer update states, and button hierarchy, then verify the existing popup tests still cover the update workflow.
-
-**Tech Stack:** TypeScript, Chrome MV3 popup UI, Vitest, jsdom
-
----
-
-## File Map
-
-- Modify: `src/popup/view.ts`
-  - Replace the current long text flow with grouped cards and clearer status blocks.
-- Modify: `src/popup/index.html`
-  - Add popup-level CSS for layout, spacing, typography, and button hierarchy.
-- Modify: `src/popup/index.ts`
-  - Keep logic unchanged unless the new view structure needs small status-render support changes.
-- Modify: `tests/popup-entry.test.ts`
-  - Update popup rendering expectations for the redesigned layout.
-
-### Task 1: Lock the desired popup structure in tests
-
-**Files:**
-- Modify: `tests/popup-entry.test.ts`
-
-- [ ] **Step 1: Write the failing layout assertions**
-
-Update the logged-in and update-available popup tests to assert the new structure exists. Add checks for:
-
-- a compact product header
-- an account card/root section
-- an update card/root section
-- a primary update button and secondary guide button
-
-Use selectors that match the intended new DOM shape, for example:
-
-```ts
-expect(
-  dom.window.document.querySelector('[data-popup-account="card"]')
-).not.toBeNull();
-expect(
-  dom.window.document.querySelector('[data-popup-update="card"]')
-).not.toBeNull();
-```
-
-- [ ] **Step 2: Run the focused popup test**
-
-Run:
-
-```bash
-npm test -- tests/popup-entry.test.ts
-```
-
-Expected: FAIL because the current popup view does not expose the new grouped structure.
-
-### Task 2: Redesign the logged-in popup shell
-
-**Files:**
-- Modify: `src/popup/view.ts`
-- Modify: `src/popup/index.html`
-
-- [ ] **Step 1: Implement the grouped popup shell**
-
-Change the logged-in renderer so it produces:
-
-- a compact header
-- an account card
-- an update card container
-- a low-emphasis footer action area
-
-Keep the same text content, just reorganized.
-
-- [ ] **Step 2: Add popup CSS**
-
-Add scoped CSS in `src/popup/index.html` for:
-
-- wider popup body
-- neutral background
-- white cards
-- consistent spacing
-- smaller title scale
-- primary / secondary / tertiary button styles
-
-Do not add animation-heavy or branding-heavy styles.
-
-- [ ] **Step 3: Re-run popup tests**
-
-Run:
-
-```bash
-npm test -- tests/popup-entry.test.ts
-```
-
-Expected: PASS for structure-related checks, with any remaining failures isolated to update-state details.
-
-### Task 3: Redesign update-state rendering
-
-**Files:**
-- Modify: `src/popup/view.ts`
-- Modify: `src/popup/index.ts` (only if required)
-
-- [ ] **Step 1: Write or update state-specific assertions**
-
-Ensure tests cover:
-
-- `checking` state shows a compact progress line
-- `latest` state hides download actions
-- `available` state shows current version, latest version, notes, and action buttons
-- `error` state renders a readable warning block
-
-- [ ] **Step 2: Run the focused tests**
-
-Run:
-
-```bash
-npm test -- tests/popup-entry.test.ts
-```
-
-Expected: FAIL on any states not yet aligned to the new view.
-
-- [ ] **Step 3: Implement state-specific card rendering**
-
-Refactor `renderUpdateStatus()` to keep one card shell and swap state bodies inside it. Make the available-update state visually prominent but restrained.
-
-- [ ] **Step 4: Verify**
-
-Run:
-
-```bash
-npm test -- tests/popup-entry.test.ts tests/update-check.test.ts
-```
-
-Expected: PASS.
-
-### Task 4: Verify the popup still works end-to-end
-
-**Files:**
-- Modify: `src/popup/view.ts` if polish is needed
-- Modify: `src/popup/index.html` if polish is needed
-
-- [ ] **Step 1: Build the release popup**
-
-Run:
-
-```bash
-npm run build:release
-```
-
-Expected: PASS and updated popup assets written to `dist/`.
-
-- [ ] **Step 2: Run the full test suite**
-
-Run:
-
-```bash
-npm test
-```
-
-Expected: PASS.
-
-- [ ] **Step 3: Manual smoke check**
-
-Open the unpacked extension popup from `dist/` and confirm:
-
-- title no longer wraps into a giant stacked block
-- account status is easy to scan
-- update information reads clearly
-- buttons are visually distinct and not cramped
-
-- [ ] **Step 4: Commit**
-
-```bash
-git add src/popup/view.ts src/popup/index.html src/popup/index.ts tests/popup-entry.test.ts
-git commit -m "feat: redesign popup update panel"
-```
-

docs/superpowers/plans/2026-05-25-unified-dist-distribution.md

@@ -1,188 +0,0 @@
-# Unified Dist Distribution Implementation Plan
-
-> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
-
-**Goal:** Make first-time install, Git-based install, ZIP-based install, and later updates all use the same unpacked extension directory named `dist/`.
-
-**Architecture:** Standardize the extension output path through one shared build-path helper, then make ZIP packaging wrap that exact `dist/` directory, and finally update all teammate-facing docs to reference only that path. The release pipeline keeps its existing behavior, but the user-facing artifact shape becomes stable and singular.
-
-**Tech Stack:** TypeScript, Node.js ESM scripts, Chrome MV3 extension packaging, Vitest
-
----
-
-## File Map
-
-- Create: `scripts/build-output-path.mjs`
-  - Single source of truth for the unpacked extension output path.
-- Modify: `scripts/build.mjs`
-  - Write release builds to `dist/`.
-- Modify: `scripts/package-release.mjs`
-  - Package the shared `dist/` output instead of any alternate directory.
-- Modify: `scripts/package-release-archive.mjs`
-  - Ensure ZIP output preserves a top-level `dist/` folder.
-- Modify: `tests/package-release-archive.test.ts`
-  - Verify ZIP layout unpacks as `dist/...`.
-- Create: `tests/build-output-path.test.ts`
-  - Verify the shared helper resolves `dist/`.
-- Modify: `playwright.config.js`
-  - Load the extension from `dist/`.
-- Modify: `e2e-tests/extension-load.spec.js`
-  - Verify files under `dist/`.
-- Modify: `README.md`
-  - Remove `dist-release` references and describe `dist/` as the only unpacked directory.
-- Modify: `docs/internal-extension-distribution.md`
-  - Align the release flow language with `dist/`.
-- Modify: `docs/【给同事】从Git下载使用说明.md`
-  - Instruct coworkers to load `dist/`.
-- Modify: `.gitignore`
-  - Remove obsolete `dist-release/` ignore entry if no longer needed.
-- Delete tracked directory: `dist-release/`
-  - Remove the confusing second unpacked extension directory from the repo.
-
-### Task 1: Lock the single output path in tests
-
-**Files:**
-- Create: `tests/build-output-path.test.ts`
-- Modify: `tests/package-release-archive.test.ts`
-
-- [ ] **Step 1: Write the failing helper test**
-
-Create a small test asserting both development and release builds resolve to:
-
-```ts
-path.join("/repo", "dist")
-```
-
-- [ ] **Step 2: Write the failing ZIP layout assertion**
-
-Update the archive test so it expects:
-
-```ts
-"dist/hello.txt"
-```
-
-not a flat file list or any alternate top-level folder.
-
-- [ ] **Step 3: Run focused tests**
-
-Run:
-
-```bash
-npm test -- tests/build-output-path.test.ts tests/package-release-archive.test.ts
-```
-
-Expected: FAIL until the shared path helper and ZIP layout are implemented.
-
-### Task 2: Standardize build and package scripts
-
-**Files:**
-- Create: `scripts/build-output-path.mjs`
-- Modify: `scripts/build.mjs`
-- Modify: `scripts/package-release.mjs`
-- Modify: `scripts/package-release-archive.mjs`
-
-- [ ] **Step 1: Implement the shared output-path helper**
-
-Add `resolveExtensionBuildDir(projectRoot, buildTarget)` and return `dist/` for both release and development flows.
-
-- [ ] **Step 2: Update the build script**
-
-Replace any hard-coded directory switching logic so the release build writes into `dist/`.
-
-- [ ] **Step 3: Update the package script**
-
-Point ZIP packaging at the same `dist/` directory.
-
-- [ ] **Step 4: Keep ZIP layout stable**
-
-Ensure the archive helper stores files under a top-level `dist/` directory inside the ZIP.
-
-- [ ] **Step 5: Verify**
-
-Run:
-
-```bash
-npm test -- tests/build-output-path.test.ts tests/package-release-archive.test.ts
-npm run build:release
-npm run package:internal
-```
-
-Expected: PASS, and the ZIP should unpack as `dist/...`.
-
-### Task 3: Remove `dist-release` from tooling and docs
-
-**Files:**
-- Modify: `playwright.config.js`
-- Modify: `e2e-tests/extension-load.spec.js`
-- Modify: `README.md`
-- Modify: `docs/internal-extension-distribution.md`
-- Modify: `docs/【给同事】从Git下载使用说明.md`
-- Modify: `.gitignore`
-- Delete tracked directory: `dist-release/`
-
-- [ ] **Step 1: Update tool references**
-
-Point Playwright and debug paths at `dist/`.
-
-- [ ] **Step 2: Update teammate docs**
-
-Make every install/update instruction reference only `dist/`.
-
-- [ ] **Step 3: Remove the obsolete tracked directory**
-
-Delete the committed `dist-release/` tree so future contributors cannot mistake it for the live extension directory.
-
-- [ ] **Step 4: Verify references**
-
-Run:
-
-```bash
-rg -n "dist-release" README.md docs package.json scripts e2e-tests playwright.config.js src tests .gitignore
-```
-
-Expected: no remaining user-facing `dist-release` references.
-
-### Task 4: Final verification
-
-**Files:**
-- Modify any of the above only if fixes are required
-
-- [ ] **Step 1: Run targeted tests**
-
-Run:
-
-```bash
-npm test -- tests/build-output-path.test.ts tests/package-release-archive.test.ts tests/manifest.test.ts
-```
-
-Expected: PASS.
-
-- [ ] **Step 2: Rebuild and inspect the artifact**
-
-Run:
-
-```bash
-npm run build:release
-npm run package:internal
-unzip -l release/star-chart-search-enhancer-internal.zip | sed -n '1,20p'
-```
-
-Expected: the archive contents start with `dist/...`.
-
-- [ ] **Step 3: Full verification**
-
-Run:
-
-```bash
-npm test
-```
-
-Expected: PASS, or if unrelated pre-existing failures remain, capture them explicitly before completion.
-
-- [ ] **Step 4: Commit**
-
-```bash
-git add scripts/build-output-path.mjs scripts/build.mjs scripts/package-release.mjs scripts/package-release-archive.mjs tests/build-output-path.test.ts tests/package-release-archive.test.ts README.md docs/internal-extension-distribution.md docs/【给同事】从Git下载使用说明.md playwright.config.js e2e-tests/extension-load.spec.js .gitignore
-git commit -m "chore: unify extension distribution around dist"
-```
-

docs/superpowers/specs/2026-05-25-popup-update-panel-design.md

@@ -1,100 +0,0 @@
-# Popup Update Panel Design
-
-## Goal
-
-Redesign the extension popup so it feels like a compact internal tool instead of a stretched document. The new popup should prioritize readability, clear grouping, and obvious update actions while keeping the interaction model unchanged.
-
-## Confirmed Direction
-
-- Visual style: enterprise tool
-- Primary problem to solve: information feels crowded and hard to read
-- Layout freedom: use whatever structure best improves clarity
-
-## Scope
-
-This change only redesigns the popup presentation layer:
-
-- improve popup layout
-- improve spacing and typography
-- improve button hierarchy
-- improve update-status presentation
-
-This change does not alter:
-
-- auth flow
-- update-check logic
-- download behavior
-- background message behavior
-
-## Layout
-
-Use a grouped card layout instead of one long text column.
-
-Recommended structure:
-
-1. Header
-   - compact product title on one line
-2. Account card
-   - login state
-   - current user name
-3. Update card
-   - current version
-   - latest version or current status
-   - release notes
-   - primary and secondary action buttons
-   - short follow-up instruction text
-4. Footer action
-   - low-emphasis sign-out button
-
-## Visual Rules
-
-- Increase popup width to a more usable fixed tool width.
-- Use a soft neutral page background with white content cards.
-- Reduce title size significantly from the current oversized stacked text.
-- Use a clear type scale:
-  - product title: medium emphasis
-  - section title: medium emphasis
-  - status/version rows: normal emphasis
-  - helper text: smaller and lighter
-- Keep the palette restrained and neutral.
-- Make `下载更新包` the primary button.
-- Make `下载使用说明` a secondary button.
-- Make `退出登录` a tertiary or low-emphasis button.
-
-## Update State Presentation
-
-- `checking`: show a compact in-progress line inside the update card.
-- `latest`: show a simple success-style status without action buttons.
-- `available`: show a clear “发现新版本” status block with versions and actions.
-- `error`: show a readable warning block instead of generic broken-looking text flow.
-
-## Content Rules
-
-- Keep product name to one visual line or two short lines max.
-- Avoid large paragraphs in the popup.
-- Release notes should stay as a compact bullet list.
-- The post-download instruction should be one concise sentence.
-- Version labels should align consistently so the user can compare current/latest quickly.
-
-## Implementation Notes
-
-- Keep the existing popup DOM entrypoints and rendering flow.
-- Focus changes in `src/popup/view.ts` first.
-- Only adjust popup controller code if needed to support cleaner status rendering.
-- Prefer CSS embedded in the popup HTML/view flow only as needed; do not expand scope into unrelated refactors.
-
-## Testing
-
-Add or update popup rendering tests for:
-
-- logged-in layout still renders correctly
-- available update state still shows current/latest versions
-- update action buttons still exist
-- latest/error states still render expected text
-
-## Out of Scope
-
-- new popup features
-- star chart page banners
-- animation-heavy UI
-- branding-heavy marketing visuals

docs/superpowers/specs/2026-05-25-unified-dist-distribution-design.md

@@ -1,122 +0,0 @@
-# Unified Dist Distribution Design
-
-## Goal
-
-Make first-time installation and later updates use the exact same extension directory structure so coworkers never need to learn different paths or loading rules.
-
-## Confirmed Direction
-
-- The only user-facing unpacked extension directory should be `dist/`.
-- First install and later update must produce the same directory name and shape.
-- Coworkers should always load the same directory in `chrome://extensions`.
-
-## Problem
-
-The current delivery flow has created multiple mental models:
-
-- sometimes coworkers are told to load `dist-release/`
-- sometimes the ZIP extracts to a differently named top-level folder
-- sometimes Git-based installation and ZIP-based installation do not look identical
-
-This is not user-friendly and increases support cost.
-
-## Scope
-
-This change standardizes the user-facing extension directory across:
-
-- local release builds
-- ZIP packaging
-- Git-based teammate installation
-- later update downloads
-- installation and update documentation
-
-This change does not alter:
-
-- extension runtime behavior
-- update-check logic itself
-- popup auth flow
-- COS manifest format
-
-## Distribution Rule
-
-There must be exactly one user-facing extension directory:
-
-- `dist/`
-
-This rule must hold in all paths:
-
-1. Git install
-   - teammate runs the release build
-   - resulting unpacked extension directory is `dist/`
-2. ZIP install
-   - teammate unzips the package
-   - resulting top-level extension directory is `dist/`
-3. ZIP update
-   - teammate downloads the newer ZIP
-   - unzip result is also `dist/`
-   - teammate replaces the previous `dist/`
-
-## Packaging Rule
-
-The release ZIP should unpack into a single top-level folder named `dist/`.
-
-Expected unpack result:
-
-- `dist/manifest.json`
-- `dist/background/`
-- `dist/content/`
-- `dist/popup/`
-- `dist/assets/`
-
-The ZIP must not unpack as:
-
-- a flat file list
-- `dist-release/`
-- `star-chart-search-enhancer-internal/`
-- any other user-facing top-level folder name
-
-## Build Rule
-
-Release builds should write the unpacked extension directly to `dist/`.
-
-There should not be a second extension build directory that teammates might mistake as the correct one.
-
-If internal scripts need a concept of “release build,” that should be represented by:
-
-- environment/config
-- release manifest values
-- packaging flow
-
-but not by exposing a second unpacked directory name to users.
-
-## Documentation Rule
-
-All teammate-facing docs must say the same thing:
-
-- first install: load `dist/`
-- later update: replace `dist/` and reload
-
-No user-facing doc should mention `dist-release/`.
-
-## CI / Release Rule
-
-Drone and local release scripts must publish only one ZIP layout:
-
-- unzip result is `dist/`
-
-The release flow must not generate a user ZIP whose folder layout differs from the Git-based install path.
-
-## Acceptance Criteria
-
-- `npm run build:release` writes the unpacked extension to `dist/`
-- release ZIP unpacks into a top-level `dist/` folder
-- first install and later update ZIPs unpack to the same structure
-- coworker docs consistently reference `dist/`
-- repository no longer contains a second tracked unpacked extension directory that conflicts with `dist/`
-
-## Out of Scope
-
-- changing extension features
-- changing the update notification UX
-- switching away from unpacked-extension installation
-- Chrome Web Store or enterprise force-install deployment

docs/【给同事】从Git下载使用说明.md

@@ -40,10 +40,10 @@ git clone https://git.internal.intelligrow.cn/wangshaoqing/star-chart-search-enh
 4. 点击 **"加载已解压的扩展程序"**
 5. 选择桌面上的这个路径：
    ```
-   star-chart-search-enhancer/dist/
+   star-chart-search-enhancer/dist-release/
    ```
 
-   ⚠️ **重要**：必须选择 `dist` 这个子文件夹，不要选外层文件夹
+   ⚠️ **重要**：必须选择 `dist-release` 这个子文件夹，不要选外层文件夹
 
 ✅ 安装成功！你会看到插件卡片。
 
@@ -109,23 +109,7 @@ git pull
 ⚠️ **如果重新加载后还是旧版本**：
 - 先点击插件卡片的 **"移除"** 删除旧版本
 - 然后重新点击 **"加载已解压的扩展程序"**
-- 再次选择 `dist` 文件夹
-
-## ♻️ 老用户一次性升级说明
-
-如果你之前已经装过比较早的旧版本，而且插件弹窗里一直显示：
-
-- `暂时无法检查更新`
-
-那通常说明你本地还是旧的更新机制，建议先手动完成一次升级：
-
-1. 先获取我发出的最新压缩包
-2. 解压后得到新的 `dist` 文件夹
-3. 打开 `chrome://extensions`
-4. 删除旧插件，或重新执行一次 **"加载已解压的扩展程序"**
-5. 重新选择新的 `dist` 文件夹
-
-完成这一次后，后续再更新时，就可以继续沿用统一的 `dist` 目录方式。
+- 再次选择 `dist-release` 文件夹
 
 ---
 
@@ -134,14 +118,11 @@ git pull
 **Q: 提示 "git 不是内部或外部命令"？**
 A: Git 没装好，请先安装 Git。
 
-**Q: 下载后找不到 dist 文件夹？**
-A: 请确认下载的是最新版本，可以重新执行 `git pull` 并重新执行 `npm run build:release`。
+**Q: 下载后找不到 dist-release 文件夹？**
+A: 请确认下载的是最新版本，可以重新执行 `git pull`。
 
 **Q: 加载后扩展 ID 不对？**
-A: 请检查是否选择了 `dist` 文件夹，而不是外层文件夹。
-
-**Q: 我已经在用这个插件了，还需要再用压缩包更新一次吗？**
-A: 不一定。只有那些当前弹窗仍然只显示 `暂时无法检查更新` 的旧用户，才建议手动用最新压缩包重新装一次 `dist` 来完成过桥升级。已经能正常发现新版本的同事，继续按普通更新流程走即可。
+A: 请检查是否选择了 `dist-release` 文件夹，而不是外层文件夹。
 
 ---
 

docs/【超简单版】插件安装使用指南.md

@@ -18,9 +18,9 @@
 
 1. 在桌面上找到这个压缩包
 2. **右键** → 选择"解压到当前文件夹"（或"Extract Here"）
-3. 会多出一个文件夹，名字是 `dist`
+3. 会多出一个文件夹，名字类似 `star-chart-search-enhancer-internal`
 
-⚠️ **重要**：这个 `dist` 文件夹要一直放在桌面，不要删、不要改名
+⚠️ **重要**：这个文件夹要一直放在桌面，不要删、不要改名
 
 ---
 
@@ -37,9 +37,9 @@
 
 4. 点击左上角出现的 **"加载已解压的扩展程序"**
 
-5. 选择刚才解压出来的 `dist` 文件夹
+5. 选择刚才解压出来的插件文件夹
 
-   ⚠️ **重要**：如果 `dist` 文件夹里能看到 `manifest.json`、`content`、`background`、`popup` 这些文件和文件夹，说明选对了。
+   ⚠️ **重要**：如果文件夹里能看到 `manifest.json`、`content`、`background`、`popup` 这些文件和文件夹，说明选对了。
 
 6. 看到绿色的插件卡片出现，就装好了！
 
@@ -122,7 +122,7 @@ https://xingtu.cn/ad/creator/market
 - 解压下载到的新版本 zip
 - 打开 `chrome://extensions`
 - 找到 `Star Chart Search Enhancer`
-- 点击 **"重新加载"**，或重新选择解压后的 `dist` 文件夹
+- 点击 **"重新加载"**，或重新选择解压后的新插件文件夹
 
 ---
 
@@ -138,25 +138,7 @@ https://xingtu.cn/ad/creator/market
 ⚠️ **如果重新加载后还是旧版本**：
 - 先点击插件卡片的 **"移除"** 删除旧版本
 - 然后重新点击 **"加载已解压的扩展程序"**
-- 再次选择新解压出来的 `dist` 文件夹
-
-## ♻️ 老用户一次性升级说明
-
-如果你之前安装的是较早的旧版本，并且插件弹窗里一直显示：
-
-- `暂时无法检查更新`
-
-那通常说明你本地还在使用“旧更新机制”的插件包。
-
-这种情况下，需要**手动用一次最新压缩包升级**：
-
-1. 下载最新的 `star-chart-search-enhancer-internal.zip`
-2. 解压后得到新的 `dist` 文件夹
-3. 打开 `chrome://extensions`
-4. 删除旧插件，或重新点击 **"加载已解压的扩展程序"**
-5. 重新选择新的 `dist` 文件夹
-
-完成这一次“过桥升级”后，后面再看到新版本时，就可以继续按统一的 `dist` 更新方式操作。
+- 再次选择新解压出来的插件文件夹
 
 ---
 
@@ -174,9 +156,6 @@ A: 检查浏览器的下载列表，文件可能已经下好了
 ### Q: 不小心把文件夹删了？
 A: 重新解压压缩包，然后到 `chrome://extensions` 点"重新加载"
 
-### Q: 我已经在用插件了，还需要再用一次压缩包更新吗？
-A: 如果你当前弹窗能正常显示 `发现新版本`，就不需要额外做特殊处理，按普通更新步骤走即可。如果弹窗一直只显示 `暂时无法检查更新`，建议手动用最新压缩包重新安装一次 `dist`，完成一次性升级。
-
 ---
 
 ## ✅ 每日使用 checklist

release/latest.json

@@ -1,11 +1,11 @@
 {
-  "guideUrl": "https://wksgx-1343191620.cos.ap-nanjing.myqcloud.com/star-chart-search-enhancer/releases/0.0525.6/星图增强插件-超简单安装使用指南.pdf",
-  "latestVersion": "0.0525.6",
-  "minSupportedVersion": "0.0525.6",
+  "guideUrl": "https://wksgx-1343191620.cos.ap-nanjing.myqcloud.com/star-chart-search-enhancer/releases/0.0525.4/星图增强插件-超简单安装使用指南.pdf",
+  "latestVersion": "0.0525.4",
+  "minSupportedVersion": "0.0525.4",
   "publishedAt": "2026-05-25",
   "releaseNotes": [
     "支持在插件弹窗中检查新版本",
     "支持一键下载最新版插件压缩包和使用说明"
   ],
-  "zipUrl": "https://wksgx-1343191620.cos.ap-nanjing.myqcloud.com/star-chart-search-enhancer/releases/0.0525.6/star-chart-search-enhancer-internal.zip"
+  "zipUrl": "https://wksgx-1343191620.cos.ap-nanjing.myqcloud.com/star-chart-search-enhancer/releases/0.0525.4/star-chart-search-enhancer-internal.zip"
 }

scripts/build-output-path.mjs

@@ -1,5 +0,0 @@
-import path from "node:path";
-
-export function resolveExtensionBuildDir(projectRoot, _buildTarget) {
-  return path.join(projectRoot, "dist");
-}

scripts/build.mjs

@@ -3,13 +3,15 @@ import path from "node:path";
 import { fileURLToPath } from "node:url";
 import { build } from "tsup";
 import { createManifest } from "./manifest.mjs";
-import { resolveExtensionBuildDir } from "./build-output-path.mjs";
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const projectRoot = path.resolve(__dirname, "..");
 const buildTarget = process.env.BUILD_TARGET === "release" ? "release" : "development";
-const distDir = resolveExtensionBuildDir(projectRoot, buildTarget);
+const distDir = path.join(
+  projectRoot,
+  buildTarget === "release" ? "dist-release" : "dist"
+);
 
 await rm(distDir, { recursive: true, force: true });
 await mkdir(path.join(distDir, "content"), { recursive: true });

scripts/package-release-archive.mjs

@@ -4,20 +4,16 @@ import path from "node:path";
 import { pipeline } from "node:stream/promises";
 import yazl from "yazl";
 
-export async function createReleaseArchive({
-  archivePath,
-  rootDirName = "dist",
-  sourceDir
-}) {
+export async function createReleaseArchive({ archivePath, sourceDir }) {
   const zip = new yazl.ZipFile();
   const output = createWriteStream(archivePath);
 
-  await addDirectory(zip, sourceDir, sourceDir, rootDirName);
+  await addDirectory(zip, sourceDir, sourceDir);
   zip.end();
   await pipeline(zip.outputStream, output);
 }
 
-async function addDirectory(zip, rootDir, currentDir, rootDirName) {
+async function addDirectory(zip, rootDir, currentDir) {
   const entries = await readdir(currentDir, { withFileTypes: true });
   entries.sort((left, right) => left.name.localeCompare(right.name));
 
@@ -26,12 +22,12 @@ async function addDirectory(zip, rootDir, currentDir, rootDirName) {
     const relativePath = path.relative(rootDir, absolutePath);
 
     if (entry.isDirectory()) {
-      await addDirectory(zip, rootDir, absolutePath, rootDirName);
+      await addDirectory(zip, rootDir, absolutePath);
       continue;
     }
 
     if (entry.isFile()) {
-      zip.addFile(absolutePath, path.join(rootDirName, relativePath));
+      zip.addFile(absolutePath, relativePath);
     }
   }
 }

scripts/package-release.mjs

@@ -2,11 +2,10 @@ import { mkdir, rm } from "node:fs/promises";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
 import { createReleaseArchive } from "./package-release-archive.mjs";
-import { resolveExtensionBuildDir } from "./build-output-path.mjs";
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const projectRoot = path.resolve(__dirname, "..");
-const sourceDir = resolveExtensionBuildDir(projectRoot, "release");
+const sourceDir = path.join(projectRoot, "dist-release");
 const releaseDir = path.join(projectRoot, "release");
 const archivePath = path.join(
   releaseDir,

src/popup/index.html

@@ -4,183 +4,6 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Star Chart Search Enhancer</title>
-    <style>
-      :root {
-        color-scheme: light;
-        --popup-bg: #f3f4f6;
-        --popup-card: #ffffff;
-        --popup-text: #111827;
-        --popup-subtle: #6b7280;
-        --popup-border: #d1d5db;
-        --popup-accent: #8f1f4b;
-        --popup-accent-strong: #74183b;
-        --popup-success: #065f46;
-        --popup-warning: #92400e;
-      }
-
-      html,
-      body {
-        width: 380px;
-        min-height: 560px;
-        margin: 0;
-        background: var(--popup-bg);
-        color: var(--popup-text);
-        font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
-      }
-
-      body {
-        box-sizing: border-box;
-      }
-
-      #app {
-        box-sizing: border-box;
-        padding: 14px;
-      }
-
-      .popup-shell {
-        display: grid;
-        gap: 12px;
-      }
-
-      .popup-header {
-        padding: 6px 2px 2px;
-      }
-
-      .popup-eyebrow {
-        margin: 0 0 6px;
-        color: var(--popup-subtle);
-        font-size: 12px;
-        letter-spacing: 0.08em;
-        text-transform: uppercase;
-      }
-
-      .popup-header h1 {
-        margin: 0;
-        font-size: 24px;
-        line-height: 1.08;
-        font-weight: 800;
-        letter-spacing: -0.03em;
-      }
-
-      .popup-card {
-        background: var(--popup-card);
-        border: 1px solid rgba(17, 24, 39, 0.08);
-        border-radius: 16px;
-        padding: 14px;
-        box-shadow: 0 10px 24px rgba(17, 24, 39, 0.06);
-      }
-
-      .popup-card-title {
-        margin: 0 0 10px;
-        font-size: 14px;
-        font-weight: 700;
-        color: var(--popup-subtle);
-      }
-
-      .popup-status {
-        margin: 0 0 6px;
-        font-size: 14px;
-        font-weight: 600;
-      }
-
-      .popup-status--accent {
-        color: var(--popup-accent);
-      }
-
-      .popup-user {
-        margin: 0 0 2px;
-        font-size: 16px;
-        font-weight: 700;
-      }
-
-      .popup-copy,
-      .popup-error,
-      .popup-warning,
-      .popup-success {
-        margin: 0 0 10px;
-        font-size: 13px;
-        line-height: 1.5;
-        color: var(--popup-subtle);
-      }
-
-      .popup-error {
-        color: #b42318;
-      }
-
-      .popup-warning {
-        color: var(--popup-warning);
-        font-weight: 600;
-      }
-
-      .popup-success {
-        color: var(--popup-success);
-        font-weight: 600;
-      }
-
-      .popup-notes {
-        margin: 0 0 12px;
-        padding-left: 18px;
-        color: var(--popup-text);
-        font-size: 13px;
-        line-height: 1.45;
-      }
-
-      .popup-notes li + li {
-        margin-top: 6px;
-      }
-
-      .popup-actions {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 8px;
-        margin-bottom: 10px;
-      }
-
-      .popup-footer {
-        display: flex;
-        justify-content: flex-start;
-      }
-
-      .popup-button {
-        appearance: none;
-        border: 1px solid var(--popup-border);
-        border-radius: 10px;
-        padding: 9px 12px;
-        font-size: 13px;
-        font-weight: 700;
-        line-height: 1;
-        cursor: pointer;
-        transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
-      }
-
-      .popup-button--primary {
-        border-color: var(--popup-accent);
-        background: var(--popup-accent);
-        color: #fff;
-      }
-
-      .popup-button--primary:hover {
-        background: var(--popup-accent-strong);
-        border-color: var(--popup-accent-strong);
-      }
-
-      .popup-button--secondary {
-        background: #fff;
-        color: var(--popup-text);
-      }
-
-      .popup-button--secondary:hover,
-      .popup-button--ghost:hover {
-        background: rgba(17, 24, 39, 0.04);
-      }
-
-      .popup-button--ghost {
-        background: transparent;
-        color: var(--popup-subtle);
-        border-color: transparent;
-        padding-inline: 0;
-      }
-    </style>
   </head>
   <body>
     <main id="app"></main>

src/popup/index.ts

@@ -104,7 +104,7 @@ async function renderCurrentAuthState(
   }
 
   renderLoggedIn(root, response.value);
-  await runUpdateCheck(root, sendMessage, updateOptions);
+  void runUpdateCheck(root, sendMessage, updateOptions);
   root
     .querySelector('[data-popup-sign-out="button"]')
     ?.addEventListener("click", () => {
@@ -195,10 +195,9 @@ async function runUpdateCheck(
       status: "available"
     });
     bindUpdateDownloadButtons(root, sendMessage, manifest);
-  } catch (error) {
+  } catch {
     renderUpdateStatus(root, {
       currentVersion: options.currentVersion,
-      message: error instanceof Error ? error.message : String(error),
       status: "error"
     });
   }

src/popup/view.ts

@@ -3,18 +3,11 @@ import type { UpdateManifest } from "../shared/update-check";
 
 export function renderLoggedOut(root: HTMLElement, error?: string | null): void {
   root.innerHTML = `
-    <section class="popup-shell" data-popup-shell="root" data-popup-state="logged-out">
-      <header class="popup-header" data-popup-header="root">
-        <p class="popup-eyebrow">内部工具</p>
+    <section data-popup-state="logged-out">
       <h1>Star Chart Search Enhancer</h1>
-      </header>
-      <section class="popup-card popup-card--account" data-popup-account="card">
-        <div class="popup-card-title">登录状态</div>
-        <p class="popup-status">未登录</p>
-        <p class="popup-copy">登录后才能使用星图增强功能</p>
-        ${error ? `<p class="popup-error" data-popup-error="true">${escapeHtml(error)}</p>` : ""}
-        <button type="button" class="popup-button popup-button--primary" data-popup-sign-in="button">登录 Logto</button>
-      </section>
+      <p>登录后才能使用星图增强功能</p>
+      ${error ? `<p data-popup-error="true">${error}</p>` : ""}
+      <button type="button" data-popup-sign-in="button">登录 Logto</button>
     </section>
   `;
 }
@@ -26,24 +19,16 @@ export function renderLoggedIn(
   const userInfo = authState.userInfo;
 
   root.innerHTML = `
-    <section class="popup-shell" data-popup-shell="root" data-popup-state="logged-in">
-      <header class="popup-header" data-popup-header="root">
-        <p class="popup-eyebrow">内部工具</p>
+    <section data-popup-state="logged-in">
       <h1>Star Chart Search Enhancer</h1>
-      </header>
-      <section class="popup-card popup-card--account" data-popup-account="card">
-        <div class="popup-card-title">登录状态</div>
-        <p class="popup-status">已登录</p>
-        <p class="popup-user">${escapeHtml(userInfo?.name ?? userInfo?.username ?? "未知用户")}</p>
-        <p class="popup-copy">${escapeHtml(userInfo?.email ?? "")}</p>
+      <p>已登录</p>
+      <p>${userInfo?.name ?? userInfo?.username ?? "未知用户"}</p>
+      <p>${userInfo?.email ?? ""}</p>
+      <section data-popup-update="root">
+        <h2>版本更新</h2>
+        <p data-popup-update-status="text">正在检查更新...</p>
       </section>
-      <section class="popup-card popup-card--update" data-popup-update="card" data-popup-update-root="root">
-        <div class="popup-card-title">版本更新</div>
-        <p data-popup-update-status="text" class="popup-status">正在检查更新...</p>
-      </section>
-      <footer class="popup-footer">
-        <button type="button" class="popup-button popup-button--ghost" data-popup-sign-out="button">退出登录</button>
-      </footer>
+      <button type="button" data-popup-sign-out="button">退出登录</button>
     </section>
   `;
 }
@@ -53,54 +38,50 @@ export function renderUpdateStatus(
   options: {
     currentVersion: string;
     manifest?: UpdateManifest;
-    message?: string | null;
     status: "checking" | "error" | "latest" | "available";
   }
 ): void {
-  const container = root.querySelector('[data-popup-update-root="root"]');
+  const container = root.querySelector('[data-popup-update="root"]');
   if (!container) {
     return;
   }
 
   if (options.status === "checking") {
     container.innerHTML = `
-      <div class="popup-card-title">版本更新</div>
-      <p data-popup-update-status="text" class="popup-status">当前版本：${options.currentVersion}</p>
-      <p class="popup-copy">正在检查更新...</p>
+      <h2>版本更新</h2>
+      <p data-popup-update-status="text">当前版本：${options.currentVersion}</p>
+      <p>正在检查更新...</p>
     `;
     return;
   }
 
   if (options.status === "error") {
     container.innerHTML = `
-      <div class="popup-card-title">版本更新</div>
-      <p data-popup-update-status="text" class="popup-status">当前版本：${options.currentVersion}</p>
-      <p class="popup-warning">暂时无法检查更新</p>
-      ${options.message ? `<p class="popup-error">${escapeHtml(options.message)}</p>` : ""}
-      <p class="popup-copy">如果需要新版，请联系维护同事获取更新包。</p>
+      <h2>版本更新</h2>
+      <p data-popup-update-status="text">当前版本：${options.currentVersion}</p>
+      <p>暂时无法检查更新</p>
+      <p>如果需要新版，请联系维护同事获取更新包。</p>
     `;
     return;
   }
 
   if (options.status === "latest" || !options.manifest) {
     container.innerHTML = `
-      <div class="popup-card-title">版本更新</div>
-      <p data-popup-update-status="text" class="popup-status">当前版本：${options.currentVersion}</p>
-      <p class="popup-success">当前已是最新版本</p>
+      <h2>版本更新</h2>
+      <p data-popup-update-status="text">当前版本：${options.currentVersion}</p>
+      <p>当前已是最新版本</p>
     `;
     return;
   }
 
   container.innerHTML = `
-    <div class="popup-card-title">版本更新</div>
-    <p data-popup-update-status="text" class="popup-status">当前版本：${options.currentVersion}</p>
-    <p class="popup-status popup-status--accent">发现新版本：${options.manifest.latestVersion}</p>
+    <h2>版本更新</h2>
+    <p data-popup-update-status="text">当前版本：${options.currentVersion}</p>
+    <p>发现新版本：${options.manifest.latestVersion}</p>
     ${renderReleaseNotes(options.manifest.releaseNotes)}
-    <div class="popup-actions">
-      <button type="button" class="popup-button popup-button--primary" data-popup-download-update="button">下载更新包</button>
-      <button type="button" class="popup-button popup-button--secondary" data-popup-download-guide="button">下载使用说明</button>
-    </div>
-    <p data-popup-update-download-status="text" class="popup-copy">下载后请解压新版 zip，并在 chrome://extensions 里重新加载插件。</p>
+    <button type="button" data-popup-download-update="button">下载更新包</button>
+    <button type="button" data-popup-download-guide="button">下载使用说明</button>
+    <p data-popup-update-download-status="text">下载后请解压新版 zip，并在 chrome://extensions 里重新加载插件。</p>
   `;
 }
 
@@ -122,7 +103,7 @@ function renderReleaseNotes(releaseNotes: string[]): string {
   }
 
   return `
-    <ul class="popup-notes">
+    <ul>
       ${releaseNotes.map((note) => `<li>${escapeHtml(note)}</li>`).join("")}
     </ul>
   `;
@@ -141,16 +122,15 @@ export function renderDevPanel(
   authState: AuthStateValue
 ): void {
   const panel = root.ownerDocument.createElement("section");
-  panel.className = "popup-card popup-card--dev";
   panel.dataset.popupDevPanel = "root";
   panel.innerHTML = `
-    <div class="popup-card-title">dev auth panel</div>
-    <p class="popup-copy">resource: ${escapeHtml(authState.resource ?? "")}</p>
-    <p class="popup-copy">scopes: ${escapeHtml((authState.scopes ?? []).join(", "))}</p>
-    <p class="popup-copy">token: ${authState.tokenAvailable ? "available" : "missing"}</p>
-    <p class="popup-copy">expires: ${escapeHtml(String(authState.accessTokenExpiresAt ?? "unknown"))}</p>
-    <p class="popup-copy">error: ${escapeHtml(authState.lastError ?? "")}</p>
-    <button type="button" class="popup-button popup-button--secondary" data-popup-test-protected-api="button">测试受保护接口</button>
+    <h2>dev auth panel</h2>
+    <p>resource: ${authState.resource ?? ""}</p>
+    <p>scopes: ${(authState.scopes ?? []).join(", ")}</p>
+    <p>token: ${authState.tokenAvailable ? "available" : "missing"}</p>
+    <p>expires: ${authState.accessTokenExpiresAt ?? "unknown"}</p>
+    <p>error: ${authState.lastError ?? ""}</p>
+    <button type="button" data-popup-test-protected-api="button">测试受保护接口</button>
     <pre data-popup-protected-api-result="output"></pre>
   `;
   root.appendChild(panel);

tests/build-output-path.test.ts

@@ -1,18 +0,0 @@
-import path from "node:path";
-import { describe, expect, test } from "vitest";
-
-import { resolveExtensionBuildDir } from "../scripts/build-output-path.mjs";
-
-describe("build-output-path", () => {
-  test("uses dist for release builds", () => {
-    expect(resolveExtensionBuildDir("/repo", "release")).toBe(
-      path.join("/repo", "dist")
-    );
-  });
-
-  test("uses dist for development builds", () => {
-    expect(resolveExtensionBuildDir("/repo", "development")).toBe(
-      path.join("/repo", "dist")
-    );
-  });
-});

tests/package-release-archive.test.ts

@@ -6,7 +6,7 @@ import { describe, expect, test } from "vitest";
 import { createReleaseArchive } from "../scripts/package-release-archive.mjs";
 
 describe("package-release-archive", () => {
-  test("creates a zip archive with a top-level dist folder", async () => {
+  test("creates a zip archive without relying on the system zip binary", async () => {
     const tempDir = await mkdtemp(path.join(os.tmpdir(), "release-archive-"));
     const sourceDir = path.join(tempDir, "source");
     const archivePath = path.join(tempDir, "archive.zip");
@@ -21,6 +21,5 @@ describe("package-release-archive", () => {
 
     const archive = await readFile(archivePath);
     expect(archive.byteLength).toBeGreaterThan(0);
-    expect(archive.toString("utf8")).toContain("dist/hello.txt");
   });
 });

tests/popup-entry.test.ts

@@ -3,10 +3,6 @@ import { beforeEach, describe, expect, test, vi } from "vitest";
 
 import { bootPopup } from "../src/popup/index";
 
-function flushTasks(): Promise<void> {
-  return new Promise((resolve) => setTimeout(resolve, 0));
-}
-
 describe("popup-entry", () => {
   let dom: JSDOM;
 
@@ -26,12 +22,6 @@ describe("popup-entry", () => {
       }))
     });
 
-    expect(
-      dom.window.document.querySelector('[data-popup-shell="root"]')
-    ).not.toBeNull();
-    expect(
-      dom.window.document.querySelector('[data-popup-account="card"]')
-    ).not.toBeNull();
     expect(dom.window.document.querySelector("button")?.textContent).toContain(
       "登录"
     );
@@ -57,12 +47,6 @@ describe("popup-entry", () => {
       }))
     });
 
-    expect(
-      dom.window.document.querySelector('[data-popup-header="root"]')
-    ).not.toBeNull();
-    expect(
-      dom.window.document.querySelector('[data-popup-account="card"]')
-    ).not.toBeNull();
     expect(dom.window.document.body.textContent).toContain("resource");
     expect(dom.window.document.body.textContent).toContain("token");
   });
@@ -92,16 +76,12 @@ describe("popup-entry", () => {
         }
       }))
     });
-    await flushTasks();
-    await flushTasks();
+    await Promise.resolve();
 
     expect(fetchUpdateManifest).toHaveBeenCalledTimes(1);
     expect(dom.window.document.body.textContent).toContain("当前版本：0.2.0421.2");
     expect(dom.window.document.body.textContent).toContain("发现新版本：0.2.0421.3");
     expect(dom.window.document.body.textContent).toContain("支持检查更新");
-    expect(
-      dom.window.document.querySelector('[data-popup-update="card"]')
-    ).not.toBeNull();
     expect(
       dom.window.document.querySelector('[data-popup-download-update="button"]')
     ).not.toBeNull();
@@ -138,8 +118,7 @@ describe("popup-entry", () => {
       })),
       sendMessage
     });
-    await flushTasks();
-    await flushTasks();
+    await Promise.resolve();
 
     (
       dom.window.document.querySelector(
@@ -266,63 +245,6 @@ describe("popup-entry", () => {
     expect(sendMessage).toHaveBeenCalledWith({ type: "auth:sign-out" });
   });
 
-  test("shows the latest state without update actions", async () => {
-    dom.window.document.body.innerHTML = "<main id='app'></main>";
-
-    await bootPopup({
-      currentVersion: "0.0525.5",
-      document: dom.window.document,
-      fetchUpdateManifest: vi.fn(async () => ({
-        guideUrl: "https://cos.example.com/guide.pdf",
-        latestVersion: "0.0525.5",
-        minSupportedVersion: "0.0525.5",
-        publishedAt: "2026-05-19",
-        releaseNotes: ["支持检查更新"],
-        zipUrl: "https://cos.example.com/plugin.zip"
-      })),
-      sendMessage: vi.fn(async () => ({
-        ok: true,
-        type: "auth:state",
-        value: {
-          isAuthenticated: true,
-          userInfo: { name: "Dev" }
-        }
-      }))
-    });
-    await flushTasks();
-    await flushTasks();
-
-    expect(dom.window.document.body.textContent).toContain("当前已是最新版本");
-    expect(
-      dom.window.document.querySelector('[data-popup-download-update="button"]')
-    ).toBeNull();
-  });
-
-  test("shows a readable error state when the manifest fetch fails", async () => {
-    dom.window.document.body.innerHTML = "<main id='app'></main>";
-
-    await bootPopup({
-      currentVersion: "0.0525.5",
-      document: dom.window.document,
-      fetchUpdateManifest: vi.fn(async () => {
-        throw new Error("network down");
-      }),
-      sendMessage: vi.fn(async () => ({
-        ok: true,
-        type: "auth:state",
-        value: {
-          isAuthenticated: true,
-          userInfo: { name: "Dev" }
-        }
-      }))
-    });
-    await flushTasks();
-    await flushTasks();
-
-    expect(dom.window.document.body.textContent).toContain("暂时无法检查更新");
-    expect(dom.window.document.body.textContent).toContain("network down");
-  });
-
   test("shows the auth error when sign-in fails", async () => {
     const sendMessage = vi
       .fn()