路线
diff --git a/apps/web/src/features/game/components/SystemOverlay.tsx b/apps/web/src/features/game/components/SystemOverlay.tsx
index 2268b47..f5d2b79 100644
--- a/apps/web/src/features/game/components/SystemOverlay.tsx
+++ b/apps/web/src/features/game/components/SystemOverlay.tsx
@@ -1,310 +1,10 @@
import type { GameAction, GameView } from '@tinywaste/game-core';
-import { getActiveQuestCount, getLoadoutEntries, getSupplyCounts } from '../hudModel';
import type { OverlayPanel } from '../types';
import { ModalShell } from '../../shared/components/ModalShell';
-import { PanelHeader } from '../../shared/components/PanelHeader';
-import { InventoryCard } from './cards/InventoryCard';
-import { QuestCard } from './cards/QuestCard';
-import { RecipeCard } from './cards/RecipeCard';
-import { EmptyState } from './EmptyState';
-
-function OverlayHeaderStats({ view }: { view: GameView }) {
- const supplyCounts = getSupplyCounts(view);
- const activeQuestCount = getActiveQuestCount(view);
-
- return (
-
-
- 容量
-
- {view.player.inventoryUsage}/{view.player.inventoryCapacity}
-
-
-
- 水
- {supplyCounts.water}
-
-
- 食物
- {supplyCounts.food}
-
-
- 药品
- {supplyCounts.medicine}
-
-
- 任务
- {activeQuestCount}
-
-
- 仓储
-
- {view.player.storageUsage}/{view.player.storageCapacity}
-
-
-
- );
-}
-
-function InventoryOverlay({
- isWorking,
- onSendAction,
- view,
-}: {
- isWorking: boolean;
- onSendAction: (action: GameAction) => void;
- view: GameView;
-}) {
- const loadoutEntries = getLoadoutEntries(view);
-
- return (
-
-
-
-
-
-
-
-
- {view.player.inventory.map((item) => (
-
- onSendAction({ type: 'stash-item', itemId: item.itemId, count: item.count }),
- tone: 'secondary',
- },
- ]
- : undefined
- }
- item={item}
- onEquip={() => onSendAction({ type: 'equip-item', itemId: item.itemId })}
- onUnequip={() => onSendAction({ type: 'unequip-item', slot: item.equipSlot! })}
- onUse={() => onSendAction({ type: 'use-item', itemId: item.itemId })}
- />
- ))}
-
-
-
-
-
- {view.player.storageAccessible ? (
- view.player.storage.length ? (
-
- {view.player.storage.map((item) => (
-
- onSendAction({ type: 'retrieve-item', itemId: item.itemId, count: item.count }),
- tone: 'primary',
- },
- ]}
- footerText={`${item.type} · 体积 ${item.volume} · 避难所仓储`}
- item={item}
- />
- ))}
-
- ) : (
-
- )
- ) : (
-
- )}
-
-
-
-
-
-
-
- {[...loadoutEntries.left, ...loadoutEntries.right].map((entry) => (
-
-
- {entry.label}
- {entry.title}
-
- {entry.subtitle}
-
- ))}
-
-
-
-
-
-
- 容量模型
- 随身背包负责当前回合决策，避难所仓储负责长线囤积，二者都受体积上限约束。
-
-
- 使用优先级
- 饮水、药物和战斗工具留在身上；备用护甲、净水和材料可以先回收到仓储层。
-
-
-
-
-
- );
-}
-
-function MissionOverlay({ isWorking, onSendAction, view }: { isWorking: boolean; onSendAction: (action: GameAction) => void; view: GameView }) {
- return (
-
-
-
-
-
-
-
- {view.quests.length ? (
- view.quests.map((quest) => )
- ) : (
-
- )}
-
-
-
-
-
-
-
- {[30, 60, 120].map((minutes) => (
-
- ))}
-
-
-
-
-
-
-
- 生命周期
- 任务分为 locked、active、completed，推进由服务端根据状态、地点、物品与标记自动结算。
-
-
- 引导方式
- 新手引导应尽量通过任务链驱动，而不是频繁弹出说明窗口。
-
-
-
-
-
- );
-}
-
-function BlueprintOverlay({
- isWorking,
- onSendAction,
- view,
-}: {
- isWorking: boolean;
- onSendAction: (action: GameAction) => void;
- view: GameView;
-}) {
- const craftableCount = view.recipes.filter((recipe) => recipe.craftable).length;
-
- return (
-
-
-
-
-
-
-
- {view.recipes.map((recipe) => (
- onSendAction({ type: 'craft', recipeId: recipe.id })}
- recipe={recipe}
- />
- ))}
-
-
-
-
-
-
-
-
- 可制作
- 当前有 {craftableCount} 条蓝图可以立即执行。
-
-
- 系统定位
- 蓝图栈属于中频决策，适合独立面板打开，而不是长期占用主 HUD 面积。
-
-
-
-
-
- );
-}
-
-function LogOverlay({ view }: { view: GameView }) {
- return (
-
-
-
-
-
-
-
- {view.logs.map((entry) => (
-
- {entry.minute}m
- {entry.message}
-
- ))}
-
-
-
-
-
-
-
- 主屏只保留摘要
- 常驻 HUD 只呈现决策必要信息，完整日志集中在独立面板中查看。
-
-
- 可追溯性
- 所有时间推进、资源变化、战斗结果与事件分支都需要留下结构化日志。
-
-
-
-
-
- );
-}
+import { InventoryOverlay } from './overlays/InventoryOverlay';
+import { MissionOverlay } from './overlays/MissionOverlay';
+import { BlueprintOverlay } from './overlays/BlueprintOverlay';
+import { LogOverlay } from './overlays/LogOverlay';
export function SystemOverlay({
isWorking,
diff --git a/apps/web/src/features/game/components/TopHud.tsx b/apps/web/src/features/game/components/TopHud.tsx
index a0bec4a..b9552a0 100644
--- a/apps/web/src/features/game/components/TopHud.tsx
+++ b/apps/web/src/features/game/components/TopHud.tsx
@@ -57,14 +57,10 @@ export function TopHud({
-
{view.header.riskLabel}
{dominantAlert ? `${dominantAlert.label} ${dominantAlert.summary}` : '状态稳定'}
-
账号 {accountName}
-
- {alertCount ? `警报 ${alertCount}` : '链路稳定'}
-
+ {alertCount ?
警报 {alertCount} : null}