收口个人中心钱包账单组件

迁移钱包账单空态到 PlatformEmptyState

迁移钱包账单行到 PlatformSubpanel 并保留收支展示

补充钱包账单公共组件断言

更新 PlatformUiKit 文档和 Hermes 决策记录

.hermes/shared-memory/decision-log.md

@@ -67,6 +67,7 @@
 - 2026-06-10 追加：通用创作图片输入面板的主图标题和提示词标题使用 `PlatformFieldLabel variant="form"`；提示词字段保留外层原生 `label htmlFor`，业务组件只保留字段文案、布局和上传 / 生成交互，不再手写 `mb-2 block text-sm font-black` 标题 class。
 - 2026-06-10 追加：个人中心存档 / 玩过弹窗里的简单空态使用 `PlatformEmptyState surface="subpanel" size="inline"`，玩过弹窗的“可继续 / 玩过”分区标题使用 `PlatformFieldLabel variant="section"`，已玩作品白底按钮卡使用 `PlatformSubpanel as="button" surface="flat" radius="sm" padding="md" interactive`；`SaveArchiveCard` 因含图片遮罩和加载态暂不并入本轮。
 - 2026-06-10 追加：平台入口壳纯 Suspense fallback 使用 `PlatformSubpanel radius="sm" padding="none"` 承接原 `platform-subpanel` 外壳；带恢复动作、错误语义或运行态遮罩的提示面板不和纯加载 fallback 同批迁移。
+- 2026-06-10 追加：个人中心钱包账单弹窗的“暂无账单记录”使用 `PlatformEmptyState surface="subpanel" size="inline"`，账单行使用 `PlatformSubpanel as="div" surface="flat" radius="xs" padding="none"`；业务 JSX 只保留来源、时间、收支色值、余额右对齐和局部间距 / 阴影。
 - 2026-06-09 追加：抓大鹅结果页作品信息、发布封面和物品素材详情中的 section 字段标题迁移到 `PlatformFieldLabel variant="section"`；业务页不再重复拼 `text-xs font-bold tracking-[0.18em] text-[var(--platform-text-soft)]`。
 - 2026-06-09 追加：方洞结果页主信息、形状选项、洞口选项和历史生成标题迁移到 `PlatformFieldLabel variant="section"`；业务页只保留字段文案、图标和按钮布局，不再重复拼 section 标题 class。
 - 2026-06-09 追加：拼图结果页关卡详情的“关卡名称”和发布弹窗的“发布检查 / 封面关卡”标题迁移到 `PlatformFieldLabel variant="section"`；业务页保留 label 关联和弹窗布局，不再重复拼 section 标题 class。
@@ -254,6 +255,7 @@
 - 2026-06-10 验证补充：通用创作图片输入面板主图 / 提示词字段标题收口到 `PlatformFieldLabel` 后，补跑 `npm run test -- src/components/common/CreativeImageInputPanel.test.tsx src/components/common/PlatformFieldLabel.test.tsx`。
 - 2026-06-10 验证补充：个人中心存档 / 玩过弹窗简单空态、分区标题和已玩作品按钮卡收口后，补跑 `npm run test -- src/components/rpg-entry/RpgEntryHomeView.recharge.test.tsx src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx -t "profile played modal|profile page keeps save archives inside played stats panel"`。
 - 2026-06-10 验证补充：平台入口壳纯 Suspense fallback 收口到 `PlatformSubpanel` 后，补跑 `npm run test -- src/components/common/PlatformSubpanel.test.tsx src/components/platform-entry/PlatformEntryFlowShellImpl.test.ts`。
+- 2026-06-10 验证补充：个人中心钱包账单空态和账单行收口后，补跑 `npm run test -- src/components/rpg-entry/RpgEntryHomeView.recharge.test.tsx -t "wallet ledger"` 与 `npm run test -- src/components/common/PlatformEmptyState.test.tsx src/components/common/PlatformSubpanel.test.tsx`。
 - 2026-06-10 验证补充：个人中心兑换码 / 邀请码输入和充值 / 任务空态收口后，补跑 `npm run test -- src/components/rpg-entry/RpgEntryHomeView.recharge.test.tsx src/components/common/PlatformTextField.test.tsx src/components/common/PlatformEmptyState.test.tsx -t "reward code|invite query|profile redeem invite|daily task"`。
 - 2026-06-10 验证补充：背包文书按钮收口到暗色 `PlatformSubpanel`、故事档案 QA 提示收口到 `PlatformStatusMessage surface="editorDark"` 后，补跑 `npm run test -- src/components/InventoryPanel.test.tsx src/components/common/PlatformSubpanel.test.tsx src/components/common/PlatformStatusMessage.test.tsx`。
 - 2026-06-10 验证补充：NPC 叙事提示和交易详情属性格收口后，补跑 `npm run test -- src/components/NpcModals.test.tsx src/components/common/PlatformSubpanel.test.tsx src/components/common/PlatformStatusMessage.test.tsx`。

src/components/rpg-entry/RpgEntryHomeView.recharge.test.tsx

@@ -1265,7 +1265,13 @@ test('opens wallet ledger modal from narrative coin card', async () => {
   expect(balanceBadge.className).toContain('border-rose-100');
   expect(balanceBadge.className).toContain('bg-white/70');
   expect(mockGetRpgProfileWalletLedger).toHaveBeenCalledTimes(1);
-  expect(screen.getByText('资产操作消耗')).toBeTruthy();
+  const consumeLedgerRow = screen
+    .getByText('资产操作消耗')
+    .closest('[class*="shadow-sm"]') as HTMLElement;
+  expect(consumeLedgerRow.className).toContain(
+    'border-[var(--platform-subpanel-border)]',
+  );
+  expect(consumeLedgerRow.className).toContain('shadow-sm');
   expect(screen.getByText('-1')).toBeTruthy();
   expect(screen.getByText('填写邀请码奖励')).toBeTruthy();
   expect(screen.getByText('+30')).toBeTruthy();
@@ -3102,7 +3108,12 @@ test('wallet ledger modal shows empty and error states', async () => {
   await user.click(screen.getByRole('button', { name: /泥点余额\s*0/u }));
   expect(await screen.findByText('泥点账单')).toBeTruthy();
   await waitFor(() => {
-    expect(screen.getByText('暂无账单记录')).toBeTruthy();
+    const emptyState = screen.getByText('暂无账单记录');
+    expect(emptyState).toBeTruthy();
+    expect(emptyState.className).toContain('platform-empty-state');
+    expect(emptyState.className).toContain(
+      'border-[var(--platform-subpanel-border)]',
+    );
   });
 
   await user.click(screen.getByLabelText('关闭泥点账单'));

src/components/rpg-entry/RpgEntryHomeView.tsx

@@ -3410,16 +3410,24 @@ function WalletLedgerModal({
               ))}
             </div>
           ) : entries.length === 0 ? (
-            <div className="mt-5 rounded-xl border border-zinc-200 bg-white px-4 py-8 text-center text-sm font-semibold text-zinc-500">
+            <PlatformEmptyState
+              surface="subpanel"
+              size="inline"
+              className="mt-5 py-8"
+            >
               暂无账单记录
-            </div>
+            </PlatformEmptyState>
           ) : (
             <div className="mt-5 space-y-2.5">
               {entries.map((entry) => {
                 return (
-                  <div
+                  <PlatformSubpanel
+                    as="div"
                     key={entry.id}
-                    className="flex items-center justify-between gap-3 rounded-xl border border-zinc-200 bg-white px-3 py-3 shadow-sm"
+                    surface="flat"
+                    radius="xs"
+                    padding="none"
+                    className="flex items-center justify-between gap-3 px-3 py-3 shadow-sm"
                   >
                     <div className="min-w-0">
                       <div className="truncate text-sm font-black text-zinc-900">
@@ -3441,7 +3449,7 @@ function WalletLedgerModal({
                         {entry.balanceLabel}
                       </div>
                     </div>
-                  </div>
+                  </PlatformSubpanel>
                 );
               })}
             </div>