@hybridlabor-api/aos 4.6.5 → 4.7.0

package/skills/global_config/editable-design/scripts/check-fonts.sh

@@ -0,0 +1,252 @@
+#!/usr/bin/env bash
+# Verify that every font family the poster asks for actually resolves.
+#
+# A missing family raises no error anywhere: the browser silently falls back to
+# a default face, the render succeeds, the pixel dimensions check out, and the
+# poster ships with the wrong typography. Nothing else in this plugin can catch
+# that, which is why it gets its own command.
+#
+# Detection compares a full metric signature against a sentinel family that
+# cannot exist. Width alone is not enough — many CJK faces share an advance
+# width — so the signature also covers the actual bounding box at two sizes,
+# measured for a Latin sample and a CJK sample separately.
+set -euo pipefail
+
+here="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+html=""
+requested=""
+while [[ $# -gt 0 ]]; do
+  case "$1" in
+    --family)
+      [[ $# -ge 2 ]] || { echo "--family requires a font family name" >&2; exit 2; }
+      requested="${requested}${2}"$'\n'
+      shift 2
+      ;;
+    --help|-h)
+      echo "usage: check-fonts.sh HTML"
+      echo "       check-fonts.sh --family FAMILY [--family FAMILY...]"
+      exit 0
+      ;;
+    --*) echo "unknown argument: $1" >&2; exit 2 ;;
+    *)
+      [[ -z "$html" ]] || { echo "only one HTML file may be checked" >&2; exit 2; }
+      html="$1"
+      shift
+      ;;
+  esac
+done
+
+if [[ -z "$requested" ]]; then
+  [[ -n "$html" ]] || { echo "usage: check-fonts.sh HTML or --family FAMILY" >&2; exit 2; }
+  test -f "$html" || { echo "no such file: $html" >&2; exit 2; }
+fi
+
+bundled_families=""
+if [[ -n "$html" ]]; then
+  bundled_families=$(
+    perl -0ne '
+      while (/\@font-face\s*\{(.*?)\}/sg) {
+        $block = $1;
+        if ($block =~ /font-family\s*:\s*(["'"'"']?)([^;"'"'"']+)\1\s*;/s) {
+          $family = $2;
+          $family =~ s/^\s+|\s+$//g;
+          print "$family\n";
+        }
+      }
+    ' "$html" | sort -u
+  )
+
+  html_dir="$(cd "$(dirname "$html")" && pwd)"
+  missing_assets=0
+  while IFS= read -r raw_url; do
+    [[ -n "$raw_url" ]] || continue
+    font_url="$(printf '%s' "$raw_url" | sed -e 's/^['"'"'"]//' -e 's/['"'"'"]$//' -e 's/[?#].*$//')"
+    case "$font_url" in
+      data:*|http://*|https://*) continue ;;
+    esac
+    if [[ ! -f "$html_dir/$font_url" ]]; then
+      printf 'FAIL  %-28s missing local font asset\n' "$font_url"
+      missing_assets=$(( missing_assets + 1 ))
+    fi
+  done < <(
+    perl -0ne 'while (/\@font-face\s*\{(.*?)\}/sg) { $b=$1; while ($b =~ /url\(([^)]+)\)/g) { print "$1\n" } }' "$html"
+  )
+  [[ "$missing_assets" -eq 0 ]] || exit 1
+fi
+
+# Collect every named family out of font-family declarations and --font-* custom
+# properties, dropping generic keywords and var() references.
+if [[ -n "$requested" ]]; then
+  families="$(printf '%s' "$requested" | sed '/^[[:space:]]*$/d' | sort -u)"
+else
+  families=$(
+    grep -o -E '(font-family|--font-[a-zA-Z-]+)[[:space:]]*:[^;}]*' "$html" \
+      | sed 's/^[^:]*:[[:space:]]*//' \
+      | tr ',' '\n' \
+      | sed -e 's/^[[:space:]]*//' -e 's/[[:space:]]*$//' \
+            -e 's/^"//' -e 's/"$//' -e "s/^'//" -e "s/'\$//" \
+      | grep -v -E '^(serif|sans-serif|monospace|cursive|fantasy|system-ui|math|emoji|fangsong|ui-[a-z-]+|inherit|initial|unset|revert)$' \
+      | grep -v -E '^(var\(|$)' \
+      | sort -u
+  )
+fi
+
+if [[ -n "$bundled_families" ]]; then
+  while IFS= read -r family; do
+    [[ -n "$family" ]] || continue
+    printf 'ok    %-28s bundled @font-face\n' "$family"
+  done <<< "$bundled_families"
+  families=$(
+    comm -23 \
+      <(printf '%s\n' "$families" | sed '/^[[:space:]]*$/d' | sort -u) \
+      <(printf '%s\n' "$bundled_families" | sed '/^[[:space:]]*$/d' | sort -u)
+  )
+fi
+
+[[ -n "$families" ]] || {
+  [[ -n "$bundled_families" ]] && echo "all named families are bundled and their local files exist" || echo "no named font families found in $html"
+  exit 0
+}
+
+browser="$("$here/render-poster.sh" --probe | awk '{ $1 = ""; sub(/^ +/, ""); print }')"
+[[ -n "$browser" && -x "$browser" ]] || {
+  echo "no Chromium-based browser found, font check unavailable. Set EDITABLE_DESIGN_BROWSER=<executable>" >&2
+  exit 1
+}
+
+families_json=$(
+  printf '%s\n' "$families" \
+    | sed 's/\\/\\\\/g; s/"/\\"/g' \
+    | awk '{ printf "%s\"%s\"", (NR > 1 ? "," : ""), $0 }'
+)
+
+probe="$(mktemp -d "${TMPDIR:-/tmp}/poster-font-probe.XXXXXX")"
+profile="$(mktemp -d "${TMPDIR:-/tmp}/poster-font-profile.XXXXXX")"
+probe_pid=""
+
+profile_pids() {
+  ps -axo pid=,command= \
+    | awk -v marker="--user-data-dir=$profile" \
+        'index($0, marker) && index($0, "awk -v marker=") == 0 { print $1 }'
+}
+
+stop_browser() {
+  local pids=""
+  local _
+  pids="$(profile_pids)"
+  [[ -n "$pids" ]] && kill $pids 2>/dev/null || true
+  for _ in $(seq 1 10); do
+    pids="$(profile_pids)"
+    [[ -z "$pids" ]] && break
+    sleep 0.1
+  done
+  pids="$(profile_pids)"
+  [[ -n "$pids" ]] && kill -KILL $pids 2>/dev/null || true
+  [[ -n "$probe_pid" ]] && wait "$probe_pid" 2>/dev/null || true
+}
+
+cleanup() {
+  stop_browser
+  [[ "$probe" == *"/poster-font-probe."* ]] && rm -rf -- "$probe"
+  [[ "$profile" == *"/poster-font-profile."* ]] && rm -rf -- "$profile"
+}
+trap cleanup EXIT INT TERM
+
+cat >"$probe/probe.html" <<PROBE
+<!doctype html><html><head><meta charset="utf-8"></head><body><script>
+const FAMILIES = [${families_json}];
+// Three generic bases rather than one nonexistent sentinel. A single sentinel
+// cannot see a family that happens to BE the platform default for that script
+// — PingFang SC is macOS's default CJK sans, so stacking it over a sentinel
+// produces byte-identical metrics and reads as missing. Comparing against
+// serif, sans-serif and monospace fixes that: a real family overrides at least
+// one of them.
+const BASES = ['serif', 'sans-serif', 'monospace'];
+const SAMPLES = { latin: 'AWmgQ019jil', cjk: '晨雾高山茶永' };
+
+function signature(text, stack) {
+  const ctx = document.createElement('canvas').getContext('2d');
+  const parts = [];
+  for (const size of [48, 73]) {
+    ctx.font = size + 'px ' + stack;
+    const m = ctx.measureText(text);
+    parts.push(
+      m.width.toFixed(3),
+      (m.actualBoundingBoxAscent || 0).toFixed(3),
+      (m.actualBoundingBoxDescent || 0).toFixed(3),
+      (m.actualBoundingBoxLeft || 0).toFixed(3),
+      (m.actualBoundingBoxRight || 0).toFixed(3)
+    );
+  }
+  return parts.join('|');
+}
+
+const lines = FAMILIES.map((family) => {
+  const quoted = JSON.stringify(family);
+  const covers = {};
+  for (const [name, text] of Object.entries(SAMPLES)) {
+    covers[name] = BASES.some(
+      (base) => signature(text, quoted + ', ' + base) !== signature(text, base)
+    );
+  }
+  const verdict = covers.latin || covers.cjk
+    ? (covers.cjk ? 'ok\tcjk + latin' : 'ok\tlatin only')
+    : 'MISSING\t-';
+  return 'FONTPROBE\t' + family + '\t' + verdict;
+});
+
+// Leading newline matters: --dump-dom emits "<body>" immediately before the
+// first line, so without it the first family never matches a line-anchored grep.
+document.body.textContent = '\n' + lines.join('\n') + '\n';
+</script></body></html>
+PROBE
+
+"$browser" \
+  --headless --disable-gpu --no-first-run --no-default-browser-check \
+  --disable-extensions --disable-background-networking --disable-sync \
+  --disable-default-apps --mute-audio \
+  --user-data-dir="$profile" \
+  --dump-dom "file://$probe/probe.html" \
+  >"$probe/dom.html" 2>/dev/null &
+probe_pid=$!
+
+# --dump-dom writes to stdout and Chrome buffers it until exit, so polling the
+# file for content never succeeds early. Wait for the process itself instead.
+for _ in $(seq 1 20); do
+  kill -0 "$probe_pid" 2>/dev/null || break
+  sleep 0.25
+done
+if kill -0 "$probe_pid" 2>/dev/null; then
+  stop_browser
+else
+  wait "$probe_pid" 2>/dev/null || true
+fi
+probe_pid=""
+
+grep -q 'FONTPROBE' "$probe/dom.html" 2>/dev/null || {
+  echo "the font probe returned nothing - the browser probably failed to start" >&2
+  exit 3
+}
+
+missing=0
+while IFS=$'\t' read -r _ family verdict coverage; do
+  [[ -n "$family" ]] || continue
+  if [[ "$verdict" == "MISSING" ]]; then
+    printf 'FAIL  %-28s not installed - the browser will silently fall back\n' "$family"
+    missing=$(( missing + 1 ))
+  else
+    printf 'ok    %-28s %s\n' "$family" "$coverage"
+  fi
+done < <(grep '^FONTPROBE' "$probe/dom.html" | sed 's/&amp;/\&/g; s/&lt;/</g; s/&gt;/>/g; s/&quot;/"/g')
+
+if [[ "$missing" -gt 0 ]]; then
+  echo
+  echo "Replace these $missing families, or use ones confirmed present. A missing font" >&2
+  echo "raises no error: the render succeeds, the dimensions check out, and only the" >&2
+  echo "type on the finished poster looks subtly wrong." >&2
+  exit 1
+fi
+
+echo
+echo "Families marked \"latin only\" must not set CJK text: every character would come"
+echo "from a fallback face."

package/skills/global_config/editable-design/scripts/check-poster.sh

@@ -0,0 +1,70 @@
+#!/usr/bin/env bash
+# Fast, self-contained checks for the poster contract. Visual quality still
+# requires reading the rendered PNG; this catches deterministic packaging and
+# markup failures before Chrome starts.
+set -euo pipefail
+
+html="${1:?usage: check-poster.sh HTML}"
+test -f "$html" || { echo "no such file: $html" >&2; exit 2; }
+
+project="$(cd "$(dirname "$html")" && pwd)"
+html="$project/$(basename "$html")"
+config="$project/poster.json"
+failures=0
+
+fail() {
+  echo "FAIL  $*" >&2
+  failures=$(( failures + 1 ))
+}
+
+read_num() {
+  sed -n "s/.*\"$1\"[[:space:]]*:[[:space:]]*\([0-9][0-9]*\).*/\1/p" "$2" | head -1
+}
+
+test -f "$config" || fail "missing poster.json"
+
+if [[ -f "$config" ]]; then
+  width="$(read_num width "$config")"
+  height="$(read_num height "$config")"
+  [[ -n "$width" && -n "$height" ]] || fail "cannot read canvas width and height from poster.json"
+  if [[ -n "$width" && -n "$height" ]]; then
+    grep -q "data-canvas-width=\"$width\"" "$html" || fail "HTML canvas width does not match poster.json ($width)"
+    grep -q "data-canvas-height=\"$height\"" "$html" || fail "HTML canvas height does not match poster.json ($height)"
+  fi
+fi
+
+grep -q 'position:[[:space:]]*relative' "$html" || fail "canvas must be position: relative"
+grep -q 'overflow:[[:space:]]*hidden' "$html" || fail "canvas must hide overflow"
+
+if grep -Eq 'poster-preview|Your poster is taking shape|The first version will appear here automatically' "$html" 2>/dev/null; then
+  fail "starter placeholder content remains"
+fi
+
+grep -Eiq '<script([[:space:]>])' "$html" && fail "scripts are not allowed in the shipping poster"
+grep -Eiq '@media([[:space:](])' "$html" && fail "media queries are not allowed on a fixed canvas"
+grep -Eiq '[0-9.]([[:space:]]*)(vw|vh|vmin|vmax)([^a-zA-Z]|$)' "$html" && fail "viewport units are not allowed for poster layout"
+grep -Eiq "(src|href)[[:space:]]*=[[:space:]]*['\"](https?:)?//" "$html" && fail "external asset requests are not allowed"
+grep -Eiq "src[[:space:]]*=[[:space:]]*['\"]data:" "$html" && fail "embed generated assets as project files, not data URLs"
+
+tmp="$(mktemp -d "${TMPDIR:-/tmp}/poster-contract.XXXXXX")"
+trap 'rm -rf -- "$tmp"' EXIT INT TERM
+
+grep -o 'data-layer-id="[^"]*"' "$html" | sed 's/.*="//; s/"$//' | sort >"$tmp/layers" || true
+duplicates="$(uniq -d "$tmp/layers")"
+[[ -z "$duplicates" ]] || fail "duplicate data-layer-id values: $(printf '%s' "$duplicates" | tr '\n' ' ')"
+
+grep -o 'src="[^"]*"' "$html" | sed 's/^src="//; s/"$//' >"$tmp/assets" || true
+while IFS= read -r asset; do
+  [[ -n "$asset" ]] || continue
+  case "$asset" in
+    /*|*://*|data:*) fail "asset path must be project-relative: $asset" ;;
+    *) [[ -f "$project/$asset" ]] || fail "missing referenced asset: $asset" ;;
+  esac
+done <"$tmp/assets"
+
+if [[ "$failures" -gt 0 ]]; then
+  echo "$failures poster contract check(s) failed" >&2
+  exit 1
+fi
+
+echo "ok    poster contract and local assets"

package/skills/global_config/editable-design/scripts/doctor.sh

@@ -0,0 +1,78 @@
+#!/usr/bin/env bash
+set -u
+
+here="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+failures=0
+
+ok() { printf '%-22s %s\n' "$1" "OK  $2"; }
+warn() { printf '%-22s %s\n' "$1" "OPTIONAL  $2"; }
+bad() { printf '%-22s %s\n' "$1" "MISSING  $2"; failures=$((failures + 1)); }
+
+printf '%s\n\n' "Editable Design doctor"
+
+if command -v node >/dev/null 2>&1; then
+  node_version="$(node -p 'process.versions.node')"
+  node_major="${node_version%%.*}"
+  node_minor="$(printf '%s' "$node_version" | cut -d. -f2)"
+  if [[ "$node_major" -gt 22 || ( "$node_major" -eq 22 && "$node_minor" -ge 12 ) ]]; then ok "Node.js" "$node_version"; else bad "Node.js" "$node_version; requires >=22.12"; fi
+else
+  bad "Node.js" "requires >=22.12"
+fi
+
+if command -v npm >/dev/null 2>&1; then ok "npm" "$(npm --version)"; else bad "npm" "required for npm ci --prefix scripts"; fi
+
+if [[ -f "$here/node_modules/puppeteer-core/package.json" ]]; then
+  version="$(node -p "require('$here/node_modules/puppeteer-core/package.json').version" 2>/dev/null || true)"
+  ok "puppeteer-core" "${version:-installed}"
+else
+  bad "puppeteer-core" "run npm ci --prefix scripts"
+fi
+
+font_kit="$here/../font-kit/node_modules"
+if [[ -f "$font_kit/@fontsource-variable/fraunces/package.json" && -f "$font_kit/@fontsource-variable/noto-sans-sc/package.json" ]]; then
+  font_count="$(find "$font_kit" -mindepth 3 -maxdepth 3 -name package.json | wc -l | tr -d ' ')"
+  ok "Font kit" "$font_count curated packages"
+else
+  bad "Font kit" "run scripts/install-font-kit.sh"
+fi
+
+browser=""
+for candidate in "${EDITABLE_DESIGN_BROWSER:-}" "${PUPPETEER_EXECUTABLE_PATH:-}" "${POSTER_BROWSER:-}" "${CHROME_PATH:-}"; do
+  if [[ -n "$candidate" && -x "$candidate" ]]; then browser="$candidate"; break; fi
+done
+if [[ -z "$browser" ]]; then
+  for candidate in chromium google-chrome chrome; do
+    browser="$(command -v "$candidate" 2>/dev/null || true)"
+    [[ -n "$browser" ]] && break
+  done
+fi
+if [[ -z "$browser" ]]; then
+  for candidate in \
+    "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" \
+    "/Applications/Chromium.app/Contents/MacOS/Chromium" \
+    "/Applications/Microsoft Edge.app/Contents/MacOS/Microsoft Edge" \
+    "/Applications/Brave Browser.app/Contents/MacOS/Brave Browser" \
+    "/usr/bin/google-chrome" "/usr/bin/chromium" "/usr/bin/chromium-browser"; do
+    if [[ -x "$candidate" ]]; then browser="$candidate"; break; fi
+  done
+fi
+if [[ -n "$browser" ]]; then ok "Chromium browser" "$browser"; else bad "Chromium browser" "set EDITABLE_DESIGN_BROWSER"; fi
+
+if command -v python3 >/dev/null 2>&1; then
+  python_version="$(python3 -c 'import sys; print(".".join(map(str, sys.version_info[:3])))')"
+  warn "Python" "$python_version; optional cutout processing only"
+  if python3 -c 'import PIL' >/dev/null 2>&1; then warn "Pillow" "installed"; else warn "Pillow" "needed only for cutout processing"; fi
+else
+  warn "Python" "needed only for cutout processing"
+fi
+
+warn "Image generation" "host-dependent; auto mode can fall back to off"
+if [[ "${EDITABLE_DESIGN_NO_SANDBOX:-0}" == "1" ]]; then warn "Browser sandbox" "disabled by explicit environment setting"; else ok "Browser sandbox" "enabled"; fi
+
+printf '\n'
+if [[ "$failures" -eq 0 ]]; then
+  printf '%s\n' "Core workflow ready."
+  exit 0
+fi
+printf '%s\n' "Core workflow has $failures missing requirement(s)."
+exit 1

package/skills/global_config/editable-design/scripts/explode.mjs

@@ -0,0 +1,115 @@
+#!/usr/bin/env node
+/**
+ * explode.mjs —— 把已标注图层的海报生成横向拆解展示稿
+ *
+ *   node explode.mjs <海报 index.html> [输出 HTML]
+ *
+ * 默认产出同目录 layers.html。完整成稿总览、未标记背景和一级内容模块
+ * 从原稿位置动态散开成组件画廊。每个内容叶子仍是独立 DOM，不把整稿压成图片。
+ */
+import { writeFileSync, existsSync } from 'node:fs';
+import { dirname, join, resolve } from 'node:path';
+import { launch, open, wireTemp } from './_browser.mjs';
+
+const file = process.argv[2];
+if (!file || !existsSync(resolve(file))) {
+  console.error('用法: node explode.mjs <海报 index.html> [输出 HTML]');
+  process.exit(2);
+}
+
+const src = resolve(file);
+const out = process.argv[3] ? resolve(process.argv[3]) : join(dirname(src), 'layers.html');
+if (out === src) {
+  console.error('❌ 输出路径不能覆盖源 HTML');
+  process.exit(2);
+}
+
+const wired = wireTemp(src, '_hf_explode.html');
+const browser = await launch();
+let code = 0;
+try {
+  const { page, errors } = await open(browser, wired.file, { waitEditor: true });
+  const expected = await page.evaluate(() => {
+    const layers = window.__layerEditor.layers();
+    const groups = [...window.__layerEditor.state.groups.values()];
+    const grouped = new Set(groups.flatMap((group) => group.memberIds));
+    const primary = groups.length + layers.filter((layer) => !grouped.has(layer.id)).length;
+    const textSupplements = primary < 5 ? layers.filter(({ id, el }) => {
+      if (!grouped.has(id)) return false;
+      const role = (el.dataset.explodeRole || 'copy').trim();
+      if (['surface', 'image', 'icon', 'decoration'].includes(role)) return false;
+      return Boolean((el.innerText || el.textContent || '').replace(/\s+/g, ' ').trim());
+    }).length : 0;
+    return { layers: layers.length, groups: groups.length, primary, textSupplements, units: primary + textSupplements + 2 };
+  });
+  const html = await page.evaluate(() => window.__layerEditor.explodedHTML());
+  writeFileSync(out, html);
+
+  const { page: result, errors: resultErrors } = await open(browser, out, { width: 1600, height: 1000 });
+  await result.waitForSelector('html[data-hf-exploded-ready]', { timeout: 20000 });
+  const audit = await result.evaluate(() => ({
+    board: !!document.querySelector('.hf-exploded-board'),
+    units: document.querySelectorAll('.hf-exploded-item').length,
+    layers: document.querySelectorAll('[data-exploded-layer]').length,
+    uniqueLayers: new Set([...document.querySelectorAll('[data-exploded-layer]')]
+      .map((node) => node.dataset.explodedLayer)).size,
+    primary: Number(document.querySelector('.hf-exploded-board')?.dataset.explodedPrimaryCount || 0),
+    textSupplements: document.querySelectorAll('.hf-exploded-item[data-exploded-text-supplement]').length,
+    bases: document.querySelectorAll('.hf-exploded-base').length,
+    overviews: document.querySelectorAll('[data-exploded-overview]').length,
+    backgrounds: document.querySelectorAll('[data-exploded-background]').length,
+    groups: document.querySelectorAll('.hf-exploded-item[data-exploded-group]').length,
+    level: document.querySelector('.hf-exploded-board')?.dataset.explodedLevel,
+    drilldownUI: !!document.querySelector('.hf-exploded-nav'),
+    theme: document.querySelector('.hf-exploded-board')?.dataset.explodedTheme,
+    replay: !!document.querySelector('.hf-exploded-replay'),
+    motion: document.documentElement.dataset.hfMotion,
+    editorUI: !!document.querySelector('.hf-bar,.hf-panel'),
+    centerOccupied: (() => {
+      const board = document.querySelector('.hf-exploded-board');
+      const width = parseFloat(board?.style.width) || 1;
+      return [...document.querySelectorAll('.hf-exploded-item')].some((item) => {
+        const left = parseFloat(item.style.left) || 0;
+        const itemWidth = parseFloat(item.style.width) || 0;
+        return left < width * .58 && left + itemWidth > width * .42;
+      });
+    })(),
+    overflow: document.documentElement.scrollWidth > innerWidth + 1
+      || document.documentElement.scrollHeight > innerHeight + 1,
+  }));
+
+  console.log(`\n拆解展示 · ${src}\n`);
+  console.log(` ${audit.board ? '✅' : '❌'} 横向拆解画布`);
+  console.log(` ${audit.uniqueLayers === expected.layers ? '✅' : '❌'} 内容叶子 ${audit.uniqueLayers}/${expected.layers}（${audit.layers} 次呈现）`);
+  console.log(` ${audit.units === expected.units ? '✅' : '❌'} 组件总数 ${audit.units}/${expected.units}`);
+  console.log(` ${audit.primary === expected.primary && audit.textSupplements === expected.textSupplements ? '✅' : '❌'} 少组件文字补充 一级 ${audit.primary}，文字 ${audit.textSupplements}`);
+  console.log(` ${audit.bases === 0 && audit.centerOccupied ? '✅' : '❌'} 无中央大基底`);
+  console.log(` ${audit.overviews === 1 && audit.backgrounds === 1 ? '✅' : '❌'} 总览与背景组件 ${audit.overviews}/${audit.backgrounds}`);
+  console.log(` ${audit.groups === expected.groups ? '✅' : '❌'} 一级模块 ${audit.groups}/${expected.groups}`);
+  console.log(` ${audit.level === '1' && !audit.drilldownUI ? '✅' : '❌'} 仅一级内容拆解`);
+  console.log(` ${['light', 'dark'].includes(audit.theme) ? '✅' : '❌'} 明暗主题 ${audit.theme || '未识别'}`);
+  console.log(` ${audit.replay && ['played', 'reduced'].includes(audit.motion) ? '✅' : '❌'} 自动播放与重播 ${audit.motion || '未播放'}`);
+  console.log(` ${!audit.editorUI ? '✅' : '❌'} 不含编辑器界面`);
+  console.log(` ${!audit.overflow ? '✅' : '❌'} 自适应窗口无滚动溢出`);
+  const allErrors = [...errors, ...resultErrors];
+  if (allErrors.length) console.log(` ❌ 页面报错 ${allErrors.join('; ')}`);
+
+  if (!audit.board || audit.uniqueLayers !== expected.layers || audit.units !== expected.units
+    || audit.primary !== expected.primary || audit.textSupplements !== expected.textSupplements
+    || audit.bases !== 0 || !audit.centerOccupied || audit.overviews !== 1 || audit.backgrounds !== 1
+    || audit.groups !== expected.groups
+    || audit.level !== '1' || audit.drilldownUI
+    || !['light', 'dark'].includes(audit.theme) || !audit.replay
+    || !['played', 'reduced'].includes(audit.motion)
+    || audit.editorUI || audit.overflow || allErrors.length) {
+    code = 1;
+    console.log('\n❌ 拆解稿未通过验收。');
+  } else {
+    console.log(`\n✅ 已写入 ${out}\n`);
+  }
+} finally {
+  wired.cleanup();
+  await browser.close();
+}
+
+process.exit(code);