Implement scene-based chapter quest progression

src/components/NpcModals.tsx

@@ -14,6 +14,10 @@ import {
   getEquipmentSlotLabel,
 } from '../data/equipmentEffects';
 import { isInventoryItemUsable, resolveInventoryItemUseEffect } from '../data/inventoryEffects';
+import {
+  buildInventoryItemDescription,
+  getInventoryTagLabels,
+} from '../data/itemPresentation';
 import {
   buildInitialNpcState,
   getGiftCandidates,
@@ -21,7 +25,7 @@ import {
 } from '../data/npcInteractions';
 import { StoryGenerationNpcUi } from '../hooks/useStoryGeneration';
 import { GameState, InventoryItem } from '../types';
-import { CHROME_ICONS, getInventoryCategoryIcon, getNineSliceStyle, UI_CHROME } from '../uiAssets';
+import { CHROME_ICONS, getInventoryItemVisualSrc, getNineSliceStyle, UI_CHROME } from '../uiAssets';
 import { PixelIcon } from './PixelIcon';
 
 interface NpcModalsProps {
@@ -39,7 +43,7 @@ function getNpcEncounterKey(encounter: NonNullable<GameState['currentEncounter']
 }
 
 function getItemVisualSrc(item: InventoryItem) {
-  return item.iconSrc ?? getInventoryCategoryIcon(item.category);
+  return getInventoryItemVisualSrc(item);
 }
 
 function buildTradeUseEffectText(
@@ -412,7 +416,7 @@ export function NpcModals({ gameState, npcUi }: NpcModalsProps) {
               </div>
 
               <p className="text-sm leading-relaxed text-zinc-300">
-                {tradeDetailItem.description || `${tradeDetailItem.name}可用于交易、装备，或在合适时机直接使用。`}
+                {buildInventoryItemDescription(tradeDetailItem, tradeDetailUseEffect)}
               </p>
 
               <div className="grid grid-cols-2 gap-2 text-xs text-zinc-300">
@@ -423,7 +427,7 @@ export function NpcModals({ gameState, npcUi }: NpcModalsProps) {
                   {isInventoryItemUsable(tradeDetailItem) ? '可立即使用' : '不可即时使用'}
                 </div>
                 <div className="col-span-2 rounded-lg border border-white/8 bg-black/20 px-3 py-2">
-                  标签：{tradeDetailItem.tags.join(' / ') || '无'}
+                  标签：{getInventoryTagLabels(tradeDetailItem.tags).join(' / ') || '无'}
                 </div>
               </div>