@my-life-buddies/cli 0.27.1-dev.2 → 0.27.1

package/dist/web/tool-inventory.js

@@ -1,94 +0,0 @@
-(() => {
-  "use strict";
-  // UI contract only. The CLI supplies inspection; this view never executes project code.
-  window.createPreviewToolInventory = ({ node }) => {
-    const $ = id => document.getElementById(id);
-    const list = $("tool-inventory"), search = $("tools-search"), origin = $("tools-origin");
-    const expanded = new Set();
-    let snapshot = {}, signature = "", known = [];
-    const record = value => value && typeof value === "object" && !Array.isArray(value) ? value : {};
-    const text = value => typeof value === "string" ? value : "";
-    const sourceLabel = value => ({ custom: "自定义工具", platform: "平台工具" })[value] || "来源未确定";
-    function renderList() {
-      const query = search.value.trim().toLocaleLowerCase();
-      const filtered = known.filter(tool => (!origin.value || tool.origin === origin.value)
-        && (!query || `${tool.name} ${tool.description || ""}`.toLocaleLowerCase().includes(query)));
-      const fragment = document.createDocumentFragment();
-      for (const tool of filtered) {
-        const row = node("details", { class: "inventory-tool", open: expanded.has(tool.name) });
-        row.addEventListener("toggle", () => row.open ? expanded.add(tool.name) : expanded.delete(tool.name));
-        const heading = node("summary");
-        const label = node("div", { class: "inventory-tool-title" });
-        label.append(node("strong", {}, tool.name), node("span", { class: "inventory-origin" }, sourceLabel(tool.origin)));
-        heading.append(label, node("p", {}, text(tool.description) || "工具描述尚未读取。"));
-        const body = node("div", { class: "inventory-tool-body" });
-        if (text(tool.reason)) body.append(node("p", { class: "diagnostic-note" }, tool.reason));
-        const schema = record(tool.parameters), properties = record(schema.properties);
-        const names = Object.keys(properties), required = Array.isArray(schema.required) ? schema.required : [];
-        body.append(node("h4", {}, "参数"));
-        if (names.length) {
-          const table = node("table", { class: "inventory-parameters" });
-          const head = node("thead"), header = node("tr");
-          for (const title of ["名称", "类型", "说明"]) header.append(node("th", { scope: "col" }, title));
-          head.append(header); table.append(head);
-          const rows = node("tbody");
-          for (const name of names) {
-            const param = record(properties[name]), tr = node("tr");
-            tr.append(node("td", {}, `${name}${required.includes(name) ? " · 必填" : ""}`),
-              node("td", {}, Array.isArray(param.type) ? param.type.join(" / ") : text(param.type) || "见 Schema"),
-              node("td", {}, text(param.description) || "未提供说明"));
-            rows.append(tr);
-          }
-          table.append(rows); body.append(table);
-        } else body.append(node("p", { class: "diagnostic-note" }, tool.parameters ? "无固定参数字段，详见 Schema。" : "参数定义尚未读取。"));
-        if (tool.parameters) {
-          const schemaView = node("details", { class: "diagnostic-section" });
-          schemaView.append(node("summary", {}, "参数 Schema"), node("pre", {}, JSON.stringify(tool.parameters, null, 2)));
-          body.append(schemaView);
-        }
-        row.append(heading, body); fragment.append(row);
-      }
-      if (!filtered.length) {
-        const empty = node("div", { class: "diagnostic-empty" });
-        const status = snapshot.inspection?.status;
-        empty.append(node("strong", {}, known.length ? "没有匹配的工具" : status === "analyzing" ? "正在分析工具注册关系" : status === "complete" ? "未配置工具" : "工具列表尚未读取"));
-        empty.append(node("p", {}, known.length ? "请调整工具名称、用途关键词或来源。" : status === "complete" ? "当前工程中未识别到已注册的工具。" : status === "analyzing" ? "读取完成后自动展示，无需发送消息。" : snapshot.connected ? "当前连接尚未提供工程分析结果。未读取不表示没有工具。" : "连接本地工程后，工具及用途会显示在这里。"));
-        fragment.append(empty);
-      }
-      const unresolved = snapshot.inspection?.unresolved;
-      if (Array.isArray(unresolved) && !query && !origin.value) {
-        for (const item of unresolved) {
-          const pending = node("div", { class: "inventory-unresolved" });
-          pending.append(node("strong", {}, text(item.name) || "动态工具 · 待确认"), node("p", {}, text(item.reason) || "依赖运行时信息，无法静态确定。"));
-          fragment.append(pending);
-        }
-      }
-      list.replaceChildren(fragment);
-    }
-    function update(next) {
-      const nextSignature = JSON.stringify(next);
-      if (nextSignature === signature) return;
-      if (snapshot.buddyId !== next.buddyId) { expanded.clear(); search.value = ""; origin.value = ""; }
-      signature = nextSignature; snapshot = next;
-      const inspection = record(next.inspection), model = record(inspection.model);
-      known = (Array.isArray(inspection.tools) ? inspection.tools : []).filter(tool => tool && typeof tool.name === "string");
-      const loading = inspection.status === "analyzing", partial = inspection.status === "partial";
-      const incomplete = partial && (!Array.isArray(inspection.unresolved) || inspection.unresolved.length > 0);
-      const modelLabel = model.status === "dynamic" ? "动态配置，待运行确认" : text(model.value) || text(next.fallbackModel) || (loading ? "分析中" : "未读取");
-      $("environment-model").replaceChildren(node("span", {}, modelLabel));
-      if (text(model.reason)) $("environment-model").append(node("p", { class: "inventory-model-note" }, model.reason));
-      $("tools-total").textContent = known.length ? `${known.length}${incomplete ? " 已识别" : ""}` : "";
-      $("tools-caption").textContent = known.length ? `${known.filter(tool => tool.origin === "custom").length} 个自定义工具 · ${known.filter(tool => tool.origin === "platform").length} 个平台工具` : "本地工程中已注册的工具及用途。";
-      $("tools-read-state").textContent = loading ? "分析中" : !next.connected && next.inspection ? "上次读取" : incomplete ? "部分已识别" : partial ? "部分详情待确认" : inspection.status === "complete" ? "已读取" : "未读取";
-      const notes = [];
-      if (!next.connected && next.inspection) notes.push("连接已断开，以下为上次读取的结果。");
-      if (incomplete) notes.push("部分工具依赖运行时信息，当前列表可能不完整。每次请求实际提供的工具可在「模型调用」中查看。");
-      else if (partial) notes.push("部分工具的描述或参数尚未完整读取，展开对应工具可查看说明。");
-      $("tools-notice").hidden = !notes.length; $("tools-notice").textContent = notes.join(" ");
-      $("tools-filters").hidden = !known.length; $("tools-footer").hidden = !next.inspection;
-      renderList();
-    }
-    search.addEventListener("input", renderList); origin.addEventListener("change", renderList);
-    return { update };
-  };
-})();

package/dist/web/widgets.css

@@ -1,62 +0,0 @@
-/* iOS ff1845b: dimensions in native points, scaled once with the device canvas. */
-.widget-shortcut { position:absolute; z-index:3; top:calc(var(--widget-unit, 1px) * 100); left:calc(var(--widget-unit, 1px) * 12); max-width:calc(100% - calc(var(--widget-unit, 1px) * 24)); }
-.widget-shortcut[hidden], .widget-overlay[hidden], .widget-more[hidden] { display:none; }
-.widget-pill { display:flex; align-items:center; gap:calc(var(--widget-unit, 1px) * 8); height:calc(var(--widget-unit, 1px) * 52); max-width:calc(var(--widget-unit, 1px) * 260); border-radius:99px; padding:0 calc(var(--widget-unit, 1px) * 20) 0 calc(var(--widget-unit, 1px) * 16); color:#000; background:linear-gradient(110deg,#fff,#bbf1a7); border:calc(var(--widget-unit, 1px) * .5) solid #0000001f; font-size:calc(var(--widget-unit, 1px) * 16); font-weight:400; box-shadow:none; transition:padding .22s ease-in-out; }
-.widget-pill .widget-pill-avatar { width:calc(var(--widget-unit, 1px) * 28); height:calc(var(--widget-unit, 1px) * 28); flex:none; border-radius:50%; }
-.widget-pill-title { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
-.widget-chevron { margin-left:calc(var(--widget-unit, 1px) * 8); font-size:calc(var(--widget-unit, 1px) * 18); }
-.widget-shortcut[data-phase="collapsed"] .widget-pill { width:calc(var(--widget-unit, 1px) * 52); padding:0 calc(var(--widget-unit, 1px) * 12); }
-.widget-shortcut[data-phase="collapsed"] :is(.widget-pill-title,.widget-chevron) { display:none; }
-.widget-choices,.widget-options { position:absolute; z-index:5; background:#fff; border:calc(var(--widget-unit, 1px) * .3) solid #0000001f; border-radius:calc(var(--widget-unit, 1px) * 16); box-shadow:0 calc(var(--widget-unit, 1px) * 4) calc(var(--widget-unit, 1px) * 16) #0000000d; overflow:auto; }
-.widget-choices { top:calc(100% + calc(var(--widget-unit, 1px) * 8)); left:0; width:calc(var(--widget-unit, 1px) * 240); max-height:calc(var(--widget-unit, 1px) * 320); padding:calc(var(--widget-unit, 1px) * 4) 0; }
-.widget-choices button { display:flex; align-items:center; justify-content:space-between; gap:calc(var(--widget-unit, 1px) * 8); width:100%; min-height:calc(var(--widget-unit, 1px) * 48); padding:calc(var(--widget-unit, 1px) * 12) calc(var(--widget-unit, 1px) * 16); text-align:left; background:transparent; color:#000; font-size:calc(var(--widget-unit, 1px) * 16); font-weight:400; }
-.widget-choices button>span:first-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
-.widget-arrow { color:#0009; }
-.widget-choices button:hover,.widget-options button:hover { background:#f1f3f4; }
-.widget-overlay { position:absolute; z-index:10; inset:0; display:flex; align-items:center; justify-content:center; background:#0003; opacity:1; animation:widget-fade .22s ease-in-out; transition:opacity .22s ease-in-out; }
-.widget-overlay[data-state="closing"] { opacity:0; pointer-events:none; }
-.widget-modal { position:relative; width:calc(100% - calc(var(--widget-unit, 1px) * 32)); height:65%; border-radius:calc(var(--widget-unit, 1px) * 24); background:#fff; color:#000; overflow:hidden; display:flex; flex-direction:column; padding-bottom:calc(var(--widget-unit, 1px) * 12); }
-.widget-modal-header { display:flex; gap:0; align-items:center; min-height:calc(var(--widget-unit, 1px) * 52); padding:calc(var(--widget-unit, 1px) * 4) calc(var(--widget-unit, 1px) * 4) 0; flex:none; }
-.widget-modal-header button,.widget-more-slot { width:calc(var(--widget-unit, 1px) * 44); height:calc(var(--widget-unit, 1px) * 44); flex:none; padding:0; background:transparent; color:#000; font-size:calc(var(--widget-unit, 1px) * 22); font-weight:400; }
-.widget-modal-header h3 { flex:1; min-width:0; margin:0; text-align:center; font-size:calc(var(--widget-unit, 1px) * 14); font-weight:500; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
-.widget-modal-body { flex:1; position:relative; min-height:0; overflow:hidden; font-size:calc(var(--widget-unit, 1px) * 14); }
-.widget-document { position:absolute; top:0; left:0; border:0; display:block; background:#fff; }
-.widget-loading,.widget-failure { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:calc(var(--widget-unit, 1px) * 12); padding:calc(var(--widget-unit, 1px) * 24); text-align:center; color:#0009; }
-.widget-loading p,.widget-failure p { margin:0; font-size:calc(var(--widget-unit, 1px) * 14); line-height:1.5; }
-.widget-failure h4 { margin:0; font-size:calc(var(--widget-unit, 1px) * 17); font-weight:600; color:#000; }
-.widget-spinner { width:calc(var(--widget-unit, 1px) * 20); height:calc(var(--widget-unit, 1px) * 20); border:calc(var(--widget-unit, 1px) * 2) solid #0002; border-top-color:#0009; border-radius:50%; animation:widget-spin .85s linear infinite; }
-.widget-failure-mark { display:grid; place-items:center; width:calc(var(--widget-unit, 1px) * 32); height:calc(var(--widget-unit, 1px) * 32); border:calc(var(--widget-unit, 1px) * 1.5) solid #0006; border-radius:50%; font-size:calc(var(--widget-unit, 1px) * 22); }
-.widget-failure button { margin-top:calc(var(--widget-unit, 1px) * 4); padding:calc(var(--widget-unit, 1px) * 10) calc(var(--widget-unit, 1px) * 16); border-radius:calc(var(--widget-unit, 1px) * 8); background:#f1f3f4; color:#000; font-size:calc(var(--widget-unit, 1px) * 14); }
-.widget-options { top:calc(var(--widget-unit, 1px) * 52); right:calc(var(--widget-unit, 1px) * 8); width:calc(var(--widget-unit, 1px) * 232); padding:calc(var(--widget-unit, 1px) * 8) 0; }
-/* Menu rhythm and monochrome icons match the native action menu. */
-.widget-options button { position:relative; display:flex; align-items:center; gap:calc(var(--widget-unit, 1px) * 6); width:100%; min-height:calc(var(--widget-unit, 1px) * 36); padding:calc(var(--widget-unit, 1px) * 6) calc(var(--widget-unit, 1px) * 16); text-align:left; background:transparent; color:#000; font-size:calc(var(--widget-unit, 1px) * 14); font-weight:400; }
-.widget-options button+button { margin-top:calc(var(--widget-unit, 1px) * 8); }
-.widget-options button+button::before { content:""; position:absolute; top:calc(var(--widget-unit, 1px) * -4); left:calc(var(--widget-unit, 1px) * 16); right:calc(var(--widget-unit, 1px) * 16); height:calc(var(--widget-unit, 1px) * .3); background:#00000026; }
-.widget-options svg { width:calc(var(--widget-unit, 1px) * 20); height:calc(var(--widget-unit, 1px) * 20); flex:none; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
-.widget-options .widget-destructive,.widget-confirm .widget-destructive { color:#d73340; }
-.widget-options button:disabled,.widget-confirm button:disabled { opacity:.45; cursor:wait; }
-.widget-confirm-backdrop { position:absolute; inset:0; z-index:7; display:grid; place-items:center; background:#0003; padding:calc(var(--widget-unit, 1px) * 20); }
-.widget-confirm { width:calc(var(--widget-unit, 1px) * 270); max-width:100%; padding:calc(var(--widget-unit, 1px) * 20) calc(var(--widget-unit, 1px) * 16) calc(var(--widget-unit, 1px) * 10); border-radius:calc(var(--widget-unit, 1px) * 16); background:#fff; text-align:center; }
-.widget-confirm h4 { margin:0 0 calc(var(--widget-unit, 1px) * 8); font-size:calc(var(--widget-unit, 1px) * 17); font-weight:600; }
-.widget-confirm p { margin:0; font-size:calc(var(--widget-unit, 1px) * 13); line-height:1.5; }
-.widget-confirm-actions { display:flex; margin-top:calc(var(--widget-unit, 1px) * 16); border-top:calc(var(--widget-unit, 1px) * .5) solid #0002; }
-.widget-confirm-actions button { flex:1; padding:calc(var(--widget-unit, 1px) * 12); font-size:calc(var(--widget-unit, 1px) * 16); background:transparent; color:#000; }
-.widget-native-share { position:absolute; z-index:6; inset:calc(var(--widget-unit, 1px) * 52) 0 0; padding:calc(var(--widget-unit, 1px) * 28) calc(var(--widget-unit, 1px) * 24); background:#fff; font-size:calc(var(--widget-unit, 1px) * 14); }
-.widget-native-share h4 { margin:0 0 calc(var(--widget-unit, 1px) * 12); font-size:calc(var(--widget-unit, 1px) * 17); }
-.widget-native-share p { line-height:1.6; color:#0009; margin:0 0 calc(var(--widget-unit, 1px) * 24); }
-.widget-native-share button { display:block; width:100%; margin-top:calc(var(--widget-unit, 1px) * 12); padding:calc(var(--widget-unit, 1px) * 12); border-radius:calc(var(--widget-unit, 1px) * 8); color:#000; background:#f1f3f4; font-size:calc(var(--widget-unit, 1px) * 14); }
-.widget-pin-note { position:absolute; z-index:8; top:calc(17.5% + calc(var(--widget-unit, 1px) * 58)); left:50%; transform:translateX(-50%); max-width:90%; border-radius:calc(var(--widget-unit, 1px) * 16); background:#f1f3f4f5; box-shadow:0 calc(var(--widget-unit, 1px) * 4) calc(var(--widget-unit, 1px) * 16) #0001; padding:calc(var(--widget-unit, 1px) * 12) calc(var(--widget-unit, 1px) * 16); font-size:calc(var(--widget-unit, 1px) * 12); text-align:center; }
-.widget-entry { width:calc(var(--widget-unit, 1px) * 297); max-width:100%; padding:calc(var(--widget-unit, 1px) * 12); border:calc(var(--widget-unit, 1px) * .3) solid #00000026; border-radius:calc(var(--widget-unit, 1px) * 16); background:#fff; color:#000; font-size:calc(var(--widget-unit, 1px) * 14); }
-.widget-entry h4 { margin:0 0 calc(var(--widget-unit, 1px) * 12); font:500 calc(var(--widget-unit, 1px) * 14)/1.4 -apple-system,BlinkMacSystemFont,sans-serif; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
-.widget-entry p { margin:0; color:#000; font-size:calc(var(--widget-unit, 1px) * 14); line-height:1.4; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
-.widget-entry p.widget-secondary { color:#0009; }
-.widget-entry-details { display:flex; align-items:center; gap:calc(var(--widget-unit, 1px) * 12); }
-.widget-entry-photo { width:calc(var(--widget-unit, 1px) * 64); height:calc(var(--widget-unit, 1px) * 64); border-radius:50%; object-fit:cover; flex:none; }
-.widget-entry-open { width:100%; height:calc(var(--widget-unit, 1px) * 40); min-height:0; padding:0; margin-top:calc(var(--widget-unit, 1px) * 12); background:#f1f3f4; color:#000; border-radius:calc(var(--widget-unit, 1px) * 8); font-size:calc(var(--widget-unit, 1px) * 14); font-weight:500; }
-.widget-entry-metadata { display:flex; min-width:0; margin-top:calc(var(--widget-unit, 1px) * 12); font-size:calc(var(--widget-unit, 1px) * 11); line-height:1.4; color:#0009; }
-.widget-creator { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
-.widget-permission { flex:none; }
-.widget-entry button:focus-visible,.widget-shortcut button:focus-visible,.widget-overlay button:focus-visible { outline:2px solid #007a9b; outline-offset:2px; }
-@keyframes widget-fade { from { opacity:0; } to { opacity:1; } }
-@keyframes widget-spin { to { transform:rotate(360deg); } }
-@media(prefers-reduced-motion:reduce) { .widget-overlay { animation-duration:.1s; transition-duration:.1s; } .widget-pill { transition:none; } }

package/dist/web/widgets.js

@@ -1,317 +0,0 @@
-/* SIT Widget 编辑宿主。页面保持不透明沙箱，身份和记录操作由 CLI 代理。 */
-(() => {
-  const el = (tag, className = '', text) => {
-    const node = document.createElement(tag); node.className = className;
-    if (text !== undefined) node.textContent = text;
-    return node;
-  };
-  const button = (label, action, className = '') => {
-    const node = el('button', className, label); node.type = 'button'; node.addEventListener('click', action); return node;
-  };
-  const menuIcon = name => {
-    const paths = {
-      share: 'M12 15V3m-4 4 4-4 4 4M7 11H5v10h14V11h-2',
-      pin: 'm9 3 6 0-1 6 4 4v2H6v-2l4-4ZM12 15v6',
-      unpin: 'm3 3 18 18M9 3h6l-1 6 4 4v2M6 15h6m0 0v6',
-      trash: 'M4 7h16M9 7V4h6v3M6 7l1 14h10l1-14M10 11v6m4-6v6',
-    };
-    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-    svg.setAttribute('viewBox', '0 0 24 24'); svg.setAttribute('aria-hidden', 'true');
-    const path = document.createElementNS(svg.namespaceURI, 'path'); path.setAttribute('d', paths[name]);
-    svg.append(path); return svg;
-  };
-  window.createSimulatorWidgets = ({ api, avatar }) => {
-    const shortcut = document.querySelector('#widget-shortcut');
-    const overlay = document.querySelector('#widget-overlay');
-    const phone = document.querySelector('.phone-screen');
-    const device = document.querySelector('.phone');
-    let reopen, conversationScope;
-    let items = [], scope = '', generation = 0, ready = false, loading = false, lastRefresh = 0;
-    let failed = false, signature = '', selected, focusBefore, openRevision = 0, frameObserver;
-    let collapseTimer, closeTimer, loadTimer, documentFrame, documentToken, documentReady;
-    let phase = 'normal', choices, pill, busy = false, refreshPromise;
-    let documentLifecycle = false, editing = false, conversationRevision = 0, widgetSession;
-    const timers = () => { endSession(); clearTimeout(loadTimer); frameObserver?.disconnect(); frameObserver = undefined; documentFrame = undefined; documentReady = undefined; };
-    const scale = () => device.clientWidth / 415;
-    const resize = new ResizeObserver(() => { phone.style.setProperty('--widget-unit', `${scale()}px`); });
-    resize.observe(device);
-    function setPhase(value) { phase = value; shortcut.dataset.phase = value; pill?.setAttribute('aria-expanded', String(value === 'choosing')); }
-    function scheduleCollapse() {
-      clearTimeout(collapseTimer);
-      if (!ready || !items.length || selected || document.hidden || phase !== 'normal') return;
-      collapseTimer = setTimeout(() => setPhase('collapsed'), 5000);
-    }
-    function closeChoices(reset = true) {
-      choices?.remove(); choices = undefined;
-      if (reset) { setPhase('normal'); scheduleCollapse(); }
-    }
-    function finishClose() {
-      overlay.hidden = true; overlay.replaceChildren(); delete overlay.dataset.state;
-      for (const child of phone.children) if (child !== overlay) child.inert = false;
-      if (focusBefore?.isConnected) focusBefore.focus(); focusBefore = undefined; setPhase('normal'); scheduleCollapse();
-    }
-    function close(immediate = false) {
-      if (busy && !immediate) return;
-      clearTimeout(closeTimer); timers(); openRevision++; selected = undefined;
-      if (immediate || overlay.hidden) { finishClose(); return; }
-      overlay.dataset.state = 'closing';
-      closeTimer = setTimeout(finishClose, window.matchMedia('(prefers-reduced-motion:reduce)').matches ? 100 : 220);
-    }
-    function render() {
-      const next = JSON.stringify([ready, items, failed]);
-      if (next === signature) return;
-      signature = next;
-      const choosing = phase === 'choosing';
-      closeChoices(false); shortcut.replaceChildren(); shortcut.hidden = !ready || (!items.length && !failed);
-      if (shortcut.hidden) return;
-      if (!items.length) { shortcut.append(button('重新加载小挂件', () => refresh(true), 'widget-pill')); return; }
-      const title = items.length === 1 ? items[0].title : '全部小挂件';
-      pill = button('', () => {
-        clearTimeout(collapseTimer);
-        if (items.length === 1) { open(items[0]); return; }
-        if (choices) { closeChoices(); return; }
-        setPhase('choosing');
-        choices = el('div', 'widget-choices'); choices.setAttribute('role', 'menu'); choices.setAttribute('aria-label', '会话小挂件列表');
-        for (const item of items) {
-          const row = button('', () => { closeChoices(false); open(item); }); row.setAttribute('role', 'menuitem');
-          row.append(el('span', '', item.title), el('span', 'widget-arrow', '›')); choices.append(row);
-        }
-        shortcut.append(choices); choices.firstChild?.focus();
-      }, 'widget-pill');
-      pill.setAttribute('aria-label', title);
-      const image = avatar(); image.classList.add('widget-pill-avatar');
-      pill.append(image, el('span', 'widget-pill-title', title));
-      if (items.length > 1) { pill.append(el('span', 'widget-chevron', '›')); pill.setAttribute('aria-haspopup', 'menu'); }
-      shortcut.append(pill); setPhase(choosing ? 'normal' : phase);
-    }
-    async function refresh(force = false) {
-      if (!ready) return;
-      if (loading) return refreshPromise;
-      if (!force && Date.now() - lastRefresh < 1500) return;
-      loading = true; const mine = generation;
-      try {
-        refreshPromise = api('/api/simulator/widgets');
-        const value = await refreshPromise;
-        if (mine !== generation || !ready) return;
-        const previousIDs = items.map(item => item.id).join(',');
-        items = value.widgets || []; failed = false;
-        documentLifecycle = value.capabilities?.documentLifecycle === true;
-        editing = value.capabilities?.widgetEditing === true;
-        conversationRevision = value.conversationRevision ?? 0;
-        if (selected && !items.some(item => item.id === selected.id)) close(true);
-        if (previousIDs !== items.map(item => item.id).join(',')) { setPhase('normal'); scheduleCollapse(); }
-
-      } catch { if (mine === generation) failed = true; }
-      finally { if (mine === generation) { loading = false; lastRefresh = Date.now(); render(); } }
-    }
-    function notify(text, error = false) {
-      overlay.querySelector('.widget-pin-note')?.remove();
-      const note = el('div', `widget-pin-note${error ? ' is-error' : ''}`, text); note.setAttribute('role', 'status'); overlay.append(note);
-      setTimeout(() => note.remove(), 4000);
-    }
-    function ownerMenu(card, item, mine, current) {
-      const old = card.querySelector('.widget-options'); if (old) { old.remove(); return; }
-      const currentItem = items.find(value => value.id === item.id);
-      if (!currentItem || busy) return;
-      const menu = el('div', 'widget-options'); menu.setAttribute('role', 'menu');
-      const pin = button(currentItem.isPinned ? '从首页取消固定' : '固定到首页', async () => {
-        if (busy) return; busy = true; menu.querySelectorAll('button').forEach(node => { node.disabled = true; });
-        try {
-          await api(`/api/simulator/widgets/${encodeURIComponent(item.id)}/pin`, {method:currentItem.isPinned ? 'DELETE' : 'PUT'});
-          if (mine !== openRevision || current !== generation) return;
-          currentItem.isPinned = !currentItem.isPinned; menu.remove(); notify(currentItem.isPinned ? '已固定到首页' : '已从首页取消固定');
-        } catch {
-          if (mine === openRevision && current === generation) { menu.remove(); notify('操作失败，请稍后重试', true); }
-        } finally { if (mine === openRevision && current === generation) busy = false; }
-      });
-      pin.prepend(menuIcon(currentItem.isPinned ? 'unpin' : 'pin'));
-      pin.setAttribute('role', 'menuitem'); menu.append(pin); card.append(menu); pin.focus();
-    }
-    async function open(item, messageId) {
-      if (!item.type || !ready) return;
-      const mine = ++openRevision, current = generation;
-      if (overlay.hidden) focusBefore = document.activeElement;
-      clearTimeout(collapseTimer); clearTimeout(closeTimer); closeChoices(false); timers(); busy = false;
-      selected = { ...item, messageId }; document.querySelector('#message-input').blur();
-      overlay.replaceChildren(); overlay.hidden = false; overlay.dataset.state = 'opening';
-      const card = el('section', 'widget-modal'); card.setAttribute('role', 'dialog'); card.setAttribute('aria-modal', 'true'); card.setAttribute('aria-label', item.title);
-      const header = el('header', 'widget-modal-header');
-      const dismiss = button('×', () => close()); dismiss.setAttribute('aria-label', '关闭小挂件');
-      const more = button('···', () => ownerMenu(card, item, mine, current), 'widget-more'); more.setAttribute('aria-label', '小挂件更多'); more.hidden = true;
-      const slot = el('div', 'widget-more-slot'); slot.append(more);
-      header.append(dismiss, el('h3', '', item.title), slot);
-      const body = el('div', 'widget-modal-body'); body.setAttribute('aria-busy', 'true');
-      const loadingView = el('div', 'widget-loading'); loadingView.setAttribute('role', 'status');
-      loadingView.append(el('span', 'widget-spinner'), el('p', '', '正在打开小挂件…'));
-      body.append(loadingView); card.append(header, body); overlay.append(card);
-      for (const child of phone.children) if (child !== overlay) child.inert = true;
-      dismiss.focus();
-      const failedLoad = () => {
-        if (mine !== openRevision || current !== generation) return;
-        timers(); body.setAttribute('aria-busy', 'false');
-        const failure = el('div', 'widget-failure'); failure.setAttribute('role', 'status');
-        failure.append(el('span', 'widget-failure-mark', '!'), el('h4', '', '小挂件暂时无法打开'), el('p', '', '加载失败，请稍后重试'), button('重新加载', () => open(item, messageId)));
-        body.replaceChildren(failure);
-      };
-      const frame = el('iframe', 'widget-document'); frame.title = item.title; frame.setAttribute('sandbox', 'allow-scripts'); frame.referrerPolicy = 'no-referrer'; frame.style.visibility = 'hidden';
-      documentFrame = frame; documentToken = crypto.randomUUID();
-      if (editing) {
-        const session = {id:item.id, render:documentToken, revision:conversationRevision, closed:false};
-        widgetSession = session;
-        session.ready = bridgeCall(session, 'open');
-        try { await session.ready; }
-        catch (error) { if (mine === openRevision && current === generation) { failedLoad(); notify(error.message, true); } return; }
-        if (mine !== openRevision || current !== generation || session.closed) return;
-        session.heartbeat = setInterval(() => {
-          if (session.closed) return;
-          bridgeCall(session, 'heartbeat').catch(error => {
-            if (session.closed) return;
-            if (error.status === 404 || error.status === 409) { close(true); notify('小挂件连接已失效，请重新打开', true); }
-            else session.resume = true;
-          });
-        }, 30000);
-      }
-      const url = new URL(window.previewApiUrl?.(`/api/simulator/widgets/${encodeURIComponent(item.id)}`) ?? `/api/simulator/widgets/${encodeURIComponent(item.id)}`, location.href);
-      if (messageId !== undefined) url.searchParams.set('messageId', messageId);
-      url.searchParams.set('render', documentToken); frame.src = url.href;
-      documentReady = state => {
-        if (mine !== openRevision || current !== generation) return;
-        if (state !== 'ready') { failedLoad(); return; }
-        clearTimeout(loadTimer); loadingView.remove(); frame.style.visibility = 'visible'; body.setAttribute('aria-busy', 'false');
-      };
-      frame.addEventListener('error', failedLoad);
-      // Older CLI bridges cannot send lifecycle signals. Keep their document load usable.
-      frame.addEventListener('load', () => { if (!documentLifecycle) documentReady?.('ready'); });
-      body.append(frame);
-      frameObserver = new ResizeObserver(() => {
-        const factor = scale(); if (!factor) return;
-        frame.style.width = `${body.clientWidth / factor}px`; frame.style.height = `${body.clientHeight / factor}px`;
-        frame.style.transform = `scale(${factor})`; frame.style.transformOrigin = 'top left';
-      }); frameObserver.observe(body);
-      loadTimer = setTimeout(failedLoad, 15000);
-      await refresh(true);
-      if (mine === openRevision && current === generation) more.hidden = failed || !items.some(value => value.id === item.id);
-    }
-    async function bridgeCall(session, method, params = {}, requestId = crypto.randomUUID()) {
-      const body = JSON.stringify({render:session.render, conversationRevision:session.revision, method, params, requestId});
-      for (let attempt = 0; ; attempt++) {
-        try { return await api(`/api/simulator/widgets/${encodeURIComponent(session.id)}/bridge`, {method:'POST', body, ...(method === 'close' ? {keepalive:true} : {})}); }
-        catch (error) { if (attempt >= 1 || (error.status && error.status < 500)) throw error; }
-      }
-    }
-    function endSession() {
-      const session = widgetSession; widgetSession = undefined;
-      if (!session || session.closed) return;
-      session.closed = true; clearInterval(session.heartbeat); session.cancelPicker?.();
-      // 等正在建立的交互完成；CLI 会等待已发出的保存，再幂等关闭。
-      void session.ready.then(() => bridgeCall(session, 'close')).catch(() => {});
-    }
-    function pickImage(session) {
-      if (session.cancelPicker) return Promise.reject(new Error('请先完成当前图片选择'));
-      return new Promise((resolve, reject) => {
-        const input = el('input'); input.type = 'file'; input.accept = 'image/jpeg,image/png,image/webp'; input.hidden = true;
-        const finish = (error, value) => { session.cancelPicker = undefined; input.remove(); error ? reject(error) : resolve(value); };
-        session.cancelPicker = () => finish(new Error('图片选择已取消'));
-        input.addEventListener('cancel', () => finish(new Error('图片选择已取消')));
-        input.addEventListener('change', async () => {
-          try {
-            const file = input.files?.[0];
-            if (!file) throw new Error('图片选择已取消');
-            if (!['image/jpeg','image/png','image/webp'].includes(file.type) || file.size > 5 * 1024 * 1024) throw new Error('请选择 5 MiB 以内的 JPEG、PNG 或 WebP 图片');
-            const base64 = await new Promise((done, fail) => {
-              const reader = new FileReader(); reader.onload = () => done(String(reader.result).split(',')[1]); reader.onerror = () => fail(new Error('无法读取图片')); reader.readAsDataURL(file);
-            });
-            if (session.closed) throw new Error('小挂件已关闭');
-            finish(null, await bridgeCall(session, 'media.upload', {mimeType:file.type, base64}));
-          } catch (error) { finish(error); }
-        });
-        overlay.append(input); input.click();
-      });
-    }
-    window.addEventListener('message', async event => {
-      if (!documentFrame || event.source !== documentFrame.contentWindow || event.data?.render !== documentToken) return;
-      if (event.data.channel === 'buddy-widget-document') { documentReady?.(event.data.state); return; }
-      if (event.data.channel !== 'buddy-widget-bridge') return;
-      const {method, params, requestId} = event.data, session = widgetSession;
-      const target = event.source, render = documentToken;
-      const reply = value => target.postMessage({channel:'buddy-widget-reply', render, requestId, ...value}, '*');
-      try {
-        if (!session || session.closed) throw new Error('当前页面不支持编辑，请重新打开小挂件');
-        if (typeof requestId !== 'string' || !/^[a-zA-Z0-9-]{16,64}$/.test(requestId)
-          || !['records.list','records.get','records.create','records.update','records.delete','media.url','media.pickAndUpload','close'].includes(method)) throw new Error('页面请求了未开放的能力');
-        await session.ready;
-        if (session.closed) throw new Error('小挂件已关闭');
-        if (session.resume) { await bridgeCall(session, 'resume'); session.resume = false; }
-        const value = method === 'media.pickAndUpload' ? await pickImage(session) : await bridgeCall(session, method, params, requestId);
-        if (session !== widgetSession || session.closed) return;
-        reply({value});
-        if (method === 'close') close();
-      } catch (error) {
-        reply({error:{message:error.message || '操作未完成，请重试', status:error.status, code:error.code}});
-      }
-    });
-    overlay.addEventListener('click', event => { if (event.target === overlay) close(); });
-    document.addEventListener('pointerdown', event => {
-      if (choices && !shortcut.contains(event.target)) closeChoices();
-      const menu = overlay.querySelector('.widget-options');
-      if (menu && !menu.contains(event.target) && !event.target.closest('.widget-more')) menu.remove();
-    });
-    document.addEventListener('keydown', event => {
-      if (event.key === 'Escape') {
-        if (busy) return;
-        const nested = overlay.querySelector('.widget-options');
-        if (nested) { nested.remove(); overlay.querySelector('.widget-more')?.focus(); } else if (!overlay.hidden) close(); else closeChoices();
-      }
-      if (event.key === 'Tab' && !overlay.hidden) {
-        const scope = overlay;
-        const controls = [...scope.querySelectorAll('button:not(:disabled), iframe')].filter(node => !node.hidden && node.getClientRects().length);
-        const first = controls[0], last = controls.at(-1);
-        if (event.shiftKey && document.activeElement === first) { event.preventDefault(); last?.focus(); }
-        else if (!event.shiftKey && document.activeElement === last) { event.preventDefault(); first?.focus(); }
-      }
-    });
-    document.addEventListener('visibilitychange', () => {
-      clearTimeout(collapseTimer); closeChoices(false);
-      if (!document.hidden) { setPhase('normal'); scheduleCollapse(); void refresh(true); }
-    });
-    window.addEventListener('pagehide', () => { resize.disconnect(); close(true); clearTimeout(collapseTimer); clearTimeout(closeTimer); });
-    return {
-      update({active, conversationRevision, devRevision, reloading = false}) {
-        const key = `${conversationRevision || 0}:${devRevision || 0}`;
-        if (conversationScope !== conversationRevision || (!active && !reloading)) reopen = undefined;
-        else if (selected && (key !== scope || reloading)) reopen = { id: selected.id, messageId: selected.messageId };
-        conversationScope = conversationRevision;
-        if (key !== scope || !active) {
-          scope = key; generation++; ready = false; items = []; failed = false; loading = false; lastRefresh = 0; busy = false; documentLifecycle = false; editing = false;
-          clearTimeout(collapseTimer); close(true);
-        }
-        ready = active; render();
-        const mine = generation;
-        void refresh().then(() => {
-          if (!ready || mine !== generation || !reopen) return;
-          const item = items.find(value => value.id === reopen.id), messageId = reopen.messageId;
-          reopen = undefined;
-          if (item) void open(item, messageId);
-        });
-      },
-      reset() { reopen = undefined; generation++; ready = false; items = []; loading = false; failed = false; busy = false; clearTimeout(collapseTimer); close(true); render(); },
-      card(item, messageId) {
-        const card = el('div', 'widget-entry'); card.append(el('h4', '', item.title));
-        const details = el('div', 'widget-entry-details');
-        if (item.type && item.imageMediaId) {
-          const image = el('img', 'widget-entry-photo'); image.alt = `${item.title}的照片`;
-          image.src = window.previewApiUrl?.(`/api/simulator/widgets/${encodeURIComponent(item.id)}/image?mediaId=${encodeURIComponent(item.imageMediaId)}`) ?? `/api/simulator/widgets/${encodeURIComponent(item.id)}/image?mediaId=${encodeURIComponent(item.imageMediaId)}`;
-          image.addEventListener('error', () => { image.hidden = true; }); details.append(image);
-        }
-        details.append(el('p', item.type && item.summary?.trim() ? '' : 'widget-secondary', item.type ? item.summary?.trim() || '打开查看最新内容' : '此小挂件已删除或不可用')); card.append(details);
-        if (item.type) card.append(button('去查看', () => open(item, messageId), 'widget-entry-open'));
-        const permission = item.role ? '会话成员可编辑、固定' : undefined;
-        const metadata = el('div', 'widget-entry-metadata');
-        if (item.creatorName?.trim()) metadata.append(el('span', 'widget-creator', `${item.creatorName.trim()}创建`));
-        if (permission) metadata.append(el('span', 'widget-permission', (metadata.children.length ? '｜' : '') + permission));
-        if (metadata.children.length) card.append(metadata);
-        return card;
-      },
-    };
-  };
-})();