@petercjl/taobao-ai-ops 0.1.0 → 0.1.1

package/skills/taobao-search-product-form/report_runtime/renderer.py

@@ -1,485 +0,0 @@
-#!/usr/bin/env python3
-"""Versioned Compact Commerce UI ViewModel renderer."""
-
-from __future__ import annotations
-
-import base64
-import hashlib
-import html
-import json
-import pathlib
-import re
-from typing import Any
-
-
-ROOT = pathlib.Path(__file__).resolve().parent
-CONTRACT = "compact-workbench@1.0"
-CLI_VERSION = (ROOT / "VERSION").read_text(encoding="utf-8").strip()
-
-
-def esc(value: Any) -> str:
-    return html.escape(str(value if value is not None else ""), quote=True)
-
-
-def slug(value: Any) -> str:
-    candidate = re.sub(r"[^a-zA-Z0-9_-]+", "-", str(value or "")).strip("-")
-    if not candidate:
-        raise ValueError(f"Invalid empty identifier: {value!r}")
-    return candidate
-
-
-def mime_for(blob: bytes) -> str:
-    if blob.startswith(b"\xff\xd8\xff"):
-        return "image/jpeg"
-    if blob.startswith(b"\x89PNG\r\n\x1a\n"):
-        return "image/png"
-    if blob.startswith((b"GIF87a", b"GIF89a")):
-        return "image/gif"
-    if blob.startswith(b"RIFF") and blob[8:12] == b"WEBP":
-        return "image/webp"
-    if blob.startswith(b"<svg") or b"<svg" in blob[:256]:
-        return "image/svg+xml"
-    raise ValueError("Unsupported image format; use JPEG, PNG, GIF, WebP, or SVG")
-
-
-def normalize_assets(raw: Any, input_dir: pathlib.Path) -> dict[str, dict[str, str]]:
-    if raw is None:
-        return {}
-    if isinstance(raw, dict):
-        items = [dict(value, id=key) for key, value in raw.items()]
-    elif isinstance(raw, list):
-        items = raw
-    else:
-        raise ValueError("assets must be an object or array")
-    result: dict[str, dict[str, str]] = {}
-    for item in items:
-        if not isinstance(item, dict) or not item.get("id") or not item.get("path"):
-            raise ValueError("each asset requires id and path")
-        asset_id = str(item["id"])
-        if asset_id in result:
-            raise ValueError(f"duplicate asset id: {asset_id}")
-        value = str(item["path"])
-        if re.match(r"https?://", value, re.I):
-            raise ValueError(f"remote rendering asset is forbidden: {asset_id}")
-        path = pathlib.Path(value).expanduser()
-        if not path.is_absolute():
-            path = input_dir / path
-        path = path.resolve()
-        if not path.is_file():
-            raise ValueError(f"asset not found: {asset_id} -> {path}")
-        blob = path.read_bytes()
-        mime = mime_for(blob)
-        result[asset_id] = {
-            "src": f"data:{mime};base64,{base64.b64encode(blob).decode('ascii')}",
-            "alt": str(item.get("alt", "")),
-            "role": str(item.get("role", "content")),
-            "sha256": hashlib.sha256(blob).hexdigest(),
-        }
-    return result
-
-
-class Renderer:
-    def __init__(self, document: dict[str, Any], assets: dict[str, dict[str, str]]) -> None:
-        self.document = document
-        self.assets = assets
-        self.external_images = str((document.get("meta") or {}).get("external_images", "forbid"))
-        self.tab_counter = 0
-
-    def render_blocks(self, blocks: Any) -> str:
-        if blocks is None:
-            return ""
-        if not isinstance(blocks, list):
-            raise ValueError("blocks must be an array")
-        return "".join(self.render_block(block) for block in blocks)
-
-    def render_block(self, block: Any) -> str:
-        if not isinstance(block, dict):
-            raise ValueError("every block must be an object")
-        kind = block.get("type")
-        if kind == "conclusion":
-            return self.render_conclusion(block)
-        if kind == "alert":
-            tone = slug(block.get("tone", "warning"))
-            title = f"<strong>{esc(block.get('title'))}</strong> " if block.get("title") else ""
-            return f'<section class="alert tone-{tone} searchable">{title}<span>{esc(block.get("text", ""))}</span></section>'
-        if kind == "metrics":
-            columns = max(1, min(8, int(block.get("columns", 4))))
-            variant = slug(block.get("variant", "default"))
-            items = "".join(self.render_metric(item, variant) for item in block.get("items", []))
-            return f'<section class="metrics metrics-{columns} variant-{variant}">{items}</section>'
-        if kind == "grid":
-            columns = max(1, min(4, int(block.get("columns", 2))))
-            children = "".join(self.render_block(item) for item in block.get("items", []))
-            return f'<section class="module-grid grid-{columns}">{children}</section>'
-        if kind == "card":
-            title = esc(block.get("title", ""))
-            meta = esc(block.get("meta", ""))
-            head = f'<div class="card-head"><h2>{title}</h2><span>{meta}</span></div>' if title or meta else ""
-            body = self.render_blocks(block.get("blocks", []))
-            extra = slug(block.get("variant", "default"))
-            return f'<article class="card card-{extra} searchable">{head}<div class="card-body">{body}</div></article>'
-        if kind == "list":
-            ordered = bool(block.get("ordered"))
-            tag = "ol" if ordered else "ul"
-            items = "".join(f'<li class="searchable">{esc(item)}</li>' for item in block.get("items", []))
-            return f'<{tag} class="content-list">{items}</{tag}>'
-        if kind == "callout":
-            return f'<div class="callout searchable">{esc(block.get("text", ""))}</div>'
-        if kind == "text":
-            values = block.get("paragraphs")
-            if values is None:
-                values = [block.get("text", "")]
-            return '<div class="prose">' + "".join(f'<p class="searchable">{esc(value)}</p>' for value in values) + "</div>"
-        if kind == "table":
-            return self.render_table(block)
-        if kind == "tabs":
-            return self.render_tabs(block)
-        if kind == "products":
-            return self.render_products(block)
-        if kind == "stats":
-            items = "".join(f'<div class="mini-stat searchable"><span>{esc(x.get("label", ""))}</span><b>{esc(x.get("value", "—"))}</b></div>' for x in block.get("items", []))
-            return f'<div class="mini-stats">{items}</div>'
-        if kind == "badge":
-            tone = slug(block.get("tone", "info"))
-            return f'<span class="tag tone-{tone}">{esc(block.get("text", ""))}</span>'
-        if kind == "button":
-            label = esc(block.get("label", "打开"))
-            if block.get("target_view"):
-                return f'<button class="text-button" type="button" data-open-view="{esc(slug(block["target_view"]))}">{label}</button>'
-            if block.get("url"):
-                return f'<button class="text-button" type="button" data-url="{esc(block["url"])}">{label}</button>'
-            raise ValueError("button requires target_view or url")
-        if kind == "actions":
-            rows = []
-            for index, item in enumerate(block.get("items", []), 1):
-                rows.append(f'<div class="action-row searchable"><span class="action-rank">{index}</span><div><b>{esc(item.get("title", ""))}</b><p>{esc(item.get("text", ""))}</p></div><span class="tag tone-{esc(slug(item.get("tone", "info")))}">{esc(item.get("label", ""))}</span></div>')
-            return '<div class="action-list">' + "".join(rows) + "</div>"
-        if kind == "empty":
-            return f'<div class="empty">{esc(block.get("text", "暂无数据"))}</div>'
-        raise ValueError(f"unsupported block type: {kind!r}")
-
-    def render_conclusion(self, block: dict[str, Any]) -> str:
-        items = block.get("items")
-        if not isinstance(items, list) or len(items) < 2:
-            raise ValueError("conclusion requires at least two structured items")
-        valid_tones = {"info", "positive", "warning", "danger"}
-        valid_emphasis = {"normal", "strong", "italic", "strong-italic"}
-        cards = []
-        for item in items:
-            if not isinstance(item, dict) or not isinstance(item.get("label"), str) or not item["label"].strip():
-                raise ValueError("each conclusion item requires a nonempty label")
-            segments = item.get("segments")
-            if not isinstance(segments, list) or not segments:
-                raise ValueError("each conclusion item requires text segments")
-            tone = item.get("tone", "info")
-            if tone not in valid_tones:
-                raise ValueError(f"unsupported conclusion tone: {tone!r}")
-            rendered_segments = []
-            for segment in segments:
-                if not isinstance(segment, dict) or not isinstance(segment.get("text"), str) or not segment["text"]:
-                    raise ValueError("each conclusion segment requires nonempty text")
-                emphasis = segment.get("emphasis", "normal")
-                segment_tone = segment.get("tone")
-                if emphasis not in valid_emphasis or (segment_tone is not None and segment_tone not in valid_tones):
-                    raise ValueError("unsupported conclusion emphasis or tone")
-                classes = ["conclusion-segment", f"emphasis-{emphasis}"]
-                if segment_tone is not None:
-                    classes.append(f"conclusion-color-{segment_tone}")
-                rendered_segments.append(f'<span class="{" ".join(classes)}">{esc(segment["text"])}</span>')
-            note = f'<div class="conclusion-note">{esc(item["note"])}</div>' if item.get("note") else ""
-            cards.append(
-                f'<article class="conclusion-item conclusion-tone-{tone} searchable">'
-                f'<h3>{esc(item["label"])}</h3>'
-                f'<p class="conclusion-copy">{"".join(rendered_segments)}</p>{note}</article>'
-            )
-        title = esc(block.get("title") or "核心结论")
-        return f'<section class="card conclusion-card"><div class="card-head"><h2>{title}</h2></div><div class="conclusion-grid">{"".join(cards)}</div></section>'
-
-    def render_metric(self, item: dict[str, Any], variant: str) -> str:
-        tone = slug(item.get("tone", "info"))
-        badge = f'<span class="metric-badge tone-{tone}">{esc(item.get("badge"))}</span>' if item.get("badge") else ""
-        return f'<article class="card metric metric-{variant} searchable"><div class="metric-label"><span>{esc(item.get("label", ""))}</span>{badge}</div><div class="metric-value">{esc(item.get("value", "—"))}</div><div class="metric-note">{esc(item.get("note", ""))}</div></article>'
-
-    def render_table(self, block: dict[str, Any]) -> str:
-        columns = block.get("columns", [])
-        if not columns:
-            raise ValueError("table requires columns")
-        labels = [column.get("label", column.get("key", "")) if isinstance(column, dict) else column for column in columns]
-        head = "".join(f"<th>{esc(label)}</th>" for label in labels)
-        rows = []
-        for row in block.get("rows", []):
-            if isinstance(row, dict):
-                values = [row.get(column.get("key")) if isinstance(column, dict) else row.get(str(column)) for column in columns]
-            else:
-                values = row
-            cells = "".join(f"<td>{self.render_cell(value)}</td>" for value in values)
-            rows.append(f'<tr class="searchable">{cells}</tr>')
-        title = esc(block.get("title", ""))
-        meta = esc(block.get("meta", ""))
-        headbar = f'<div class="card-head"><h2>{title}</h2><span>{meta}</span></div>' if title or meta else ""
-        return f'<article class="card table-card">{headbar}<div class="table-wrap"><table class="data-table"><thead><tr>{head}</tr></thead><tbody>{"".join(rows)}</tbody></table></div></article>'
-
-    def render_cell(self, value: Any) -> str:
-        if not isinstance(value, dict):
-            return esc(value if value is not None else "—")
-        text = esc(value.get("text", "—"))
-        image_url = str(value.get("image_url", "")).strip()
-        if image_url:
-            if self.external_images != "allow_https":
-                raise ValueError("table cell image_url requires meta.external_images=allow_https")
-            if not re.fullmatch(r'''https://[^\s"'<>]+''', image_url):
-                raise ValueError("table cell image_url must be an HTTPS URL")
-            text = (
-                '<div class="cell-product">'
-                f'<div class="cell-thumb"><img src="{esc(image_url)}" alt="{esc(value.get("alt") or value.get("text", ""))}" '
-                'loading="lazy" referrerpolicy="no-referrer" data-remote-image>'
-                '<div class="image-empty" hidden>加载失败</div></div>'
-                f'<span>{text}</span></div>'
-            )
-        if value.get("badge"):
-            text += f' <span class="tag tone-{esc(slug(value.get("tone", "info")))}">{esc(value["badge"])}</span>'
-        actions = []
-        if value.get("url"):
-            actions.append(f'<button class="text-button compact" type="button" data-url="{esc(value["url"])}">{esc(value.get("action_label", "打开"))}</button>')
-        if value.get("copy_value"):
-            actions.append(f'<button class="text-button compact copy-button" type="button" data-copy="{esc(value["copy_value"])}">{esc(value.get("copy_label", "复制"))}</button>')
-        if actions:
-            text += f'<div class="inline-actions">{"".join(actions)}</div>'
-        return text
-
-    def render_tabs(self, block: dict[str, Any]) -> str:
-        self.tab_counter += 1
-        group = f"tabs-{self.tab_counter}"
-        tabs = block.get("tabs", [])
-        if not tabs:
-            return self.render_block({"type": "empty", "text": block.get("empty_text", "暂无分类")})
-        buttons = []
-        panels = []
-        for index, tab in enumerate(tabs):
-            tab_id = slug(tab.get("id", f"tab-{index+1}"))
-            suffix = f" · {esc(tab.get('badge'))}" if tab.get("badge") not in (None, "") else ""
-            buttons.append(f'<button type="button" data-tab-target="{tab_id}" class="{"active" if index == 0 else ""}">{esc(tab.get("label", tab_id))}{suffix}</button>')
-            hidden = "" if index == 0 else " hidden"
-            panels.append(f'<div class="tab-panel" data-tab="{tab_id}"{hidden}>{self.render_blocks(tab.get("blocks", []))}</div>')
-        title = esc(block.get("title", ""))
-        meta = esc(block.get("meta", ""))
-        head = f'<div class="card-head"><h2>{title}</h2><span>{meta}</span></div>' if title or meta else ""
-        return f'<section class="card tabs-card" data-tabs="{group}">{head}<div class="tab-buttons">{"".join(buttons)}</div>{"".join(panels)}</section>'
-
-    def render_products(self, block: dict[str, Any]) -> str:
-        columns = max(1, min(4, int(block.get("columns", 3))))
-        items = block.get("items", [])
-        if not items:
-            return '<div class="empty">暂无候选商品</div>'
-        page_size = block.get("page_size")
-        if page_size is None:
-            products = "".join(self.render_product(item) for item in items)
-            return f'<div class="product-grid product-grid-{columns}">{products}</div>'
-        page_size = max(1, int(page_size))
-        options = block.get("sort_options", [])
-        option_html = "".join(
-            f'<option value="{esc(option["key"])}" data-direction="{esc(option.get("direction", "desc"))}">{esc(option["label"])}</option>'
-            for option in options
-        )
-        cards = "".join(
-            f'<div class="gallery-entry" data-source-order="{index}" '
-            f'data-sort-values="{esc(json.dumps(item.get("sort_values", {}), ensure_ascii=False, separators=(",", ":")))}">'
-            f'{self.render_product(item)}</div>'
-            for index, item in enumerate(items)
-        )
-        controls = (
-            '<div class="gallery-controls">'
-            f'<label>排序<select data-gallery-sort><option value="source">原始顺序</option>{option_html}</select></label>'
-            f'<span data-gallery-count>{len(items)} 件</span>'
-            '<div class="gallery-pager"><button type="button" data-page-prev>上一页</button>'
-            '<span data-page-status></span><button type="button" data-page-next>下一页</button></div>'
-            '</div>'
-        )
-        bottom = ('<div class="gallery-controls gallery-controls-bottom"><span data-gallery-count-bottom></span>'
-                  '<div class="gallery-pager"><button type="button" data-page-prev-bottom>上一页</button>'
-                  '<span data-page-status-bottom></span><button type="button" data-page-next-bottom>下一页</button>'
-                  '</div></div>')
-        return (f'<section class="product-gallery" data-product-gallery data-page-size="{page_size}">'
-                f'{controls}<div class="product-grid product-grid-{columns}" data-gallery-grid>{cards}</div>'
-                f'{bottom}'
-                '</section>')
-
-    def render_product(self, item: dict[str, Any]) -> str:
-        asset_id = str(item.get("asset_id", ""))
-        asset = self.assets.get(asset_id)
-        image_url = str(item.get("image_url", "")).strip()
-        item_url = str(item.get("item_url", "")).strip()
-        if item_url and not re.fullmatch(r'''https://[^\s"'<>]+''', item_url):
-            raise ValueError("product item_url must be an HTTPS URL")
-        if asset:
-            image = (
-                f'<div class="product-media"><img src="{asset["src"]}" '
-                f'alt="{esc(item.get("alt") or asset.get("alt", ""))}"></div>'
-            )
-        elif image_url:
-            if self.external_images != "allow_https":
-                raise ValueError("product image_url requires meta.external_images=allow_https")
-            if not re.fullmatch(r'''https://[^\s"'<>]+''', image_url):
-                raise ValueError("product image_url must be an HTTPS URL")
-            image = (
-                f'<div class="product-media"><img src="{esc(image_url)}" alt="{esc(item.get("alt") or item.get("title", ""))}" '
-                'loading="lazy" referrerpolicy="no-referrer" data-remote-image>'
-                '<div class="image-empty" hidden>图片加载失败</div></div>'
-            )
-        else:
-            image = '<div class="product-media"><div class="image-empty">图片未提供</div></div>'
-        if item_url:
-            image = f'<a class="product-media-link" href="{esc(item_url)}" target="_blank" rel="noopener noreferrer" aria-label="打开商品：{esc(item.get("title", ""))}">{image}</a>'
-        title = esc(item.get("title", ""))
-        if item_url:
-            title = f'<a class="product-title-link" href="{esc(item_url)}" target="_blank" rel="noopener noreferrer">{title}</a>'
-        tone = slug(item.get("tone", "positive"))
-        facts = "".join(f'<div class="fact"><span>{esc(fact.get("label", ""))}</span><b>{esc(fact.get("value", "—"))}</b></div>' for fact in item.get("facts", []))
-        evidence = f'<div class="evidence">{esc(item.get("evidence"))}</div>' if item.get("evidence") else ""
-        actions = []
-        if item.get("url"):
-            actions.append(f'<button class="open-button" type="button" data-url="{esc(item["url"])}">{esc(item.get("action_label", "打开详情"))}</button>')
-        if item.get("copy_value"):
-            actions.append(f'<button class="open-button copy-button" type="button" data-copy="{esc(item["copy_value"])}">{esc(item.get("copy_label", "复制链接"))}</button>')
-        if item_url:
-            actions.append(f'<button class="open-button copy-button" type="button" data-copy="{esc(item_url)}">复制链接</button>')
-        action = f'<div class="product-actions">{"".join(actions)}</div>' if actions else ""
-        return f'<article class="card product-card searchable">{image}<div class="product-body"><div class="product-title">{title}</div><div class="product-meta"><span class="price">{esc(item.get("price", "—"))}</span><span class="tag tone-{tone}">{esc(item.get("badge", ""))}</span></div><div class="facts">{facts}</div>{evidence}{action}</div></article>'
-
-
-def validate_viewmodel(document: Any) -> dict[str, Any]:
-    if not isinstance(document, dict):
-        raise ValueError("ViewModel root must be an object")
-    if document.get("contract") != CONTRACT:
-        raise ValueError(f"contract must be {CONTRACT}")
-    meta = document.get("meta")
-    if not isinstance(meta, dict) or not meta.get("title"):
-        raise ValueError("meta.title is required")
-    views = document.get("views")
-    if not isinstance(views, list) or len(views) < 2:
-        raise ValueError("views must contain at least two top-level views")
-    ids = [slug(view.get("id")) for view in views if isinstance(view, dict)]
-    if len(ids) != len(views):
-        raise ValueError("every view must be an object with an id")
-    if len(ids) != len(set(ids)):
-        raise ValueError("view ids must be unique")
-    reading_path = (document.get("shell") or {}).get("reading_path", [])
-    for item in reading_path:
-        if slug(item.get("view_id")) not in ids:
-            raise ValueError(f"reading path references unknown view: {item.get('view_id')}")
-    for view in views:
-        if not view.get("label") or not view.get("title"):
-            raise ValueError(f"view {view.get('id')} requires label and title")
-        if not isinstance(view.get("blocks", []), list):
-            raise ValueError(f"view {view.get('id')} blocks must be an array")
-    return document
-
-
-def render_file(input_value: pathlib.Path | str, output_value: pathlib.Path | str) -> dict[str, Any]:
-    input_path = pathlib.Path(input_value).expanduser().resolve()
-    output_path = pathlib.Path(output_value).expanduser().resolve()
-    if not input_path.is_file():
-        raise ValueError(f"input not found: {input_path}")
-    if output_path.exists():
-        raise ValueError(f"refusing to overwrite existing output: {output_path}")
-    document = validate_viewmodel(json.loads(input_path.read_text(encoding="utf-8")))
-    assets = normalize_assets(document.get("assets"), input_path.parent)
-    views = document["views"]
-    shell = document.get("shell", {})
-    sidebar_tabs = bool(shell.get("sidebar_tabs"))
-
-    def primary_tabs(view: dict[str, Any]) -> list[dict[str, Any]]:
-        for block in view.get("blocks", []):
-            if isinstance(block, dict) and block.get("type") == "tabs":
-                return block.get("tabs", [])
-        return []
-
-    nav_groups = []
-    for view in views:
-        view_id = slug(view["id"])
-        children = primary_tabs(view) if sidebar_tabs else []
-        child_html = ""
-        if children:
-            child_buttons = []
-            for index, tab in enumerate(children):
-                tab_id = slug(tab.get("id", f"tab-{index + 1}"))
-                badge = tab.get("badge")
-                badge_html = f'<span class="nav-child-badge">{esc(badge)}</span>' if badge not in (None, "") else ""
-                child_buttons.append(
-                    f'<button type="button" class="nav-child" data-child-view="{esc(view_id)}" data-child-tab="{esc(tab_id)}">'
-                    f'<span>{esc(tab.get("label", tab_id))}</span>{badge_html}</button>'
-                )
-            child_html = f'<div class="nav-children" data-nav-children="{esc(view_id)}">{"".join(child_buttons)}</div>'
-        chevron = '<span class="nav-chevron" aria-hidden="true">⌄</span>' if children else ""
-        nav_groups.append(
-            f'<div class="nav-group" data-nav-group="{esc(view_id)}">'
-            f'<button type="button" class="nav-parent" data-view-target="{esc(view_id)}"><span class="nav-dot"></span><span>{esc(view["label"])}</span>{chevron}</button>'
-            f'{child_html}</div>'
-        )
-    nav = "".join(nav_groups)
-
-    reading_items = []
-    for index, item in enumerate(shell.get("reading_path", []), 1):
-        tab_attr = f' data-reading-tab="{esc(slug(item["tab_id"]))}"' if item.get("tab_id") else ""
-        reading_items.append(
-            f'<button type="button" data-reading-view="{esc(slug(item["view_id"]))}"{tab_attr}>'
-            f'<span class="reading-step">{index}</span><span>{esc(item["label"])}</span></button>'
-        )
-    reading_path = (
-        '<nav class="reading-path" id="readingPath" aria-label="报告阅读路径">'
-        '<b>阅读路径</b><div class="reading-items">' + '<span class="reading-arrow">→</span>'.join(reading_items) + '</div></nav>'
-        if reading_items else ""
-    )
-
-    renderer = Renderer(document, assets)
-    rendered_views = []
-    for index, view in enumerate(views):
-        hidden = "" if index == 0 else " hidden"
-        badge = view.get("badge")
-        badge_html = ""
-        if badge:
-            badge_html = f'<span class="tag tone-{esc(slug(badge.get("tone", "info")))}">{esc(badge.get("text", ""))}</span>' if isinstance(badge, dict) else f'<span class="tag tone-info">{esc(badge)}</span>'
-        heading = f'<div class="page-heading"><div><div class="eyebrow">{esc(view.get("eyebrow", ""))}</div><h1>{esc(view["title"])}</h1><p>{esc(view.get("subtitle", ""))}</p></div>{badge_html}</div>'
-        content = renderer.render_blocks(view.get("blocks", []))
-        rendered_views.append(f'<section class="view" data-view="{esc(slug(view["id"]))}" id="view-{esc(slug(view["id"]))}" tabindex="-1"{hidden}>{heading}{content}</section>')
-
-    meta = document["meta"]
-    status = "".join(f"<div>{esc(line)}</div>" for line in shell.get("status", []))
-    search = '<input class="search" id="search" type="search" placeholder="{}">'.format(esc(shell.get("search_placeholder", "搜索当前视图"))) if shell.get("search", True) else ""
-    date = f'<div class="date-chip" id="dateRange">{esc(shell.get("date_range", ""))}</div>' if shell.get("date_range") else ""
-    replacements = {
-        "__TITLE__": esc(meta["title"]),
-        "__CLI_VERSION__": esc(CLI_VERSION),
-        "__CONTRACT__": esc(CONTRACT),
-        "__EXTERNAL_IMAGE_POLICY__": esc(str(meta.get("external_images", "forbid"))),
-        "__BRAND_MARK__": esc(shell.get("brand_mark", "CI")),
-        "__BRAND_TITLE__": esc(shell.get("brand_title", meta["title"])),
-        "__BRAND_SUBTITLE__": esc(shell.get("brand_subtitle", "Commerce Insight")),
-        "__TOP_TITLE__": esc(meta["title"]),
-        "__TOP_META__": esc(meta.get("subtitle", "")),
-        "__NAV_LABEL__": esc(shell.get("nav_label", "报告视图")),
-        "__NAV__": nav,
-        "__BODY_CLASS__": "sidebar-tabs" if sidebar_tabs else "",
-        "__READING_PATH__": reading_path,
-        "__STATUS__": status,
-        "__TOOLS__": search + date,
-        "__VIEWS__": "".join(rendered_views),
-        "__FOOTER__": esc(meta.get("footer", "")),
-        "__VIEW_IDS__": json.dumps([slug(view["id"]) for view in views], ensure_ascii=False),
-    }
-    template = (ROOT / "templates" / "workbench.html").read_text(encoding="utf-8")
-    for marker, value in replacements.items():
-        if marker not in template:
-            raise ValueError(f"template marker missing: {marker}")
-        template = template.replace(marker, value)
-    output_path.parent.mkdir(parents=True, exist_ok=True)
-    output_path.write_text(template, encoding="utf-8")
-    return {
-        "ok": True,
-        "output": str(output_path),
-        "cli_version": CLI_VERSION,
-        "contract": CONTRACT,
-        "views": len(views),
-        "assets_embedded": len(assets),
-        "bytes": output_path.stat().st_size,
-    }

package/skills/taobao-search-product-form/report_runtime/templates/workbench.html

@@ -1,67 +0,0 @@
-<!doctype html>
-<html lang="zh-CN">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width,initial-scale=1">
-  <meta name="color-scheme" content="light">
-  <meta name="generator" content="commerce-ui/__CLI_VERSION__">
-  <meta name="commerce-ui-contract" content="__CONTRACT__">
-  <meta name="commerce-ui-external-images" content="__EXTERNAL_IMAGE_POLICY__">
-  <link rel="icon" href="data:,">
-  <title>__TITLE__</title>
-  <style>
-    :root{--primary:#315bd6;--primary-soft:#eaf0ff;--page:#f3f5f7;--panel:#fff;--text:#20242c;--muted:#697386;--line:#dfe4ea;--positive:#16845b;--positive-soft:#eaf8f2;--warning:#9a6500;--warning-soft:#fff7df;--danger:#bd3e3e;--danger-soft:#fff0f0;--info:#315bd6;--info-soft:#eaf0ff;--sidebar:236px;--topbar:68px;--radius:9px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.58;color:var(--text);background:var(--page);font-variant-numeric:tabular-nums}
-    *{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--page)}button,input{font:inherit}button{cursor:pointer}.hidden,[hidden]{display:none!important}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
-    .sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;background:#fafbfc;border-right:1px solid var(--line);z-index:30}.brand{height:var(--topbar);display:flex;align-items:center;gap:11px;padding:0 16px;border-bottom:1px solid var(--line)}.brandmark{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:800}.brand b{display:block;font-size:15px}.brand small{display:block;font-size:12px;color:var(--muted)}.nav{padding:16px 10px;display:block;overflow:auto}.nav-label{padding:0 9px 7px;color:#8a92a0;font-size:12px;font-weight:700}.nav-group+.nav-group{margin-top:4px}.nav button{width:100%;min-height:40px;border:0;border-radius:7px;padding:8px 10px;display:flex;align-items:center;gap:10px;background:transparent;color:#596274;text-align:left;font-size:13px}.nav button:hover{background:#eef2f7}.nav button.active{background:var(--primary-soft);color:var(--primary);font-weight:750}.nav-parent>span:nth-child(2){min-width:0;flex:1}.nav-dot{width:7px;height:7px;border-radius:2px;background:currentColor;flex:none}.nav-chevron{margin-left:auto;color:#9aa2af;transition:transform .15s}.nav-group.active .nav-chevron{transform:rotate(180deg)}.nav-children{display:none;margin:3px 0 6px 16px;padding-left:9px;border-left:1px solid #d8dee8}.nav-group.active .nav-children{display:grid;gap:2px}.nav .nav-child{min-height:34px;padding:6px 8px;font-size:12px}.nav-child>span:first-child{min-width:0;flex:1}.nav-child-badge{color:#8a92a0;font-size:12px;font-weight:600}.nav-child.active .nav-child-badge{color:inherit}.side-status{margin:auto 12px 16px;padding:13px 12px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.side-status div+div{margin-top:4px}.side-status div:first-child{color:var(--text);font-weight:700}
-    .app{min-height:100vh;margin-left:var(--sidebar)}.topbar{height:var(--topbar);position:sticky;top:0;z-index:20;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.identity b{display:block;font-size:15px}.identity span{display:block;color:var(--muted);font-size:12px}.tools{display:flex;align-items:center;gap:8px}.search{height:38px;min-width:240px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fafbfc;color:var(--text)}.date-chip{height:38px;display:flex;align-items:center;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#596274;font-size:13px;white-space:nowrap}.menu-toggle{display:none;width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:#fff}.reading-path{position:sticky;top:var(--actual-topbar,var(--topbar));z-index:19;min-height:48px;padding:8px 22px;display:flex;align-items:center;gap:13px;background:rgba(250,251,252,.97);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.reading-path>b{flex:none;color:#596274;font-size:12px}.reading-items{min-width:0;display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:thin}.reading-path button{flex:none;min-height:31px;padding:4px 9px;border:1px solid #d8dee8;border-radius:999px;background:#fff;color:#596274;font-size:12px;white-space:nowrap}.reading-path button.active{border-color:#bdcafa;background:var(--primary-soft);color:var(--primary);font-weight:700}.reading-step{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:5px;border-radius:50%;background:#eef1f5;font-size:12px}.reading-path button.active .reading-step{background:#dbe5ff}.reading-arrow{color:#a4acb8;font-size:12px}
-    main{max-width:1420px;margin:0 auto;padding:22px}.view{outline:none}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}.eyebrow{color:var(--primary);font-size:12px;font-weight:750;margin-bottom:3px}.page-heading h1{margin:0;font-size:25px;line-height:1.25}.page-heading p{margin:5px 0 0;color:var(--muted);font-size:13px;max-width:900px}.tag{display:inline-flex;align-items:center;min-height:27px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.tone-info{background:var(--info-soft);color:var(--info)}.tone-positive{background:var(--positive-soft);color:var(--positive)}.tone-warning{background:var(--warning-soft);color:var(--warning)}.tone-danger{background:var(--danger-soft);color:var(--danger)}
-    .alert{margin-bottom:10px;padding:11px 13px;border:1px solid #ecd08d;border-radius:var(--radius);background:var(--warning-soft);color:#72531a;font-size:13px}.alert strong{color:#57400f}.alert.tone-info{border-color:#cbd7f6}.alert.tone-positive{border-color:#a7dcc8}.alert.tone-danger{border-color:#efb8b8}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 2px rgba(25,34,49,.03);min-width:0}.card-head{min-height:49px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f3}.card-head h2{font-size:15px;margin:0}.card-head span{color:var(--muted);font-size:12px}.card-body{padding:13px}
-    .metrics{display:grid;gap:9px;margin-bottom:10px}.metrics-1{grid-template-columns:1fr}.metrics-2{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-3{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics-4{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics-5{grid-template-columns:repeat(5,minmax(0,1fr))}.metrics-6{grid-template-columns:repeat(6,minmax(0,1fr))}.metrics-7{grid-template-columns:repeat(7,minmax(0,1fr))}.metrics-8{grid-template-columns:repeat(8,minmax(0,1fr))}.metric{padding:13px;min-height:108px}.metric-label{display:flex;justify-content:space-between;gap:6px;color:var(--muted);font-size:12px}.metric-badge{font-size:12px;font-weight:700;background:transparent!important}.metric-value{margin:10px 0 5px;font-size:27px;font-weight:780;line-height:1.15}.metric-note{color:var(--muted);font-size:12px}.variant-funnel .metric{min-height:82px;border-top:3px solid var(--primary)}.variant-funnel .metric-value{font-size:22px;margin:7px 0 0}.module-grid{display:grid;gap:10px;margin-bottom:10px}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.content-list{margin:0;padding-left:21px;font-size:13px;color:#4f596a}.content-list li+li{margin-top:7px}.card>.card-body>.content-list{padding-left:20px}ol.content-list{list-style:none;counter-reset:rank;padding:0}ol.content-list li{counter-increment:rank;padding:10px 0;border-bottom:1px solid #edf0f3;margin:0}ol.content-list li:last-child{border-bottom:0}ol.content-list li:before{content:counter(rank);display:inline-block;min-width:20px;color:var(--primary);font-weight:800}.callout{padding:14px;border-left:4px solid var(--primary);background:#f6f8ff;border-radius:0 8px 8px 0;font-size:14px}.prose p{font-size:13px;margin:0}.prose p+p{margin-top:8px}.mini-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.mini-stat{padding:8px;border-radius:7px;background:#f7f8fa}.mini-stat span{display:block;color:var(--muted);font-size:12px}.mini-stat b{font-size:17px}.text-button{border:0;background:transparent;color:var(--primary);padding:9px 0 0;font-size:13px;font-weight:700}.text-button.compact{padding-top:4px;font-size:12px}
-    .action-list{margin:-13px}.action-row{display:grid;grid-template-columns:28px 1fr auto;gap:9px;padding:12px 13px;border-bottom:1px solid #edf0f3}.action-row:last-child{border:0}.action-rank{width:28px;height:28px;border-radius:7px;background:var(--primary-soft);display:grid;place-items:center;color:var(--primary);font-weight:700;font-size:12px}.action-row b{font-size:13px}.action-row p{font-size:12px;color:var(--muted);margin:3px 0 0}
-    .conclusion-card{margin-bottom:10px}.conclusion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;padding:13px}.conclusion-item{min-width:0;padding:14px;border:1px solid var(--line);border-top:3px solid var(--info);border-radius:8px;background:#fff;overflow-wrap:anywhere}.conclusion-item.conclusion-tone-positive{border-top-color:var(--positive)}.conclusion-item.conclusion-tone-warning{border-top-color:var(--warning)}.conclusion-item.conclusion-tone-danger{border-top-color:var(--danger)}.conclusion-item h3{margin:0 0 9px;font-size:13px;font-weight:800;color:var(--info)}.conclusion-item.conclusion-tone-positive h3{color:var(--positive)}.conclusion-item.conclusion-tone-warning h3{color:var(--warning)}.conclusion-item.conclusion-tone-danger h3{color:var(--danger)}.conclusion-copy{margin:0;font-size:16px;line-height:1.55;color:var(--text)}.conclusion-segment.emphasis-strong,.conclusion-segment.emphasis-strong-italic{font-weight:800}.conclusion-segment.emphasis-italic,.conclusion-segment.emphasis-strong-italic{font-style:italic}.conclusion-color-info{color:var(--info)}.conclusion-color-positive{color:var(--positive)}.conclusion-color-warning{color:var(--warning)}.conclusion-color-danger{color:var(--danger)}.conclusion-note{margin-top:9px;color:var(--muted);font-size:12px;line-height:1.5}
-    .tabs-card{margin-bottom:10px}.tab-buttons{display:flex;gap:7px;flex-wrap:wrap;padding:12px}.sidebar-tabs .tab-buttons{display:none}.sidebar-tabs .tabs-card>.card-head{margin-bottom:12px}.tab-buttons button{min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#596274;font-size:13px}.tab-buttons button.active{border-color:#bdcafa;background:var(--primary-soft);color:var(--primary);font-weight:700}.tab-panel{padding:0 13px 13px}.tab-panel>.card:first-child{margin-bottom:10px;background:#f7f8fa;border:0;box-shadow:none}.tab-panel>.card:first-child .card-head{border:0;min-height:44px}.tab-panel>.card:first-child .card-body{padding-top:0}
-    .product-grid{display:grid;gap:10px;align-items:start}.product-grid-1{grid-template-columns:1fr}.product-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.product-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card{overflow:hidden}.product-media-link{display:block;color:inherit;text-decoration:none}.product-media-link:hover .product-media{outline:2px solid var(--primary);outline-offset:-2px}.product-title-link{color:inherit;text-decoration:none}.product-title-link:hover{color:var(--primary);text-decoration:underline}.product-media{position:relative;width:100%;aspect-ratio:var(--product-image-aspect,1/1);overflow:hidden;background:#eef1f4;transition:aspect-ratio .15s ease}.product-card .product-media img,.product-card .product-media>.image-empty{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;background:#eef1f4}.product-card .product-media>.image-empty{display:grid;place-items:center;color:var(--muted);font-size:13px}.product-body{padding:12px}.product-title{min-height:43px;font-size:13px;font-weight:750;overflow-wrap:anywhere}.product-meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:9px 0}.price{font-size:20px;color:#c85213;font-weight:800}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:9px}.fact{padding:7px;background:#f7f8fa;border-radius:7px}.fact span{display:block;color:var(--muted);font-size:12px}.fact b{display:block;font-size:13px;overflow-wrap:anywhere}.evidence{padding:8px;border-radius:7px;background:#f5f2ff;color:#544a78;font-size:12px;margin-bottom:8px}.product-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.open-button{width:100%;min-height:36px;border:1px solid #cbd5f5;border-radius:7px;background:#fff;color:var(--primary);font-size:13px;font-weight:700}.copy-button{border-color:#d8dde6;color:#596274}.inline-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
-    .table-card{margin-bottom:10px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{height:44px;padding:0 12px;text-align:left;background:#f7f8fa;color:#667082;border-bottom:1px solid var(--line);font-size:12px;white-space:nowrap}.data-table td{padding:10px 12px;border-bottom:1px solid #edf0f3;vertical-align:top}.data-table tr:hover td{background:#fafcff}.cell-product{display:flex;align-items:center;gap:9px;min-width:250px}.cell-thumb{width:48px;height:48px;flex:none;border-radius:7px;overflow:hidden;background:#eef1f4}.cell-thumb img,.cell-thumb .image-empty{width:48px;height:48px;aspect-ratio:1;object-fit:cover;font-size:12px;text-align:center}.empty{padding:24px;text-align:center;color:var(--muted);font-size:13px}.footer-note{padding:14px 0;text-align:right;color:var(--muted);font-size:12px}
-    @media(max-width:1180px){.metrics-5,.metrics-6,.metrics-7,.metrics-8{grid-template-columns:repeat(3,1fr)}.product-grid-3,.product-grid-4{grid-template-columns:repeat(2,1fr)}}
-    @media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:0 12px 34px rgba(25,34,49,.18)}.app{margin-left:0}.menu-toggle{display:inline-grid;place-items:center}.topbar{padding:0 14px}.reading-path{padding-inline:14px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.metrics-4{grid-template-columns:repeat(2,1fr)}}
-    @media(max-width:600px){main{padding:14px}.topbar{height:auto;min-height:68px;flex-wrap:wrap;padding-block:9px}.tools{width:100%}.search{min-width:0;flex:1}.date-chip{font-size:12px}.reading-path{align-items:flex-start;gap:8px}.reading-path>b{padding-top:6px}.metrics-2,.metrics-3,.metrics-4,.metrics-5,.metrics-6,.metrics-7,.metrics-8{grid-template-columns:repeat(2,1fr)}.product-grid-2,.product-grid-3,.product-grid-4{grid-template-columns:1fr}.mini-stats{grid-template-columns:repeat(2,1fr)}.page-heading{display:block}.page-heading>.tag{margin-top:8px}}
-    .gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 12px;margin:12px 0;background:#fff;border:1px solid #dce2ea;border-radius:9px;color:var(--muted);font-size:13px}.gallery-controls label,.gallery-pager{display:flex;align-items:center;gap:8px}.gallery-controls select,.gallery-pager button{padding:7px 10px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:var(--text)}.gallery-pager button:disabled{opacity:.45;cursor:not-allowed}.gallery-entry{min-width:0}.gallery-controls-bottom{margin-top:14px}
-    @media print{.sidebar,.tools,.menu-toggle,.text-button,.open-button,.reading-path,.gallery-controls{display:none!important}.app{margin:0}.topbar{position:static;height:auto;padding:0 0 12px}.view,.view[hidden]{display:block!important;margin-bottom:22px}.view+.view{break-before:page}.tab-panel,.tab-panel[hidden]{display:block!important}.tab-buttons{display:none}.gallery-entry[hidden]{display:block!important}.card,.alert,.product-card{break-inside:avoid}main{max-width:none;padding:0}}
-  </style>
-</head>
-<body class="__BODY_CLASS__">
-  <aside class="sidebar" id="sidebar" aria-label="报告导航">
-    <div class="brand"><div class="brandmark">__BRAND_MARK__</div><div><b>__BRAND_TITLE__</b><small>__BRAND_SUBTITLE__</small></div></div>
-    <nav class="nav" id="nav"><div class="nav-label">__NAV_LABEL__</div>__NAV__</nav>
-    <div class="side-status" id="sideStatus">__STATUS__</div>
-  </aside>
-  <div class="app">
-    <header class="topbar"><div style="display:flex;align-items:center;gap:10px"><button class="menu-toggle" id="menuToggle" type="button" aria-label="打开导航">☰</button><div class="identity"><b>__TOP_TITLE__</b><span>__TOP_META__</span></div></div><div class="tools">__TOOLS__</div></header>
-    __READING_PATH__
-    <main id="workspace">__VIEWS__<div class="footer-note">__FOOTER__</div></main>
-  </div>
-  <script>
-    const viewIds=__VIEW_IDS__,q=(s,r=document)=>r.querySelector(s),qa=(s,r=document)=>[...r.querySelectorAll(s)];
-    const navButtons=qa('[data-view-target]'),childButtons=qa('[data-child-view]'),readingButtons=qa('[data-reading-view]');
-    function activateTab(viewId,tabId){const view=q(`[data-view="${CSS.escape(viewId)}"]`);if(!view)return null;const target=tabId?q(`[data-tab-target="${CSS.escape(tabId)}"]`,view):q('[data-tab-target].active',view)||q('[data-tab-target]',view);if(!target)return null;const group=target.closest('[data-tabs]'),buttons=qa('[data-tab-target]',group),panels=qa('[data-tab]',group);buttons.forEach(button=>button.classList.toggle('active',button===target));panels.forEach(panel=>panel.hidden=panel.dataset.tab!==target.dataset.tabTarget);childButtons.forEach(button=>button.classList.toggle('active',button.dataset.childView===viewId&&button.dataset.childTab===target.dataset.tabTarget));return target.dataset.tabTarget}
-    function showView(id,{tabId=null,historyMode='push',focus=true}={}){const valid=viewIds.includes(id)?id:viewIds[0];qa('[data-view]').forEach(v=>{const on=v.dataset.view===valid;v.hidden=!on;v.classList.toggle('active',on)});navButtons.forEach(b=>{const on=b.dataset.viewTarget===valid;b.classList.toggle('active',on);b.setAttribute('aria-current',on?'page':'false')});qa('[data-nav-group]').forEach(group=>group.classList.toggle('active',group.dataset.navGroup===valid));const activeTab=activateTab(valid,tabId),activeView=q(`[data-view="${CSS.escape(valid)}"]`);qa('[data-tab]:not([hidden]) [data-product-gallery]',activeView).forEach(gallery=>updateGallery(gallery,{reset:true}));readingButtons.forEach(button=>button.classList.toggle('active',button.dataset.readingView===valid));const hash=`#${valid}${activeTab?`/${activeTab}`:''}`;if(historyMode==='push'&&location.hash!==hash)history.pushState({view:valid,tab:activeTab},'',hash);if(historyMode==='replace')history.replaceState({view:valid,tab:activeTab},'',hash);q('#sidebar').classList.remove('open');window.scrollTo(0,0);if(focus)activeView?.focus({preventScroll:true});return valid}
-    navButtons.forEach(b=>b.addEventListener('click',()=>showView(b.dataset.viewTarget)));
-    childButtons.forEach(b=>b.addEventListener('click',()=>{const viewId=b.dataset.childView,tabId=b.dataset.childTab;showView(viewId,{tabId});const view=q(`[data-view="${CSS.escape(viewId)}"]`),panel=q(`[data-tab="${CSS.escape(tabId)}"]`,view),section=panel?.closest('.tabs-card');if(section)window.scrollTo({top:section.getBoundingClientRect().top+window.scrollY-115,behavior:'auto'})}));
-    readingButtons.forEach(b=>b.addEventListener('click',()=>showView(b.dataset.readingView,{tabId:b.dataset.readingTab||null})));
-    qa('[data-tabs]').forEach(group=>{const buttons=qa('[data-tab-target]',group);buttons.forEach(button=>button.addEventListener('click',()=>{const view=button.closest('[data-view]');showView(view.dataset.view,{tabId:button.dataset.tabTarget,focus:false})}))});
-    async function copyText(value){try{if(navigator.clipboard&&window.isSecureContext){await navigator.clipboard.writeText(value);return true}}catch(error){}const area=document.createElement('textarea');area.value=value;area.setAttribute('readonly','');area.style.position='fixed';area.style.opacity='0';document.body.appendChild(area);area.select();let ok=false;try{ok=document.execCommand('copy')}catch(error){}area.remove();return ok}
-    document.addEventListener('click',async event=>{const open=event.target.closest('[data-open-view]');if(open)showView(open.dataset.openView);const copy=event.target.closest('[data-copy]');if(copy){const original=copy.dataset.originalLabel||copy.textContent;copy.dataset.originalLabel=original;const ok=await copyText(copy.dataset.copy);copy.textContent=ok?'已复制':'复制失败';window.setTimeout(()=>{copy.textContent=original},1400);return}const link=event.target.closest('[data-url]');if(link)window.open(link.dataset.url,'_blank','noopener,noreferrer')});
-    function hashTarget(){const [view,tab]=decodeURIComponent(location.hash.slice(1)).split('/');return{view,tab}}
-    const initial=hashTarget();showView(initial.view,{tabId:initial.tab,historyMode:'replace',focus:false});window.addEventListener('popstate',()=>{const target=hashTarget();showView(target.view,{tabId:target.tab,historyMode:'none',focus:false})});
-    function updateGallery(gallery,{reset=false}={}){const grid=q('[data-gallery-grid]',gallery),entries=qa('.gallery-entry',grid),select=q('[data-gallery-sort]',gallery),key=select.value,selected=select.selectedOptions[0],direction=selected?.dataset.direction==='asc'?1:-1,term=(q('#search')?.value||'').trim().toLowerCase();if(reset)gallery.dataset.page='1';const ordered=[...entries].sort((a,b)=>{if(key==='source')return Number(a.dataset.sourceOrder)-Number(b.dataset.sourceOrder);const av=JSON.parse(a.dataset.sortValues||'{}')[key],bv=JSON.parse(b.dataset.sortValues||'{}')[key];if(av==null&&bv==null)return Number(a.dataset.sourceOrder)-Number(b.dataset.sourceOrder);if(av==null)return 1;if(bv==null)return -1;return (Number(av)-Number(bv))*direction||Number(a.dataset.sourceOrder)-Number(b.dataset.sourceOrder)});ordered.forEach(entry=>grid.appendChild(entry));const matches=ordered.filter(entry=>!term||entry.textContent.toLowerCase().includes(term)),size=Number(gallery.dataset.pageSize)||50,pages=Math.max(1,Math.ceil(matches.length/size)),page=Math.min(pages,Math.max(1,Number(gallery.dataset.page)||1));gallery.dataset.page=String(page);ordered.forEach(entry=>entry.hidden=true);matches.slice((page-1)*size,page*size).forEach(entry=>entry.hidden=false);for(const attr of ['data-gallery-count','data-gallery-count-bottom']){const node=q(`[${attr}]`,gallery);if(node)node.textContent=`${matches.length} 件${term?'匹配商品':''}`};for(const attr of ['data-page-status','data-page-status-bottom']){const node=q(`[${attr}]`,gallery);if(node)node.textContent=`第 ${page} / ${pages} 页`};for(const attr of ['data-page-prev','data-page-prev-bottom']){const node=q(`[${attr}]`,gallery);if(node)node.disabled=page<=1};for(const attr of ['data-page-next','data-page-next-bottom']){const node=q(`[${attr}]`,gallery);if(node)node.disabled=page>=pages}}
-    qa('[data-product-gallery]').forEach(gallery=>{updateGallery(gallery);q('[data-gallery-sort]',gallery).addEventListener('change',()=>updateGallery(gallery,{reset:true}));for(const attr of ['data-page-prev','data-page-prev-bottom'])q(`[${attr}]`,gallery).addEventListener('click',()=>{gallery.dataset.page=String(Number(gallery.dataset.page)-1);updateGallery(gallery);window.scrollTo({top:gallery.getBoundingClientRect().top+window.scrollY-110,behavior:'smooth'})});for(const attr of ['data-page-next','data-page-next-bottom'])q(`[${attr}]`,gallery).addEventListener('click',()=>{gallery.dataset.page=String(Number(gallery.dataset.page)+1);updateGallery(gallery);window.scrollTo({top:gallery.getBoundingClientRect().top+window.scrollY-110,behavior:'smooth'})})});
-    const search=q('#search');if(search)search.addEventListener('input',()=>{const term=search.value.trim().toLowerCase(),active=q('[data-view]:not([hidden])');qa('.searchable',active).filter(node=>!node.closest('[data-product-gallery]')).forEach(node=>node.classList.toggle('hidden',Boolean(term)&&!node.textContent.toLowerCase().includes(term)));qa('[data-product-gallery]',active).forEach(gallery=>updateGallery(gallery,{reset:true}))});
-    q('#menuToggle').addEventListener('click',()=>q('#sidebar').classList.toggle('open'));document.addEventListener('keydown',event=>{if((event.metaKey||event.ctrlKey)&&event.key.toLowerCase()==='k'&&search){event.preventDefault();search.focus()}if(event.key==='Escape')q('#sidebar').classList.remove('open')});
-    function syncProductImageAspect(image){if(!image.naturalWidth||!image.naturalHeight)return;const media=image.closest('.product-media');if(!media)return;media.style.setProperty('--product-image-aspect',`${image.naturalWidth}/${image.naturalHeight}`);media.dataset.imageAspect=`${image.naturalWidth}:${image.naturalHeight}`}
-    qa('.product-media img').forEach(image=>{if(image.complete&&image.naturalWidth)syncProductImageAspect(image);else image.addEventListener('load',()=>syncProductImageAspect(image),{once:true})});
-    qa('img[data-remote-image]').forEach(image=>image.addEventListener('error',()=>{image.hidden=true;const fallback=image.nextElementSibling;if(fallback)fallback.hidden=false},{once:true}));
-    function syncTopbarHeight(){const topbar=q('.topbar');if(topbar)document.documentElement.style.setProperty('--actual-topbar',`${topbar.offsetHeight}px`)}syncTopbarHeight();window.addEventListener('resize',syncTopbarHeight);if(window.ResizeObserver)new ResizeObserver(syncTopbarHeight).observe(q('.topbar'));
-    window.commerceUI={contract:'__CONTRACT__',version:'__CLI_VERSION__',viewIds,showView,activateTab,visibleViews:()=>qa('[data-view]').filter(v=>!v.hidden).map(v=>v.dataset.view)};
-  </script>
-</body>
-</html>