@my-life-buddies/cli 0.14.1 → 0.15.0

package/dist/web/app.js

@@ -191,6 +191,8 @@
       idle: hosted ? "已连接但 DEV 未启动" : "未启动",
       disconnected: "未连接本地工程",
       starting: "正在启动",
+      reloading: "正在重载",
+      reload_failed: "重载失败 · 等待修正",
       ready: "DEV 运行中",
       stopping: "正在停止",
       failed: "启动失败",
@@ -201,6 +203,7 @@
     if (!next || !Number.isFinite(next.revision)) return false;
     if (Number.isFinite(state.dev?.revision) && next.revision < state.dev.revision) return false;
     if (next.phase === "ready" && state.dev.phase !== "ready") state.simulatorLoaded = false;
+    if (state.dev.phase === "reload_failed" && ["ready", "reloading"].includes(next.phase)) elements.errorBanner.hidden = true;
     state.dev = next;
     if (next.ready?.buddy) state.buddy = next.ready.buddy;
     return true;
@@ -254,8 +257,8 @@
     elements.connectionState.dataset.phase = phase;
     elements.connectionLabel.textContent = phase === "disconnected" ? "未连接本地工程" : phaseCopy(phase);
     elements.devControl.disabled = !connectionReady || Boolean(devAction) || phase === "starting" || phase === "stopping";
-    elements.devControl.dataset.action = phase === "ready" ? "stop" : "start";
-    elements.devControl.textContent = devAction === "start" ? "正在启动…" : devAction === "stop" ? "正在停止…" : phase === "failed" ? "重试启动" : phase === "ready" ? "停止 DEV" : phase === "starting" ? "正在启动…" : phase === "stopping" ? "正在停止…" : "启动 DEV";
+    elements.devControl.dataset.action = ["ready", "reloading", "reload_failed"].includes(phase) ? "stop" : "start";
+    elements.devControl.textContent = devAction === "start" ? "正在启动…" : devAction === "stop" ? "正在停止…" : phase === "failed" ? "重试启动" : ["ready", "reloading", "reload_failed"].includes(phase) ? "停止 DEV" : phase === "starting" ? "正在启动…" : phase === "stopping" ? "正在停止…" : "启动 DEV";
     elements.environmentAgent.textContent = phase === "ready"
       ? `${state.dev.ready?.agentId || "已就绪"} · CLI 托管`
       : phaseCopy(phase);
@@ -277,7 +280,7 @@
     updateSendButton();
     syncPolling();
     if (
-      phase === "failed"
+      (phase === "failed" || phase === "reload_failed")
       && state.dev.error?.message
       && state.reportedFailureRevision !== state.dev.revision
     ) {
@@ -301,6 +304,8 @@
     const copy = !connectionChecked ? ["正在检查连接", "读取本地工程的连接状态。"]
       : phase === "disconnected" ? [connectionInstance ? "本地连接已断开" : "连接本地工程", connectionFailure || (connectionInstance ? "正在等待重新连接。保留当前记录，连接恢复后继续调试。" : "点击上方「连接工程」，复制指令到终端运行。")]
       : phase === "starting" ? ["正在启动调试", "正在准备运行环境，启动完成后即可发送消息。"]
+      : phase === "reloading" ? ["正在重载", "本地文件已修改，正在重新加载；当前回复可能中断。"]
+      : phase === "reload_failed" ? ["重载失败", state.dev.error?.message || "修正文件并保存后自动重试，也可停止 DEV。"]
       : phase === "stopping" ? ["正在停止调试", "等待运行环境退出，当前记录会保留。"]
       : phase === "failed" ? ["调试未能启动", "查看上方错误信息，修复工程后点击「重试启动」。"]
       : phase === "idle" ? ["工程已连接", "点击上方「启动 DEV」，开始体验搭子。"]
@@ -311,7 +316,7 @@
     guide.hidden = phase === "ready" && (runs.length > 0 || (state.debug.diagnostics?.records || []).some(record => record.kind !== "log"));
     $("#workbench-state-title").textContent = copy[0];
     $("#workbench-state-copy").textContent = copy[1];
-    $("#connection-description").textContent = !connectionChecked ? "检查中" : phase === "disconnected" ? "等待连接" : "仅用于本地调试";
+    $("#connection-description").textContent = !connectionChecked ? "检查中" : phase === "disconnected" ? "等待连接" : "保存自动重载，可能中断回复；Widget 数据不自动迁移。";
     const connectButton = $("#get-connect-command");
     connectButton.className = `button ${connectionReady ? "button-secondary" : "button-primary"}`;
     connectButton.textContent = connectionReady ? "连接指令" : connectionInstance ? "重新连接" : "连接工程";
@@ -556,7 +561,7 @@
   }
 
   const widgets = window.createSimulatorWidgets?.({ api, avatar: () => messageAvatar("assistant") });
-  function renderWidgets() { widgets?.update({ active: state.dev.phase === "ready" && !state.resetting, conversationRevision: state.simulator.conversationRevision, devRevision: state.dev.revision }); }
+  function renderWidgets() { widgets?.update({ reloading: ["reloading", "reload_failed"].includes(state.dev.phase), active: state.dev.phase === "ready" && !state.resetting, conversationRevision: state.simulator.conversationRevision, devRevision: state.dev.revision }); }
 
   let messageSignature = "";
   let followMessages = true;
@@ -689,7 +694,7 @@
   async function controlDev() {
     if (!connectionReady || state.dev.phase === "starting" || state.dev.phase === "stopping") return;
     if (devAction) return;
-    devAction = state.dev.phase === "ready" ? "stop" : "start";
+    devAction = ["ready", "reloading", "reload_failed"].includes(state.dev.phase) ? "stop" : "start";
     elements.errorBanner.hidden = true;
     renderDev();
     try {

package/dist/web/widgets.css

@@ -1,31 +1,62 @@
-/* Native points expressed against the simulator's 415 pt canvas. */
-.widget-shortcut { position:absolute; z-index:3; top:24.1cqw; left:2.89cqw; max-width:calc(100% - 5.78cqw); }
-.widget-shortcut[hidden], .widget-overlay[hidden] { display:none; }
-.widget-pill { display:flex; align-items:center; gap:1.93cqw; min-height:12.53cqw; max-width:62.65cqw; border-radius:99px; padding:1.93cqw 4.82cqw 1.93cqw 3.855cqw; color:#20252b; background:linear-gradient(135deg,#fff,#bbf1a7); border:.5px solid #20252b1f; font-size:3.855cqw; font-weight:400; box-shadow:none; }
-.widget-pill .widget-pill-avatar { width:6.747cqw; height:6.747cqw; flex:none; border-radius:50%; }
+/* 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:1.9cqw; font-size:2.65cqw; }
-.widget-choices,.widget-options { position:absolute; z-index:5; top:calc(100% + 2cqw); left:0; width:55.9cqw; padding:1cqw 0; border-radius:3cqw; background:#f7f7f9; box-shadow:0 3cqw 9cqw #0003; overflow:hidden; }
-.widget-choices button,.widget-options button { display:block; width:100%; min-height:10.6cqw; padding:2.9cqw 3.855cqw; text-align:left; background:transparent; color:#20252b; font-size:3.37cqw; font-weight:400; border-bottom:.3px solid #0002; }
-.widget-overlay { position:absolute; z-index:10; inset:0; display:flex; align-items:center; justify-content:center; background:#0003; animation:widget-fade .2s ease-in-out; }
-.widget-modal { position:relative; width:calc(100% - 7.71cqw); height:min(134.94cqw,calc(100% - 11.57cqw)); max-width:560px; border-radius:5.783cqw; background:#fff; color:#20252b; overflow:hidden; display:flex; flex-direction:column; padding-bottom:2.89cqw; }
-.widget-modal-header { display:flex; gap:1.93cqw; align-items:center; padding:1.93cqw 1.93cqw 0; flex:none; }
-.widget-modal-header button { width:10.6cqw; height:10.6cqw; flex:none; padding:0; background:transparent; color:inherit; font-size:5.3cqw; font-weight:400; }
-.widget-modal-header h3 { flex:1; margin:0; text-align:center; font-size:3.37cqw; font-weight:500; line-height:1.4; }
-.widget-modal-body { flex:1; min-height:0; overflow:auto; text-align:center; font-size:3.37cqw; }
-.widget-modal-body>p,.widget-modal-body>h4 { padding:0 5.78cqw; }
-.widget-modal-body>h4,.widget-loading { margin-top:25%; }
-.widget-modal-body>button { background:#f3f3f5; color:inherit; padding:2.9cqw; border-radius:2cqw; }
-.widget-document { width:100%; height:100%; border:0; display:block; background:white; }
-.widget-options { top:12.5cqw; right:2cqw; left:auto; }
-.widget-options p { padding:3cqw; font-size:3.37cqw; }
-.widget-pin-note { position:absolute; top:14.45cqw; left:50%; transform:translateX(-50%); white-space:nowrap; border-radius:99px; background:#f5f5f5ed; padding:2.9cqw; font-size:2.89cqw; }
-.widget-entry { width:71.57cqw; max-width:100%; padding:2.89cqw; border:.3px solid #dadbdd; border-radius:3.855cqw; background:#fff; color:#20252b; font-size:3.3735cqw; }
-.widget-entry h4 { margin:0 0 2.89cqw; font:500 3.3735cqw/1.5 sans-serif; }
-.widget-entry p { margin:0; color:#717782; line-height:1.5; overflow-wrap:anywhere; }
-.widget-entry-details { display:flex; align-items:center; gap:2.89cqw; }
-.widget-entry-photo { width:15.42cqw; height:15.42cqw; border-radius:50%; object-fit:cover; flex:none; }
-.widget-entry-open { width:100%; min-height:10.6cqw; margin-top:2.89cqw; background:#f3f3f5; color:inherit; border-radius:1.93cqw; font-size:3.3735cqw; font-weight:500; }
+.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; } }
-@media(prefers-reduced-motion:reduce) { .widget-overlay { animation-duration:.1s; } }
+@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,126 +1,280 @@
-/* Client reference: my-life-buddies-ios dev 547818d, DadaConversationWidgets / DadaHostedWidgetPage. */
+/* Client reference: my-life-buddies-ios dev ff1845b (2026-09-16).
+   Native point sizes share the phone's scale; Web content remains in an opaque sandbox. */
 (() => {
-  const previewUrl = path => window.previewApiUrl?.(path) ?? path;
-  const el = (tag, className, text) => { const n = document.createElement(tag); n.className = className; if (text !== undefined) n.textContent = text; return n; };
+  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');
-    let items = [], scope = '', generation = 0, ready = false, loading = false, lastRefresh = 0, selected, focusBefore, openRevision = 0;
-    let failed = false, renderSignature = '', frameObserver;
-    function close() {
-      frameObserver?.disconnect(); frameObserver = undefined;
-      const wasOpen = !overlay.hidden;
-      openRevision++; selected = undefined; overlay.hidden = true; overlay.replaceChildren();
+    const device = document.querySelector('.phone');
+    let reopenId, 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, canDelete = false;
+    const timers = () => { 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 (wasOpen) focusBefore?.focus?.();
+      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 button(label, action, className = '') { const n = el('button', className, label); n.type = 'button'; n.addEventListener('click', action); return n; }
     function render() {
-      const signature = JSON.stringify([ready, items, failed]);
-      if (signature === renderSignature) return;
-      renderSignature = signature;
-      shortcut.replaceChildren(); shortcut.hidden = !ready || (!items.length && !failed);
+      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 pill = button('', () => {
-        if (items.length === 1) { void open(items[0]); return; }
-        const old = shortcut.querySelector('.widget-choices');
-        if (old) { old.remove(); pill.setAttribute('aria-expanded', 'false'); return; }
-        const choices = el('div', 'widget-choices'); choices.setAttribute('role', 'menu');
-        for (const item of items) { const b = button(item.title + ' ›', () => { choices.remove(); pill.setAttribute('aria-expanded', 'false'); void open(item); }); b.setAttribute('role', 'menuitem'); choices.append(b); }
-        shortcut.append(choices); pill.setAttribute('aria-expanded', 'true'); choices.firstChild?.focus();
+      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', items.length === 1 ? items[0].title : '全部小挂件'));
-      if (items.length > 1) { pill.append(el('span', 'widget-chevron', '⌄')); pill.setAttribute('aria-haspopup', 'menu'); pill.setAttribute('aria-expanded', 'false'); }
-      shortcut.append(pill);
+      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 || loading || (!force && Date.now() - lastRefresh < 1500)) return;
+      if (!ready) return;
+      if (loading) return refreshPromise;
+      if (!force && Date.now() - lastRefresh < 1500) return;
       loading = true; const mine = generation;
       try {
-        const value = await api('/api/simulator/widgets');
+        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;
-        if (selected && !items.some(item => item.id === selected.id)) close();
+        documentLifecycle = value.capabilities?.documentLifecycle === true;
+        canDelete = value.capabilities?.deleteWidget === true;
+        if (selected && !items.some(item => item.id === selected.id)) close(true);
+        if (previousIDs !== items.map(item => item.id).join(',')) { setPhase('normal'); scheduleCollapse(); }
+        // Revoked ownership must also remove an already open owner menu.
+        if (selected && items.find(item => item.id === selected.id)?.role !== 'owner') {
+          overlay.querySelector('.widget-options')?.remove();
+          overlay.querySelector('.widget-confirm-backdrop')?.remove();
+          overlay.querySelector('.widget-native-share')?.remove();
+          const more = overlay.querySelector('.widget-more'); if (more) more.hidden = true;
+        }
       } 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 showConfirmation(card, item, mine, current) {
+      const shade = el('div', 'widget-confirm-backdrop');
+      const dialog = el('section', 'widget-confirm'); dialog.setAttribute('role', 'alertdialog'); dialog.setAttribute('aria-label', '删除小挂件？');
+      dialog.append(el('h4', '', '删除小挂件？'), el('p', '', '将删除小挂件和其中的数据，所有会话里的引用及首页固定都会失效。此操作不可恢复。'));
+      const actions = el('div', 'widget-confirm-actions');
+      const cancel = button('取消', () => { if (!busy) { shade.remove(); card.querySelector('.widget-more')?.focus(); } });
+      const remove = button('删除', async () => {
+        if (busy) return;
+        busy = true; cancel.disabled = true; remove.disabled = true; remove.textContent = '正在删除…';
+        try {
+          await api(`/api/simulator/widgets/${encodeURIComponent(item.id)}`, {method:'DELETE'});
+          if (mine !== openRevision || current !== generation) return;
+          items = items.filter(value => value.id !== item.id); render(); busy = false; close();
+        } catch {
+          if (mine !== openRevision || current !== generation) return;
+          shade.remove(); notify('操作失败，请稍后重试', true);
+        } finally { if (mine === openRevision && current === generation) busy = false; }
+      }, 'widget-destructive');
+      actions.append(cancel, remove); dialog.append(actions); shade.append(dialog); card.append(shade); cancel.focus();
+    }
+    function showShare(card) {
+      // Sharing chooses real conversations in the App; the simulator never fabricates recipients.
+      const notice = el('div', 'widget-native-share');
+      notice.append(el('h4', '', '在搭搭 App 中分享'), el('p', '', '使用真机预览打开这个搭子，在小挂件的「分享」中选择聊天。'));
+      notice.append(button('打开真机预览', () => { close(true); document.querySelector('#pair-device').click(); }), button('返回小挂件', () => notice.remove()));
+      card.append(notice); notice.querySelector('button').focus();
+    }
+    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?.role !== 'owner' || busy) return;
+      const menu = el('div', 'widget-options'); menu.setAttribute('role', 'menu');
+      const share = button('分享', () => { menu.remove(); showShare(card); });
+      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; }
+      });
+      const remove = button('删除小挂件', () => { menu.remove(); showConfirmation(card, item, mine, current); }, 'widget-destructive');
+      share.prepend(menuIcon('share')); pin.prepend(menuIcon(currentItem.isPinned ? 'unpin' : 'pin')); remove.prepend(menuIcon('trash'));
+      for (const row of [share, pin, ...(canDelete ? [remove] : [])]) { row.setAttribute('role', 'menuitem'); menu.append(row); }
+      card.append(menu); share.focus();
+    }
     async function open(item) {
       if (!item.type || !ready) return;
       const mine = ++openRevision, current = generation;
       if (overlay.hidden) focusBefore = document.activeElement;
-      frameObserver?.disconnect();
+      clearTimeout(collapseTimer); clearTimeout(closeTimer); closeChoices(false); timers(); busy = false;
       selected = item; document.querySelector('#message-input').blur();
-      overlay.replaceChildren(); overlay.hidden = false;
+      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('···', () => {
-        const old = card.querySelector('.widget-options'); if (old) { old.remove(); return; }
-        const menu = el('div', 'widget-options'); menu.setAttribute('role', 'menu');
-        const currentItem = items.find(value => value.id === item.id);
-        if (currentItem) menu.append(button(currentItem.isPinned ? '从首页取消固定' : '固定到首页', async () => {
-          menu.querySelectorAll('button').forEach(b => { b.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();
-            const note = el('div', 'widget-pin-note', currentItem.isPinned ? '已固定到首页' : '已从首页取消固定'); note.setAttribute('role', 'status'); card.append(note); setTimeout(() => note.remove(), 4000);
-          } catch (error) { if (mine === openRevision) { menu.replaceChildren(el('p', '', error.message), button('知道了', () => menu.remove())); } }
-        }));
-        menu.append(button('刷新', () => open(item))); card.append(menu);
-      }); more.setAttribute('aria-label', '小挂件更多');
-      header.append(dismiss, el('h3', '', item.title), more);
-      const body = el('div', 'widget-modal-body'); body.append(el('p', 'widget-loading', '正在打开小挂件…'));
-      card.append(header, body); overlay.append(card);
+      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();
-      try {
-        const url = previewUrl(`/api/simulator/widgets/${encodeURIComponent(item.id)}`);
-        // Probe errors in the parent; actual HTML executes only inside the opaque sandbox document.
-        const response = await fetch(url, { credentials: 'same-origin' });
-        if (!response.ok) { const error = await response.json(); throw new Error(error.error?.message || error.error || '小挂件暂时无法打开'); }
-        await response.arrayBuffer();
+      const failedLoad = () => {
         if (mine !== openRevision || current !== generation) return;
-        const frame = el('iframe', 'widget-document'); frame.title = item.title; frame.setAttribute('sandbox', 'allow-scripts'); frame.referrerPolicy = 'no-referrer'; frame.src = url;
-        body.replaceChildren(frame);
-        frameObserver = new ResizeObserver(() => {
-          const scale = body.clientWidth / 383;
-          if (!scale) return;
-          frame.style.width = '383px'; frame.style.height = `${body.clientHeight / scale}px`;
-          frame.style.transform = `scale(${scale})`; frame.style.transformOrigin = 'top left';
-        });
-        frameObserver.observe(body);
-      } catch (error) {
+        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)));
+        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();
+      const url = new URL(window.previewApiUrl?.(`/api/simulator/widgets/${encodeURIComponent(item.id)}`) ?? `/api/simulator/widgets/${encodeURIComponent(item.id)}`, location.href);
+      url.searchParams.set('render', documentToken); frame.src = url.href;
+      documentReady = state => {
         if (mine !== openRevision || current !== generation) return;
-        body.replaceChildren(el('h4', '', '小挂件暂时无法打开'), el('p', '', error.message), button('重新加载', () => open(item)));
-      }
+        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.find(value => value.id === item.id)?.role !== 'owner';
     }
+    window.addEventListener('message', event => {
+      if (!documentFrame || event.source !== documentFrame.contentWindow || event.data?.channel !== 'buddy-widget-document' || event.data?.render !== documentToken) return;
+      documentReady?.(event.data.state);
+    });
     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 (!overlay.hidden) close(); else { shortcut.querySelector('.widget-choices')?.remove(); shortcut.querySelector('button')?.setAttribute('aria-expanded', 'false'); } }
+      if (event.key === 'Escape') {
+        if (busy) return;
+        const nested = overlay.querySelector('.widget-confirm-backdrop,.widget-native-share,.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 controls = [...overlay.querySelectorAll('button:not(:disabled), iframe')]; const first = controls[0], last = controls.at(-1);
+        const scope = overlay.querySelector('.widget-confirm,.widget-native-share') || 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', () => { if (!document.hidden) void refresh(true); });
+    document.addEventListener('visibilitychange', () => {
+      clearTimeout(collapseTimer); closeChoices(false);
+      if (!document.hidden) { setPhase('normal'); scheduleCollapse(); void refresh(true); }
+    });
+    window.addEventListener('pagehide', () => { resize.disconnect(); timers(); clearTimeout(collapseTimer); clearTimeout(closeTimer); });
     return {
-      update({ active, conversationRevision, devRevision }) {
+      update({active, conversationRevision, devRevision, reloading = false}) {
         const key = `${conversationRevision || 0}:${devRevision || 0}`;
-        if (key !== scope || !active) { scope = key; generation++; items = []; failed = false; loading = false; lastRefresh = 0; close(); }
-        ready = active; render(); void refresh();
+        if (conversationScope !== conversationRevision || (!active && !reloading)) reopenId = undefined;
+        else if (selected && (key !== scope || reloading)) reopenId = selected.id;
+        conversationScope = conversationRevision;
+        if (key !== scope || !active) {
+          scope = key; generation++; ready = false; items = []; failed = false; loading = false; lastRefresh = 0; busy = false; documentLifecycle = false; canDelete = false;
+          clearTimeout(collapseTimer); close(true);
+        }
+        ready = active; render();
+        const mine = generation;
+        void refresh().then(() => {
+          if (!ready || mine !== generation || !reopenId) return;
+          const item = items.find(value => value.id === reopenId);
+          reopenId = undefined;
+          if (item) void open(item);
+        });
       },
-      reset() { generation++; ready = false; items = []; loading = false; failed = false; close(); render(); },
+      reset() { reopenId = undefined; generation++; ready = false; items = []; loading = false; failed = false; busy = false; clearTimeout(collapseTimer); close(true); render(); },
       card(item) {
         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 = previewUrl(`/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() || '打开查看最新内容' : '此小挂件已删除或不可用')); card.append(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), 'widget-entry-open'));
+        const permission = {owner:'可管理、分享',editor:'可编辑',viewer:'仅支持查看'}[item.role];
+        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;
       },
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@my-life-buddies/cli",
-  "version": "0.14.1",
+  "version": "0.15.0",
   "type": "module",
   "description": "搭搭 Developer Platform 命令行工具",
   "publishConfig": {
@@ -39,7 +39,7 @@
     "ws": "8.21.3"
   },
   "devDependencies": {
-    "@buddy/cli-core": "0.14.1",
-    "@buddy/preview": "0.14.1"
+    "@buddy/cli-core": "0.15.0",
+    "@buddy/preview": "0.15.0"
   }
 }