@my-life-buddies/cli 0.26.0-dev.0 → 0.26.0

package/dist/web/app.js

@@ -567,6 +567,7 @@
   }
 
   const widgets = window.createSimulatorWidgets?.({ api, avatar: () => messageAvatar("assistant") });
+  const products = window.createSimulatorProducts?.({ api, refresh: () => refreshSimulator() });
   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 = "";
@@ -604,7 +605,8 @@
 
   function renderMessages() {
     renderWidgets();
-    const signature = JSON.stringify([state.simulator.messages, state.simulator.activeRun?.runId]);
+    products?.update({ active: state.dev.phase === "ready" && !state.resetting, conversationRevision: state.simulator.conversationRevision, devRevision: state.dev.revision });
+    const signature = JSON.stringify([state.simulator.messages, state.simulator.activeRun?.runId, state.dev.phase, state.resetting]);
     if (signature === messageSignature) { renderLiveReply(); return; }
     messageSignature = signature;
     const previousTop = elements.chatMessages.scrollTop;
@@ -623,7 +625,8 @@
       }
       const row = node("div", { class: "message-row", "data-role": message.role });
       const wrap = node("div", { class: "message-content" });
-      if (message.widget && widgets) wrap.append(widgets.card(message.widget, message.messageId));
+      if (message.product && products) wrap.append(products.card(message.product));
+      else if (message.widget && widgets) wrap.append(widgets.card(message.widget, message.messageId));
       else {
         const bubble = node("div", { class: "message-bubble" });
         renderMessageText(bubble, message.text);
@@ -866,7 +869,7 @@
     if (!window.confirm("清空当前对话并重新开始？\n这会结束当前开发版会话，重置聊天上下文、记忆和该会话的主动服务。旧记录仅在服务端留档；搭子资料和工程文件会保留。")) return;
     state.resetting = true;
     elements.errorBanner.hidden = true;
-    widgets?.reset();
+    widgets?.reset(); products?.reset();
     state.simulatorRequest++;
     elements.resetConversation.textContent = "正在清空…";
     renderDev();
@@ -965,7 +968,7 @@
     connectionReady = false;
     state.dev = { phase: "idle", revision: -1 };
     state.simulatorRequest++;
-    widgets?.reset();
+    widgets?.reset(); products?.reset();
     void togglePairing(false);
     renderDev(); syncPolling();
     $("#local-status").textContent = "本地工程";
@@ -981,9 +984,9 @@
       if (!response.ok) throw new Error(value.error || "连接状态读取失败");
       if (epoch !== connectionEpoch) return;
       connectionChecked = true; connectionFailure = "";
-      $("#connect-command").textContent = value.command.replace(/^buddy-cli(?= )/, "buddy-cli-sit");
+      $("#connect-command").textContent = value.command.replace(/^buddy-cli(?= )/, "buddy-cli");
       $("#copy-connect-command").disabled = false;
-      $("#stop-command").textContent = value.stopCommand?.replace(/^buddy-cli(?= )/, "buddy-cli-sit") || "buddy-cli-sit dev stop";
+      $("#stop-command").textContent = value.stopCommand?.replace(/^buddy-cli(?= )/, "buddy-cli") || "buddy-cli dev stop";
       if (value.projectRoot) $("#project-root").textContent = value.projectRoot;
       if (value.machineName) $("#machine-name").textContent = value.machineName;
       if (!value.connected) { connectionInstance = value.instanceId || ""; disconnected(); return; }

package/dist/web/index.html

@@ -13,11 +13,13 @@
     <link rel="stylesheet" href="/assets/app.css">
     <script src="/assets/iphone-16-max.js" defer></script>
     <script src="/assets/widgets.js" defer></script>
+    <script src="/assets/products.js" defer></script>
     <script src="/assets/diagnostics.js" defer></script>
     <script src="/assets/tool-inventory.js" defer></script>
     <script src="/assets/chat-markdown.js" defer></script>
     <script src="/assets/app.js" defer></script>
     <link rel="stylesheet" href="/assets/widgets.css">
+    <link rel="stylesheet" href="/assets/products.css">
   </head>
   <body>
     <a class="skip-link" href="#debug-content">跳到调试内容</a>

package/dist/web/products.css

@@ -0,0 +1,19 @@
+/* 随手机画布缩放；详情在手机内独立滚动，购买按钮保持可见。 */
+.product-card { display:flex; flex-direction:column; gap:calc(var(--widget-unit, 1px)*10); width:100%; min-width:0; padding:calc(var(--widget-unit, 1px)*18); border:1px solid #ddc9af; border-radius:calc(var(--widget-unit, 1px)*20); background:linear-gradient(145deg,#fffaf4,#eed8bf); color:#513516; text-align:left; white-space:normal; overflow-wrap:anywhere; font:inherit; }
+.product-card strong { font-size:1.1em; }
+.product-card-label { font-size:.75em; opacity:.75; }
+.product-card-action { border-top:1px solid #b9976d55; padding-top:.6em; font-weight:600; }
+.product-overlay[hidden] { display:none; }
+.product-overlay { position:absolute; inset:0; z-index:30; display:flex; align-items:flex-end; background:#0005; font-size:calc(var(--widget-unit, 1px)*16); color:#513516; }
+.product-sheet { width:100%; min-width:0; max-height:87%; display:flex; flex-direction:column; overflow:hidden; border-radius:calc(var(--widget-unit, 1px)*28) calc(var(--widget-unit, 1px)*28) 0 0; background:#fff8ef; box-sizing:border-box; }
+.product-sheet-header { display:flex; align-items:center; justify-content:space-between; gap:.6em; padding:1em; border-bottom:1px solid #e7d9c7; }
+.product-sheet-header h3 { font-size:1.1em; margin:0; min-width:0; overflow-wrap:anywhere; }
+.product-sheet button { font:inherit; cursor:pointer; border:1px solid #d9c4a9; background:#fff; color:#513516; border-radius:.8em; padding:.7em; }
+.product-sheet button:disabled { opacity:.55; cursor:wait; }
+.product-sheet-content { overflow-y:auto; overscroll-behavior:contain; padding:0 1em 1em; min-height:0; overflow-wrap:anywhere; }
+.product-sheet h4 { font-size:1em; margin:1em 0 .4em; }
+.product-sheet p { white-space:pre-wrap; line-height:1.55; margin:.5em 0; }
+.product-sheet .product-notice { font-size:.85em; padding:.75em; background:#f1e4d2; border-radius:.8em; }
+.product-sheet-footer { flex:none; padding:.8em 1em 1.8em; border-top:1px solid #e7d9c7; background:#fff8ef; }
+.product-sheet .product-primary { width:100%; background:#63451f; color:white; font-weight:600; }
+.product-success { color:#28603c; }

package/dist/web/products.js

@@ -0,0 +1,104 @@
+/* 商品卡预览：只使用当前 DEV 会话的真实卡片和零扣费模拟购买接口。 */
+(() => {
+  const el = (tag, className, text) => { const item = document.createElement(tag); item.className = className; if (text !== undefined) item.textContent = text; return item; };
+  const button = (text, action, className = '') => { const item = el('button', className, text); item.type = 'button'; item.addEventListener('click', action); return item; };
+  window.createSimulatorProducts = ({ api, refresh }) => {
+    const phone = document.querySelector('.phone-screen');
+    const overlay = el('section', 'product-overlay'); overlay.hidden = true; overlay.setAttribute('role', 'dialog'); overlay.setAttribute('aria-modal', 'true'); overlay.setAttribute('aria-label', '商品方案与模拟购买'); phone.append(overlay);
+    let active = false, scope, revision, generation = 0, selected, busy = false, previousFocus;
+    const purchaseKeys = new Map();
+    function close(force = false) {
+      if (busy && !force) return;
+      generation++; selected = undefined; busy = false; overlay.hidden = true; overlay.replaceChildren();
+      for (const child of phone.children) if (child !== overlay) child.inert = false;
+      previousFocus?.focus(); previousFocus = undefined;
+    }
+    function shell(title) {
+      overlay.replaceChildren();
+      const sheet = el('div', 'product-sheet'), header = el('header', 'product-sheet-header');
+      const dismiss = button('关闭', () => close()); dismiss.disabled = busy;
+      header.append(el('h3', '', title), dismiss); sheet.append(header); overlay.append(sheet); return sheet;
+    }
+    function section(container, title, text) { if (!text) return; container.append(el('h4', '', title), el('p', '', text)); }
+    function credentialCopy(credential) { return ({ pending: '购买已确认，等待搭子开通', active: '服务使用中', ended: '服务已结束', revoked: '模拟服务已解除' })[credential?.state] || '购买已确认'; }
+    async function open(card) {
+      if (!active) return;
+      selected = card; previousFocus ||= document.activeElement; overlay.hidden = false;
+      for (const child of phone.children) if (child !== overlay) child.inert = true;
+      await load();
+    }
+    async function load(note = '') {
+      const card = selected, mine = ++generation;
+      if (!card) return;
+      busy = false; shell('读取商品方案…').append(el('p', 'product-notice', '正在读取平台商品和购买状态'));
+      try {
+        const detail = await api(`/api/simulator/products/${encodeURIComponent(card.offerId)}`);
+        if (mine !== generation || !active) return;
+        const product = detail.product;
+        if (!product || !Number.isSafeInteger(detail.version) || detail.paymentChannel !== 'mock' || detail.chargedAmountMinor !== 0) throw new Error('当前方案不支持零扣费预览');
+        const sheet = shell(product.name), content = el('div', 'product-sheet-content');
+        content.append(el('p', 'product-notice', '开发预览 · 零扣费模拟购买 · 不影响正式搭子的购买权益'));
+        if (note) content.append(el('p', 'product-notice', note));
+        section(content, '服务介绍', product.description);
+        section(content, '本次关注', detail.personalization?.needSummary || detail.personalization?.cardSummary);
+        const benefits = el('div', 'product-benefits');
+        for (const benefit of product.benefits || []) section(benefits, benefit.title, benefit.description);
+        content.append(benefits);
+        const price = product.requestedPrice;
+        section(content, '方案价格', `${price.currency} ${(price.amountMinor / 100).toFixed(2)} / ${product.pricingUnitLabel}（本次实际扣费 0 元）`);
+        section(content, '开始条件', product.productTerms?.startCondition);
+        section(content, '结束条件', product.productTerms?.endCondition);
+        section(content, '服务边界', (product.limitations || []).join('\n'));
+        const footer = el('footer', 'product-sheet-footer');
+        if (detail.existingPurchase) {
+          footer.append(el('p', 'product-success', credentialCopy(detail.existingPurchase.credential)), button('返回对话', () => close(), 'product-primary'));
+        } else if (!detail.canPurchase) {
+          footer.append(el('p', 'product-notice', detail.unavailableReason || '暂不可购买'), button('重新加载', () => load()));
+        } else {
+          const confirm = button('确认模拟购买 · 0 元', async () => {
+            if (busy || mine !== generation || !active) return;
+            busy = true; confirm.disabled = true; confirm.textContent = '正在确认…';
+            const key = `${card.offerId}:${detail.version}`;
+            if (!purchaseKeys.has(key)) purchaseKeys.set(key, `preview-${crypto.randomUUID()}`);
+            try {
+              const result = await api(`/api/simulator/products/${encodeURIComponent(card.offerId)}/mock-purchase`, { method: 'POST', body: JSON.stringify({ expectedVersion: detail.version, idempotencyKey: purchaseKeys.get(key), conversationRevision: revision }) });
+              if (mine !== generation) return;
+              if (result.status !== 'simulated_success' || result.chargedAmountMinor !== 0) throw new Error('尚未确认购买结果，请重新读取状态');
+              busy = false; await load('模拟购买成功，实际扣费 0 元。回到对话后继续体验服务。'); await refresh();
+            } catch (error) {
+              if (mine !== generation) return;
+              busy = false; await load(error.code === 'PRODUCT_VERSION_CHANGED' ? '商品已更新，请重新查看方案并确认。' : `上次结果尚未确认：${error.message}。已重新读取状态，重试会复用同一购买请求。`);
+            }
+          }, 'product-primary');
+          footer.append(confirm);
+        }
+        sheet.append(content, footer); sheet.querySelector('button')?.focus();
+      } catch (error) {
+        if (mine !== generation) return;
+        const sheet = shell('商品暂时无法读取'); sheet.append(el('p', 'product-notice', error.message), button('重试', () => load()));
+      }
+    }
+    overlay.addEventListener('keydown', event => {
+      if (event.key === 'Escape') { event.preventDefault(); close(); }
+      if (event.key === 'Tab') {
+        const buttons = [...overlay.querySelectorAll('button:not(:disabled)')];
+        const first = buttons[0], last = buttons.at(-1);
+        if (event.shiftKey && document.activeElement === first) { event.preventDefault(); last?.focus(); }
+        else if (!event.shiftKey && document.activeElement === last) { event.preventDefault(); first?.focus(); }
+      }
+    });
+    return {
+      card(product) {
+        const card = button('', () => open(product), 'product-card'); card.disabled = !active;
+        card.setAttribute('aria-label', `${product.title}，${product.buttonText}`);
+        card.append(el('span', 'product-card-label', '服务方案'), el('strong', '', product.title), el('span', 'product-card-summary', product.summary), el('span', 'product-card-action', `${product.buttonText} ›`)); return card;
+      },
+      update(next) {
+        const nextScope = `${next.conversationRevision}:${next.devRevision}`;
+        if (scope !== undefined && scope !== nextScope || !next.active) close(true);
+        active = next.active; scope = nextScope; revision = next.conversationRevision;
+      },
+      reset() { active = false; scope = undefined; close(true); purchaseKeys.clear(); },
+    };
+  };
+})();

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@my-life-buddies/cli",
-  "version": "0.26.0-dev.0",
+  "version": "0.26.0",
   "type": "module",
-  "description": "搭搭 SIT 开发命令行工具",
+  "description": "搭搭 Developer Platform 命令行工具",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/",
-    "tag": "dev"
+    "tag": "latest"
   },
   "engines": {
     "node": ">=24"
@@ -15,7 +15,7 @@
     "darwin"
   ],
   "bin": {
-    "buddy-cli-sit": "dist/bin/buddy.js"
+    "buddy-cli": "dist/bin/buddy.js"
   },
   "files": [
     "dist/bin",
@@ -42,8 +42,8 @@
     "acorn": "8.15.0"
   },
   "devDependencies": {
-    "@buddy/cli-core": "0.26.0-dev.0",
-    "@buddy/preview": "0.26.0-dev.0"
+    "@buddy/cli-core": "0.26.0",
+    "@buddy/preview": "0.26.0"
   },
   "repository": {
     "type": "git",