@senguoyun/dsh-arkme 0.1.58 → 0.1.59

package/docs/plugin-release.md

@@ -12,7 +12,7 @@ npm 接受发布请求后仍可能异步处理版本。工作流以 15 分钟为
 
 每次普通 PR 发版时，会查询当前 master 版本对应的 `release/v<版本号>` PR 是否已合并。已经合并表示该版本已分配，即使 npm latest 仍落后，新一轮发版也会递增 patch，避免复用可能已经上线的 Runtime 版本。未分配的显式版本递增仍保持原版本；重跑同一次发版时，先复用已有 `release_sha`，并从该提交读取原版本，不重复分配。
 
-npm 失败时，Runtime 可以先完成上线，对应的 Git Tag 和 GitHub Release 可能暂未创建。可重跑 npm 所在工作流的失败 job，继续发布同一提交的 npm 包。两条链路的结果分别查看 npm Action 与生产 Runtime Action；派发成功仅表示事件已发出。
+npm 失败时，Runtime 可以先完成上线，对应的 Git Tag 和 GitHub Release 可能暂未创建。可重跑 npm 所在工作流的失败 job，继续发布同一提交的 npm 包。若版本已经可读且 integrity 一致，则跳过重复发布；若发布返回版本已暂存（staged 409）或已发布的冲突，则继续进入上述回读校验。发布命令最多等待 180 秒，命令超时或网络超时/连接重置同样转入回读，避免服务端已经接受请求、客户端却认为失败。权限、认证及其他错误仍立即失败；冲突或超时本身不算发布成功，必须通过 integrity 与 provenance 校验才能继续后续流程。若 npm 一直没有对外提供该版本，回读仍会超时报错。两条链路的结果分别查看 npm Action 与生产 Runtime Action；派发成功仅表示事件已发出。
 
 `pre-release` 分支的每次 push 会走同一套 Runtime 发布链路，但不会发布 npm。测试版本由稳定基准版本的下一补丁与 GitHub run number 组成，例如 `0.1.34` 在 run `128` 中生成 `0.1.35-pre.128`；版本修改只存在于 Action 临时工作区。
 

package/lib/client.js

@@ -5934,7 +5934,7 @@ window.__ModuleLoader__.load({
 		qrcode.stringToBytes;
 		//#endregion
 		//#region package.json
-		var version$3 = "0.1.58";
+		var version$3 = "0.1.59";
 		//#endregion
 		//#region src/client/arkme-billing.css?inline
 		var arkme_billing_default = ".arkme-billing-backdrop {\n  z-index: 120;\n  backdrop-filter: blur(3px);\n  background: #181b223d;\n  place-items: center;\n  padding: 28px;\n  display: grid;\n  position: fixed;\n  inset: 0;\n}\n\n.arkme-billing-recharge-dialog, .arkme-billing-payment-dialog {\n  color: #20232c;\n  background: #fff;\n  border: 1px solid #dedfe3;\n  border-radius: 20px;\n  width: min(620px, 100%);\n  max-height: min(720px, 100vh - 56px);\n  overflow-y: auto;\n  box-shadow: 0 24px 72px #191c232e;\n}\n\n.arkme-billing-payment-dialog {\n  width: min(420px, 100%);\n}\n\n.arkme-billing-dialog-header {\n  border-bottom: 1px solid #ececef;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 18px;\n  min-height: 78px;\n  padding: 20px 22px 16px;\n  display: flex;\n}\n\n.arkme-billing-dialog-header h2 {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 25px;\n}\n\n.arkme-billing-dialog-header p {\n  overflow-wrap: anywhere;\n  color: #8a8e96;\n  margin: 4px 0 0;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-billing-dialog-header > button {\n  color: #777c85;\n  width: 32px;\n  height: 32px;\n  font: inherit;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 9px;\n  flex: none;\n  place-items: center;\n  font-size: 22px;\n  display: grid;\n}\n\n.arkme-billing-dialog-header > button:hover {\n  color: #20232c;\n  background: #f3f3f5;\n}\n\n.arkme-billing-dialog-body {\n  padding: 18px 22px 22px;\n}\n\n.arkme-billing-dialog-balance {\n  border-bottom: 1px solid #ececef;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  column-gap: 12px;\n  min-height: 48px;\n  padding: 0 2px 16px;\n  display: grid;\n}\n\n.arkme-billing-dialog-balance > span {\n  color: #8a8e96;\n  grid-column: 1;\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.arkme-billing-dialog-balance > strong {\n  grid-column: 1;\n  font-size: 22px;\n  font-weight: 600;\n  line-height: 28px;\n}\n\n.arkme-billing-dialog-balance > button, .arkme-billing-error > button {\n  color: #626772;\n  height: 30px;\n  font: inherit;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #dfe1e5;\n  border-radius: 9px;\n  grid-area: 1 / 2 / span 2;\n  padding: 0 12px;\n  font-size: 11px;\n}\n\n.arkme-billing-products-section, .arkme-billing-payment-section {\n  padding-top: 17px;\n}\n\n.arkme-billing-products-section h3, .arkme-billing-payment-section h3 {\n  color: #747984;\n  margin: 0 0 11px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.arkme-billing-product-grid {\n  width: 100%;\n}\n\n.arkme-billing-product-grid > button {\n  color: #20232c;\n  min-width: 0;\n  min-height: 62px;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #dfe1e5;\n  border-radius: 11px;\n  align-content: center;\n  gap: 4px;\n  padding: 9px 11px;\n  display: grid;\n}\n\n.arkme-billing-product-grid > button:hover {\n  background: #f8f8f9;\n  border-color: #cfd2d8;\n}\n\n.arkme-billing-product-grid > button.is-selected {\n  border-color: #75839e;\n  box-shadow: 0 0 0 1px #75839e;\n}\n\n.arkme-billing-product-grid > button > span {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 17px;\n  overflow: hidden;\n}\n\n.arkme-billing-product-grid > button > strong {\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 19px;\n}\n\n.arkme-billing-payment-actions {\n  flex-wrap: wrap;\n  gap: 10px;\n  display: flex;\n}\n\n.arkme-billing-payment-actions > button {\n  color: #333842;\n  min-width: 154px;\n  height: 38px;\n  font: inherit;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #dfe1e5;\n  border-radius: 10px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  padding: 0 14px;\n  font-size: 12px;\n  display: inline-flex;\n}\n\n.arkme-billing-payment-actions > button:hover {\n  background: #f7f7f8;\n  border-color: #cfd3da;\n}\n\n.arkme-billing-payment-actions > button:disabled, .arkme-billing-product-grid > button:disabled {\n  opacity: .48;\n  cursor: default;\n}\n\n.arkme-billing-platform-icon {\n  flex: none;\n  width: 18px;\n  height: 18px;\n}\n\n.arkme-billing-platform-icon.is-alipay {\n  color: #1677ff;\n}\n\n.arkme-billing-platform-icon.is-wechat {\n  color: #07c160;\n}\n\n.arkme-billing-state {\n  color: #858992;\n  margin: 12px 0 2px;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-billing-error {\n  color: #b54841;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n  margin-top: 10px;\n  font-size: 12px;\n  line-height: 18px;\n  display: flex;\n}\n\n.arkme-billing-error.is-purchase {\n  justify-content: flex-start;\n}\n\n.arkme-billing-payment-content {\n  text-align: center;\n  justify-items: center;\n  gap: 10px;\n  padding: 28px 24px 18px;\n  display: grid;\n}\n\n.arkme-billing-payment-content > .arkme-billing-platform-icon {\n  width: 38px;\n  height: 38px;\n  margin-bottom: 4px;\n}\n\n.arkme-billing-payment-content > img {\n  border-radius: 10px;\n  width: 210px;\n  height: 210px;\n}\n\n.arkme-billing-payment-content > strong {\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 21px;\n}\n\n.arkme-billing-payment-content > p {\n  color: #858992;\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-billing-payment-content.is-paid > strong {\n  color: #16794f;\n  font-size: 18px;\n  line-height: 25px;\n}\n\n.arkme-billing-payment-content.is-paid > .arkme-billing-error {\n  justify-content: center;\n}\n\n.arkme-billing-payment-content.is-crediting > strong {\n  color: #335f9e;\n}\n\n.arkme-billing-dialog-actions {\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 9px;\n  padding: 0 22px 20px;\n  display: flex;\n}\n\n.arkme-billing-dialog-actions > button, .arkme-billing-primary-action {\n  color: #3c424d;\n  height: 34px;\n  font: inherit;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #dfe1e5;\n  border-radius: 9px;\n  padding: 0 14px;\n  font-size: 12px;\n}\n\n.arkme-billing-dialog-actions > .arkme-billing-primary-action, .arkme-billing-payment-content > .arkme-billing-primary-action {\n  color: #fff;\n  background: #20232d;\n  border-color: #20232d;\n}\n";
@@ -50818,6 +50818,7 @@ html body {
 				video: active && reception.localRef !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("video", {
 					ref: videoRef,
 					src: arkmeLocalFileUrl(reception.localRef),
+					muted: true,
 					playsInline: true,
 					"aria-label": `实况 ${cover.fileName}`,
 					style: {
@@ -50850,12 +50851,12 @@ html body {
 						alignItems: "center",
 						gap: 6
 					},
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
 						"data-arkme-live-photo-control": true,
 						"aria-label": phase === "loading" ? "实况加载中" : motion === void 0 ? "实况动态片段不可用" : "播放实况",
 						"aria-busy": phase === "loading",
-						title: phase === "loading" ? "实况加载中" : motion === void 0 ? "实况动态片段不可用" : "播放实况",
+						title: motion === void 0 ? "实况动态片段不可用" : "播放实况",
 						disabled: active || motion === void 0,
 						onClick: start,
 						style: {
@@ -50871,10 +50872,7 @@ html body {
 							fontSize: 12,
 							cursor: active ? "progress" : motion === void 0 ? "default" : "pointer"
 						},
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeLivePhotoBadge, {}), phase === "loading" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							role: "status",
-							children: "加载中"
-						})]
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeLivePhotoBadge, {})
 					}), phase === "failed" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						role: "alert",
 						style: {
@@ -154959,6 +154957,10 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 			const [page, setPage] = (0, react$1.useState)();
 			const [historyState, setHistoryState] = (0, react$1.useState)("loading");
 			const [historyError, setHistoryError] = (0, react$1.useState)("");
+			const [loadingMore, setLoadingMore] = (0, react$1.useState)(false);
+			const [loadMoreError, setLoadMoreError] = (0, react$1.useState)("");
+			const paginationAbortRef = (0, react$1.useRef)();
+			const listRef = (0, react$1.useRef)(null);
 			const [selectedRef, setSelectedRef] = (0, react$1.useState)("");
 			const [detail, setDetail] = (0, react$1.useState)();
 			const [detailState, setDetailState] = (0, react$1.useState)("idle");
@@ -154977,11 +154979,17 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 			const [officialAuthorProfile, setOfficialAuthorProfile] = (0, react$1.useState)();
 			const searchRef = (0, react$1.useRef)(null);
 			const historyGenerationRef = (0, react$1.useRef)(0);
+			const historyRefreshingRef = (0, react$1.useRef)(false);
 			const historyAbortRef = (0, react$1.useRef)();
 			const historyRefreshTimerRef = (0, react$1.useRef)();
 			const detailGenerationRef = (0, react$1.useRef)(0);
 			const refreshHistory = (0, react$1.useCallback)((options = {}) => {
+				historyRefreshingRef.current = true;
 				historyAbortRef.current?.abort();
+				paginationAbortRef.current?.abort();
+				paginationAbortRef.current = void 0;
+				setLoadingMore(false);
+				setLoadMoreError("");
 				const controller = new AbortController();
 				historyAbortRef.current = controller;
 				const generation = historyGenerationRef.current + 1;
@@ -154994,18 +155002,62 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 				}, controller.signal).then(async (value) => {
 					await preloadHistoryAvatars(value);
 					if (controller.signal.aborted || historyGenerationRef.current !== generation) return;
+					historyRefreshingRef.current = false;
 					setPage(value);
 					setHistoryState("ready");
 				}).catch((error) => {
 					if (controller.signal.aborted || historyGenerationRef.current !== generation || options.silent === true) return;
 					setHistoryError(readableError(error));
 					setHistoryState("error");
+				}).finally(() => {
+					if (historyGenerationRef.current === generation) historyRefreshingRef.current = false;
 				});
 			}, []);
+			const loadMoreHistory = (0, react$1.useCallback)(async () => {
+				if (historyState !== "ready" || historyRefreshingRef.current || historyAbortRef.current?.signal.aborted || paginationAbortRef.current || !page?.hasMore || !page.nextCursor) return;
+				const controller = new AbortController();
+				paginationAbortRef.current = controller;
+				const generation = historyGenerationRef.current;
+				setLoadingMore(true);
+				setLoadMoreError("");
+				try {
+					const value = await callArkme("calls.history.list", {
+						limit: 30,
+						cursor: page.nextCursor,
+						includeRecentContacts: false
+					}, controller.signal);
+					if (value.hasMore && (!value.nextCursor?.trim() || value.nextCursor === page.nextCursor)) throw new Error("通话记录分页游标无效，请重试");
+					await preloadHistoryAvatars(value);
+					if (controller.signal.aborted || historyGenerationRef.current !== generation) return;
+					setPage((previous) => previous === void 0 ? value : {
+						...previous,
+						items: Array.from(new Map([...previous.items, ...value.items].map((item) => [item.stableId || item.callRef, item])).values()),
+						hasMore: value.hasMore,
+						nextCursor: value.nextCursor ?? ""
+					});
+				} catch (error) {
+					if (!controller.signal.aborted && historyGenerationRef.current === generation) setLoadMoreError(readableError(error));
+				} finally {
+					if (paginationAbortRef.current === controller) {
+						paginationAbortRef.current = void 0;
+						setLoadingMore(false);
+					}
+				}
+			}, [page, historyState]);
+			(0, react$1.useEffect)(() => {
+				const list = listRef.current;
+				if (list && !loadingMore && !loadMoreError && list.scrollHeight <= list.clientHeight) loadMoreHistory();
+			}, [
+				loadMoreHistory,
+				loadingMore,
+				loadMoreError,
+				query
+			]);
 			(0, react$1.useEffect)(() => {
 				refreshHistory();
 				return () => {
 					historyAbortRef.current?.abort();
+					paginationAbortRef.current?.abort();
 					if (historyRefreshTimerRef.current !== void 0) clearTimeout(historyRefreshTimerRef.current);
 				};
 			}, [refreshHistory]);
@@ -155086,7 +155138,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 				};
 			}, [pickerOpen, pickerQuery]);
 			const realItems = page?.items ?? [];
-			const sampleItems = historyState === "ready" ? SAMPLE_CALLS : [];
+			const sampleItems = historyState === "ready" && page?.hasMore === false ? SAMPLE_CALLS : [];
 			const selectableItems = historyState === "ready" ? [...realItems, ...sampleItems] : realItems;
 			const recentContacts = page?.recentContacts ?? [];
 			const usingSampleContacts = historyState === "ready" && recentContacts.length === 0;
@@ -155501,12 +155553,72 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 								}) : historyState === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									style: styles$33.status,
 									children: historyError || "通话记录暂时不可用"
-								}) : callRows.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									style: styles$33.status,
-									children: query.trim() === "" ? "还没有通话记录" : "没有符合条件的通话"
-								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ul", {
+									ref: listRef,
+									"aria-label": "通话记录列表",
 									style: styles$33.list,
-									children: callRows.map((row) => renderCallRow(row.item, row.sample))
+									onScroll: (event) => {
+										const list = event.currentTarget;
+										if (!loadMoreError && list.scrollHeight - list.scrollTop - list.clientHeight <= 200) loadMoreHistory();
+									},
+									children: [
+										callRows.map((row) => renderCallRow(row.item, row.sample)),
+										callRows.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+											style: styles$33.status,
+											children: query.trim() === "" ? "还没有通话记录" : "没有符合条件的通话"
+										}),
+										loadingMore && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+											role: "status",
+											style: styles$33.status,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+												width: "14",
+												height: "14",
+												viewBox: "0 0 20 20",
+												"aria-hidden": "true",
+												style: {
+													verticalAlign: "middle",
+													marginRight: 6
+												},
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+													cx: "10",
+													cy: "10",
+													r: "8",
+													fill: "none",
+													stroke: "currentColor",
+													strokeWidth: "2",
+													strokeDasharray: "35 16",
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("animateTransform", {
+														attributeName: "transform",
+														type: "rotate",
+														from: "0 10 10",
+														to: "360 10 10",
+														dur: "0.8s",
+														repeatCount: "indefinite"
+													})
+												})
+											}), "加载更多…"]
+										}),
+										!loadingMore && loadMoreError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+											style: styles$33.status,
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												onClick: () => {
+													loadMoreHistory();
+												},
+												style: {
+													color: "inherit",
+													background: "none",
+													border: 0,
+													cursor: "pointer"
+												},
+												children: "加载失败，点击重试"
+											})
+										}),
+										!loadingMore && !loadMoreError && page?.hasMore === false && realItems.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+											style: styles$33.status,
+											children: "没有更多了"
+										})
+									]
 								})]
 							})
 						]