feat: add finding side question panel

web/src/app/(main)/function/findings/detail/page.tsx

@@ -12,6 +12,7 @@ import { CopyButton } from "@/components/copy-button";
 import { FindingRetestPanel } from "@/components/finding-retest-panel";
 import { FindingTrafficPanel } from "@/components/finding-traffic-panel";
 import { Markdown } from "@/components/markdown";
+import { SideQuestionButton, SideQuestionWorkspace } from "@/components/side-question-workspace";
 import { StatusBadge } from "@/components/status-badge";
 import { Alert, AlertDescription } from "@/components/ui/alert";
 import { Badge } from "@/components/ui/badge";
@@ -21,6 +22,7 @@ import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger } from "@
 import { Separator } from "@/components/ui/separator";
 import { SidebarTrigger } from "@/components/ui/sidebar";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { useSideQuestions } from "@/hooks/use-side-questions";
 import { api } from "@/lib/api";
 import { statusMeta } from "@/lib/status";
 import type { Finding, FindingStatus, Severity } from "@/lib/types";
@@ -62,6 +64,7 @@ function FindingDetailInner() {
   const [finding, setFinding] = React.useState<Finding | null>(null);
   const [loaded, setLoaded] = React.useState(false);
   const [tab, setTab] = React.useState("overview");
+  const side = useSideQuestions(finding?.task_id ? `/api/tasks/${finding.task_id}/chat` : null);
 
   const load = React.useCallback(() => {
     if (!id) {
@@ -130,7 +133,13 @@ function FindingDetailInner() {
   const title = finding.name || finding.vulnclass || "未分类";
 
   return (
-    <Tabs value={tab} onValueChange={setTab} className="flex flex-1 flex-col gap-0">
+    <SideQuestionWorkspace
+      side={side}
+      label={`漏洞 #${finding.id} · ${title}`}
+      suggestions={["请解释这个漏洞的影响范围和利用条件。", "请根据当前证据检查这个漏洞是否足以确认。", "请给出可执行的修复建议。"]}
+      placeholder="询问当前漏洞…"
+    >
+      <Tabs value={tab} onValueChange={setTab} className="flex flex-1 flex-col gap-0">
       {/* Sticky header */}
       <header className="sticky top-0 z-10 flex flex-col gap-2 border-b bg-background/95 px-4 py-2.5 backdrop-blur lg:px-6">
         <div className="flex flex-wrap items-center gap-2">
@@ -157,6 +166,7 @@ function FindingDetailInner() {
           <Separator orientation="vertical" className="mx-1 h-4" />
           <StatusBadge domain="severity" value={finding.severity} dot />
           <StatusBadge domain="finding" value={finding.status} dot />
+          <SideQuestionButton side={side} label="询问漏洞" />
           {finding.inherited && finding.source_task_id && (
             <Badge variant="outline">来源任务 #{finding.source_task_id} · 只读</Badge>
           )}
@@ -340,7 +350,8 @@ function FindingDetailInner() {
           <FindingLineageView findingId={finding.id} />
         </TabsContent>
       </div>
-    </Tabs>
+      </Tabs>
+    </SideQuestionWorkspace>
   );
 }
 

web/src/components/side-question-workspace.tsx

@@ -37,12 +37,12 @@ const preparationLabels = {
   answering: "正在回答…",
 };
 
-export function SideQuestionButton({ side }: { side: SideQuestions }) {
+export function SideQuestionButton({ side, label = "旁路提问" }: { side: SideQuestions; label?: string }) {
   if (!side.enabled) return null;
   return (
-    <Button variant="outline" size="sm" onClick={() => side.setOpen(true)} title="/btw 旁路提问">
+    <Button variant="outline" size="sm" onClick={() => side.setOpen(true)} title={`/btw ${label}`}>
       <MessageCircleQuestionIcon data-icon="inline-start" />
-      旁路提问
+      {label}
     </Button>
   );
 }