refactor(selection): 统一信号与股票处理逻辑，重构相关数据结构与接口，更新前端展示以支持股票信息

zhixing-web/src/features/selection/components/signal-detail-panel.tsx

@@ -3,16 +3,16 @@ import { Database, Search } from "lucide-react"
 import { Badge } from "@/shared/ui/badge"
 import { Card } from "@/shared/ui/card"
 
-import type { SelectionSignal } from "../api/selection.types"
+import type { SelectionStockResult } from "../api/selection.types"
 import { categoryToneClass, getCategoryLabel } from "./selection-presentation"
 import { SignalDetails } from "./signal-details"
 
 interface SignalDetailPanelProps {
-  signal: SelectionSignal | undefined
+  stock: SelectionStockResult | undefined
 }
 
-export function SignalDetailPanel({ signal }: SignalDetailPanelProps) {
-  if (!signal) {
+export function SignalDetailPanel({ stock }: SignalDetailPanelProps) {
+  if (!stock) {
     return (
       <Card
         aria-label="当前股票详情"
@@ -23,9 +23,9 @@ export function SignalDetailPanel({ signal }: SignalDetailPanelProps) {
             className="mx-auto size-5 text-muted-foreground"
             aria-hidden="true"
           />
-          <p className="font-medium">暂无选中信号</p>
+          <p className="font-medium">暂无选中股票</p>
           <p className="text-xs leading-5 text-muted-foreground">
-            从左侧列表选择一条信号查看详情。
+            从左侧列表选择一只股票查看详情。
           </p>
         </div>
       </Card>
@@ -38,15 +38,15 @@ export function SignalDetailPanel({ signal }: SignalDetailPanelProps) {
       className="hidden min-h-0 overflow-auto rounded-md border border-border/80 bg-card p-3 md:block"
     >
       <p className="text-[10px] font-bold tracking-[0.08em] text-muted-foreground uppercase">
-        Selected signal
+        Selected stock
       </p>
       <div className="mt-2 flex items-start justify-between gap-3">
         <div className="min-w-0">
           <h2 className="truncate text-xl font-semibold tracking-tight">
-            {signal.name}
+            {stock.name}
           </h2>
           <p className="font-mono text-xs text-muted-foreground">
-            {signal.ts_code}
+            {stock.ts_code}
           </p>
         </div>
         <Database
@@ -56,21 +56,26 @@ export function SignalDetailPanel({ signal }: SignalDetailPanelProps) {
       </div>
 
       <p className="mt-4 text-3xl font-semibold tabular-nums tracking-tight">
-        ¥ {signal.close.toFixed(2)}
+        ¥ {stock.close.toFixed(2)}
       </p>
 
-      <Badge
-        className={`mt-3 ${categoryToneClass(signal.category)}`}
-        variant="outline"
-      >
-        {getCategoryLabel(signal.category)}
-      </Badge>
+      <div className="mt-3 flex flex-wrap gap-1">
+        {stock.signals.map((signal) => (
+          <Badge
+            key={signal.category}
+            className={categoryToneClass(signal.category)}
+            variant="outline"
+          >
+            {getCategoryLabel(signal.category)}
+          </Badge>
+        ))}
+      </div>
 
       <dl className="mt-4 divide-y divide-border/60 border-y border-border/60 text-xs">
         <div className="flex items-center justify-between gap-3 py-2.5">
           <dt className="text-muted-foreground">目标交易日</dt>
           <dd className="font-medium tabular-nums">
-            {signal.target_trade_date}
+            {stock.target_trade_date}
           </dd>
         </div>
         <div className="flex items-center justify-between gap-3 py-2.5">
@@ -86,7 +91,16 @@ export function SignalDetailPanel({ signal }: SignalDetailPanelProps) {
         >
           关键指标
         </h3>
-        <SignalDetails details={signal.details} />
+        <div className="space-y-4">
+          {stock.signals.map((signal) => (
+            <section key={signal.category} className="space-y-2">
+              <h4 className="text-xs font-medium text-foreground">
+                {getCategoryLabel(signal.category)}
+              </h4>
+              <SignalDetails details={signal.details} />
+            </section>
+          ))}
+        </div>
       </section>
     </aside>
   )