@paean-ai/harness-model-pricing 0.1.1-rc.17

package/lib/client.js

@@ -0,0 +1,436 @@
+window.__ModuleLoader__.load({
+	id: "@paean-ai/harness-model-pricing",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react_jsx_runtime = require("react/jsx-runtime");
+		let react = require("react");
+		let react_dom = require("react-dom");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		//#region lib/types/calculate.js
+		/**
+		* Resolve an alias without querying account identity or changing its route.
+		* @param sheet - current tariff configuration.
+		* @param provider - recorded provider identity.
+		* @param model - recorded alias.
+		* @returns its tariff, or absence when no unambiguous mapping exists.
+		*/
+		function resolveCard(sheet, provider, model) {
+			const routes = sheet.routes.filter((route) => route.provider === provider && route.model === model);
+			if (routes.length !== 1) return void 0;
+			const cards = sheet.cards.filter((card) => card.id === routes[0]?.card);
+			return cards.length === 1 ? cards[0] : void 0;
+		}
+		/**
+		* Price disjoint usage buckets; reasoning is already part of output.
+		* @param sheet - current public rates, including any long-context band.
+		* @param request - one settled request's measured usage.
+		* @returns its estimate, or absence for unavailable usage or an unmapped route.
+		*/
+		function estimateRequest(sheet, request) {
+			const card = resolveCard(sheet, request.provider, request.model);
+			const usage = request.usage;
+			if (card === void 0 || usage === null) return void 0;
+			const prompt = usage.inputTokens + usage.cacheReadTokens + usage.cacheWriteTokens;
+			const rates = card.longContext !== void 0 && prompt > card.longContext.above ? card.longContext.rates : card;
+			const input = usage.inputTokens * rates.input / 1e6;
+			const output = usage.outputTokens * rates.output / 1e6;
+			const cacheRead = usage.cacheReadTokens * rates.cacheRead / 1e6;
+			const cacheWrite = usage.cacheWriteTokens * rates.cacheWrite / 1e6;
+			return {
+				card,
+				rates,
+				input,
+				output,
+				cacheRead,
+				cacheWrite,
+				total: input + output + cacheRead + cacheWrite
+			};
+		}
+		/**
+		* Revalue the complete session against the current sheet, preserving missing coverage.
+		* @param sheet - current market prices.
+		* @param usage - whole-log request facts from the projection.
+		* @returns a subtotal and per-model breakdown; unpriced requests never become zero-cost claims.
+		*/
+		function estimateUsage(sheet, usage) {
+			const result = {
+				total: 0,
+				priced: 0,
+				unpriced: 0,
+				byCard: []
+			};
+			for (const request of usage.requests) {
+				const estimate = estimateRequest(sheet, request);
+				if (estimate === void 0) {
+					result.unpriced++;
+					continue;
+				}
+				result.total += estimate.total;
+				result.priced++;
+				const row = result.byCard.find((item) => item.card.id === estimate.card.id);
+				if (row === void 0) result.byCard.push({
+					card: estimate.card,
+					total: estimate.total,
+					requests: 1
+				});
+				else {
+					row.total += estimate.total;
+					row.requests++;
+				}
+			}
+			return result;
+		}
+		/**
+		* Format USD with enough precision for a tiny test; positive amounts never display as zero.
+		* @param amount - nonnegative estimated dollars.
+		* @returns a compact USD amount, with an upper bound for sub-micro-dollar values.
+		*/
+		function formatUsd(amount) {
+			if (amount > 0 && amount < 1e-6) return "<$0.000001";
+			return new Intl.NumberFormat("en-US", {
+				style: "currency",
+				currency: "USD",
+				minimumFractionDigits: 2,
+				maximumFractionDigits: 6
+			}).format(amount);
+		}
+		//#endregion
+		//#region \0dsh-css:/Users/ryan/Zero/gui/paean-harness/packages/paean/paean-model-pricing/src/client/ModelPricing.module.css.mjs
+		const css = ".nNFR6G_anchor{flex:none;display:inline-flex}.nNFR6G_pill{corner-shape:round;color:var(--dsw-alias-label-tertiary);font:inherit;font-size:calc(var(--dsh-content-font-size-secondary,13px) - 1px);line-height:calc(20px + var(--dsh-content-font-delta-secondary,0px));font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:2px;padding:1px 8px;display:inline-flex}.nNFR6G_pill:hover,.nNFR6G_pill[aria-expanded=true]{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}.nNFR6G_panel{z-index:1100;box-sizing:border-box;width:min(320px,100vw - 24px);max-height:calc(100dvh - var(--dsh-frame-top-clearance,0px) - 44px);border-radius:var(--dsw-radius-lg);background:var(--dsw-specific-menu);backdrop-filter:var(--dsw-menu-backdrop-filter);--dsw-elevation-stroke-color:var(--dsw-alias-border-l1);box-shadow:var(--dsw-elevation-prominent);color:var(--dsw-alias-label-secondary);border:0;outline:none;padding:16px;font-size:12px;line-height:18px;position:fixed;overflow:auto}.nNFR6G_heading{color:var(--dsw-alias-label-primary);justify-content:space-between;align-items:center;gap:12px;font-weight:500;display:flex}.nNFR6G_amount{font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-primary);margin:8px 0}.nNFR6G_panel p{margin:8px 0}.nNFR6G_breakdown{border-block:.5px solid var(--dsw-alias-border-l2);margin:12px 0;padding:10px 0}.nNFR6G_breakdown>div{justify-content:space-between;align-items:baseline;gap:12px;margin:6px 0;display:flex}.nNFR6G_breakdown dt{overflow-wrap:anywhere;min-width:0}.nNFR6G_breakdown dd{white-space:nowrap;font-variant-numeric:tabular-nums;margin:0}.nNFR6G_breakdown small{color:var(--dsw-alias-label-tertiary);font:inherit;display:block}.nNFR6G_settingsHint{color:var(--dsw-alias-label-tertiary)}.nNFR6G_settings{color:var(--dsw-alias-label-secondary);font-size:13px;line-height:20px}.nNFR6G_settings h3{font-size:inherit;color:var(--dsw-alias-label-primary);margin:0 0 12px;font-weight:500}.nNFR6G_settings p{margin:8px 0}.nNFR6G_scroll{overflow-x:auto}.nNFR6G_settings table{border-collapse:collapse;white-space:nowrap;text-align:left;font-variant-numeric:tabular-nums;width:100%}.nNFR6G_settings th,.nNFR6G_settings td{padding:4px 8px}";
+		const tagId = "@paean-ai/harness-model-pricing/ModelPricing.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@paean-ai/harness-model-pricing";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var ModelPricing_module_css_default = {
+			"amount": "nNFR6G_amount",
+			"anchor": "nNFR6G_anchor",
+			"breakdown": "nNFR6G_breakdown",
+			"heading": "nNFR6G_heading",
+			"panel": "nNFR6G_panel",
+			"pill": "nNFR6G_pill",
+			"scroll": "nNFR6G_scroll",
+			"settings": "nNFR6G_settings",
+			"settingsHint": "nNFR6G_settingsHint"
+		};
+		//#endregion
+		//#region lib/types/client/ModelPricing.js
+		/** Compact session-cost pill and a separate Settings price list. */
+		/**
+		* Render a compact estimate beside token statistics; details never enlarge the composer.
+		* @param props - standard read-only form, session projection hook and locale seat.
+		* @returns the composer price row; unavailable configuration shows no monetary claim.
+		*/
+		function ModelPricing({ form, useProjection, t }) {
+			const usage = useProjection("paeanPricingUsage");
+			const sheet = (0, react.useSyncExternalStore)((listener) => form.subscribe(listener), () => form.getSnapshot()).value?.sheet;
+			if (sheet === void 0 || usage === void 0 || usage.requests.length === 0) return null;
+			return (0, react_jsx_runtime.jsx)(EstimatePill, {
+				sheet,
+				usage,
+				t
+			});
+		}
+		/**
+		* Show the public price list in Settings before any session or credential exists.
+		* @param props - the same live price form and localized copy used by the composer.
+		* @returns the complete price list without a session cost claim.
+		*/
+		function ModelPricingSettings({ form, t }) {
+			const sheet = (0, react.useSyncExternalStore)((listener) => form.subscribe(listener), () => form.getSnapshot()).value?.sheet;
+			if (sheet === void 0) return (0, react_jsx_runtime.jsx)("div", {
+				className: ModelPricing_module_css_default.settings,
+				role: "status",
+				children: t("loading")
+			});
+			return (0, react_jsx_runtime.jsxs)("section", {
+				className: ModelPricing_module_css_default.settings,
+				children: [
+					(0, react_jsx_runtime.jsx)("h3", { children: t("title") }),
+					(0, react_jsx_runtime.jsx)("p", { children: t("assumptions") }),
+					(0, react_jsx_runtime.jsx)("p", { children: t("verified", { date: sheet.verifiedOn }) }),
+					(0, react_jsx_runtime.jsx)("p", { children: t("unit") }),
+					(0, react_jsx_runtime.jsx)("div", {
+						className: ModelPricing_module_css_default.scroll,
+						children: (0, react_jsx_runtime.jsxs)("table", { children: [(0, react_jsx_runtime.jsx)("thead", { children: (0, react_jsx_runtime.jsx)("tr", { children: [
+							"protocol",
+							"alias",
+							"input",
+							"cacheRead",
+							"cacheWrite",
+							"output"
+						].map((key) => (0, react_jsx_runtime.jsx)("th", {
+							scope: "col",
+							children: t(key)
+						}, key)) }) }), (0, react_jsx_runtime.jsx)("tbody", { children: sheet.routes.map((route, index) => {
+							const card = resolveCard(sheet, route.provider, route.model);
+							return (0, react_jsx_runtime.jsxs)("tr", { children: [
+								(0, react_jsx_runtime.jsx)("td", { children: protocolLabel(route.provider, t) }),
+								(0, react_jsx_runtime.jsx)("td", { children: route.model }),
+								[
+									"input",
+									"cacheRead",
+									"cacheWrite",
+									"output"
+								].map((key) => (0, react_jsx_runtime.jsx)("td", { children: card === void 0 ? "—" : formatUsd(card[key]) }, key))
+							] }, `${route.provider}/${route.model}/${index}`);
+						}) })] })
+					})
+				]
+			});
+		}
+		function protocolLabel(provider, t) {
+			return provider === "paean" ? t("openai") : provider === "paean-anthropic" ? t("anthropic") : provider;
+		}
+		/** Group existing request estimates by public protocol and alias, not underlying model identities. */
+		function routeTotals(sheet, usage) {
+			const rows = /* @__PURE__ */ new Map();
+			for (const request of usage.requests) {
+				const price = estimateRequest(sheet, request);
+				if (price === void 0) continue;
+				const key = JSON.stringify([request.provider, request.model]);
+				const row = rows.get(key);
+				if (row === void 0) rows.set(key, {
+					provider: request.provider,
+					model: request.model,
+					total: price.total,
+					requests: 1
+				});
+				else {
+					row.total += price.total;
+					row.requests++;
+				}
+			}
+			return [...rows.values()];
+		}
+		function EstimatePill({ sheet, usage, t }) {
+			const estimate = (0, react.useMemo)(() => estimateUsage(sheet, usage), [sheet, usage]);
+			const [open, setOpen] = (0, react.useState)(false);
+			const anchor = (0, react.useRef)(null);
+			const panel = (0, react.useRef)(null);
+			const panelId = (0, react.useId)();
+			const rows = (0, react.useMemo)(() => routeTotals(sheet, usage), [sheet, usage]);
+			const position = (0, _deepseek_ai_dsh_client_ui_primitives.useAnchoredPosition)({
+				open,
+				anchorRef: anchor,
+				panelRef: panel,
+				side: "top",
+				align: "end",
+				gap: 8,
+				margin: 12
+			});
+			(0, _deepseek_ai_dsh_client_ui_primitives.useDismissOnOutsidePointer)(anchor, open, setOpen, panel);
+			(0, react.useEffect)(() => {
+				if (!open) return;
+				(0, _deepseek_ai_dsh_client_ui_primitives.focusWithoutRing)(panel.current);
+				const escape = (event) => {
+					if (event.key !== "Escape") return;
+					event.preventDefault();
+					event.stopPropagation();
+					setOpen(false);
+					(0, _deepseek_ai_dsh_client_ui_primitives.focusWithoutRing)(anchor.current);
+				};
+				document.addEventListener("keydown", escape, true);
+				return () => {
+					document.removeEventListener("keydown", escape, true);
+				};
+			}, [open]);
+			const amount = formatUsd(estimate.total);
+			const label = estimate.priced === 0 ? t("empty") : t(estimate.unpriced > 0 ? "partialTotal" : "total", { amount });
+			return (0, react_jsx_runtime.jsxs)("span", {
+				className: ModelPricing_module_css_default.anchor,
+				"data-pricing-pill": true,
+				children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+					label: t("hint"),
+					side: "top",
+					delayMs: 300,
+					portal: true,
+					disabled: open,
+					maxWidth: 280,
+					children: (0, react_jsx_runtime.jsxs)("button", {
+						ref: anchor,
+						type: "button",
+						className: ModelPricing_module_css_default.pill,
+						"data-estimated": "true",
+						"aria-label": label,
+						"aria-haspopup": "dialog",
+						"aria-expanded": open,
+						"aria-controls": open ? panelId : void 0,
+						onClick: () => {
+							setOpen((value) => !value);
+						},
+						children: [estimate.priced === 0 ? t("unavailable") : t("compactTotal", { amount }), estimate.priced > 0 && estimate.unpriced > 0 && (0, react_jsx_runtime.jsx)("span", {
+							"aria-hidden": "true",
+							children: "*"
+						})]
+					})
+				}), open && (0, react_dom.createPortal)((0, react_jsx_runtime.jsxs)("div", {
+					ref: panel,
+					id: panelId,
+					role: "dialog",
+					"aria-label": t("details"),
+					tabIndex: -1,
+					className: ModelPricing_module_css_default.panel,
+					style: position ?? {
+						visibility: "hidden",
+						left: 0,
+						top: 0
+					},
+					children: [
+						(0, react_jsx_runtime.jsxs)("div", {
+							className: ModelPricing_module_css_default.heading,
+							children: [(0, react_jsx_runtime.jsx)("span", { children: t("details") }), (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "ghost",
+								size: "sm",
+								onClick: () => {
+									setOpen(false);
+									(0, _deepseek_ai_dsh_client_ui_primitives.focusWithoutRing)(anchor.current);
+								},
+								children: t("close")
+							})]
+						}),
+						(0, react_jsx_runtime.jsx)("div", {
+							className: ModelPricing_module_css_default.amount,
+							children: estimate.priced === 0 ? t("empty") : label
+						}),
+						(0, react_jsx_runtime.jsx)("p", { children: t("disclaimer") }),
+						(0, react_jsx_runtime.jsx)("dl", {
+							className: ModelPricing_module_css_default.breakdown,
+							children: rows.map((row) => (0, react_jsx_runtime.jsxs)("div", { children: [(0, react_jsx_runtime.jsxs)("dt", { children: [
+								protocolLabel(row.provider, t),
+								" · ",
+								row.model,
+								(0, react_jsx_runtime.jsx)("small", { children: t("routeCount", { count: row.requests }) })
+							] }), (0, react_jsx_runtime.jsx)("dd", { children: t("compactTotal", { amount: formatUsd(row.total) }) })] }, JSON.stringify([row.provider, row.model])))
+						}),
+						(0, react_jsx_runtime.jsx)("p", { children: t("coverage", { count: estimate.priced }) }),
+						estimate.unpriced > 0 && (0, react_jsx_runtime.jsx)("p", {
+							role: "status",
+							children: t("partial", { count: estimate.unpriced })
+						}),
+						(0, react_jsx_runtime.jsx)("p", { children: t("verified", { date: sheet.verifiedOn }) }),
+						(0, react_jsx_runtime.jsx)("p", {
+							className: ModelPricing_module_css_default.settingsHint,
+							children: t("settingsHint")
+						})
+					]
+				}), document.body)]
+			});
+		}
+		//#endregion
+		//#region lib/types/client/locales.js
+		/** Typed English and Chinese copy for estimated USD and public tariff assumptions. */
+		const NS = "paeanModelPricing";
+		/** English price-estimation copy. */
+		const en = {
+			title: "Model prices",
+			total: "Session estimate ≈{amount} USD",
+			partialTotal: "Session partial estimate ≈{amount} USD",
+			empty: "No priced requests yet",
+			loading: "Loading model prices…",
+			coverage: "{count} measured requests",
+			partial: "Partial estimate: {count} requests lack usage or a price mapping.",
+			assumptions: "Public market-price estimate, not your Paean bill. All accounts use the same price sheet. Discounts, off-peak rates, taxes and tool fees are excluded. Only this session’s recorded requests are included; child sessions and unreported failed calls are excluded. Price updates revalue previous usage.",
+			verified: "Prices checked {date}",
+			protocol: "Protocol",
+			alias: "Model",
+			input: "Input",
+			output: "Output",
+			cacheRead: "Cache read",
+			cacheWrite: "Cache write",
+			unit: "USD per 1M tokens · long-context rates apply automatically",
+			openai: "OpenAI",
+			anthropic: "Anthropic",
+			compactTotal: "≈{amount}",
+			unavailable: "Estimate —",
+			hint: "Public market-price estimate in USD, not your Paean bill. Click for details.",
+			disclaimer: "Public market-price estimate in USD, not your Paean bill.",
+			details: "Session cost estimate",
+			close: "Close",
+			routeCount: "{count} requests",
+			settingsHint: "Full price sheet: Settings → Model prices"
+		};
+		/** Simplified Chinese price-estimation copy. */
+		const zh = {
+			title: "模型价格",
+			total: "本会话估算 ≈{amount} USD",
+			partialTotal: "本会话部分估算 ≈{amount} USD",
+			empty: "暂无可估价请求",
+			loading: "正在加载模型价格…",
+			coverage: "{count} 次已计量请求",
+			partial: "部分估算：{count} 次请求缺少用量或价格映射。",
+			assumptions: "按公开市场价格估算，并非 Paean 账单。所有账号采用同一套估算价目表。不含折扣、低峰优惠、税费和工具费用。仅统计本会话已记录的请求，不含子会话及未报告用量的失败调用。更新价格后会重新估算历史用量。",
+			verified: "价格核对日期：{date}",
+			protocol: "协议",
+			alias: "模型",
+			input: "输入",
+			output: "输出",
+			cacheRead: "缓存读取",
+			cacheWrite: "缓存写入",
+			unit: "USD / 百万 token · 自动应用长上下文价格",
+			openai: "OpenAI",
+			anthropic: "Anthropic",
+			compactTotal: "≈{amount}",
+			unavailable: "估算 —",
+			hint: "按公开市场价格估算美元成本，并非 Paean 账单。点击查看明细",
+			disclaimer: "按公开市场价格估算美元成本，并非 Paean 账单",
+			details: "会话成本估算",
+			close: "关闭",
+			routeCount: "{count} 次请求",
+			settingsHint: "完整价目表：设置 → 模型价格"
+		};
+		//#endregion
+		//#region lib/types/client/index.js
+		/** Services supplied by the browser composition. */
+		const inject = [
+			"slots",
+			"locale",
+			"configForms"
+		];
+		/**
+		* Contribute localized prices while the matching Host settings namespace is served.
+		* @param ctx - browser composition services; all registrations withdraw with the fiber.
+		*/
+		function apply(ctx) {
+			ctx.locale.register(NS, {
+				en,
+				zh
+			});
+			const t = ctx.locale.bind(NS);
+			const form = ctx.configForms.get("paean-model-pricing");
+			ctx.effect(() => ctx.configForms.whileServed(["paean-model-pricing"], () => {
+				const dock = ctx.slots.inject("conversation.composer.dock", () => ctx.slots.register({
+					name: "conversation.composer.dock",
+					id: "paean-model-pricing",
+					order: 10,
+					locale: NS,
+					label: () => t("title"),
+					inject: () => ({ form })
+				}, ModelPricing));
+				const settings = ctx.slots.inject("settings.section", () => ctx.slots.register({
+					name: "settings.section",
+					id: "paean-model-pricing",
+					order: 32,
+					locale: NS,
+					label: () => t("title"),
+					inject: () => ({ form })
+				}, ModelPricingSettings));
+				return () => {
+					dock();
+					settings();
+				};
+			}));
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map