@proteus-vue/component-ir 0.1.0

package/dist/index.js

@@ -0,0 +1,1140 @@
+// src/schema.ts
+var SEMANTIC_ENUM = [
+  // —— 布局原语（G-32 ① Layout 12：G-22 泛化——swiper/scroll-view/movable 消灭为属性）——
+  "layout.box",
+  "layout.inline",
+  "layout.stack",
+  "layout.grid",
+  "layout.fluid",
+  "layout.adaptive",
+  "layout.fit",
+  "layout.spacer",
+  "layout.divider",
+  "layout.scroll",
+  "layout.virtual-list",
+  "layout.masonry",
+  // ★G-31 B4：Fluid 体系扩展语义（有明确系统原生对应——原则 #10.8）
+  "layout.split",
+  "layout.safe",
+  "layout.sidebar",
+  // —— 基础 UI 原语（G-32 ② UI 18 + 既有按钮）——
+  "ui.text",
+  "ui.heading",
+  "ui.rich-text",
+  "ui.icon",
+  "ui.image",
+  "ui.avatar",
+  "ui.media",
+  "ui.canvas",
+  "ui.svg",
+  "ui.input",
+  "ui.textarea",
+  "ui.select",
+  "ui.checkbox",
+  "ui.radio",
+  "ui.switch",
+  "ui.slider",
+  "ui.picker",
+  "ui.form",
+  "ui.button",
+  // 既有按钮（小程序对照 row 14）
+  // ★G-31 B4：既有组件对齐（p-list-view/p-nav-bar）
+  "ui.list",
+  "ui.nav",
+  // —— 容器/导航原语（G-32 ③ Shell 10）——
+  "shell.page",
+  "shell.nav",
+  "shell.tabbar",
+  "shell.segment",
+  "shell.drawer",
+  "shell.modal",
+  "shell.popover",
+  "shell.toast",
+  "shell.action-sheet",
+  // —— 交互/手势原语（G-32 ④ Gesture——组件形态 2 个；v-gesture: 指令归绑定层不产生 C-IR 节点）——
+  "gesture.draggable",
+  "gesture.scrollable",
+  // —— 工程原语（G-32 ⑥ Engineering——组件形态 3 个；Hook/路由方法归 API 层）——
+  "engineering.router-link",
+  "engineering.transition",
+  "engineering.animate",
+  // —— 能力入口（G-28 组件化：p-* 能力入口组件；useXxx Hook 归 API 层不产生 C-IR 节点）——
+  "capability.scan-qr",
+  "capability.pick-photo",
+  "capability.location"
+];
+var COMPONENT_IR_SCHEMA = {
+  $schema: "https://json-schema.org/draft/2020-12/schema",
+  $id: "https://proteus.dev/schemas/component-ir.json",
+  title: "Proteus Component IR (C-IR)",
+  type: "object",
+  required: ["tag", "semantic", "props", "children"],
+  properties: {
+    tag: { type: "string", pattern: "^p-[a-z0-9-]+$" },
+    semantic: { type: "string", enum: SEMANTIC_ENUM },
+    props: { type: "object", additionalProperties: true },
+    children: { type: "array", items: { $ref: "#" }, default: [] },
+    capabilities: { type: "array", items: { type: "object", required: ["name"] } },
+    degradation: { type: "object", additionalProperties: { enum: ["supported", "fallback", "unsupported"] } }
+  }
+};
+var TAG_SEMANTIC_MAP = {
+  // G-32 ① 布局原语（12）
+  "p-box": "layout.box",
+  "p-inline": "layout.inline",
+  "p-stack": "layout.stack",
+  "p-grid": "layout.grid",
+  "p-fluid": "layout.fluid",
+  "p-adaptive": "layout.adaptive",
+  "p-fit": "layout.fit",
+  "p-spacer": "layout.spacer",
+  "p-divider": "layout.divider",
+  "p-scroll": "layout.scroll",
+  "p-virtual-list": "layout.virtual-list",
+  "p-masonry": "layout.masonry",
+  // G-32 ② UI 原语（18）
+  "p-text": "ui.text",
+  "p-heading": "ui.heading",
+  "p-rich-text": "ui.rich-text",
+  "p-icon": "ui.icon",
+  "p-image": "ui.image",
+  "p-avatar": "ui.avatar",
+  "p-media": "ui.media",
+  "p-canvas": "ui.canvas",
+  "p-svg": "ui.svg",
+  "p-input": "ui.input",
+  "p-textarea": "ui.textarea",
+  "p-select": "ui.select",
+  "p-checkbox": "ui.checkbox",
+  "p-radio": "ui.radio",
+  "p-switch": "ui.switch",
+  "p-slider": "ui.slider",
+  "p-picker": "ui.picker",
+  "p-form": "ui.form",
+  "p-button": "ui.button",
+  // 既有按钮
+  // G-32 ③ Shell 原语（10）
+  "p-page": "shell.page",
+  "p-nav": "shell.nav",
+  "p-tabbar": "shell.tabbar",
+  "p-segment": "shell.segment",
+  "p-drawer": "shell.drawer",
+  "p-modal": "shell.modal",
+  "p-popover": "shell.popover",
+  "p-toast": "shell.toast",
+  "p-action-sheet": "shell.action-sheet",
+  "p-split": "layout.split",
+  // ★已落地绑定（G-32 S10 分栏语义——layout.split 承载）
+  // G-32 ④ Gesture 组件形态（2）
+  "p-draggable": "gesture.draggable",
+  "p-scrollable": "gesture.scrollable",
+  // G-32 ⑥ Engineering 组件形态（3）
+  "p-router-link": "engineering.router-link",
+  // ★E18 组件形态（p- 前缀产 C-IR）
+  "router-link": "engineering.router-link",
+  // ★兼容别名（Vue Router 风格 <router-link> 标签；非 catalog 条目——p-view 先例 G-31 B4）
+  "p-transition": "engineering.transition",
+  "p-animate": "engineering.animate",
+  // G-31 能力入口
+  "p-scan-qr": "capability.scan-qr",
+  "p-pick-photo": "capability.pick-photo",
+  "p-location": "capability.location",
+  // ★G-31 B4 现有组件对齐（src/components 实际标签 → L1 语义）
+  "p-view": "layout.box",
+  // 原子容器 = p-box 角色
+  "p-list-view": "ui.list",
+  "p-nav-bar": "ui.nav",
+  // ★G-31 B4 Fluid 体系扩展语义（有明确系统原生对应——原则 #10.8）
+  "p-safe": "layout.safe",
+  "p-sidebar": "layout.sidebar"
+};
+
+// src/validate.ts
+var DEFAULT_DESIGN_WIDTH = 375;
+function validateComponentIR(ir) {
+  const diags = [];
+  if (!ir || typeof ir !== "object") {
+    return [{ code: "CIR_INVALID", message: "C-IR \u5FC5\u987B\u4E3A\u5BF9\u8C61" }];
+  }
+  const node = ir;
+  if (typeof node.tag !== "string" || !/^p-[a-z0-9-]+$/.test(node.tag)) {
+    diags.push({ code: "CIR_INVALID_TAG", message: `tag="${String(node.tag)}" \u975E\u6CD5\u2014\u2014\u5FC5\u987B p- \u524D\u7F00 + \u8BED\u4E49\u540D\u8BCD\uFF08G-31.1\uFF09` });
+  }
+  if (typeof node.semantic !== "string" || SEMANTIC_ENUM.indexOf(node.semantic) < 0) {
+    diags.push({ code: "CIR_INVALID_SEMANTIC", message: `semantic="${String(node.semantic)}" \u975E\u6CD5\u2014\u2014\u987B\u4E3A\u8BED\u4E49\u679A\u4E3E\uFF08<domain>.<kind>\uFF09` });
+  }
+  if (node.props === null || typeof node.props !== "object") {
+    diags.push({ code: "CIR_INVALID_PROPS", message: "props \u5FC5\u987B\u4E3A\u5BF9\u8C61" });
+  }
+  const caps = node.capabilities;
+  if (Array.isArray(caps) && caps.length) {
+    const declared = new Set(Object.keys(node.degradation ?? {}));
+    for (const cap2 of caps) {
+      if (typeof cap2 === "object" && cap2 !== null && typeof cap2.name === "string" && !declared.has(cap2.name)) {
+        diags.push({ code: "CMP006", message: `capability "${cap2.name}" \u672A\u58F0\u660E degradation\uFF08supported/fallback/unsupported\uFF09\u2014\u2014G-31.2` });
+      }
+    }
+  }
+  if (Array.isArray(node.children)) {
+    for (const child of node.children) {
+      diags.push.apply(diags, validateComponentIR(child));
+    }
+  }
+  return diags;
+}
+function validateGridConstraints(props, designWidth = DEFAULT_DESIGN_WIDTH) {
+  const minColWidth = props.minColWidth ?? props.minColWidth;
+  const maxCols = props.maxCols;
+  if (typeof minColWidth === "number" && typeof maxCols === "number" && maxCols > 1) {
+    const needed = minColWidth * maxCols;
+    if (needed > designWidth) {
+      return [
+        {
+          code: "GRID_CONFLICT",
+          message: `min-col-width=${minColWidth} \xD7 max-cols=${maxCols} = ${needed} > \u8BBE\u8BA1\u5BBD ${designWidth}\u2014\u2014max-cols=${maxCols} \u6C38\u4E0D\u8FBE\uFF08\u6C38\u8FDC\u5355\u5217\uFF09\uFF0C\u8BF7\u8C03\u5C0F min-col-width \u6216 max-cols`
+        }
+      ];
+    }
+  }
+  return [];
+}
+function validateComponentTree(ir, designWidth = DEFAULT_DESIGN_WIDTH) {
+  const diags = validateComponentIR(ir);
+  if (ir && typeof ir === "object") {
+    const node = ir;
+    if (node.props && typeof node.props === "object") {
+      diags.push.apply(diags, validateGridConstraints(node.props, designWidth));
+    }
+    if (Array.isArray(node.children)) {
+      for (const child of node.children) {
+        diags.push.apply(diags, validateComponentTree(child, designWidth));
+      }
+    }
+  }
+  return diags;
+}
+
+// src/map.ts
+var SEMANTIC_BACKEND_MAP = {
+  // —— 布局原语（G-22 四原语 + box/adaptive）——
+  "layout.box": {
+    "vue-dom": "div.proteus-box",
+    "native-ios": "UIView",
+    "native-android": "FrameLayout",
+    "native-harmony": "Stack",
+    skyline: "view",
+    flutter: "Container",
+    headless: "box"
+  },
+  "layout.stack": {
+    "vue-dom": "div.proteus-stack",
+    "native-ios": "UIStackView",
+    "native-android": "LinearLayout",
+    "native-harmony": "Flex",
+    skyline: "view.flex",
+    flutter: "Flex",
+    headless: "stack"
+  },
+  "layout.grid": {
+    "vue-dom": "div.proteus-grid",
+    "native-ios": "UICollectionView",
+    "native-android": "GridLayoutManager",
+    "native-harmony": "Grid",
+    skyline: "grid",
+    // Skyline 原生 grid 组件（编译期静态 WXSS）
+    flutter: "GridView",
+    headless: "grid"
+  },
+  "layout.fluid": {
+    "vue-dom": "div.proteus-fluid",
+    "native-ios": "AutoLayout",
+    "native-android": "ConstraintLayout",
+    "native-harmony": "Flex.fluid",
+    skyline: "view.fluid",
+    flutter: "Wrap",
+    headless: "fluid"
+  },
+  "layout.adaptive": {
+    "vue-dom": "div.proteus-adaptive",
+    "native-ios": "UISheet",
+    "native-android": "BottomSheetDialog",
+    "native-harmony": "Sheet",
+    // @ohos.arkui.advanced
+    skyline: "half-screen",
+    flutter: "showModal",
+    headless: "adaptive"
+  },
+  "layout.fit": {
+    "vue-dom": "div.proteus-fit",
+    "native-ios": "intrinsicSize",
+    "native-android": "wrapContent",
+    "native-harmony": "fitContent",
+    skyline: "view.fit",
+    flutter: "IntrinsicWidth",
+    headless: "fit"
+  },
+  // ★G-31 B4：Fluid 体系扩展语义（五端映射）
+  "layout.split": {
+    "vue-dom": "div.proteus-split",
+    "native-ios": "UISplitViewController",
+    "native-android": "SlidingPaneLayout",
+    "native-harmony": "SideBarContainer",
+    skyline: "view.split",
+    flutter: "Row",
+    headless: "split"
+  },
+  "layout.safe": {
+    "vue-dom": "div.proteus-safe",
+    "native-ios": "safeAreaLayoutGuide",
+    "native-android": "WindowInsets",
+    "native-harmony": "getAvoidArea",
+    skyline: "env.safe-area",
+    flutter: "SafeArea",
+    headless: "safe"
+  },
+  "layout.sidebar": {
+    "vue-dom": "div.proteus-sidebar",
+    "native-ios": "UISplitViewController.side",
+    "native-android": "NavigationRail",
+    "native-harmony": "SideBarContainer",
+    skyline: "view.sidebar",
+    flutter: "NavigationRail",
+    headless: "sidebar"
+  },
+  // —— 基础 UI 原语 ——
+  "ui.text": {
+    "vue-dom": "span",
+    "native-ios": "UILabel",
+    "native-android": "TextView",
+    "native-harmony": "Text",
+    skyline: "text",
+    flutter: "Text",
+    headless: "text"
+  },
+  "ui.button": {
+    "vue-dom": "button",
+    "native-ios": "UIButton",
+    "native-android": "Button",
+    "native-harmony": "Button",
+    skyline: "button",
+    flutter: "FilledButton",
+    headless: "button"
+  },
+  "ui.image": {
+    "vue-dom": "img",
+    "native-ios": "UIImageView",
+    "native-android": "ImageView",
+    "native-harmony": "Image",
+    skyline: "image",
+    flutter: "Image",
+    headless: "image"
+  },
+  "ui.input": {
+    "vue-dom": "input",
+    "native-ios": "UITextField",
+    "native-android": "EditText",
+    "native-harmony": "TextInput",
+    skyline: "input",
+    flutter: "TextField",
+    headless: "input"
+  },
+  "ui.list": {
+    "vue-dom": "div.proteus-list",
+    "native-ios": "UITableView",
+    "native-android": "RecyclerView",
+    "native-harmony": "List",
+    skyline: "list-view",
+    flutter: "ListView",
+    headless: "list"
+  },
+  "ui.nav": {
+    "vue-dom": "nav",
+    "native-ios": "UINavigationController",
+    "native-android": "NavigationRail",
+    "native-harmony": "Navigation",
+    skyline: "navigator",
+    flutter: "Navigator",
+    headless: "nav"
+  },
+  // —— 能力入口（G-28 组件化）——
+  "capability.scan-qr": {
+    "vue-dom": "button.proteus-scan-qr",
+    "native-ios": "AVCaptureSession",
+    "native-android": "CameraX",
+    "native-harmony": "ScanKit",
+    skyline: "wx.scanCode",
+    flutter: "scanQR",
+    headless: "scan-qr"
+  },
+  "capability.pick-photo": {
+    "vue-dom": "input.proteus-pick-photo",
+    "native-ios": "UIImagePicker",
+    "native-android": "PhotoPicker",
+    "native-harmony": "PhotoViewPicker",
+    skyline: "wx.chooseMedia",
+    flutter: "pickPhoto",
+    headless: "pick-photo"
+  },
+  "capability.location": {
+    "vue-dom": "button.proteus-location",
+    "native-ios": "CLLocationManager",
+    "native-android": "FusedLocation",
+    "native-harmony": "geoLocationManager",
+    skyline: "wx.getLocation",
+    flutter: "getLocation",
+    headless: "location"
+  },
+  // ★G-32 B1：新增 implemented 语义（16 个——布局补齐 6 + UI 补齐 4(+textarea) + Shell 4）
+  "layout.inline": {
+    "vue-dom": "div.proteus-inline",
+    "native-ios": "UITextAttachment",
+    "native-android": "TextView.inline",
+    "native-harmony": "Span",
+    skyline: "view.inline",
+    flutter: "InlineSpan",
+    headless: "inline"
+  },
+  "layout.spacer": {
+    "vue-dom": "div.proteus-spacer",
+    "native-ios": "UILayoutGuide",
+    "native-android": "Space",
+    "native-harmony": "Blank",
+    // ArkUI Blank 弹性空白
+    skyline: "view.spacer",
+    flutter: "Spacer",
+    headless: "spacer"
+  },
+  "layout.divider": {
+    "vue-dom": "hr.proteus-divider",
+    "native-ios": "UIView.divider",
+    "native-android": "View.divider",
+    "native-harmony": "Divider",
+    // ArkUI Divider
+    skyline: "view.divider",
+    flutter: "Divider",
+    headless: "divider"
+  },
+  "layout.scroll": {
+    "vue-dom": "div.proteus-scroll",
+    "native-ios": "UIScrollView",
+    "native-android": "ScrollView",
+    "native-harmony": "Scroll",
+    // ArkUI Scroll
+    skyline: "scroll-view",
+    flutter: "ScrollView",
+    headless: "scroll"
+  },
+  "layout.virtual-list": {
+    "vue-dom": "div.proteus-virtual-list",
+    "native-ios": "UICollectionView",
+    "native-android": "RecyclerView",
+    "native-harmony": "List",
+    skyline: "list-view",
+    flutter: "ListView",
+    headless: "virtual-list"
+  },
+  "layout.masonry": {
+    "vue-dom": "div.proteus-masonry",
+    "native-ios": "UICollectionView.masonry",
+    "native-android": "StaggeredGridLayoutManager",
+    "native-harmony": "WaterFlow",
+    // ArkUI WaterFlow 瀑布流
+    skyline: "grid.masonry",
+    flutter: "SliverMasonryGrid",
+    headless: "masonry"
+  },
+  "ui.heading": {
+    "vue-dom": "div.proteus-heading",
+    "native-ios": "UILabel.heading",
+    "native-android": "TextView.heading",
+    "native-harmony": "Text.heading",
+    skyline: "text.heading",
+    flutter: "Text.heading",
+    headless: "heading"
+  },
+  "ui.icon": {
+    "vue-dom": "span.proteus-icon",
+    "native-ios": "UIImageView.icon",
+    "native-android": "ImageView.icon",
+    "native-harmony": "SymbolGlyph",
+    // ArkUI 符号图标
+    skyline: "icon",
+    flutter: "Icon",
+    headless: "icon"
+  },
+  "ui.textarea": {
+    "vue-dom": "textarea",
+    "native-ios": "UITextView",
+    "native-android": "EditText.multiline",
+    "native-harmony": "TextArea",
+    // ArkUI TextArea
+    skyline: "textarea",
+    flutter: "TextField.multiline",
+    headless: "textarea"
+  },
+  "ui.switch": {
+    "vue-dom": "div.proteus-switch",
+    "native-ios": "UISwitch",
+    "native-android": "Switch",
+    "native-harmony": "Toggle",
+    // ArkUI Toggle
+    skyline: "switch",
+    flutter: "Switch",
+    headless: "switch"
+  },
+  "ui.slider": {
+    "vue-dom": "div.proteus-slider",
+    "native-ios": "UISlider",
+    "native-android": "SeekBar",
+    "native-harmony": "Slider",
+    // ArkUI Slider
+    skyline: "slider",
+    flutter: "Slider",
+    headless: "slider"
+  },
+  "shell.nav": {
+    "vue-dom": "nav.proteus-nav",
+    "native-ios": "UINavigationBar",
+    "native-android": "Toolbar",
+    "native-harmony": "NavigationBar",
+    skyline: "navigator",
+    flutter: "AppBar",
+    headless: "nav"
+  },
+  "shell.tabbar": {
+    "vue-dom": "nav.proteus-tabbar",
+    "native-ios": "UITabBar",
+    "native-android": "BottomNavigationView",
+    "native-harmony": "Tabs",
+    // ArkUI Tabs
+    skyline: "tabbar",
+    flutter: "BottomNavigationBar",
+    headless: "tabbar"
+  },
+  "shell.drawer": {
+    "vue-dom": "aside.proteus-drawer",
+    "native-ios": "UIView.drawer",
+    "native-android": "DrawerLayout",
+    "native-harmony": "Panel",
+    skyline: "view.drawer",
+    flutter: "Drawer",
+    headless: "drawer"
+  },
+  "shell.modal": {
+    "vue-dom": "div.proteus-modal",
+    "native-ios": "UIAlertController",
+    "native-android": "Dialog",
+    "native-harmony": "CustomDialog",
+    skyline: "modal",
+    flutter: "showDialog",
+    headless: "modal"
+  },
+  // ★G-32 B4：Shell 补齐（page/segment/popover/action-sheet）+ UI 补齐（rich-text/avatar/media/canvas/svg/select/checkbox/radio/picker/form）
+  "shell.page": {
+    "vue-dom": "div.proteus-page",
+    "native-ios": "UIViewController",
+    "native-android": "Activity",
+    "native-harmony": "Page",
+    // ArkUI Page
+    skyline: "page",
+    flutter: "Scaffold",
+    headless: "page"
+  },
+  "shell.segment": {
+    "vue-dom": "div.proteus-segment",
+    "native-ios": "UISegmentedControl",
+    "native-android": "TabLayout",
+    "native-harmony": "Segmented",
+    // ArkUI 分段器
+    skyline: "segment",
+    flutter: "SegmentedButton",
+    headless: "segment"
+  },
+  "shell.popover": {
+    "vue-dom": "div.proteus-popover",
+    "native-ios": "UIPopoverController",
+    "native-android": "PopupWindow",
+    "native-harmony": "Popup",
+    // ArkUI Popup
+    skyline: "view.popover",
+    flutter: "showMenu",
+    headless: "popover"
+  },
+  "shell.action-sheet": {
+    "vue-dom": "div.proteus-action-sheet",
+    "native-ios": "UIAlertController.actionSheet",
+    "native-android": "BottomSheet",
+    "native-harmony": "ActionSheet",
+    // ArkUI ActionSheetDialog
+    skyline: "action-sheet",
+    flutter: "showModalBottomSheet",
+    headless: "action-sheet"
+  },
+  "ui.rich-text": {
+    "vue-dom": "div.proteus-rich-text",
+    "native-ios": "UITextView.attributed",
+    "native-android": "TextView.html",
+    "native-harmony": "RichText",
+    // ArkUI RichText
+    skyline: "rich-text",
+    flutter: "RichText",
+    headless: "rich-text"
+  },
+  "ui.avatar": {
+    "vue-dom": "div.proteus-avatar",
+    "native-ios": "UIImageView.avatar",
+    "native-android": "ImageView.avatar",
+    "native-harmony": "Image.avatar",
+    skyline: "image.avatar",
+    flutter: "CircleAvatar",
+    headless: "avatar"
+  },
+  "ui.media": {
+    "vue-dom": "div.proteus-media",
+    "native-ios": "AVPlayerView",
+    "native-android": "VideoView",
+    "native-harmony": "Video",
+    // ArkUI Video
+    skyline: "video",
+    flutter: "VideoPlayer",
+    headless: "media"
+  },
+  "ui.canvas": {
+    "vue-dom": "canvas",
+    "native-ios": "UIView.canvas",
+    "native-android": "SurfaceView",
+    "native-harmony": "Canvas",
+    // ArkUI Canvas
+    skyline: "canvas",
+    flutter: "CustomPaint",
+    headless: "canvas"
+  },
+  "ui.svg": {
+    "vue-dom": "svg",
+    "native-ios": "UIView.svg",
+    "native-android": "VectorDrawable",
+    "native-harmony": "Shape",
+    // ArkUI Shape
+    skyline: "view.svg",
+    flutter: "SvgPicture",
+    headless: "svg"
+  },
+  "ui.select": {
+    "vue-dom": "div.proteus-select",
+    "native-ios": "UIPickerView",
+    "native-android": "Spinner",
+    "native-harmony": "Select",
+    // ArkUI Select
+    skyline: "picker",
+    flutter: "DropdownButton",
+    headless: "select"
+  },
+  "ui.checkbox": {
+    "vue-dom": "div.proteus-checkbox",
+    "native-ios": "UIButton.checkbox",
+    "native-android": "CheckBox",
+    "native-harmony": "Checkbox",
+    // ArkUI Checkbox
+    skyline: "checkbox",
+    flutter: "Checkbox",
+    headless: "checkbox"
+  },
+  "ui.radio": {
+    "vue-dom": "div.proteus-radio",
+    "native-ios": "UIButton.radio",
+    "native-android": "RadioButton",
+    "native-harmony": "Radio",
+    // ArkUI Radio
+    skyline: "radio",
+    flutter: "Radio",
+    headless: "radio"
+  },
+  "ui.picker": {
+    "vue-dom": "div.proteus-picker",
+    "native-ios": "UIDatePicker",
+    "native-android": "DatePicker",
+    "native-harmony": "DatePicker",
+    // ArkUI DatePicker
+    skyline: "picker-view",
+    flutter: "showDatePicker",
+    headless: "picker"
+  },
+  "ui.form": {
+    "vue-dom": "form",
+    "native-ios": "UIView.form",
+    "native-android": "LinearLayout.form",
+    "native-harmony": "FormComponent",
+    // ArkUI FormComponent
+    skyline: "form",
+    flutter: "Form",
+    headless: "form"
+  },
+  // ★G-32 B4 ④ Gesture 组件形态（drag/scrollable——指令/useGesture 属绑定层不产渲染节点）
+  "gesture.draggable": {
+    "vue-dom": "div.proteus-draggable",
+    "native-ios": "UIPanGestureRecognizer",
+    "native-android": "GestureDetector",
+    "native-harmony": "PanGesture",
+    // ArkUI PanGesture
+    skyline: "movable-view",
+    flutter: "Draggable",
+    headless: "draggable"
+  },
+  "gesture.scrollable": {
+    "vue-dom": "div.proteus-scrollable",
+    "native-ios": "UIScrollView.gesture",
+    "native-android": "NestedScrollView",
+    "native-harmony": "Scroll.gesture",
+    // ArkUI Scroll + 手势增强
+    skyline: "scroll-view",
+    flutter: "Scrollable",
+    headless: "scrollable"
+  },
+  // ★G-32 B5 尾巴：E18 声明式导航组件形态（p-router-link——语义「导航目标」；点击 emit('navigate') 由工程层执行）
+  "engineering.router-link": {
+    "vue-dom": "a.proteus-router-link",
+    "native-ios": "UIButton.link",
+    "native-android": "TextView.link",
+    "native-harmony": "Text.link",
+    skyline: "navigator",
+    // Skyline <navigator> 声明式导航
+    flutter: "TextButton",
+    headless: "router-link"
+  },
+  // ★G-32 B5 续二：工程原语动画组件形态（E19 transition / E20 animate——纯 CSS 声明语义；Hook 归 API 层不产节点）
+  "engineering.transition": {
+    "vue-dom": "div.proteus-transition",
+    "native-ios": "UIView.transition",
+    // UIView transition(with:duration:options:) 显隐过渡
+    "native-android": "View.animate.transition",
+    // ObjectAnimator alpha/translation 组合
+    "native-harmony": "animateTo.transition",
+    // ArkUI animateTo 显隐过渡
+    skyline: "view.transition",
+    // Skyline transition CSS
+    flutter: "AnimatedOpacity",
+    headless: "transition"
+  },
+  "engineering.animate": {
+    "vue-dom": "div.proteus-animate",
+    "native-ios": "CAKeyframeAnimation",
+    // 核心动画关键帧
+    "native-android": "ValueAnimator",
+    // 属性动画
+    "native-harmony": "Animator.transition",
+    // ArkUI Animator
+    skyline: "view.animation",
+    // Skyline animation CSS
+    flutter: "AnimationController",
+    headless: "animate"
+  }
+};
+function mapSemanticToBackend(semantic, backendId) {
+  const row = SEMANTIC_BACKEND_MAP[semantic];
+  if (!row) return null;
+  return row[backendId] ?? null;
+}
+
+// src/to-ir.ts
+function toComponentIR(tag, props = {}, children = []) {
+  if (!tag.startsWith("p-")) return null;
+  const semantic = TAG_SEMANTIC_MAP[tag];
+  if (!semantic) return null;
+  return { tag, semantic, props: { ...props }, children };
+}
+function toComponentTree(tag, props = {}, children = []) {
+  const irChildren = [];
+  for (const c of children) {
+    const sub = toComponentTree(c.tag, c.props, c.children ?? []);
+    if (sub) irChildren.push(sub);
+  }
+  return toComponentIR(tag, props, irChildren);
+}
+
+// src/primitives.ts
+var LAYOUT = [
+  { id: "L1", kind: "layout", semantic: "layout.box", tag: "p-box", props: ["aspectRatio", "overflow"], mpEquiv: "<view>", tier: "L1", status: "implemented" },
+  { id: "L2", kind: "layout", semantic: "layout.inline", tag: "p-inline", props: ["wrap"], mpEquiv: "<text> \u5185\u8054", tier: "L1", status: "implemented" },
+  { id: "L3", kind: "layout", semantic: "layout.stack", tag: "p-stack", props: ["direction", "gap", "align", "wrap", "snap", "loop"], mpEquiv: "flex + scroll-view + swiper", tier: "L1", status: "implemented" },
+  { id: "L4", kind: "layout", semantic: "layout.grid", tag: "p-grid", props: ["minColWidth", "maxCols", "gap", "autoFlow"], mpEquiv: "<view> + CSS Grid", tier: "L1", status: "implemented" },
+  { id: "L5", kind: "layout", semantic: "layout.fluid", tag: "p-fluid", props: ["breakpoints", "minItemWidth"], mpEquiv: "\u54CD\u5E94\u5F0F CSS", tier: "L1", status: "implemented" },
+  { id: "L6", kind: "layout", semantic: "layout.adaptive", tag: "p-adaptive", props: ["sheet", "dialog", "popover", "drawer"], mpEquiv: "\u65E0\uFF08\u5BB9\u5668\u5BBD\u5EA6\u8BED\u4E49\u65AD\u70B9\uFF09", tier: "L1", status: "implemented" },
+  { id: "L7", kind: "layout", semantic: "layout.fit", tag: "p-fit", props: ["mode"], mpEquiv: "fit-content", tier: "L1", status: "implemented" },
+  { id: "L8", kind: "layout", semantic: "layout.spacer", tag: "p-spacer", props: ["grow", "shrink"], mpEquiv: "flex:1", tier: "L1", status: "implemented" },
+  { id: "L9", kind: "layout", semantic: "layout.divider", tag: "p-divider", props: ["orientation", "inset"], mpEquiv: "<view> + border", tier: "L1", status: "implemented" },
+  { id: "L10", kind: "layout", semantic: "layout.scroll", tag: "p-scroll", props: ["axis", "paging", "refresh", "indicator"], mpEquiv: "<scroll-view>", tier: "L1", status: "implemented" },
+  { id: "L11", kind: "layout", semantic: "layout.virtual-list", tag: "p-virtual-list", props: ["itemSize", "buffer", "direction"], mpEquiv: "<scroll-view> + \u624B\u52A8\u56DE\u6536", tier: "L1", status: "implemented" },
+  { id: "L12", kind: "layout", semantic: "layout.masonry", tag: "p-masonry", props: ["colCount", "gap"], mpEquiv: "\u7B2C\u4E09\u65B9\u7011\u5E03\u6D41", tier: "L1", status: "implemented" }
+];
+var UI = [
+  { id: "U1", kind: "ui", semantic: "ui.text", tag: "p-text", props: ["content", "selectable", "truncate", "align"], mpEquiv: "<text>", tier: "L1", status: "implemented" },
+  { id: "U2", kind: "ui", semantic: "ui.heading", tag: "p-heading", props: ["level"], mpEquiv: "<h1>-<h6>", tier: "L1", status: "implemented" },
+  { id: "U3", kind: "ui", semantic: "ui.rich-text", tag: "p-rich-text", props: ["source", "schema"], mpEquiv: "<rich-text>", tier: "L1", status: "implemented" },
+  { id: "U4", kind: "ui", semantic: "ui.icon", tag: "p-icon", props: ["name", "size", "color", "spin"], mpEquiv: "<icon>", tier: "L1", status: "implemented" },
+  { id: "U5", kind: "ui", semantic: "ui.image", tag: "p-image", props: ["src", "fit", "placeholder", "lazy"], mpEquiv: "<image>", tier: "L1", status: "implemented" },
+  { id: "U6", kind: "ui", semantic: "ui.avatar", tag: "p-avatar", props: ["src", "shape", "size", "fallback"], mpEquiv: "\u7EC4\u5408", tier: "L1", status: "implemented" },
+  { id: "U7", kind: "ui", semantic: "ui.media", tag: "p-media", props: ["kind", "controls", "autoplay", "poster", "loop", "muted", "pictureInPicture"], mpEquiv: "<video>+<audio>", tier: "L1", status: "implemented" },
+  { id: "U8", kind: "ui", semantic: "ui.canvas", tag: "p-canvas", props: ["engine", "resolution"], mpEquiv: "<canvas>", tier: "L1", status: "implemented" },
+  { id: "U9", kind: "ui", semantic: "ui.svg", tag: "p-svg", props: ["path", "viewbox"], mpEquiv: "\u65E0", tier: "L1", status: "implemented" },
+  { id: "U10", kind: "ui", semantic: "ui.input", tag: "p-input", props: ["type", "mask", "validation", "clearable"], mpEquiv: "<input>", tier: "L1", status: "implemented" },
+  { id: "U11", kind: "ui", semantic: "ui.textarea", tag: "p-textarea", props: ["autosize", "maxLength", "count"], mpEquiv: "<textarea>", tier: "L1", status: "implemented" },
+  { id: "U12", kind: "ui", semantic: "ui.select", tag: "p-select", props: ["options", "multiple", "searchable", "cascader"], mpEquiv: "<picker> \u90E8\u5206", tier: "L1", status: "implemented" },
+  { id: "U13", kind: "ui", semantic: "ui.checkbox", tag: "p-checkbox", props: ["checked", "indeterminate", "group"], mpEquiv: "<checkbox>", tier: "L1", status: "implemented" },
+  { id: "U14", kind: "ui", semantic: "ui.radio", tag: "p-radio", props: ["value", "group"], mpEquiv: "<radio>", tier: "L1", status: "implemented" },
+  { id: "U15", kind: "ui", semantic: "ui.switch", tag: "p-switch", props: ["checked", "loading"], mpEquiv: "<switch>", tier: "L1", status: "implemented" },
+  { id: "U16", kind: "ui", semantic: "ui.slider", tag: "p-slider", props: ["min", "max", "step", "range"], mpEquiv: "<slider>", tier: "L1", status: "implemented" },
+  { id: "U17", kind: "ui", semantic: "ui.picker", tag: "p-picker", props: ["mode", "start", "end"], mpEquiv: "<picker>", tier: "L1", status: "implemented" },
+  { id: "U18", kind: "ui", semantic: "ui.form", tag: "p-form", props: ["model", "rules", "layout"], mpEquiv: "\u7EC4\u5408", tier: "L1", status: "implemented" }
+];
+var SHELL = [
+  { id: "S1", kind: "shell", semantic: "shell.page", tag: "p-page", props: ["title", "statusBar", "pullRefresh"], mpEquiv: "<page>", tier: "L1", status: "implemented" },
+  { id: "S2", kind: "shell", semantic: "shell.nav", tag: "p-nav", props: ["title", "transparent"], mpEquiv: "\u5BFC\u822A\u680F\u914D\u7F6E", tier: "L1", status: "implemented" },
+  { id: "S3", kind: "shell", semantic: "shell.tabbar", tag: "p-tabbar", props: ["tabs", "active", "badge"], mpEquiv: "<tabbar>", tier: "L1", status: "implemented" },
+  { id: "S4", kind: "shell", semantic: "shell.segment", tag: "p-segment", props: ["options", "active"], mpEquiv: "<segment>", tier: "L1", status: "implemented" },
+  { id: "S5", kind: "shell", semantic: "shell.drawer", tag: "p-drawer", props: ["side", "width", "overlay"], mpEquiv: "\u7EC4\u5408", tier: "L1", status: "implemented" },
+  { id: "S6", kind: "shell", semantic: "shell.modal", tag: "p-modal", props: ["open", "dismissible", "sheet", "dialog", "alert"], mpEquiv: "<modal>+wx.showModal", tier: "L1", status: "implemented" },
+  { id: "S7", kind: "shell", semantic: "shell.popover", tag: "p-popover", props: ["trigger", "placement"], mpEquiv: "\u7EC4\u5408", tier: "L1", status: "implemented" },
+  { id: "S8", kind: "shell", semantic: "shell.toast", tag: "p-toast", props: ["message", "duration", "type"], mpEquiv: "wx.showToast", tier: "L1", status: "planned" },
+  { id: "S9", kind: "shell", semantic: "shell.action-sheet", tag: "p-action-sheet", props: ["actions", "cancel"], mpEquiv: "wx.showActionSheet", tier: "L1", status: "implemented" },
+  { id: "S10", kind: "shell", semantic: "layout.split", tag: "p-split", props: ["breakpoint", "ratio", "collapse"], mpEquiv: "\u65E0\uFF08\u5206\u680F\u5E03\u5C40\uFF09", tier: "L1", status: "implemented" }
+  // ★已落地绑定：分栏语义由 layout.split 承载（G-32 文档为 shell.split——机器事实以实现为准）
+];
+var GESTURE = [
+  { id: "G1", kind: "gesture", semantic: "gesture.tap", api: "v-gesture:tap", props: ["count"], mpEquiv: "bindtap", tier: "L1", status: "planned" },
+  { id: "G2", kind: "gesture", semantic: "gesture.longpress", api: "v-gesture:longpress", props: ["duration", "onEnd"], mpEquiv: "bindlongpress", tier: "L1", status: "planned" },
+  { id: "G3", kind: "gesture", semantic: "gesture.swipe", api: "v-gesture:swipe", props: ["direction", "threshold"], mpEquiv: "bindswipe", tier: "L1", status: "planned" },
+  { id: "G4", kind: "gesture", semantic: "gesture.pan", api: "v-gesture:pan", props: ["axis", "bounds"], mpEquiv: "bindtouchmove", tier: "L1", status: "planned" },
+  { id: "G5", kind: "gesture", semantic: "gesture.pinch", api: "v-gesture:pinch", props: ["scale", "onChange"], mpEquiv: "touchstart/move \u7EC4\u5408", tier: "L1", status: "planned" },
+  { id: "G6", kind: "gesture", semantic: "gesture.rotate", api: "v-gesture:rotate", props: ["angle"], mpEquiv: "\u7EC4\u5408", tier: "L1", status: "planned" },
+  { id: "G7", kind: "gesture", semantic: "gesture.press", api: "v-gesture:press", props: ["force"], mpEquiv: "3D Touch", tier: "L1", status: "planned" },
+  { id: "G8", kind: "gesture", semantic: "gesture.draggable", tag: "p-draggable", props: ["ghost", "snapToGrid", "onDrop"], mpEquiv: "movable-view", tier: "L1", status: "implemented" },
+  { id: "G9", kind: "gesture", semantic: "gesture.scrollable", tag: "p-scrollable", props: ["bounce", "refresh", "loadMore"], mpEquiv: "<scroll-view>", tier: "L1", status: "implemented" },
+  { id: "G10", kind: "gesture", semantic: "gesture.use-gesture", api: "useGesture()", props: ["recognizers", "simultaneous"], mpEquiv: "\u65E0", tier: "L1", status: "planned" }
+];
+function cap(id, name, api, mpEquiv, returnType) {
+  return { id, kind: "capability", semantic: `capability.${name}`, api, props: [returnType], mpEquiv, tier: "L1", status: "planned" };
+}
+var CAPABILITY = [
+  // 7.1 设备/硬件（15）
+  cap("C1", "camera", "useCamera()", "wx.createCameraContext", "Result<Media>"),
+  cap("C2", "microphone", "useMicrophone()", "RecorderManager", "Result<AudioBuffer>"),
+  { id: "C3", kind: "capability", semantic: "capability.location", api: "useLocation()", props: ["Result<Coords>"], mpEquiv: "wx.getLocation", tier: "L1", status: "implemented" },
+  cap("C4", "map", "useMap()", "wx.createMapContext", "MapController"),
+  cap("C5", "sensor", "useSensor()", "onAccelerometer/onCompass/onGyroscope", "SensorStream"),
+  cap("C6", "vibrate", "useVibrate()", "wx.vibrateShort/Long", "void"),
+  cap("C7", "battery", "useBattery()", "wx.getBatteryInfo", "BatteryInfo"),
+  cap("C8", "network", "useNetwork()", "wx.getNetworkType", "NetworkType"),
+  cap("C9", "clipboard", "useClipboard()", "wx.set/getClipboardData", "Result<string>"),
+  cap("C10", "screen", "useScreen()", "wx.getSystemInfo", "ScreenInfo"),
+  cap("C11", "device", "useDevice()", "wx.getSystemInfo", "DeviceInfo"),
+  cap("C12", "orientation", "useOrientation()", "wx.onDeviceOrientationChange", "Orientation"),
+  cap("C13", "brightness", "useBrightness()", "wx.setScreenBrightness", "Result<void>"),
+  cap("C14", "keyboard", "useKeyboard()", "wx.onKeyboardHeightChange", "KeyboardInfo"),
+  cap("C15", "storage", "useStorage()", "wx.set/getStorage", "StorageAPI"),
+  // 7.2 系统/OS（10）
+  cap("C16", "permission", "usePermission()", "wx.authorize", "Result<PermissionStatus>"),
+  cap("C17", "notification", "useNotification()", "wx.requestSubscribeMessage", "NotificationAPI"),
+  cap("C18", "share", "useShare()", "wx.shareAppMessage", "Result<void>"),
+  cap("C19", "contact", "useContact()", "wx.chooseContact", "Result<Contact[]>"),
+  cap("C20", "calendar", "useCalendar()", "wx.addPhoneCalendar", "CalendarAPI"),
+  cap("C21", "phone-call", "usePhoneCall()", "wx.makePhoneCall", "Result<void>"),
+  cap("C22", "sms", "useSMS()", "wx.??\uFF08\u53D7\u9650\uFF09", "Result<void>"),
+  cap("C23", "app-lifecycle", "useAppLifecycle()", "App.onLaunch/onShow", "LifecycleHooks"),
+  cap("C24", "page-lifecycle", "usePageLifecycle()", "Page.onLoad/onShow", "LifecycleHooks"),
+  cap("C25", "background", "useBackground()", "wx.onBackground", "BackgroundAPI"),
+  // 7.3 通信/数据（10）
+  cap("C26", "fetch", "useFetch()", "wx.request", "Promise<T>"),
+  cap("C27", "websocket", "useWebSocket()", "wx.connectSocket", "WSConnection"),
+  cap("C28", "socket-task", "useSocketTask()", "wx.SocketTask", "SocketTask"),
+  cap("C29", "upload", "useUpload()", "wx.uploadFile", "Progress<Result>"),
+  cap("C30", "download", "useDownload()", "wx.downloadFile", "Progress<Result>"),
+  cap("C31", "data-channel", "useDataChannel()", "wx...\uFF08\u76F4\u64AD/\u5B9E\u65F6\uFF09", "Channel"),
+  cap("C32", "cookie", "useCookie()", "\u65E0", "CookieJar"),
+  cap("C33", "auth", "useAuth()", "\u7EC4\u5408", "AuthState"),
+  cap("C34", "analytics", "useAnalytics()", "wx.reportEvent", "TrackAPI"),
+  cap("C35", "log", "useLog()", "console + \u4E0A\u62A5", "Logger"),
+  // 7.4 扩展能力（10）
+  cap("C36", "bluetooth", "useBluetooth()", "wx.openBluetoothAdapter", "BluetoothAPI"),
+  cap("C37", "nfc", "useNFC()", "wx.getHCEState", "NFCAPI"),
+  cap("C38", "biometric", "useBiometric()", "wx.checkIsSupportFingerPrint", "Result<boolean>"),
+  cap("C39", "face-id", "useFaceID()", "\u7EC4\u5408", "Result<boolean>"),
+  cap("C40", "payment", "usePayment()", "wx.requestPayment", "Result<PayResult>"),
+  cap("C41", "login", "useLogin()", "wx.login", "Result<Token>"),
+  cap("C42", "qr-code", "useQRCode()", "wx.scanCode + canvas", "Result<string>"),
+  cap("C43", "file-system", "useFileSystem()", "wx.getFileSystemManager", "FSAdapter"),
+  cap("C44", "archive", "useArchive()", "wx.compressFile", "Result<void>"),
+  cap("C45", "shortcut", "useShortcut()", "wx.addToDesktop", "Result<void>"),
+  cap("C46", "in-app-purchase", "useInAppPurchase()", "wx.requestPayment \u6269\u5C55", "Result<Receipt>"),
+  // 7.5 平台特有（4——C47-C50，此前 7.4 末 C46，总 50）
+  { id: "C47", kind: "capability", semantic: "capability.mini-program", api: "useMiniProgram()", props: ["MPContext"], mpEquiv: "wx.navigateToMiniProgram", tier: "L1", status: "planned" },
+  { id: "C48", kind: "capability", semantic: "capability.embedded", api: "useEmbedded()", props: ["HostContext"], mpEquiv: "\u65E0\uFF08\u88AB\u5BBF\u4E3B\u5D4C\u5165\uFF09", tier: "L1", status: "planned" },
+  { id: "C49", kind: "capability", semantic: "capability.live", api: "useLive()", props: ["LiveRoom"], mpEquiv: "wx...\uFF08\u76F4\u64AD\u7EC4\u4EF6\uFF09", tier: "L1", status: "planned" },
+  { id: "C50", kind: "capability", semantic: "capability.extension", api: "useExtension()", props: ["ExtensionAPI"], mpEquiv: "\u65E0\uFF08\u63D2\u4EF6/\u6269\u5C55\u70B9 G-21\uFF09", tier: "L1", status: "planned" }
+];
+var ENGINEERING = [
+  { id: "E1", kind: "engineering", semantic: "engineering.state", api: "useState()", mpEquiv: "data", tier: "L1", status: "planned" },
+  { id: "E2", kind: "engineering", semantic: "engineering.computed", api: "useComputed()", mpEquiv: "computed", tier: "L1", status: "planned" },
+  { id: "E3", kind: "engineering", semantic: "engineering.watch", api: "useWatch()", mpEquiv: "watch", tier: "L1", status: "planned" },
+  { id: "E4", kind: "engineering", semantic: "engineering.store", api: "useStore()", mpEquiv: "getApp().globalData", tier: "L1", status: "planned" },
+  { id: "E5", kind: "engineering", semantic: "engineering.provide-inject", api: "useProvide()/useInject()", mpEquiv: "\u65E0", tier: "L1", status: "planned" },
+  { id: "E6", kind: "engineering", semantic: "engineering.lifecycle", api: "useLifecycle()", mpEquiv: "onLoad/onShow/onHide/onUnload", tier: "L1", status: "planned" },
+  { id: "E7", kind: "engineering", semantic: "engineering.ready", api: "useReady()", mpEquiv: "onReady", tier: "L1", status: "planned" },
+  { id: "E8", kind: "engineering", semantic: "engineering.error-boundary", api: "useErrorBoundary()", mpEquiv: "onError", tier: "L1", status: "planned" },
+  { id: "E9", kind: "engineering", semantic: "engineering.page-param", api: "usePageParam()", mpEquiv: "onLoad(options)", tier: "L1", status: "planned" },
+  { id: "E10", kind: "engineering", semantic: "engineering.route", api: "useRoute()", mpEquiv: "getCurrentPages()", tier: "L1", status: "planned" },
+  { id: "E11", kind: "engineering", semantic: "engineering.router-push", api: "router.push()", mpEquiv: "wx.navigateTo", tier: "L1", status: "planned" },
+  { id: "E12", kind: "engineering", semantic: "engineering.router-replace", api: "router.replace()", mpEquiv: "wx.redirectTo", tier: "L1", status: "planned" },
+  { id: "E13", kind: "engineering", semantic: "engineering.router-back", api: "router.back()", mpEquiv: "wx.navigateBack", tier: "L1", status: "planned" },
+  { id: "E14", kind: "engineering", semantic: "engineering.router-switch-tab", api: "router.switchTab()", mpEquiv: "wx.switchTab", tier: "L1", status: "planned" },
+  { id: "E15", kind: "engineering", semantic: "engineering.router-relaunch", api: "router.reLaunch()", mpEquiv: "wx.reLaunch", tier: "L1", status: "planned" },
+  { id: "E16", kind: "engineering", semantic: "engineering.router-before-each", api: "router.beforeEach()", mpEquiv: "onLaunch \u624B\u52A8", tier: "L1", status: "planned" },
+  { id: "E17", kind: "engineering", semantic: "engineering.router-after-each", api: "router.afterEach()", mpEquiv: "\u65E0", tier: "L1", status: "planned" },
+  { id: "E18", kind: "engineering", semantic: "engineering.router-link", tag: "p-router-link", props: ["to", "replace", "switchTab"], mpEquiv: "<navigator>", tier: "L1", status: "implemented" },
+  { id: "E19", kind: "engineering", semantic: "engineering.transition", tag: "p-transition", props: ["name", "mode"], mpEquiv: "transition CSS", tier: "L1", status: "implemented" },
+  { id: "E20", kind: "engineering", semantic: "engineering.animate", tag: "p-animate", props: ["keyframes", "duration"], mpEquiv: "animation CSS", tier: "L1", status: "implemented" },
+  { id: "E21", kind: "engineering", semantic: "engineering.animation", api: "useAnimation()", mpEquiv: "wx.createAnimation", tier: "L1", status: "planned" },
+  { id: "E22", kind: "engineering", semantic: "engineering.gesture-animation", api: "useGestureAnimation()", mpEquiv: "\u7EC4\u5408", tier: "L1", status: "planned" },
+  { id: "E23", kind: "engineering", semantic: "engineering.scroll-animation", api: "useScrollAnimation()", mpEquiv: "\u7EC4\u5408", tier: "L1", status: "planned" },
+  { id: "E24", kind: "engineering", semantic: "engineering.devtools", api: "useDevTools()", mpEquiv: "\u5C0F\u7A0B\u5E8F DevTools", tier: "L1", status: "planned" },
+  { id: "E25", kind: "engineering", semantic: "engineering.inspector", api: "useInspector()", mpEquiv: "\u65E0", tier: "L1", status: "planned" },
+  { id: "E26", kind: "engineering", semantic: "engineering.performance", api: "usePerformance()", mpEquiv: "wx.reportPerformance", tier: "L1", status: "planned" },
+  { id: "E27", kind: "engineering", semantic: "engineering.define-component", api: "defineComponent()", mpEquiv: "Component()", tier: "L1", status: "planned" },
+  { id: "E28", kind: "engineering", semantic: "engineering.define-capability", api: "defineCapability()", mpEquiv: "\u65E0", tier: "L1", status: "planned" }
+];
+var PRIMITIVE_CATALOG = [...LAYOUT, ...UI, ...SHELL, ...GESTURE, ...CAPABILITY, ...ENGINEERING];
+function componentPrimitives(kinds = ["layout", "ui", "shell", "gesture", "engineering"]) {
+  return PRIMITIVE_CATALOG.filter((p) => p.tag && kinds.includes(p.kind));
+}
+function implementedPrimitives() {
+  return PRIMITIVE_CATALOG.filter((p) => p.status === "implemented");
+}
+function primitiveById(id) {
+  return PRIMITIVE_CATALOG.find((p) => p.id === id);
+}
+function primitiveBySemantic(semantic) {
+  return PRIMITIVE_CATALOG.find((p) => p.semantic === semantic);
+}
+function primitiveByTag(tag) {
+  return PRIMITIVE_CATALOG.find((p) => p.tag === tag);
+}
+function checkPrimitiveCatalog() {
+  const errors = [];
+  if (PRIMITIVE_CATALOG.length !== 128) errors.push(`\u6E05\u5355\u957F\u5EA6 ${PRIMITIVE_CATALOG.length} \u2260 128`);
+  const ids = new Set(PRIMITIVE_CATALOG.map((p) => p.id));
+  if (ids.size !== PRIMITIVE_CATALOG.length) errors.push("id \u91CD\u590D");
+  const sems = new Set(PRIMITIVE_CATALOG.map((p) => p.semantic));
+  if (sems.size !== PRIMITIVE_CATALOG.length) errors.push("semantic \u91CD\u590D");
+  const tags = PRIMITIVE_CATALOG.filter((p) => p.tag).map((p) => p.tag);
+  if (new Set(tags).size !== tags.length) errors.push("tag \u91CD\u590D");
+  return errors;
+}
+
+// src/conformance.ts
+function extractSemanticTree(snap) {
+  return { semantic: snap.semantic, children: snap.children.map(extractSemanticTree) };
+}
+function checkComponentSnapshot(backendId, snapshot) {
+  const errors = [];
+  const unverified = [];
+  let nodes = 0;
+  function visit(snap, path) {
+    nodes++;
+    if (snap.semantic !== snap.type) {
+      const row = SEMANTIC_BACKEND_MAP[snap.semantic];
+      if (!row) {
+        unverified.push({ path, semantic: snap.semantic, expected: null, actual: snap.control, reason: "no-row" });
+      } else {
+        const mapped = row[backendId];
+        if (mapped === void 0) {
+          unverified.push({ path, semantic: snap.semantic, expected: null, actual: snap.control, reason: "no-column" });
+        } else if (snap.control !== mapped) {
+          errors.push({ path, semantic: snap.semantic, expected: mapped, actual: snap.control, reason: "mismatch" });
+        }
+      }
+    } else {
+      unverified.push({ path, semantic: snap.semantic, expected: null, actual: snap.control, reason: "compat" });
+    }
+    snap.children.forEach((c, i) => visit(c, path ? `${path}/${i}` : String(i)));
+  }
+  visit(snapshot, "");
+  return { ok: errors.length === 0, backendId, nodes, errors, unverified };
+}
+function checkSemanticCoverage(minBackends = 3) {
+  const gaps = [];
+  for (const p of implementedPrimitives()) {
+    const row = SEMANTIC_BACKEND_MAP[p.semantic];
+    const backends = row ? Object.keys(row) : [];
+    if (backends.length < minBackends) gaps.push({ semantic: p.semantic, backends });
+  }
+  return gaps;
+}
+
+// src/audit.ts
+var MP_COMPONENTS = [
+  { mp: "<view>", proteus: "layout.box / layout.stack", status: "ok", group: "component" },
+  { mp: "<text>", proteus: "ui.text / ui.heading", status: "ok", group: "component" },
+  { mp: "<image>", proteus: "ui.image", status: "ok", group: "component" },
+  { mp: "<scroll-view>", proteus: "layout.scroll / layout.virtual-list", status: "ok", group: "component" },
+  { mp: "<swiper>", proteus: "layout.stack snap/loop\uFF08\u6D88\u706D\u4E3A\u5C5E\u6027\uFF09", status: "ok", group: "component" },
+  { mp: "<swiper-item>", proteus: "layout.stack \u5B50\u9879", status: "ok", group: "component" },
+  { mp: "<movable-area>", proteus: "gesture.scrollable \u5BB9\u5668", status: "ok", group: "component" },
+  { mp: "<movable-view>", proteus: "gesture.draggable", status: "ok", group: "component" },
+  { mp: "<cover-view>", proteus: "p-overlay (L2)", status: "compat", group: "component" },
+  { mp: "<cover-image>", proteus: "p-overlay + ui.image", status: "compat", group: "component" },
+  { mp: "<icon>", proteus: "ui.icon", status: "ok", group: "component" },
+  { mp: "<progress>", proteus: "p-progress (L2)", status: "compat", group: "component" },
+  { mp: "<rich-text>", proteus: "ui.rich-text", status: "ok", group: "component" },
+  { mp: "<button>", proteus: "ui.button", status: "ok", group: "component" },
+  { mp: "<form>", proteus: "ui.form", status: "ok", group: "component" },
+  { mp: "<input>", proteus: "ui.input", status: "ok", group: "component" },
+  { mp: "<textarea>", proteus: "ui.textarea", status: "ok", group: "component" },
+  { mp: "<checkbox>", proteus: "ui.checkbox", status: "ok", group: "component" },
+  { mp: "<radio>", proteus: "ui.radio", status: "ok", group: "component" },
+  { mp: "<picker>", proteus: "ui.picker / ui.select", status: "ok", group: "component" },
+  { mp: "<picker-view>", proteus: "ui.picker mode=wheel", status: "ok", group: "component" },
+  { mp: "<slider>", proteus: "ui.slider", status: "ok", group: "component" },
+  { mp: "<switch>", proteus: "ui.switch", status: "ok", group: "component" },
+  { mp: "<label>", proteus: "p-label (L2)", status: "compat", group: "component" },
+  { mp: "<navigator>", proteus: "engineering.router-link / router.*", status: "ok", group: "component" },
+  { mp: "<audio>", proteus: "ui.media kind=audio\uFF08\u6D88\u706D\u4E3A\u5C5E\u6027\uFF09", status: "ok", group: "component" },
+  { mp: "<video>", proteus: "ui.media kind=video\uFF08\u6D88\u706D\u4E3A\u5C5E\u6027\uFF09", status: "ok", group: "component" },
+  { mp: "<camera>", proteus: "p-camera (L2) + capability.camera", status: "ok", group: "component" },
+  { mp: "<live-player>", proteus: "ui.media kind=live\uFF08\u6D88\u706D\u4E3A\u5C5E\u6027\uFF09", status: "ok", group: "component" },
+  { mp: "<live-pusher>", proteus: "ui.media kind=live mode=push", status: "ok", group: "component" },
+  { mp: "<canvas>", proteus: "ui.canvas", status: "ok", group: "component" },
+  { mp: "<map>", proteus: "p-map (L2) + capability.map", status: "ok", group: "component" },
+  { mp: "<web-view>", proteus: "p-webview (L2)", status: "compat", group: "component" },
+  { mp: "<editor>", proteus: "ui.rich-text editable", status: "ok", group: "component" },
+  { mp: "<ad>", proteus: "p-ad (L2)", status: "compat", group: "component" },
+  { mp: "<official-account>", proteus: "capability.mini-program\uFF08\u5FAE\u4FE1\u79C1\u6709\uFF09", status: "private", group: "component" },
+  { mp: "<open-data>", proteus: "capability.mini-program\uFF08\u5FAE\u4FE1\u79C1\u6709\uFF09", status: "private", group: "component" },
+  { mp: "<share-element>", proteus: "p-share-element (L2)", status: "compat", group: "component" },
+  { mp: "<aria-component>", proteus: "p-aria (L2)", status: "compat", group: "component" },
+  { mp: "<page-container>", proteus: "p-page-container (L2)", status: "compat", group: "component" },
+  { mp: "<voip-room>", proteus: "capability.mini-program\uFF08\u5FAE\u4FE1 VOIP\uFF09", status: "private", group: "component" },
+  { mp: "<guild-room>", proteus: "capability.mini-program\uFF08\u5FAE\u4FE1\u6E38\u620F\uFF09", status: "private", group: "component" }
+];
+var MP_API_GROUPS = [
+  { mp: "wx.request/upload/download/websocket\uFF08\u7F51\u7EDC\uFF09", proteus: "capability.fetch/upload/download/websocket", status: "ok", group: "api" },
+  { mp: "wx.requestPayment", proteus: "capability.payment", status: "ok", group: "api" },
+  { mp: "wx.chooseImage/chooseMedia/previewImage\uFF08\u5A92\u4F53\uFF09", proteus: "capability.camera + ui.image preview", status: "ok", group: "api" },
+  { mp: "wx.startRecord/RecorderManager\uFF08\u5F55\u97F3\uFF09", proteus: "capability.microphone", status: "ok", group: "api" },
+  { mp: "wx.createVideoContext/CameraContext", proteus: "capability.media + ui.media", status: "ok", group: "api" },
+  { mp: "wx.scanCode", proteus: "capability.qr-code / capability.scan-qr", status: "ok", group: "api" },
+  { mp: "wx.saveImageToPhotosAlbum", proteus: "capability.album (L2)", status: "compat", group: "api" },
+  { mp: "wx.getFileSystemManager/*\uFF08\u6587\u4EF6 30+\uFF09", proteus: "capability.file-system", status: "ok", group: "api" },
+  { mp: "wx.compressFile/unzip", proteus: "capability.archive", status: "ok", group: "api" },
+  { mp: "wx.set/get/remove/clearStorage(+Sync)", proteus: "capability.storage", status: "ok", group: "api" },
+  { mp: "wx.getLocation/chooseLocation/openLocation", proteus: "capability.location", status: "ok", group: "api" },
+  { mp: "wx.createMapContext", proteus: "capability.map", status: "ok", group: "api" },
+  { mp: "wx.getSystemInfo\uFF08\u8BBE\u5907/\u5C4F\u5E55/\u7F51\u7EDC/\u7535\u91CF/\u4EAE\u5EA6/\u65B9\u5411/\u9707\u52A8/\u4F20\u611F\u5668/\u526A\u8D34\u677F/\u7535\u8BDD\uFF09", proteus: "capability.device/screen/network/battery/brightness/orientation/vibrate/sensor/clipboard/phone-call", status: "ok", group: "api" },
+  { mp: "wx.openBluetoothAdapter\uFF08\u84DD\u7259 20+\uFF09", proteus: "capability.bluetooth", status: "ok", group: "api" },
+  { mp: "wx.getHCEState\uFF08NFC\uFF09", proteus: "capability.nfc", status: "ok", group: "api" },
+  { mp: "wx.checkIsSupportFingerPrint/FaceID", proteus: "capability.biometric / face-id", status: "ok", group: "api" },
+  { mp: "wx.showToast/showLoading/showModal/showActionSheet", proteus: "shell.toast + capability.toast/loading + shell.modal + shell.action-sheet", status: "ok", group: "api" },
+  { mp: "wx.setNavigationBarTitle/Color", proteus: "shell.nav", status: "ok", group: "api" },
+  { mp: "wx.setTabBarItem/Style/hide/show", proteus: "shell.tabbar", status: "ok", group: "api" },
+  { mp: "wx.pageScrollTo", proteus: "capability.page-scroll", status: "ok", group: "api" },
+  { mp: "wx.createAnimation", proteus: "engineering.animation", status: "ok", group: "api" },
+  { mp: "wx.createSelectorQuery/IntersectionObserver", proteus: "capability.element / intersection", status: "ok", group: "api" },
+  { mp: "wx.navigateTo/redirectTo/navigateBack/switchTab/reLaunch", proteus: "engineering.router-push/replace/back/switch-tab/relaunch", status: "ok", group: "api" },
+  { mp: "wx.getCurrentPages", proteus: "engineering.route", status: "ok", group: "api" },
+  { mp: "App()/Page() \u751F\u547D\u5468\u671F/getApp()", proteus: "engineering.lifecycle + capability.app-lifecycle/page-lifecycle", status: "ok", group: "api" },
+  { mp: "wx.shareAppMessage/requestSubscribeMessage", proteus: "capability.share / notification", status: "ok", group: "api" },
+  { mp: "wx.login/checkSession/getUserInfo/authorize", proteus: "capability.login / auth / permission", status: "ok", group: "api" },
+  { mp: "wx.getUpdateManager", proteus: "capability.update (L2)", status: "compat", group: "api" },
+  { mp: "wx.requestWeChatPay/navigateToMiniProgram/\u6A21\u677F\u6D88\u606F/\u5BA2\u670D\uFF08\u5FAE\u4FE1\u79C1\u6709\uFF09", proteus: "capability.mini-program", status: "private", group: "api" }
+];
+var MP_MAPPING_MATRIX = [...MP_COMPONENTS, ...MP_API_GROUPS];
+function auditMiniprogramCoverage(matrix = MP_MAPPING_MATRIX) {
+  const missing = matrix.filter((i) => i.status === "missing");
+  const missingItems = missing;
+  const ok = matrix.filter((i) => i.status === "ok").length;
+  const compat = matrix.filter((i) => i.status === "compat").length;
+  const priv = matrix.filter((i) => i.status === "private").length;
+  const total = matrix.length;
+  return {
+    total,
+    ok,
+    compat,
+    private: priv,
+    missing: missingItems.length,
+    percent: total === 0 ? 0 : Math.round((total - missingItems.length) / total * 100),
+    pass: missingItems.length === 0,
+    missingItems
+  };
+}
+function auditCatalogConsistency() {
+  const issues = [];
+  const enumSet = new Set(SEMANTIC_ENUM);
+  const catalogTags = PRIMITIVE_CATALOG.filter((p) => p.tag);
+  for (const p of catalogTags) {
+    const tag = p.tag;
+    if (TAG_SEMANTIC_MAP[tag] !== p.semantic) {
+      issues.push({ rule: "C1", detail: `catalog ${p.id} (${tag}) \u8BED\u4E49=${p.semantic} \u2260 TAG_SEMANTIC_MAP=${TAG_SEMANTIC_MAP[tag] ?? "<\u672A\u767B\u8BB0>"}` });
+    }
+  }
+  for (const p of catalogTags) {
+    if (!enumSet.has(p.semantic)) {
+      issues.push({ rule: "C2", detail: `catalog ${p.id} \u8BED\u4E49 ${p.semantic} \u4E0D\u5728 SEMANTIC_ENUM` });
+    }
+  }
+  for (const [tag, sem] of Object.entries(TAG_SEMANTIC_MAP)) {
+    if (!enumSet.has(sem)) {
+      issues.push({ rule: "C3", detail: `${tag} \u2192 ${sem}\uFF08TAG_SEMANTIC_MAP \u503C\u4E0D\u5728 SEMANTIC_ENUM\uFF09` });
+    }
+  }
+  for (const p of PRIMITIVE_CATALOG.filter((x) => x.status === "implemented")) {
+    if (!SEMANTIC_BACKEND_MAP[p.semantic]) {
+      issues.push({ rule: "C4", detail: `${p.id} ${p.semantic}\uFF08implemented \u4F46 SEMANTIC_BACKEND_MAP \u65E0\u884C\uFF09` });
+    }
+  }
+  for (const sem of enumSet) {
+    if (!SEMANTIC_BACKEND_MAP[sem]) {
+      const inCatalog = PRIMITIVE_CATALOG.some((p) => p.semantic === sem);
+      if (!inCatalog) {
+        issues.push({ rule: "C5", detail: `${sem} \u5728 SEMANTIC_ENUM \u4F46\u4E0D\u5728 catalog\uFF08\u5B64\u7ACB\u8BED\u4E49\uFF09` });
+      }
+    }
+  }
+  return issues;
+}
+function formatCoverageReport(report) {
+  const lines = [
+    `G-32.1 \u5C0F\u7A0B\u5E8F\u80FD\u529B\u8986\u76D6\u5BA1\u8BA1\uFF1A`,
+    `  \u603B\u8BA1 ${report.total} \xB7 \u2705 L1 ${report.ok}\uFF08${Math.round(report.ok / report.total * 100)}%\uFF09\xB7 \u{1F504} L2/compat ${report.compat} \xB7 \u2B1B \u79C1\u6709 ${report.private} \xB7 \u274C \u7F3A\u5931 ${report.missing}`,
+    `  \u8986\u76D6\u7387 ${report.percent}% ${report.pass ? "\u2705 \u8FBE\u6807\uFF080 \u7F3A\u5931\uFF09" : "\u274C \u672A\u8FBE\u6807\uFF08CI \u7EA2\uFF09"}`
+  ];
+  if (report.missingItems.length) {
+    lines.push("  \u7F3A\u5931\u9879\uFF1A");
+    for (const m of report.missingItems) lines.push(`    \u274C ${m.mp} \u2192 ${m.proteus}`);
+  }
+  return lines.join("\n");
+}
+export {
+  COMPONENT_IR_SCHEMA,
+  DEFAULT_DESIGN_WIDTH,
+  MP_MAPPING_MATRIX,
+  PRIMITIVE_CATALOG,
+  SEMANTIC_BACKEND_MAP,
+  SEMANTIC_ENUM,
+  TAG_SEMANTIC_MAP,
+  auditCatalogConsistency,
+  auditMiniprogramCoverage,
+  checkComponentSnapshot,
+  checkPrimitiveCatalog,
+  checkSemanticCoverage,
+  componentPrimitives,
+  extractSemanticTree,
+  formatCoverageReport,
+  implementedPrimitives,
+  mapSemanticToBackend,
+  primitiveById,
+  primitiveBySemantic,
+  primitiveByTag,
+  toComponentIR,
+  toComponentTree,
+  validateComponentIR,
+  validateComponentTree,
+  validateGridConstraints
+};