feat: BossAi v2.0 UI/UX 重构 + 看板断点续接 + 多轮上下文

- 新增 web2/ 前端:任务卡看板、风险雷达、决策日志、我的团队、快捷指令 - ChatPanel 增强:风险卡置顶、案卡接入、起诉状向导、语音输入 - 事项看板:点击查看详情弹窗、断点续接(恢复历史对话+matterId) - 保密模式恢复:密码验证后重建内存 session,保留多轮上下文 - 多轮对话:ask/ask-stream/ask-analyze 注入 session 历史,AI 有上下文 - 追问优化:紧扣用户问题,不再偏离主题(社保问社保,工伤问工伤) - 对话区可滚动,输入区固定可见 - 状态机放宽:允许从任意非终态转到 pending_expert - session 存活检查端点,后端重启后自动重建 session - DB migration:风险推送表、案卡表 Generated with [Devin](https://devin.ai) Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
2026-08-31 08:38:33 +08:00
parent 7a788bf8dc
commit 4de36547cd
88 changed files with 15237 additions and 62 deletions
@@ -0,0 +1,125 @@
+/** 法务参谋页:话题选择 + 换一批 + ChatPanel
+ * scene='legal', 默认保密模式, 显示风险卡, 启用上传
+ */
+import { useState, useCallback } from 'react'
+import { PageLayout } from '@/components/common/PageLayout'
+import { ChatPanel } from '@/components/common/ChatPanel'
+import { Card, CardContent, CardHeader } from '@/components/ui/card'
+import { Briefcase, ChevronDown, RefreshCw, Loader2 } from 'lucide-react'
+import { cn } from '@/lib/utils'
+import { api } from '@/lib/api'
+
+/** 话题类型 */
+interface Topic {
+  title: string
+  desc: string
+  samples: string[]
+}
+
+/** 法务参谋:初始兜底话题,换一批时 AI 动态生成 */
+// 初始兜底话题(同步显示,无 loading)
+const FALLBACK_TOPICS: Topic[] = [
+  { title: '劳动用工', desc: '工伤、辞退、欠薪、社保', samples: ['员工工伤后能开除吗?', '员工被辞退要赔多少?', '员工不签合同有何风险?', '社保未缴全被查怎么办?'] },
+  { title: '合同审查', desc: '违约、条款、效力', samples: ['合同违约金怎么约定?', '对方不履行合同怎么办?', '口头协议有法律效力吗?', '合同条款不公平能改吗?'] },
+  { title: '债权债务', desc: '欠款、催收、诉讼', samples: ['客户拖欠货款3个月如何催收?', '借条怎么写才有效?', '债务人不还钱能报警吗?', '超过诉讼时效怎么办?'] },
+  { title: '股东纠纷', desc: '股权、分红、退股', samples: ['合伙人要退股怎么谈?', '股东不出资怎么办?', '分红比例怎么定?', '小股东权益被侵害怎么办?'] },
+  { title: '税务风险', desc: '稽查、发票、合规', samples: ['收到税务稽查通知怎么办?', '发票开错了怎么处理?', '个体户怎么交税最合理?', '税务罚款能减免吗?'] },
+  { title: '诉讼仲裁', desc: '起诉、举证、执行', samples: ['打官司要准备哪些证据?', '仲裁和诉讼哪个更快?', '赢了官司对方不执行怎么办?', '诉讼费用怎么算?'] },
+]
+
+export function LegalAdvisor() {
+  const [topics, setTopics] = useState<Topic[]>(FALLBACK_TOPICS)
+  const [selectedTopic, setSelectedTopic] = useState(0)
+  const [topicsCollapsed, setTopicsCollapsed] = useState(false)
+  const [loadingTopics, setLoadingTopics] = useState(false)
+
+  /** 换一批:调用 AI 动态生成话题(避免重复) */
+  const refreshTopics = useCallback(async () => {
+    setLoadingTopics(true)
+    try {
+      const res = await api.getTopics('legal', topics.map((t) => t.title))
+      if (res.topics?.length > 0) {
+        setTopics(res.topics)
+        setSelectedTopic(0)
+      }
+    } catch {
+      // AI 不可用时保持当前话题
+    } finally {
+      setLoadingTopics(false)
+    }
+  }, [topics])
+
+  const currentTopic = topics[selectedTopic]
+
+  return (
+    <PageLayout
+      title="法务参谋"
+      description="劳动用工、合同审查、债权债务、股东纠纷、税务风险、诉讼仲裁。AI 输出不替代执业律师正式意见。"
+    >
+      <Card>
+        <CardHeader className="pb-3">
+          <div className="flex items-center justify-between">
+            <button
+              onClick={() => setTopicsCollapsed(!topicsCollapsed)}
+              className="flex items-center gap-1.5 text-base font-semibold transition-opacity hover:opacity-70"
+            >
+              <ChevronDown className={cn('h-4 w-4 transition-transform', topicsCollapsed && '-rotate-90')} />
+              法务话题
+            </button>
+            <button
+              onClick={refreshTopics}
+              disabled={loadingTopics}
+              className="flex items-center gap-1 text-xs text-muted-foreground transition-opacity hover:opacity-70 disabled:opacity-50"
+            >
+              {loadingTopics ? <Loader2 className="h-3.5 w-3.5 animate-spin" /> : <RefreshCw className="h-3.5 w-3.5" />}
+              换一批
+            </button>
+          </div>
+        </CardHeader>
+        {!topicsCollapsed && (
+        <CardContent>
+          {loadingTopics && (
+            <div className="flex items-center justify-center gap-2 py-6 text-sm text-muted-foreground">
+              <Loader2 className="h-4 w-4 animate-spin" />
+              AI 正在生成新话题…
+            </div>
+          )}
+            <div className={cn('grid gap-3 sm:grid-cols-2 lg:grid-cols-3', loadingTopics && 'pointer-events-none opacity-50')}>
+              {topics.map((t, i) => (
+                <button
+                  key={t.title + i}
+                  onClick={() => setSelectedTopic(i)}
+                  className={cn(
+                    'flex items-start gap-3 rounded-md border p-3 text-left transition-colors',
+                    selectedTopic === i
+                      ? 'border-primary bg-primary/5 ring-1 ring-primary'
+                      : 'border-input hover:bg-accent',
+                  )}
+                >
+                  <Briefcase className="mt-0.5 h-5 w-5 shrink-0 text-primary" aria-hidden />
+                  <div>
+                    <p className="text-sm font-medium">{t.title}</p>
+                    <p className="mt-0.5 text-xs text-muted-foreground">{t.desc}</p>
+                  </div>
+                </button>
+              ))}
+            </div>
+        </CardContent>
+        )}
+      </Card>
+
+      {currentTopic && (
+        <ChatPanel
+          scene="legal"
+          samples={currentTopic.samples}
+          topic={currentTopic.title}
+          defaultMode="confidential"
+          placeholder={`描述你的${currentTopic.title}问题…`}
+          showRiskCard
+          enableUpload
+          footer="AI 输出仅供参考,不构成律师、会计师、税务师或医生的正式意见。重大风险事项请寻求执业专业人士复核。"
+        />
+      )}
+    </PageLayout>
+  )
+}