cardbuddy 0.11.0 → 0.12.1

package/dist/vendored/components/AiSettings.vue

@@ -1,392 +0,0 @@
-<template>
-  <div class="aiset__mask" @click.self="$emit('close')">
-    <section class="aiset" role="dialog" aria-modal="true" aria-label="AI 模型设置">
-      <header class="aiset__head">
-        <svg class="aiset__head-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><use href="#icon-sparkles" /></svg>
-        <span class="aiset__title">模型设置</span>
-        <button type="button" class="aiset__x" title="关闭" @click="$emit('close')">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><use href="#icon-x" /></svg>
-        </button>
-      </header>
-
-      <!-- 字段说明一律收进「?」浮层：面板只留标签 + 控件，需要时点开看详情 -->
-      <div class="aiset__body">
-        <div class="aiset__field">
-          <div class="aiset__labelrow">
-            <label class="aiset__label" for="aiset-baseurl">Base URL</label>
-            <button type="button" class="aiset__help" :class="{ 'is-on': help === 'baseUrl' }" :aria-expanded="help === 'baseUrl'" title="查看说明" @click.stop="toggleHelp('baseUrl')">
-              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><use href="#icon-help" /></svg>
-            </button>
-          </div>
-          <input id="aiset-baseurl" v-model="form.baseUrl" class="aiset__input" type="text" placeholder="https://api.example.com/v1" spellcheck="false" autocomplete="off" />
-          <p v-if="help === 'baseUrl'" class="aiset__pop">OpenAI 兼容网关的基址，<strong>不含</strong> <code>/chat/completions</code> 后缀（后端会自己拼）。例：<code>https://api.openai.com/v1</code>。</p>
-        </div>
-
-        <div class="aiset__field">
-          <div class="aiset__labelrow">
-            <label class="aiset__label" for="aiset-model">模型名</label>
-            <button type="button" class="aiset__help" :class="{ 'is-on': help === 'model' }" :aria-expanded="help === 'model'" title="查看说明" @click.stop="toggleHelp('model')">
-              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><use href="#icon-help" /></svg>
-            </button>
-          </div>
-          <input id="aiset-model" v-model="form.model" class="aiset__input" type="text" placeholder="gpt-4o / GLM-4.6 / deepseek-chat" spellcheck="false" autocomplete="off" />
-          <p v-if="help === 'model'" class="aiset__pop">必须与网关侧的模型标识完全一致。建卡这类多步工具调用建议用支持 function calling 的模型。</p>
-        </div>
-
-        <div class="aiset__field">
-          <div class="aiset__labelrow">
-            <label class="aiset__label" for="aiset-key">API Key</label>
-            <button type="button" class="aiset__help" :class="{ 'is-on': help === 'apiKey' }" :aria-expanded="help === 'apiKey'" title="查看说明" @click.stop="toggleHelp('apiKey')">
-              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><use href="#icon-help" /></svg>
-            </button>
-          </div>
-          <div class="aiset__keywrap">
-            <input
-              id="aiset-key"
-              v-model="form.apiKey"
-              class="aiset__input aiset__input--key"
-              :type="reveal ? 'text' : 'password'"
-              :placeholder="keyPlaceholder"
-              spellcheck="false"
-              autocomplete="off"
-            />
-            <button
-              type="button"
-              class="aiset__eye"
-              :title="reveal ? '掩码显示密钥' : '明文显示密钥'"
-              :aria-pressed="reveal"
-              @click="reveal = !reveal"
-            >
-              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><use :href="reveal ? '#icon-eye-off' : '#icon-eye'" /></svg>
-            </button>
-          </div>
-          <p v-if="help === 'apiKey'" class="aiset__pop">
-            密钥保存在项目根 <code>.env.cb.local</code>（个人覆盖层，已被 .gitignore 忽略，不会进版本库）。
-            打开面板自动回填已保存的密钥（默认掩码），点输入框尾部小眼睛切换明文；<strong>清空后保存即删除</strong>已保存的密钥。
-          </p>
-        </div>
-
-        <div class="aiset__field">
-          <div class="aiset__labelrow">
-            <label class="aiset__label">单次输出上限</label>
-            <span class="aiset__unit">max_tokens</span>
-            <button type="button" class="aiset__help" :class="{ 'is-on': help === 'maxTokens' }" :aria-expanded="help === 'maxTokens'" title="查看说明" @click.stop="toggleHelp('maxTokens')">
-              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><use href="#icon-help" /></svg>
-            </button>
-          </div>
-          <div class="aiset__stepperrow">
-            <NumberStepper
-              id="aiset-maxtok"
-              class="aiset__stepper"
-              :value="form.maxTokens > 0 ? String(form.maxTokens) : ''"
-              :step="1024"
-              :min="0"
-              :max="262144"
-              :placeholder="maxTokensPlaceholder"
-              @input="onMaxTokens"
-            />
-            <button type="button" class="aiset__btn" :disabled="probing || saving || testing" @click="probe">
-              {{ probing ? '探测中…' : '探测' }}
-            </button>
-          </div>
-          <p v-if="maxTokensOver" class="aiset__warnline">
-            超过网关已知上限 {{ knownCapLimit }}：对话时会主动夹取到该值，建议留空走自动
-          </p>
-          <p v-if="help === 'maxTokens'" class="aiset__pop">
-            <strong>普通用户不用管这一项：留空 = 自动</strong>。后端自己协商：先读网关
-            <code>/v1/models</code> 的上下文窗口（免费、毫秒级，最多等 2 秒，超时先用默认 24576 开跑），
-            拿到后取 <code>min(窗口, 32768)</code> 当作单次输出上限（输出预算 ≠ 上下文窗口，建卡一轮 32k 足够）。
-            读不到元数据也不会偷偷发试探请求；想知道窗口多大就点「探测」做一次二分试探（会产生一次真实补全，约十几秒）。
-            手填值超过网关接受上限时，对话开跑前会主动夹取并说明；真被 400 拒绝才会自动减半重试，
-            减半成功的值记为「接受上限」（**不是窗口**：窗口与输出上限是两回事，有网关窗口 262144 但 max_tokens 硬上限 131072）。
-            只有某轮明确报「被单次输出上限截断」才需要手填更大值。注意：推理模型的思考过程也算进这个上限。
-            <br />当前自动生效值：<strong>{{ config.maxTokens > 0 ? config.maxTokens : 24576 }}</strong>；
-            网关上下文窗口：{{ config.maxTokensWindow > 0 ? config.maxTokensWindow : '未拿到（网关可能不提供元数据）' }}；
-            接受的单次输出上限：{{ config.maxTokensCap > 0 ? config.maxTokensCap : '未知（点「探测」，或撞过一次 400 后自动回写）' }}。
-          </p>
-        </div>
-
-        <div class="aiset__field">
-          <div class="aiset__labelrow">
-            <label class="aiset__label">单轮步数上限</label>
-            <span class="aiset__unit">0 / 留空 = 不限</span>
-            <button type="button" class="aiset__help" :class="{ 'is-on': help === 'maxSteps' }" :aria-expanded="help === 'maxSteps'" title="查看说明" @click.stop="toggleHelp('maxSteps')">
-              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><use href="#icon-help" /></svg>
-            </button>
-          </div>
-          <div class="aiset__stepperrow">
-            <NumberStepper
-              id="aiset-maxsteps"
-              class="aiset__stepper"
-              :value="form.maxSteps > 0 ? String(form.maxSteps) : ''"
-              :step="8"
-              :min="0"
-              :max="1000"
-              placeholder="留空 = 不限（推荐）"
-              @input="onMaxSteps"
-            />
-          </div>
-          <p v-if="help === 'maxSteps'" class="aiset__pop">
-            <strong>普通用户不用管这一项：留空 = 不限</strong>。设计稿建卡一轮要连跑
-            <code>spec_audit → crop_slices → expand_ir → iterate × N → check_fidelity</code> 十几到几十次调用，
-            硬顶只会把用户变成「继续」按钮，而步数多本身不代表 AI 在空转。
-            失控由三道<strong>精准熔断</strong>兜住：①连续 3 轮「同工具 + 同参数」判定原地打转，跳过执行并收尾汇报
-            ②单轮墙钟到点（<code>AI_TURN_TIMEOUT_MS</code>，默认 {{ turnTimeoutMinutes }} 分钟，用到 80% 先催收敛）
-            ③每 24 步注入一次收敛提醒（不打断）。任何一种收尾都会给出「做到哪 / 卡在哪 / 下一步说什么」，上下文不丢，回复「继续」接着做。
-            另外单轮上下文超预算时会自动折叠<strong>早期</strong>工具结果与图像（最近 10 条保持原文），避免撑爆网关窗口。
-            只有想硬性控成本时才填一个数（>0 即恢复旧行为：剩 2 步催收敛、到顶收尾汇总）。
-          </p>
-        </div>
-
-        <div class="aiset__field">
-          <!-- 仅「勾选框 + 标题」包进 label：点说明 / 问号不应误触开关 -->
-          <div class="aiset__labelrow">
-            <span class="aiset__label">深度思考</span>
-            <button type="button" class="aiset__help" :class="{ 'is-on': help === 'thinking' }" :aria-expanded="help === 'thinking'" title="查看说明" @click.stop="toggleHelp('thinking')">
-              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><use href="#icon-help" /></svg>
-            </button>
-            <Switch v-model="form.thinking" class="aiset__switch" />
-          </div>
-          <p v-if="help === 'thinking'" class="aiset__pop">
-            开启：模型先长篇推理再动手，规划更稳但慢很多、更费 token。关闭：直接出结果，实测同一网关快数倍。
-            关闭依赖网关支持 <code>chat_template_kwargs.enable_thinking</code>（vLLM / SGLang 系）；网关不认时后端会自动回退成带思考并在对话里提示一次。
-            另外，<strong>某一轮思考超时</strong>时后端会自动只在那一轮关闭深度思考并重试，逼出结果。
-          </p>
-        </div>
-
-        <div class="aiset__field">
-          <div class="aiset__labelrow">
-            <span class="aiset__label">多模态视觉</span>
-            <button type="button" class="aiset__help" :class="{ 'is-on': help === 'vision' }" :aria-expanded="help === 'vision'" title="查看说明" @click.stop="toggleHelp('vision')">
-              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><use href="#icon-help" /></svg>
-            </button>
-            <Switch v-model="form.vision" class="aiset__switch" />
-          </div>
-          <p v-if="help === 'vision'" class="aiset__pop">
-            开启后首轮对话会<strong>自动探测</strong>网关是否真支持图像（比较带图 / 不带图的 prompt_tokens）：支持则把渲染截图、设计稿 vs 渲染并排对比图、你挂载的图片注入上下文，AI 可直接读图找差异；
-            不支持会自动降级为数值闭环（pixelDiff.match）并在对话里提示一次。注入前降采样到长边 ≤ 1024px / ≤ 900KB，每轮最多 2 张；对话记录落盘不含图像。
-          </p>
-        </div>
-
-        <div v-if="ping" class="aiset__ping" :class="ping.ok ? 'is-ok' : 'is-bad'">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-            <use :href="ping.ok ? '#icon-check' : '#icon-alert-triangle'" />
-          </svg>
-          <span>{{ ping.text }}</span>
-        </div>
-      </div>
-
-      <footer class="aiset__foot">
-        <button type="button" class="aiset__btn" :disabled="testing || saving" @click="test">
-          <svg class="aiset__btn-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><use :href="testing ? '#icon-loading' : '#icon-activity'" /></svg>
-          <span>{{ testing ? '测试中…' : '测试连接' }}</span>
-        </button>
-        <span class="aiset__foot-gap"></span>
-        <button type="button" class="aiset__btn" :disabled="saving" @click="$emit('close')">取消</button>
-        <button type="button" class="aiset__btn aiset__btn--primary" :disabled="saving || testing" @click="save">
-          {{ saving ? '保存中…' : '保存' }}
-        </button>
-      </footer>
-    </section>
-  </div>
-</template>
-
-<script>
-import NumberStepper from './NumberStepper.vue'
-import Switch from './Switch.vue'
-import { saveAiConfig, pingAi, fetchAiConfig, probeMaxTokens } from '../runtime/ai-api.js'
-
-export default {
-  name: 'AiSettings',
-  components: { NumberStepper, Switch },
-  props: {
-    /** 面板已加载的配置（密钥脱敏）：{ baseUrl, model, hasKey, apiKeyMasked, maxTokens, maxSteps, thinking, vision, turnTimeoutMs } */
-    config: { type: Object, default: () => ({ baseUrl: '', model: '', hasKey: false, apiKeyMasked: '' }) },
-  },
-  emits: ['close', 'saved'],
-  data() {
-    return {
-      form: {
-        baseUrl: this.config.baseUrl || '',
-        model: this.config.model || '',
-        apiKey: '',
-        thinking: this.config.thinking !== false,
-        vision: this.config.vision === true,
-        // 留空(0) = 自动：后端按网关窗口协商；不再预填默认值误导用户以为必须填
-        // maxTokensAuto = 用户没手填过，即使后端回了「自动解析出的实际值」也保持输入框空白
-        maxTokens: this.config.maxTokensAuto ? 0 : Number(this.config.maxTokens) > 0 ? Number(this.config.maxTokens) : 0,
-        // 单轮步数上限：0 / 留空 = 不限（默认）。>0 才恢复旧硬顶行为
-        maxSteps: Number(this.config.maxSteps) > 0 ? Number(this.config.maxSteps) : 0,
-      },
-      reveal: false,
-      saving: false,
-      testing: false,
-      probing: false,
-      ping: null,
-      /** 当前展开的字段说明（null = 全部收起）：一次只开一个，点面板外或 Esc 关闭 */
-      help: null,
-      /** 已存密钥是否成功回填：回填成功时输入框即真值（清空保存 = 删除密钥） */
-      keyLoaded: false,
-    }
-  },
-  computed: {
-    /** 墙钟上限（分钟）：后端按 AI_TURN_TIMEOUT_MS 回传，面板只做人话展示 */
-    turnTimeoutMinutes() {
-      const ms = Number(this.config.turnTimeoutMs) > 0 ? Number(this.config.turnTimeoutMs) : 3600000
-      return Math.round(ms / 60000)
-    },
-    /** 占位符直接把「自动」解析成的实际值告诉用户：不用猜该填多大 */
-    /** 网关已知上限：接受的输出上限优先（减半 / 试探证据），缺时退窗口（窗口也是必 400 的绝对边界） */
-    knownCapLimit() {
-      const cap = Number(this.config.maxTokensCap) > 0 ? Number(this.config.maxTokensCap) : 0
-      if (cap) return cap
-      return Number(this.config.maxTokensWindow) > 0 ? Number(this.config.maxTokensWindow) : 0
-    },
-    /** 手填值超网关已知上限：输入框下红线提示 */
-    maxTokensOver() {
-      return this.knownCapLimit > 0 && this.form.maxTokens > this.knownCapLimit
-    },
-    maxTokensPlaceholder() {
-      const n = Number(this.config.maxTokens) > 0 ? Number(this.config.maxTokens) : 0
-      return n > 0 ? `留空 = 自动（当前按 ${n}）` : '留空 = 自动'
-    },
-    keyPlaceholder() {
-      if (this.keyLoaded) return this.form.apiKey ? '' : '已保存的密钥为空，请填写新密钥'
-      if (this.config.hasKey) return `已保存（${this.config.apiKeyMasked || '••••'}），回显失败：留空沿用、填写覆盖`
-      return 'sk-…'
-    },
-  },
-  created() {
-    this.loadKey()
-  },
-  mounted() {
-    document.addEventListener('click', this.onDocClick, true)
-    document.addEventListener('keydown', this.onKeydown)
-  },
-  beforeUnmount() {
-    document.removeEventListener('click', this.onDocClick, true)
-    document.removeEventListener('keydown', this.onKeydown)
-  },
-  methods: {
-    toggleHelp(id) {
-      this.help = this.help === id ? null : id
-    },
-    /** 点浮层与问号以外的任意处即收起（捕获阶段，避免被 stopPropagation 挡住） */
-    onDocClick(e) {
-      if (!this.help) return
-      const el = e.target
-      if (el instanceof Element && el.closest('.aiset__pop, .aiset__help')) return
-      this.help = null
-    },
-    onKeydown(e) {
-      if (e.key === 'Escape' && this.help) {
-        e.stopPropagation()
-        this.help = null
-      }
-    },
-    /** NumberStepper 原样上抛文本：这里负责解析成数字，空串 / 非法值回落默认 */
-    onMaxTokens(text) {
-      const n = Number(String(text).trim())
-      this.form.maxTokens = Number.isFinite(n) && n >= 0 ? Math.round(n) : 0
-    },
-    /** 单轮步数上限：同上，空串 / 0 = 不限（后端据此关掉硬顶，只留熔断器） */
-    onMaxSteps(text) {
-      const n = Number(String(text).trim())
-      this.form.maxSteps = Number.isFinite(n) && n > 0 ? Math.round(n) : 0
-    },
-    /** 探测网关窗口上限并回填：来源 models 元数据 / 二分试探 */
-    async probe() {
-      this.probing = true
-      this.ping = null
-      try {
-        const res = await probeMaxTokens()
-        const win = Number(res.window) > 0 ? Number(res.window) : 0
-        const cap = Number(res.cap) > 0 ? Number(res.cap) : 0
-        if ((win > 0 || cap > 0) && Number(res.maxTokens) > 0) {
-          this.form.maxTokens = Number(res.maxTokens)
-          const src =
-            res.source === 'models-meta'
-              ? '模型元数据'
-              : res.source === 'probe'
-                ? '二分试探'
-                : res.source === 'halved'
-                  ? '减半回写'
-                  : res.source || '探测'
-          const facts = []
-          if (win > 0) facts.push(`上下文窗口 ${win}`)
-          if (cap > 0) facts.push(`接受单次输出上限 ${cap}`)
-          this.ping = {
-            ok: true,
-            text: `网关${facts.join('、')}（来源：${src}）→ 留空自动取 ${res.maxTokens}，已填入；留空保存则继续走自动`,
-          }
-        } else {
-          this.ping = {
-            ok: false,
-            text: '探测未拿到网关窗口与接受上限（网关没提供 /v1/models 元数据，试探请求也被拒）：建议留空走自动，后端用默认值并按网关反馈夹取 / 减半',
-          }
-        }
-      } catch (e) {
-        this.ping = { ok: false, text: `探测失败：${e.message || e}` }
-      } finally {
-        this.probing = false
-      }
-    },
-    /** 回填已保存的密钥：优先 reveal 明文；旧版后端直接回明文 apiKey 字段，同样兼容 */
-    async loadKey() {
-      try {
-        const cfg = await fetchAiConfig(true)
-        const key = typeof cfg.apiKey === 'string' ? cfg.apiKey : ''
-        if (key) {
-          this.form.apiKey = key
-          this.keyLoaded = true
-        }
-        // 自动模式（没手填）保持空白，只把解析值留在占位符里
-        this.form.maxTokens = cfg.maxTokensAuto || !(Number(cfg.maxTokens) > 0) ? 0 : Number(cfg.maxTokens)
-        this.form.maxSteps = Number(cfg.maxSteps) > 0 ? Number(cfg.maxSteps) : 0
-        if (cfg.thinking !== undefined) this.form.thinking = cfg.thinking !== false
-        if (cfg.vision !== undefined) this.form.vision = cfg.vision === true
-      } catch {
-        /* 回显失败退化为占位掩码提示，不阻断其它字段的保存 */
-      }
-    },
-    /** 提交体：回填成功以输入框为准（空串 = 清除）；未回填且未填写 → 不带 apiKey（后端保持原值） */
-    payload() {
-      const out = {
-        baseUrl: this.form.baseUrl.trim(),
-        model: this.form.model.trim(),
-        thinking: Boolean(this.form.thinking),
-        vision: Boolean(this.form.vision),
-        maxTokens: Number(this.form.maxTokens) > 0 ? Number(this.form.maxTokens) : 0,
-        maxSteps: Number(this.form.maxSteps) > 0 ? Number(this.form.maxSteps) : 0,
-      }
-      if (this.keyLoaded || this.form.apiKey.trim()) out.apiKey = this.form.apiKey.trim()
-      return out
-    },
-    async test() {
-      this.testing = true
-      this.ping = null
-      try {
-        const res = await pingAi(this.payload())
-        this.ping = res.ok
-          ? { ok: true, text: `连接正常 · ${res.model || this.form.model} · ${res.latencyMs}ms${res.reply ? ` · 回复「${res.reply}」` : ''}` }
-          : { ok: false, text: `连接失败${res.status ? `（HTTP ${res.status}）` : ''}：${res.message || '未知错误'}` }
-      } catch (e) {
-        this.ping = { ok: false, text: `测试失败：${e.message || e}` }
-      } finally {
-        this.testing = false
-      }
-    },
-    async save() {
-      this.saving = true
-      try {
-        const res = await saveAiConfig(this.payload())
-        this.$emit('saved', res)
-      } catch (e) {
-        this.ping = { ok: false, text: `保存失败：${e.message || e}` }
-      } finally {
-        this.saving = false
-      }
-    },
-  },
-}
-</script>

package/dist/vendored/components/AlertCardInstance.vue

@@ -1,58 +0,0 @@
-<!--
-  单张弹窗卡片实例：为 alertCard 弹出的卡片提供「独立」的 cardRuntime，
-  使其脚本里的 this.data / this.state / setData / setRootData 都指向自身作用域，
-  而不是父卡片（主卡片）的作用域。渲染复用 RenderTree 同一套预览管线。
-
-  同时把弹窗卡片内部的「绑定错误 / 接口调用」转发到主运行时（mainRt），
-  以便右侧调试面板能像主卡片一样看到弹窗卡片的运行情况。
--->
-<script>
-import { h } from 'vue'
-import Adapter from '@/runtime/adapter.js'
-import { createCardRuntime } from '@/runtime/card-runtime.js'
-import RenderTree from './RenderTree.vue'
-
-export default {
-  name: 'AlertCardInstance',
-  components: { RenderTree },
-  props: {
-    entry: { type: Object, required: true },
-    mainRt: { type: Object, default: null },
-  },
-  data() {
-    const adapter = new Adapter()
-    const cardRuntime = createCardRuntime(this.entry.scope, adapter)
-
-    // 转发弹窗卡片的绑定错误 / 接口调用到主运行时，方便调试面板查看
-    const mainRt = this.mainRt
-    if (mainRt && mainRt.pushError && mainRt.pushApiCall) {
-      const origErr = cardRuntime.pushError.bind(cardRuntime)
-      cardRuntime.pushError = (k, m) => {
-        origErr(k, m)
-        mainRt.pushError(k, m)
-      }
-      const origApi = cardRuntime.pushApiCall.bind(cardRuntime)
-      cardRuntime.pushApiCall = (api, p) => {
-        origApi(api, p)
-        mainRt.pushApiCall(api, p)
-      }
-    }
-
-    return { adapter, cardRuntime }
-  },
-  provide() {
-    return {
-      adapter: this.adapter,
-      cardRuntime: this.cardRuntime,
-      customComponents: {},
-    }
-  },
-  render() {
-    return h(RenderTree, {
-      node: this.entry.preview.view,
-      scope: this.cardRuntime.rootScope,
-      key: this.entry.id,
-    })
-  },
-}
-</script>

package/dist/vendored/components/AlertCardLayer.vue

@@ -1,59 +0,0 @@
-<!--
-  弹窗卡片图层：固定全屏遮罩 + 按 gravity 定位的卡片面板，渲染 alertStack 栈顶的卡片。
-  点击遮罩（仅当该弹窗 clickOutsideCanHide）关闭栈顶弹窗。
--->
-<template>
-  <div class="alert-layer" v-if="top">
-    <div
-      class="alert-mask"
-      :class="'alert-mask--' + top.gravity"
-      @click.self="onMaskClick(top)"
-    >
-      <div class="alert-panel" :style="panelStyle(top)">
-        <AlertCardInstance
-          :entry="top"
-          :main-rt="mainRt"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import AlertCardInstance from './AlertCardInstance.vue'
-import { alertStore, closeAlertCard } from '@/runtime/alert-card.js'
-
-export default {
-  name: 'AlertCardLayer',
-  components: { AlertCardInstance },
-  props: {
-    mainRt: { type: Object, default: null },
-  },
-  computed: {
-    top() {
-      // 必须先读 alertStore.stack（走对象 getter）才能收集到数组依赖，
-      // 直接对导出的数组做索引/length 访问不会触发响应式更新。
-      const stack = alertStore.stack
-      return stack.length ? stack[stack.length - 1] : null
-    },
-  },
-  methods: {
-    onMaskClick(entry) {
-      if (entry.clickOutsideCanHide) {
-        closeAlertCard({ cardCode: entry.cardCode })
-      }
-    },
-    panelStyle(entry) {
-      const s = {}
-      if (entry.width) s.width = entry.width + 'px'
-      if (entry.height) s.height = entry.height + 'px'
-      // offsetX / offsetY：在 gravity 定位基础上做平移微调
-      const transforms = []
-      if (entry.offsetX) transforms.push('translateX(' + entry.offsetX + 'px)')
-      if (entry.offsetY) transforms.push('translateY(' + entry.offsetY + 'px)')
-      if (transforms.length) s.transform = transforms.join(' ')
-      return s
-    },
-  },
-}
-</script>

package/dist/vendored/components/ApiCallPanel.vue

@@ -1,127 +0,0 @@
-<!--
-  接口调用面板：右侧常驻独立面板（由 App 顶栏按钮 / 面板内 ✕ 控制展开收起）。
-  展示 ynet.callJSAPI / postMessage 的调用流水，内容原属调试面板的「接口调用」tab，
-  拆出后调试面板聚焦「绑定数据 / 组件结构 / 卡片来源」，接口流水可常驻可视。
--->
-<template>
-  <aside class="apipanel">
-    <div class="apipanel__head">
-      <span class="apipanel__title">
-        API调用
-        <span v-if="apiCalls.length" class="debug__count">{{ apiCalls.length }}</span>
-      </span>
-      <span class="apipanel__spacer"></span>
-      <button
-        class="apipanel__btn"
-        type="button"
-        :disabled="!apiCalls.length"
-        title="清空日志"
-        @click="clearApiLog"
-      >
-        <svg width="15" height="15" viewBox="0 0 24 24" fill="none"
-             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-trash" /></svg>
-      </button>
-      <button
-        class="apipanel__btn"
-        type="button"
-        title="收起接口调用面板"
-        @click="$emit('close')"
-      >
-        <svg width="15" height="15" viewBox="0 0 24 24" fill="none"
-             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="5" x2="19" y2="19" /><line x1="19" y1="5" x2="5" y2="19" /></svg>
-      </button>
-    </div>
-    <div class="apipanel__body">
-      <!-- 空状态占位：虚线圆形徽章 + 插头图标（与全局 24 网格线性图标同语言）+ 文案 + 弱提示 -->
-      <div v-if="!apiCalls.length" class="empty-state">
-        <span class="empty-state__badge" aria-hidden="true">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-            <path d="M9 7V3" />
-            <path d="M15 7V3" />
-            <path d="M6 7h12v4a6 6 0 0 1-12 0V7z" />
-            <path d="M12 17v4" />
-          </svg>
-        </span>
-        <p class="debug__empty">暂无API调用</p>
-        <p class="empty-state__hint">卡片事件触发 ynet.callJSAPI / postMessage 后，调用流水会实时显示在这里</p>
-      </div>
-      <ul class="debug__list">
-        <li v-for="(c, i) in apiCalls" :key="i" class="debug__item debug__item--api">
-          <div class="debug__api-row">
-            <span class="debug__kind">{{ c.api }}</span>
-            <button
-              class="debug__copy-ic"
-              type="button"
-              :title="copiedIndex === i ? '已复制 ✓' : '复制数据（不含方法名）'"
-              @click="copyApiPayload(c, i)"
-            >
-              <svg v-if="copiedIndex !== i" width="15" height="15" viewBox="0 0 24 24" fill="none"
-                   stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-copy-sm" /></svg>
-              <span v-else class="debug__copy-ok">✓</span>
-            </button>
-          </div>
-          <!-- 返回数据：结构化折叠树（Chrome 控制台风格） -->
-          <ApiPayloadTree :value="c.payload" />
-        </li>
-      </ul>
-    </div>
-  </aside>
-</template>
-
-<script>
-import ApiPayloadTree from './ApiPayloadTree.vue'
-import { copyText } from '@/runtime/clipboard.js'
-
-export default {
-  name: 'ApiCallPanel',
-  components: { ApiPayloadTree },
-  props: {
-    rt: { type: Object, required: true },
-  },
-  emits: ['close'],
-  data() {
-    return {
-      // 刚复制过数据的条目下标（用于图标变 ✓ 反馈），null=无
-      copiedIndex: null,
-      apiCopyTimer: null,
-    }
-  },
-  computed: {
-    // 依赖 apiRev，使接口调用流水在 pushApiCall / clearApiCalls 后实时刷新
-    // （apiCalls 本身是非响应式数组，模板直接读它不会触发重渲染）
-    //
-    // ⚠️ 必须 slice() 返回**新数组**，不能直接 return 原数组引用：
-    // Vue 3.4+ 引入了「computed 值稳定性」——重算后若新值与旧值 Object.is 相等，
-    // 就不再通知下游 effect。原数组是同一个引用，即使 apiRev 自增触发了重算，
-    // 渲染 effect 也收不到通知，界面纹丝不动。
-    apiCalls() {
-      void this.rt.apiRev
-      return this.rt.apiCalls.slice()
-    },
-  },
-  methods: {
-    /** 清空接口调用流水：调用运行时 clearApiCalls（清空数组 + 自增 apiRev），
-     *  因 apiCalls computed 返回 slice() 新引用，触发实时重渲染 */
-    clearApiLog() {
-      this.rt.clearApiCalls()
-    },
-    /** 复制某条接口调用的「返回数据」（即 payload 全文），不含方法名(api) */
-    async copyApiPayload(c, i) {
-      let text = ''
-      try {
-        text = JSON.stringify(c.payload, null, 2)
-      } catch {
-        text = String(c.payload)
-      }
-      const ok = await copyText(text)
-      if (ok) {
-        this.copiedIndex = i
-        if (this.apiCopyTimer) clearTimeout(this.apiCopyTimer)
-        this.apiCopyTimer = setTimeout(() => {
-          if (this.copiedIndex === i) this.copiedIndex = null
-        }, 1500)
-      }
-    },
-  },
-}
-</script>