Show product usage types in credit ledger

Persist hotword request origin so every reservation lifecycle entry can be classified without mutating the immutable ledger.
2026-08-19 19:47:12 +08:00
parent e1fd35b1ff
commit 3edc86a9a0
22 changed files with 205 additions and 16 deletions
@@ -1,6 +1,12 @@
 import type WaButton from "@awesome.me/webawesome/dist/components/button/button.js";
 import { ApiError } from "../api/client";
-import { escapeHtml } from "../lib/format";
+import type { UsageType } from "../api/types";
+import { escapeHtml, usageTypeLabel } from "../lib/format";
+
+export function renderUsageTypeBadge(usageType?: UsageType): string {
+  if (!usageType) return '<span class="muted">—</span>';
+  return `<span class="badge usage-badge usage-badge--${escapeHtml(usageType)}">${escapeHtml(usageTypeLabel(usageType))}</span>`;
+}

 export function renderLoading(container: HTMLElement, label = "正在加载"): void {
  container.innerHTML = `