1734 lines
66 KiB
TypeScript
1734 lines
66 KiB
TypeScript
import { useState, useRef, useEffect } from 'react'
|
|
import { useSearchParams, useLocation } from 'react-router-dom'
|
|
import { toast } from 'sonner'
|
|
import {
|
|
Send,
|
|
Upload,
|
|
Loader2,
|
|
MessageSquare,
|
|
Lock,
|
|
Flame,
|
|
Users,
|
|
HelpCircle,
|
|
RefreshCw,
|
|
Check,
|
|
CheckCircle,
|
|
FileText,
|
|
BookOpen,
|
|
Sparkles,
|
|
Download,
|
|
ChevronRight,
|
|
ChevronLeft,
|
|
} from 'lucide-react'
|
|
import { RiskCardView } from './RiskCardView'
|
|
import { Markdown } from './Markdown'
|
|
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
|
|
import { Button } from '@/components/ui/button'
|
|
import { Badge } from '@/components/ui/badge'
|
|
import { Textarea } from '@/components/ui/textarea'
|
|
import { Input } from '@/components/ui/input'
|
|
import { Label } from '@/components/ui/label'
|
|
import {
|
|
Dialog,
|
|
DialogContent,
|
|
DialogDescription,
|
|
DialogFooter,
|
|
DialogHeader,
|
|
DialogTitle,
|
|
DialogTrigger,
|
|
} from '@/components/ui/dialog'
|
|
import { api } from '@/lib/api'
|
|
import { getPhone } from '@/lib/auth'
|
|
import { cn } from '@/lib/utils'
|
|
import type { AskResponse, EmotionMode, ExpertService, HistoryMessage, KnowledgeDoc, RiskCard, Scene, SessionMode } from '@/types'
|
|
|
|
/** 画像字段英文值 → 中文显示映射 */
|
|
const PROFILE_VALUE_LABELS: Record<string, string> = {
|
|
// 企业规模
|
|
micro: '微型(<10人)',
|
|
small: '小型(<50人)',
|
|
medium: '中型(<200人)',
|
|
large: '大型(>200人)',
|
|
// 角色
|
|
owner: '老板/创始人',
|
|
manager: '管理者',
|
|
ceo: 'CEO',
|
|
director: '总监',
|
|
// 风险偏好
|
|
conservative: '保守型',
|
|
moderate: '稳健型',
|
|
aggressive: '进取型',
|
|
// 决策风格
|
|
'data-driven': '数据驱动型',
|
|
intuitive: '直觉型',
|
|
collaborative: '协作型',
|
|
// 沟通偏好
|
|
concise: '简洁',
|
|
detailed: '详细',
|
|
structured: '结构化',
|
|
// 通用 yes/no
|
|
yes: '是',
|
|
no: '否',
|
|
// 行业
|
|
retail: '零售',
|
|
manufacturing: '制造业',
|
|
tech: '科技',
|
|
service: '服务业',
|
|
finance: '金融',
|
|
realestate: '房地产',
|
|
education: '教育',
|
|
healthcare: '医疗健康',
|
|
construction: '建筑',
|
|
logistics: '物流',
|
|
agriculture: '农业',
|
|
hospitality: '餐饮酒店',
|
|
// 常见 key_facts 英文值
|
|
true: '是',
|
|
false: '否',
|
|
none: '无',
|
|
unknown: '未知',
|
|
'n/a': '不适用',
|
|
pending: '待定',
|
|
active: '活跃',
|
|
inactive: '停用',
|
|
profit: '盈利',
|
|
loss: '亏损',
|
|
expansion: '扩张',
|
|
contraction: '收缩',
|
|
stable: '稳定',
|
|
growth: '增长中',
|
|
declining: '下滑中',
|
|
}
|
|
|
|
/** 画像字段标签(dim_desc)英文 → 中文映射 */
|
|
const PROFILE_DIM_LABELS: Record<string, string> = {
|
|
// 标准画像字段
|
|
industry: '行业',
|
|
company_size: '企业规模',
|
|
role: '角色',
|
|
risk_tolerance: '风险偏好',
|
|
decision_style: '决策风格',
|
|
communication_style: '沟通偏好',
|
|
// key_facts 常见 key
|
|
region: '地区',
|
|
company_type: '公司类型',
|
|
team_ability: '团队能力',
|
|
communication: '沟通情况',
|
|
medical_proof: '医疗证明',
|
|
contract_terms: '合同条款',
|
|
medical_period: '医疗期',
|
|
financial_status: '财务状况',
|
|
injury_situation: '工伤情况',
|
|
legal_procedures: '法律程序',
|
|
market_potential: '市场潜力',
|
|
alternative_option: '备选方案',
|
|
work_injury_details: '工伤详情',
|
|
alternative_solution: '替代方案',
|
|
work_injury_insurance: '工伤保险',
|
|
performance_assessment: '绩效评估',
|
|
relevant_legal_provisions: '相关法律条款',
|
|
employee_count: '员工人数',
|
|
revenue: '营收',
|
|
profit_status: '盈利状况',
|
|
business_model: '商业模式',
|
|
funding_stage: '融资阶段',
|
|
partnership: '合伙关系',
|
|
shareholder_structure: '股权结构',
|
|
contract_dispute: '合同纠纷',
|
|
debt_amount: '债务金额',
|
|
tax_risk: '税务风险',
|
|
litigation_status: '诉讼状态',
|
|
employee_role: '员工角色',
|
|
salary_status: '薪资状况',
|
|
social_security: '社保',
|
|
severance: '经济补偿',
|
|
working_years: '工作年限',
|
|
probation_period: '试用期',
|
|
termination_reason: '解雇原因',
|
|
overtime_status: '加班情况',
|
|
export_capability: '出口能力',
|
|
expansion_plan: '扩张计划',
|
|
competitor: '竞争对手',
|
|
customer_concentration: '客户集中度',
|
|
supply_chain: '供应链',
|
|
cash_flow: '现金流',
|
|
asset_status: '资产状况',
|
|
liability: '负债',
|
|
}
|
|
|
|
/** 将画像字段的英文标签翻译为中文 */
|
|
function translateDimLabel(label: string): string {
|
|
const lower = label.toLowerCase().trim()
|
|
return PROFILE_DIM_LABELS[lower] ?? label
|
|
}
|
|
|
|
/** 将画像字段的英文值翻译为中文显示 */
|
|
function translateProfileValue(value: string): string {
|
|
// key_facts 类的值可能是中文也可能是英文,统一查映射表
|
|
const lower = value.toLowerCase().trim()
|
|
return PROFILE_VALUE_LABELS[lower] ?? value
|
|
}
|
|
|
|
export interface ChatPanelMode {
|
|
value: SessionMode
|
|
label: string
|
|
desc: string
|
|
Icon: typeof MessageSquare
|
|
}
|
|
|
|
export interface ChatPanelProps {
|
|
/** 业务场景,路由后端 system prompt */
|
|
scene: Scene
|
|
/** 示例问题 */
|
|
samples: string[]
|
|
/** 当前话题(用于 AI 换一批时定向生成) */
|
|
topic?: string
|
|
/** 允许的会话模式(默认全部) */
|
|
modes?: ChatPanelMode[]
|
|
/** 默认会话模式 */
|
|
defaultMode?: SessionMode
|
|
/** 情绪模式(仅 emotion 场景),由页面控制并传入 */
|
|
emotionMode?: EmotionMode
|
|
/** 情绪模式选择器(由页面渲染,通过 children 注入) */
|
|
modeSelector?: React.ReactNode
|
|
/** 输入框占位符 */
|
|
placeholder?: string
|
|
/** 是否显示风险卡片(法务场景显示,其他场景可选) */
|
|
showRiskCard?: boolean
|
|
/** 文件上传支持 */
|
|
enableUpload?: boolean
|
|
/** 卡片底部脚注(如免责声明) */
|
|
footer?: React.ReactNode
|
|
}
|
|
|
|
interface Message {
|
|
role: 'user' | 'assistant'
|
|
content: string
|
|
risk?: AskResponse['risk']
|
|
answer?: string | null
|
|
model?: string
|
|
inferenceLocation?: string
|
|
fallbackUsed?: boolean
|
|
/** 知识库引用来源 */
|
|
ragContext?: KnowledgeDoc[]
|
|
/** 流式输出中 */
|
|
streaming?: boolean
|
|
/** 事实追问回答(样式区分) */
|
|
isFactAnswer?: boolean
|
|
}
|
|
|
|
/** 知识库文档类型标签映射 */
|
|
const DOC_TYPE_LABELS: Record<string, string> = {
|
|
law: '法规',
|
|
case: '案例',
|
|
guide: '指南',
|
|
industry: '行业',
|
|
template: '模板',
|
|
}
|
|
|
|
const DEFAULT_MODES: ChatPanelMode[] = [
|
|
{ value: 'normal', label: '普通模式', desc: '日常经营,可保存历史', Icon: MessageSquare },
|
|
{ value: 'confidential', label: '保密模式', desc: '加密保存,文件自动过期', Icon: Lock },
|
|
{ value: 'ephemeral', label: '阅后即焚', desc: '退出即销毁,不留痕迹', Icon: Flame },
|
|
]
|
|
|
|
/** 生成风险卡 Markdown 文本(用于分享/导出) */
|
|
function riskCardToMarkdown(card: RiskCard, answer?: string | null): string {
|
|
const lines: string[] = []
|
|
lines.push(`# 风险判断`)
|
|
lines.push('')
|
|
lines.push(`**风险等级:** ${card.level}`)
|
|
lines.push('')
|
|
lines.push(`**结论:** ${card.conclusion}`)
|
|
lines.push('')
|
|
if (card.actions.length > 0) {
|
|
lines.push('## 立即行动')
|
|
card.actions.forEach((a) => lines.push(`- ${a}`))
|
|
lines.push('')
|
|
}
|
|
if (card.evidence.length > 0) {
|
|
lines.push('## 需保存证据')
|
|
lines.push(card.evidence.join('、'))
|
|
lines.push('')
|
|
}
|
|
if (answer) {
|
|
lines.push('## 模型分析')
|
|
lines.push(answer)
|
|
lines.push('')
|
|
}
|
|
if (card.escalation) {
|
|
lines.push('> 建议人工专业复核:本事项可能造成明显损失或涉及重大风险。')
|
|
}
|
|
return lines.join('\n')
|
|
}
|
|
|
|
/** 通用对话面板:会话创建 → 提问 → 风险卡/答复 → 文件上传 → 隐私急停
|
|
* 2.0 新增:案卡接入、风险卡置顶、起诉状三步向导、URL 参数预填、location state 传入 expertId
|
|
*/
|
|
export function ChatPanel({
|
|
scene,
|
|
samples,
|
|
topic,
|
|
modes = DEFAULT_MODES,
|
|
defaultMode = 'confidential',
|
|
emotionMode,
|
|
modeSelector,
|
|
placeholder = '描述你的问题…',
|
|
showRiskCard = true,
|
|
enableUpload = true,
|
|
footer,
|
|
}: ChatPanelProps) {
|
|
const [mode, setMode] = useState<SessionMode>(defaultMode)
|
|
const [sid, setSid] = useState<string | null>(null)
|
|
const [question, setQuestion] = useState('')
|
|
const [messages, setMessages] = useState<Message[]>([])
|
|
const [loading, setLoading] = useState(false)
|
|
const [dynamicSamples, setDynamicSamples] = useState<string[]>(samples)
|
|
const [refreshing, setRefreshing] = useState(false)
|
|
/** 当天热点问题池(从后端加载的全部问题)和当前批次起始索引 */
|
|
const [dailyPool, setDailyPool] = useState<string[]>([])
|
|
const [poolIndex, setPoolIndex] = useState(0)
|
|
const BATCH_SIZE = 12
|
|
|
|
// ===== 2.0 新增:案卡状态 =====
|
|
const [matterId, setMatterId] = useState<number | null>(null)
|
|
|
|
// ===== 2.0 新增:风险卡置顶(仅显示结论摘要) =====
|
|
const [showCloseDialog, setShowCloseDialog] = useState(false)
|
|
const [closeResult, setCloseResult] = useState<'顺利' | '受阻' | '未执行'>('顺利')
|
|
const [closeNote, setCloseNote] = useState('')
|
|
const [closing, setClosing] = useState(false)
|
|
|
|
// ===== 2.0 新增:起诉状三步向导 =====
|
|
const [filingWizardOpen, setFilingWizardOpen] = useState(false)
|
|
const [filingStep, setFilingStep] = useState(1)
|
|
const [filingElements, setFilingElements] = useState<Array<{ key: string; label: string; value: string }>>([])
|
|
const [filingClaims, setFilingClaims] = useState<string[]>([])
|
|
const [filingText, setFilingText] = useState('')
|
|
const [filingCause, setFilingCause] = useState('')
|
|
|
|
// ===== 2.0 新增:URL 参数预填 + session 恢复 =====
|
|
const [searchParams] = useSearchParams()
|
|
useEffect(() => {
|
|
const q = searchParams.get('q')
|
|
if (q) { setQuestion(q) }
|
|
// 从 URL ?mid= 恢复 matterId(断点续接时用于闭环操作)
|
|
const mid = searchParams.get('mid')
|
|
if (mid) { setMatterId(Number(mid)) }
|
|
}, [searchParams])
|
|
|
|
/** 从 URL ?sid= 恢复 session 和历史消息(断点续接) */
|
|
useEffect(() => {
|
|
const restoreSid = searchParams.get('sid')
|
|
if (!restoreSid || sid) return // 已有 session 不重复恢复
|
|
setSid(restoreSid)
|
|
setRestoringHistory(true)
|
|
// 如果 URL 没有 mid,通过 session_id 查询关联案卡恢复 matterId
|
|
const mid = searchParams.get('mid')
|
|
if (!mid) {
|
|
api.getMatterBySession(restoreSid)
|
|
.then((m) => setMatterId(m.id))
|
|
.catch(() => {/* 没有关联案卡,不影响 */})
|
|
}
|
|
api.getHistoryMessages(restoreSid)
|
|
.then((res) => {
|
|
if (res.need_verify) {
|
|
// 保密模式:需要密码验证,弹出验证框
|
|
setRestoringHistory(false)
|
|
setRestoreVerifyOpen(true)
|
|
return
|
|
}
|
|
if (res.messages && res.messages.length > 0) {
|
|
restoreMessages(res.messages)
|
|
}
|
|
})
|
|
.catch(() => {
|
|
// 历史加载失败(可能 session 已过期),静默处理
|
|
})
|
|
.finally(() => setRestoringHistory(false))
|
|
}, [searchParams, sid])
|
|
|
|
/** 恢复消息到对话区 */
|
|
const restoreMessages = (messages: HistoryMessage[]) => {
|
|
const restored = messages
|
|
.filter((m) => m.role === 'user' || m.role === 'assistant')
|
|
.map((m) => ({
|
|
role: m.role as 'user' | 'assistant',
|
|
content: m.content,
|
|
answer: m.role === 'assistant' ? m.content : undefined,
|
|
risk: m.risk?.level ? {
|
|
level: m.risk.level,
|
|
conclusion: m.risk.conclusion || '',
|
|
actions: m.risk.actions || [],
|
|
evidence: m.risk.evidence || [],
|
|
escalation: m.risk.escalation || false,
|
|
} : undefined,
|
|
model: m.meta?.model,
|
|
inferenceLocation: m.meta?.inference_location,
|
|
}))
|
|
setMessages(restored)
|
|
toast.success('已恢复之前的对话,可继续提问')
|
|
}
|
|
|
|
/** 保密模式密码验证后恢复 */
|
|
const handleRestoreVerify = async () => {
|
|
if (!restorePassword.trim()) {
|
|
toast.error('请输入密码')
|
|
return
|
|
}
|
|
const restoreSid = searchParams.get('sid')
|
|
if (!restoreSid) return
|
|
setVerifyLoading(true)
|
|
try {
|
|
const res = await api.verifyHistory(restoreSid, restorePassword)
|
|
if (res.messages && res.messages.length > 0) {
|
|
restoreMessages(res.messages)
|
|
setRestoreVerifyOpen(false)
|
|
setRestorePassword('')
|
|
} else {
|
|
toast.error('没有历史消息')
|
|
setRestoreVerifyOpen(false)
|
|
}
|
|
} catch {
|
|
toast.error('密码验证失败')
|
|
} finally {
|
|
setVerifyLoading(false)
|
|
}
|
|
}
|
|
|
|
// ===== 2.0 新增:location state 传入 expertId =====
|
|
const location = useLocation()
|
|
const expertId = (location.state as any)?.expertId
|
|
const lastTopic = (location.state as any)?.lastTopic
|
|
|
|
/** 切换话题时重置为内置示例 */
|
|
useEffect(() => {
|
|
setDynamicSamples(samples)
|
|
}, [samples])
|
|
|
|
/** 挂载时取当天热点问题,有则存入池并显示首批 */
|
|
useEffect(() => {
|
|
api.getDailyTopics(scene)
|
|
.then((res) => {
|
|
if (res.questions?.length > 0) {
|
|
setDailyPool(res.questions)
|
|
setPoolIndex(0)
|
|
setDynamicSamples(res.questions.slice(0, BATCH_SIZE))
|
|
}
|
|
})
|
|
.catch(() => {/* 用兜底示例 */})
|
|
}, [scene])
|
|
const [destroying, setDestroying] = useState(false)
|
|
/** 恢复历史中(从 ?sid= 断点续接) */
|
|
const [restoringHistory, setRestoringHistory] = useState(false)
|
|
/** 保密模式恢复时密码验证弹窗 */
|
|
const [restoreVerifyOpen, setRestoreVerifyOpen] = useState(false)
|
|
const [restorePassword, setRestorePassword] = useState('')
|
|
const [verifyLoading, setVerifyLoading] = useState(false)
|
|
const [confirmDestroy, setConfirmDestroy] = useState(false)
|
|
/** 专家咨询弹窗 */
|
|
const [expertConsultOpen, setExpertConsultOpen] = useState(false)
|
|
const [expertList, setExpertList] = useState<ExpertService[]>([])
|
|
const [selectedExpert, setSelectedExpert] = useState<ExpertService | null>(null)
|
|
const [consultQuestion, setConsultQuestion] = useState('')
|
|
const [consultSupplement, setConsultSupplement] = useState('')
|
|
const [consulting, setConsulting] = useState(false)
|
|
/** 追问状态 */
|
|
const [factQuestions, setFactQuestions] = useState<Array<{ dim_key: string; dim_desc: string; question: string }>>([])
|
|
const [factAnswers, setFactAnswers] = useState<Array<{ dim_key: string; dim_desc: string; answer: string }>>([])
|
|
const [factInputs, setFactInputs] = useState<Record<string, string>>({})
|
|
/** 事实确认区:追问完成后展示,允许用户修改再继续 */
|
|
const [factConfirm, setFactConfirm] = useState<Array<{ dim_key: string; dim_desc: string; answer: string }>>([])
|
|
const [factConfirmEditing, setFactConfirmEditing] = useState<Record<string, string>>({})
|
|
const [profileFacts, setProfileFacts] = useState<Array<{ dim_key: string; dim_desc: string; answer: string }>>([])
|
|
const [elementTemplate, setElementTemplate] = useState<Record<string, unknown> | null>(null)
|
|
const [elementFiling, setElementFiling] = useState<{ cause_of_action: string; elements: Array<{ key: string; label: string; value: string }>; claims: string[]; filing_text: string } | null>(null)
|
|
const [generatingFiling, setGeneratingFiling] = useState(false)
|
|
const [analyzing, setAnalyzing] = useState(false)
|
|
const fileRef = useRef<HTMLInputElement>(null)
|
|
/** 待切换的目标模式(销毁确认后切换) */
|
|
const [pendingMode, setPendingMode] = useState<SessionMode | null>(null)
|
|
/** 当前分析中的用户问题(避免从 messages 闭包取旧值) */
|
|
const currentQuestionRef = useRef('')
|
|
|
|
/** 验证 session 是否有效,失效则创建新 session */
|
|
const ensureSession = async (): Promise<string> => {
|
|
if (sid) {
|
|
try {
|
|
await api.sessionAlive(sid)
|
|
// session 存活但 matterId 可能丢失(页面刷新后),通过 session_id 恢复
|
|
if (!matterId) {
|
|
api.getMatterBySession(sid)
|
|
.then(m => setMatterId(m.id))
|
|
.catch(() => {/* 没有关联案卡,不影响 */})
|
|
}
|
|
return sid
|
|
} catch {
|
|
// session 已失效(410/404,如后端重启后内存 session 丢失),清掉旧 sid
|
|
setSid('')
|
|
}
|
|
}
|
|
const res = await api.createSession(mode)
|
|
const newSid = res.session_id
|
|
setSid(newSid)
|
|
toast.success(`已创建${modes.find((m) => m.value === mode)?.label}会话`)
|
|
|
|
// 2.0 新增:创建案卡(失败不影响主流程)
|
|
api.createMatter({ scene, title: currentQuestionRef.current.substring(0, 30) || topic || '新事项', session_id: newSid })
|
|
.then(m => setMatterId(m.id))
|
|
.catch(() => {/* 案卡创建失败不影响主流程 */})
|
|
|
|
return newSid
|
|
}
|
|
|
|
/** 流式输出 AI 分析结论(事实已充分后调用) */
|
|
const streamAnalysis = async (currentSid: string, userQuestion: string, answers: Array<{ dim_key: string; dim_desc: string; answer: string }>) => {
|
|
// 用 ref 保存 assistant 消息 index,避免闭包旧值
|
|
const assistantIndexRef = { current: 0 }
|
|
setMessages((prev) => {
|
|
assistantIndexRef.current = prev.length
|
|
return [...prev, { role: 'assistant', content: '', streaming: true }]
|
|
})
|
|
|
|
let accumulated = ''
|
|
let riskCard: AskResponse['risk'] | undefined
|
|
let doneData: Partial<AskResponse> = {}
|
|
|
|
await api.askStream(currentSid, userQuestion, scene, emotionMode, {
|
|
onRisk: (risk) => {
|
|
riskCard = risk
|
|
setMessages((prev) => {
|
|
const next = [...prev]
|
|
const idx = assistantIndexRef.current
|
|
if (next[idx]) {
|
|
next[idx] = { ...next[idx], risk: showRiskCard ? risk : undefined }
|
|
}
|
|
return next
|
|
})
|
|
},
|
|
onDelta: (content) => {
|
|
accumulated += content
|
|
setMessages((prev) => {
|
|
const next = [...prev]
|
|
const idx = assistantIndexRef.current
|
|
if (next[idx]) {
|
|
next[idx] = { ...next[idx], content: accumulated }
|
|
}
|
|
return next
|
|
})
|
|
},
|
|
onDone: (data) => {
|
|
doneData = data
|
|
setMessages((prev) => {
|
|
const next = [...prev]
|
|
const idx = assistantIndexRef.current
|
|
if (next[idx]) {
|
|
next[idx] = {
|
|
...next[idx],
|
|
content: accumulated || doneData.answer || riskCard?.conclusion || '',
|
|
streaming: false,
|
|
answer: doneData.answer,
|
|
model: doneData.model,
|
|
inferenceLocation: doneData.inference_location,
|
|
fallbackUsed: doneData.fallback_used,
|
|
ragContext: doneData.rag_context,
|
|
}
|
|
}
|
|
return next
|
|
})
|
|
},
|
|
onError: (error) => {
|
|
setMessages((prev) => {
|
|
const next = [...prev]
|
|
const idx = assistantIndexRef.current
|
|
if (next[idx]) {
|
|
next[idx] = { ...next[idx], content: accumulated || `⚠️ ${error}`, streaming: false }
|
|
}
|
|
return next
|
|
})
|
|
toast.error(error)
|
|
},
|
|
}, answers.length > 0 ? answers : undefined)
|
|
}
|
|
|
|
/** 换一批:优先从当天热点池轮换,池用完再调 AI 生成(注入用户画像) */
|
|
const handleRefreshSamples = async () => {
|
|
// 池里还有未展示的,直接取下一批
|
|
const nextIndex = poolIndex + BATCH_SIZE
|
|
if (nextIndex < dailyPool.length) {
|
|
setPoolIndex(nextIndex)
|
|
setDynamicSamples(dailyPool.slice(nextIndex, nextIndex + BATCH_SIZE))
|
|
return
|
|
}
|
|
// 池用完,调 AI 生成新问题
|
|
setRefreshing(true)
|
|
try {
|
|
const phone = getPhone() || undefined
|
|
const res = await api.generateSamples(scene, topic, dynamicSamples, phone)
|
|
if (res.samples?.length > 0) {
|
|
// AI 生成的新问题加入池并显示
|
|
const newPool = [...dailyPool, ...res.samples]
|
|
const newIndex = dailyPool.length
|
|
setDailyPool(newPool)
|
|
setPoolIndex(newIndex)
|
|
setDynamicSamples(res.samples)
|
|
}
|
|
} catch {
|
|
toast.error('换一批失败,请稍后重试')
|
|
} finally {
|
|
setRefreshing(false)
|
|
}
|
|
}
|
|
|
|
const handleAsk = async () => {
|
|
if (!question.trim()) {
|
|
toast.error('请输入问题')
|
|
return
|
|
}
|
|
const userQuestion = question.trim()
|
|
setLoading(true)
|
|
setQuestion('')
|
|
setFactAnswers([])
|
|
setFactQuestions([])
|
|
setFactInputs({})
|
|
setFactConfirm([])
|
|
setProfileFacts([])
|
|
currentQuestionRef.current = userQuestion
|
|
|
|
// 添加用户消息
|
|
setMessages((prev) => [...prev, { role: 'user', content: userQuestion }])
|
|
|
|
try {
|
|
const currentSid = await ensureSession()
|
|
|
|
// 第1步:分析问题,判断是否需要追问
|
|
setAnalyzing(true)
|
|
const analysis = await api.askAnalyze(currentSid, userQuestion, scene, emotionMode, undefined, topic)
|
|
setAnalyzing(false)
|
|
|
|
// 保存画像带入事实
|
|
const pf = analysis.profile_facts || []
|
|
setProfileFacts(pf)
|
|
setElementTemplate(analysis.element_template || null)
|
|
|
|
if (analysis.need_ask && analysis.questions && analysis.questions.length > 0) {
|
|
// 需要追问:显示追问问题
|
|
setFactQuestions(analysis.questions)
|
|
// 2.0 新增:更新案卡状态为 asking_facts
|
|
if (matterId) {
|
|
try { await api.updateMatterStatus(matterId, 'asking_facts') } catch {/* 失败不影响主流程 */}
|
|
}
|
|
// 不继续流式输出,等待用户回答
|
|
return
|
|
}
|
|
|
|
// 不需要追问,进入确认区(带入内容 + 无追问内容)
|
|
setFactConfirm(pf)
|
|
setFactConfirmEditing(Object.fromEntries(pf.map((f) => [f.dim_key, f.answer])))
|
|
} catch (e) {
|
|
setAnalyzing(false)
|
|
toast.error(e instanceof Error ? e.message : '提问失败')
|
|
} finally {
|
|
setLoading(false)
|
|
}
|
|
}
|
|
|
|
/** 用户提交追问回答 */
|
|
const handleFactSubmit = async () => {
|
|
// 收集回答
|
|
const newAnswers = factQuestions
|
|
.map((q) => ({
|
|
dim_key: q.dim_key,
|
|
dim_desc: q.dim_desc,
|
|
answer: factInputs[q.dim_key]?.trim() || '',
|
|
}))
|
|
.filter((a) => a.answer)
|
|
|
|
if (newAnswers.length === 0) {
|
|
toast.error('请至少回答一个问题')
|
|
return
|
|
}
|
|
|
|
const allAnswers = [...factAnswers, ...newAnswers]
|
|
setFactAnswers(allAnswers)
|
|
setLoading(true)
|
|
|
|
// 添加用户回答到消息列表
|
|
const answerText = newAnswers.map((a) => `**${a.dim_desc}**: ${a.answer}`).join('\n')
|
|
setMessages((prev) => [...prev, { role: 'user', content: answerText, isFactAnswer: true }])
|
|
|
|
try {
|
|
const currentSid = sid || (await ensureSession())
|
|
setAnalyzing(true)
|
|
const analysis = await api.askAnalyze(
|
|
currentSid,
|
|
currentQuestionRef.current,
|
|
scene,
|
|
emotionMode,
|
|
allAnswers,
|
|
topic,
|
|
)
|
|
setAnalyzing(false)
|
|
|
|
// 更新画像带入事实
|
|
const pf = analysis.profile_facts || []
|
|
setProfileFacts(pf)
|
|
setElementTemplate(analysis.element_template || null)
|
|
|
|
if (analysis.need_ask && analysis.questions && analysis.questions.length > 0) {
|
|
// 还需追问
|
|
setFactQuestions(analysis.questions)
|
|
setFactInputs({})
|
|
return
|
|
}
|
|
|
|
// 2.0 新增:事实提交后返回 pending_confirm,更新案卡状态
|
|
if (matterId) {
|
|
try { await api.updateMatterStatus(matterId, 'pending_confirm') } catch {/* 失败不影响主流程 */}
|
|
}
|
|
|
|
// 事实充分,进入确认区(带入内容 + 追问内容)
|
|
setFactQuestions([])
|
|
setFactInputs({})
|
|
// 合并:画像带入事实在前,追问回答在后(去重 by dim_key)
|
|
const mergedMap = new Map<string, { dim_key: string; dim_desc: string; answer: string }>()
|
|
for (const f of pf) mergedMap.set(f.dim_key, f)
|
|
for (const a of allAnswers) mergedMap.set(a.dim_key, a)
|
|
const merged = Array.from(mergedMap.values())
|
|
setFactConfirm(merged)
|
|
setFactConfirmEditing(Object.fromEntries(merged.map((a) => [a.dim_key, a.answer])))
|
|
} catch (e) {
|
|
setAnalyzing(false)
|
|
toast.error(e instanceof Error ? e.message : '追问失败')
|
|
} finally {
|
|
setLoading(false)
|
|
}
|
|
}
|
|
|
|
const handleDestroy = async () => {
|
|
if (!sid) return
|
|
setDestroying(true)
|
|
try {
|
|
await api.destroy(sid)
|
|
setSid(null)
|
|
setMatterId(null)
|
|
setMessages([])
|
|
setFactAnswers([])
|
|
setFactQuestions([])
|
|
setFactInputs({})
|
|
// 如果是模式切换触发的销毁,切换到目标模式
|
|
if (pendingMode) {
|
|
setMode(pendingMode)
|
|
setPendingMode(null)
|
|
toast.success(`已切换到${modes.find((m) => m.value === pendingMode)?.label}模式`)
|
|
} else {
|
|
toast.success('会话已销毁,所有内容已清除')
|
|
}
|
|
} catch (e) {
|
|
toast.error(e instanceof Error ? e.message : '销毁失败')
|
|
} finally {
|
|
setDestroying(false)
|
|
setConfirmDestroy(false)
|
|
}
|
|
}
|
|
|
|
/** 触发问专家:提取原始问题和追问补充,打开专家咨询弹窗 */
|
|
const handleEscalate = () => {
|
|
const originalQuestion = messages.find((m) => m.role === 'user' && !m.isFactAnswer)
|
|
const factAnswers = messages.filter((m) => m.isFactAnswer)
|
|
const supplement = factAnswers
|
|
.map((m) => m.content.replace(/\*\*/g, ''))
|
|
.join('\n')
|
|
openExpertConsult(originalQuestion?.content || '', supplement)
|
|
}
|
|
|
|
/** 打开专家咨询弹窗:加载该场景分类的专家 */
|
|
const openExpertConsult = async (topic: string, supplement: string) => {
|
|
setConsultQuestion(topic)
|
|
setConsultSupplement(supplement)
|
|
setExpertConsultOpen(true)
|
|
setSelectedExpert(null)
|
|
try {
|
|
// 只加载已确认服务(active)的专家
|
|
const res = await api.myServices()
|
|
const activeServices = res.results.filter(s => s.status === 'active')
|
|
setExpertList(activeServices)
|
|
// 2.0 新增:如果有 location state 传入 expertId,默认选中
|
|
if (expertId) {
|
|
const matched = activeServices.find(s => s.expert_id === expertId)
|
|
if (matched) setSelectedExpert(matched)
|
|
}
|
|
} catch {
|
|
toast.error('加载服务专家失败')
|
|
setExpertList([])
|
|
}
|
|
}
|
|
|
|
/** 发送咨询给专家 */
|
|
const handleConsult = async () => {
|
|
if (!selectedExpert) {
|
|
toast.error('请选择一位专家')
|
|
return
|
|
}
|
|
setConsulting(true)
|
|
try {
|
|
// 获取最近的 AI 回复作为上下文
|
|
const lastAssistant = [...messages].reverse().find(m => m.role === 'assistant' && m.answer)
|
|
const context = lastAssistant?.answer || ''
|
|
// 咨询内容 = 问题 + 补充内容(直接换行拼接)
|
|
const fullQuestion = consultSupplement.trim()
|
|
? `${consultQuestion}\n\n${consultSupplement.trim()}`
|
|
: consultQuestion
|
|
await api.createConsultation({
|
|
expert_id: selectedExpert.expert_id,
|
|
topic: consultQuestion.slice(0, 200),
|
|
context: context.slice(0, 500),
|
|
question: fullQuestion,
|
|
})
|
|
toast.success(`已发送给${selectedExpert.expert_name},请到专家库查看回复`)
|
|
// 2.0 新增:问专家后更新案卡状态为 pending_expert
|
|
if (matterId) {
|
|
try { await api.updateMatterStatus(matterId, 'pending_expert') } catch {/* 失败不影响主流程 */}
|
|
}
|
|
setExpertConsultOpen(false)
|
|
setSelectedExpert(null)
|
|
setConsultQuestion('')
|
|
setConsultSupplement('')
|
|
} catch (e) {
|
|
toast.error(e instanceof Error ? e.message : '发送失败,请先选定专家')
|
|
} finally {
|
|
setConsulting(false)
|
|
}
|
|
}
|
|
|
|
const handleUpload = async (e: React.ChangeEvent<HTMLInputElement>) => {
|
|
const file = e.target.files?.[0]
|
|
if (!file || !sid) {
|
|
if (!sid) toast.error('请先创建会话再上传文件')
|
|
return
|
|
}
|
|
try {
|
|
const res = await api.uploadFile(sid, file)
|
|
toast.success(`文件已进入临时会话区: ${res.filename}`)
|
|
setMessages((prev) => [
|
|
...prev,
|
|
{ role: 'user', content: `[上传文件] ${res.filename}` },
|
|
{ role: 'assistant', content: res.message + (res.text_preview ? `\n\n预览:\n${res.text_preview}` : '') },
|
|
])
|
|
} catch (err) {
|
|
toast.error(err instanceof Error ? err.message : '上传失败')
|
|
} finally {
|
|
if (fileRef.current) fileRef.current.value = ''
|
|
}
|
|
}
|
|
|
|
const switchMode = (m: SessionMode) => {
|
|
if (sid) {
|
|
setPendingMode(m)
|
|
setConfirmDestroy(true)
|
|
return
|
|
}
|
|
setMode(m)
|
|
}
|
|
|
|
/** 2.0 新增:闭环案卡 */
|
|
const handleCloseMatter = async () => {
|
|
if (!matterId) return
|
|
setClosing(true)
|
|
try {
|
|
await api.closeMatter(matterId, closeResult, closeNote)
|
|
toast.success('事项已闭环')
|
|
setShowCloseDialog(false)
|
|
setMatterId(null)
|
|
setCloseNote('')
|
|
setCloseResult('顺利')
|
|
} catch (e) {
|
|
toast.error(e instanceof Error ? e.message : '闭环失败')
|
|
} finally {
|
|
setClosing(false)
|
|
}
|
|
}
|
|
|
|
/** 2.0 新增:分享风险卡(复制到剪贴板) */
|
|
const copyRisk = () => {
|
|
const topMsg = messages.find(m => m.risk)
|
|
if (!topMsg?.risk) return
|
|
const text = riskCardToMarkdown(topMsg.risk, topMsg.answer)
|
|
navigator.clipboard.writeText(text).then(() => {
|
|
toast.success('风险卡已复制到剪贴板')
|
|
}).catch(() => {
|
|
toast.error('复制失败')
|
|
})
|
|
}
|
|
|
|
/** 2.0 新增:导出风险卡(下载 Markdown) */
|
|
const exportRisk = () => {
|
|
const topMsg = messages.find(m => m.risk)
|
|
if (!topMsg?.risk) return
|
|
const text = riskCardToMarkdown(topMsg.risk, topMsg.answer)
|
|
const blob = new Blob([text], { type: 'text/markdown;charset=utf-8' })
|
|
const url = URL.createObjectURL(blob)
|
|
const a = document.createElement('a')
|
|
a.href = url
|
|
a.download = `风险结论_${Date.now()}.md`
|
|
a.click()
|
|
URL.revokeObjectURL(url)
|
|
toast.success('已导出 Markdown 文件')
|
|
}
|
|
|
|
/** 2.0 新增:打开起诉状三步向导 */
|
|
const openFilingWizard = async () => {
|
|
const confirmedAnswers = factConfirm.map((f) => ({
|
|
dim_key: f.dim_key,
|
|
dim_desc: f.dim_desc,
|
|
answer: (factConfirmEditing[f.dim_key] ?? '').trim() || f.answer,
|
|
}))
|
|
setGeneratingFiling(true)
|
|
try {
|
|
const currentSid = sid || (await ensureSession())
|
|
const causeOfAction = (elementTemplate as Record<string, unknown>)?.cause_of_action as string || '劳动争议纠纷'
|
|
const res = await api.elementFiling(currentSid, currentQuestionRef.current, causeOfAction, confirmedAnswers, elementTemplate || undefined)
|
|
setFilingCause(res.cause_of_action)
|
|
setFilingElements(res.elements)
|
|
setFilingClaims(res.claims)
|
|
setFilingText(res.filing_text)
|
|
setFilingStep(1)
|
|
setFilingWizardOpen(true)
|
|
} catch (e) {
|
|
toast.error(e instanceof Error ? e.message : '要素式起诉状生成失败')
|
|
} finally {
|
|
setGeneratingFiling(false)
|
|
}
|
|
}
|
|
|
|
/** 2.0 新增:起诉状向导-导出/发送/复制 */
|
|
const handleFilingExport = () => {
|
|
const blob = new Blob([filingText], { type: 'text/markdown;charset=utf-8' })
|
|
const url = URL.createObjectURL(blob)
|
|
const a = document.createElement('a')
|
|
a.href = url
|
|
a.download = `起诉状_${filingCause}_${Date.now()}.md`
|
|
a.click()
|
|
URL.revokeObjectURL(url)
|
|
toast.success('起诉状已导出')
|
|
}
|
|
|
|
const handleFilingSendToExpert = () => {
|
|
setFilingWizardOpen(false)
|
|
openExpertConsult(`要素式起诉状·${filingCause}`, filingText)
|
|
}
|
|
|
|
const handleFilingCopy = () => {
|
|
navigator.clipboard.writeText(filingText).then(() => {
|
|
toast.success('已复制到剪贴板')
|
|
}).catch(() => {
|
|
toast.error('复制失败')
|
|
})
|
|
}
|
|
|
|
const currentMode = modes.find((m) => m.value === mode)!
|
|
|
|
// 2.0 新增:风险卡置顶 - 取第一条带 risk 的消息
|
|
const topRiskMsg = messages.find(m => m.risk && !m.streaming)
|
|
const topRiskCard = topRiskMsg?.risk
|
|
const analysisComplete = !!topRiskMsg && !topRiskMsg.streaming
|
|
|
|
return (
|
|
<>
|
|
<Card>
|
|
<CardHeader className="pb-3">
|
|
<div className="flex flex-wrap items-center justify-between gap-2">
|
|
<div className="flex items-center gap-2">
|
|
<CardTitle className="text-base">对话</CardTitle>
|
|
{/* 模式选择:紧凑 segmented control */}
|
|
<div className="flex flex-wrap items-center gap-0.5 rounded-md border bg-muted/50 p-0.5">
|
|
{modes.map((m) => (
|
|
<button
|
|
key={m.value}
|
|
onClick={() => switchMode(m.value)}
|
|
className={cn(
|
|
'flex items-center gap-1 rounded px-2 py-1 text-xs font-medium transition-colors',
|
|
mode === m.value
|
|
? 'bg-background text-foreground shadow-sm'
|
|
: 'text-muted-foreground hover:text-foreground',
|
|
)}
|
|
title={m.desc}
|
|
>
|
|
<m.Icon className="h-3 w-3" aria-hidden />
|
|
{m.label}
|
|
</button>
|
|
))}
|
|
</div>
|
|
</div>
|
|
<Dialog open={confirmDestroy} onOpenChange={setConfirmDestroy}>
|
|
<DialogTrigger asChild>
|
|
<Button
|
|
variant={mode === 'ephemeral' ? 'destructive' : 'outline'}
|
|
size="sm"
|
|
disabled={!sid || destroying}
|
|
>
|
|
{destroying ? (
|
|
<Loader2 className="h-3.5 w-3.5 animate-spin" />
|
|
) : (
|
|
<Flame className="h-3.5 w-3.5" />
|
|
)}
|
|
{mode === 'ephemeral' ? '销毁会话' : '隐私急停'}
|
|
</Button>
|
|
</DialogTrigger>
|
|
<DialogContent>
|
|
<DialogHeader>
|
|
<DialogTitle>
|
|
{pendingMode ? `切换到${modes.find((m) => m.value === pendingMode)?.label}模式?` : '确认销毁当前会话?'}
|
|
</DialogTitle>
|
|
<DialogDescription>
|
|
{pendingMode
|
|
? `切换模式将销毁当前会话,切换到${modes.find((m) => m.value === pendingMode)?.label}模式。`
|
|
: '销毁后将立即清除会话密钥和所有消息内容,不可恢复。'
|
|
}
|
|
若涉及正式合同、诉讼或劳动争议,可能需要依法留档。
|
|
</DialogDescription>
|
|
</DialogHeader>
|
|
<DialogFooter>
|
|
<Button variant="outline" onClick={() => { setConfirmDestroy(false); setPendingMode(null) }}>
|
|
取消
|
|
</Button>
|
|
<Button variant="destructive" onClick={handleDestroy}>
|
|
确认销毁
|
|
</Button>
|
|
</DialogFooter>
|
|
</DialogContent>
|
|
</Dialog>
|
|
</div>
|
|
</CardHeader>
|
|
<CardContent className="space-y-3">
|
|
{/* 场景特定选择器(如情绪模式) */}
|
|
{modeSelector}
|
|
|
|
{/* 2.0 新增:location state 传入 expertId 时显示提示 */}
|
|
{expertId && (
|
|
<div className="flex items-center gap-2 rounded-md bg-primary/5 px-3 py-1.5 text-xs text-primary">
|
|
<Users className="h-3.5 w-3.5" aria-hidden />
|
|
咨询{selectedExpert?.expert_name || '专家'}{lastTopic ? `·上次话题：${lastTopic}` : ''}
|
|
</div>
|
|
)}
|
|
|
|
{sid && (
|
|
<div className="flex items-center gap-2 rounded-md bg-muted/50 px-3 py-1.5 text-xs text-muted-foreground">
|
|
<currentMode.Icon className="h-3.5 w-3.5" aria-hidden />
|
|
{currentMode.label}会话已建立
|
|
</div>
|
|
)}
|
|
|
|
{/* 2.0 新增:风险卡置顶(sticky,仅显示结论摘要 + 分享/导出) */}
|
|
{topRiskCard && (
|
|
<div className="sticky top-0 z-10 bg-card border-b border-border p-3">
|
|
<div className="flex items-center justify-between">
|
|
<div className="flex items-center gap-2">
|
|
<span className="text-sm font-medium">风险结论</span>
|
|
<Badge variant="outline" className={cn('text-xs', topRiskCard.level === 'red' ? 'text-red-600' : topRiskCard.level === 'orange' ? 'text-orange-600' : topRiskCard.level === 'amber' ? 'text-amber-600' : 'text-green-600')}>
|
|
{topRiskCard.conclusion}
|
|
</Badge>
|
|
</div>
|
|
<div className="flex gap-2">
|
|
<Button size="sm" variant="ghost" onClick={copyRisk}>分享</Button>
|
|
<Button size="sm" variant="ghost" onClick={exportRisk}>导出</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)}
|
|
|
|
{/* 对话区(可滚动,输入区固定在下方) */}
|
|
{messages.length === 0 ? (
|
|
<div className="py-2">
|
|
<div className="flex flex-wrap items-center gap-2">
|
|
{dynamicSamples.map((s) => (
|
|
<Button key={s} variant="outline" size="sm" onClick={() => {
|
|
setQuestion(s)
|
|
api.recordSampleClick(scene, s).catch(() => {})
|
|
}} className="text-xs">
|
|
{s}
|
|
</Button>
|
|
))}
|
|
<Button
|
|
variant="ghost"
|
|
size="sm"
|
|
onClick={handleRefreshSamples}
|
|
disabled={refreshing}
|
|
className="text-xs text-muted-foreground"
|
|
>
|
|
{refreshing ? (
|
|
<Loader2 className="h-3.5 w-3.5 animate-spin" />
|
|
) : (
|
|
<RefreshCw className="h-3.5 w-3.5" />
|
|
)}
|
|
换一批
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
) : (
|
|
<div className="max-h-[50vh] space-y-4 overflow-y-auto pr-1 scrollbar-none">
|
|
{messages.map((msg, i) => (
|
|
<div
|
|
key={i}
|
|
className={cn('flex gap-3', msg.role === 'user' ? 'justify-end' : 'justify-start')}
|
|
>
|
|
<div
|
|
className={cn(
|
|
'rounded-lg p-3 text-sm',
|
|
msg.role === 'user'
|
|
? 'max-w-[80%] bg-primary text-primary-foreground'
|
|
: 'max-w-[95%] bg-muted sm:max-w-[85%]',
|
|
)}
|
|
>
|
|
{msg.risk ? (
|
|
<RiskCardView
|
|
card={msg.risk}
|
|
answer={msg.answer || msg.content}
|
|
model={msg.model}
|
|
inferenceLocation={msg.inferenceLocation}
|
|
fallbackUsed={msg.fallbackUsed}
|
|
ragContext={msg.ragContext}
|
|
streaming={msg.streaming}
|
|
onEscalate={handleEscalate}
|
|
/>
|
|
) : msg.role === 'user' && !msg.isFactAnswer ? (
|
|
<p className="whitespace-pre-wrap leading-relaxed">{msg.content}</p>
|
|
) : msg.isFactAnswer ? (
|
|
<Markdown
|
|
content={msg.content}
|
|
streaming={msg.streaming}
|
|
className="prose-headings:text-primary-foreground prose-p:text-primary-foreground prose-li:text-primary-foreground prose-strong:text-primary-foreground"
|
|
/>
|
|
) : (
|
|
<div>
|
|
<Markdown content={msg.content} streaming={msg.streaming} />
|
|
{/* 参考来源 tag + 问专家按钮(流式完成后显示) */}
|
|
{!msg.streaming && (
|
|
<>
|
|
<div className="mt-2 flex flex-wrap items-center gap-1.5 border-t border-border/30 pt-2">
|
|
<span className="text-[10px] text-muted-foreground">参考来源:</span>
|
|
{msg.ragContext && msg.ragContext.length > 0 ? (
|
|
<>
|
|
<BookOpen className="h-3 w-3 text-muted-foreground" aria-hidden />
|
|
{msg.ragContext.map((doc, i) => (
|
|
<span key={i} className="flex items-center gap-1 text-[10px]">
|
|
<span className="font-medium">{doc.title}</span>
|
|
{doc.doc_type && (
|
|
<Badge variant="secondary" className="text-[10px]">
|
|
{DOC_TYPE_LABELS[doc.doc_type] || doc.doc_type}
|
|
</Badge>
|
|
)}
|
|
{doc.region && (
|
|
<Badge variant="outline" className="text-[10px]">{doc.region}</Badge>
|
|
)}
|
|
</span>
|
|
))}
|
|
</>
|
|
) : (
|
|
<>
|
|
<Sparkles className="h-3 w-3 text-muted-foreground" aria-hidden />
|
|
<Badge variant="outline" className="text-[10px]">AI 提供</Badge>
|
|
</>
|
|
)}
|
|
</div>
|
|
<div className="mt-2">
|
|
<Button size="sm" variant="outline" onClick={handleEscalate}>
|
|
<Users className="h-3.5 w-3.5" /> 问专家
|
|
</Button>
|
|
</div>
|
|
</>
|
|
)}
|
|
</div>
|
|
)}
|
|
</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
)}
|
|
|
|
{/* 事实追问区 */}
|
|
{factQuestions.length > 0 && (
|
|
<div className="rounded-lg border border-amber-200 bg-amber-50 p-4 space-y-3">
|
|
<div className="flex items-center gap-2 text-sm font-medium text-amber-900">
|
|
<HelpCircle className="h-4 w-4" aria-hidden />
|
|
请补充以下信息,以便更准确地分析
|
|
</div>
|
|
{factQuestions.map((q) => (
|
|
<div key={q.dim_key} className="space-y-1.5">
|
|
<Label className="text-xs text-amber-800">{q.question}</Label>
|
|
<Input
|
|
value={factInputs[q.dim_key] || ''}
|
|
onChange={(e) => setFactInputs((prev) => ({ ...prev, [q.dim_key]: e.target.value }))}
|
|
placeholder="请输入…"
|
|
className="bg-white"
|
|
/>
|
|
</div>
|
|
))}
|
|
<div className="flex flex-wrap items-center justify-between gap-2">
|
|
<Button
|
|
variant="ghost"
|
|
size="sm"
|
|
onClick={() => {
|
|
// 跳过追问,进入确认区(带入内容 + 已有追问回答)
|
|
setFactQuestions([])
|
|
setFactInputs({})
|
|
const mergedMap = new Map<string, { dim_key: string; dim_desc: string; answer: string }>()
|
|
for (const f of profileFacts) mergedMap.set(f.dim_key, f)
|
|
for (const a of factAnswers) mergedMap.set(a.dim_key, a)
|
|
const merged = Array.from(mergedMap.values())
|
|
setFactConfirm(merged)
|
|
setFactConfirmEditing(Object.fromEntries(merged.map((a) => [a.dim_key, a.answer])))
|
|
}}
|
|
disabled={loading}
|
|
>
|
|
跳过,直接分析
|
|
</Button>
|
|
<Button onClick={handleFactSubmit} disabled={loading} size="sm">
|
|
{loading ? <Loader2 className="h-3.5 w-3.5 animate-spin" /> : <Send className="h-3.5 w-3.5" />}
|
|
提交补充
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
)}
|
|
|
|
{/* 确认事实区:带入内容 + 追问内容,允许用户修改再继续 */}
|
|
{factConfirm.length > 0 && (
|
|
<div className="rounded-lg border border-blue-200 bg-blue-50 p-4 space-y-2">
|
|
<div className="flex items-center gap-2 text-sm font-medium text-blue-900">
|
|
<CheckCircle className="h-4 w-4" aria-hidden />
|
|
确认事实
|
|
</div>
|
|
<p className="text-xs text-blue-700">请核对以下信息,可直接修改后继续分析。确认后将更新你的用户画像。</p>
|
|
<div className="grid grid-cols-2 gap-1.5 sm:grid-cols-3">
|
|
{factConfirm.map((f) => {
|
|
const isProfile = profileFacts.some((p) => p.dim_key === f.dim_key)
|
|
const rawValue = factConfirmEditing[f.dim_key] ?? f.answer
|
|
const displayValue = isProfile ? translateProfileValue(rawValue) : rawValue
|
|
return (
|
|
<div key={f.dim_key} className="flex items-center gap-1 rounded border border-blue-200 bg-white px-1.5 py-0.5">
|
|
<Badge
|
|
variant={isProfile ? 'secondary' : 'outline'}
|
|
className="shrink-0 text-[10px] font-medium px-1 py-0"
|
|
>
|
|
{translateDimLabel(f.dim_desc)}
|
|
</Badge>
|
|
<input
|
|
type="text"
|
|
value={displayValue}
|
|
onChange={(e) => setFactConfirmEditing((prev) => ({ ...prev, [f.dim_key]: e.target.value }))}
|
|
className="min-w-0 flex-1 border-none bg-transparent px-0.5 py-0 text-xs text-foreground focus:outline-none"
|
|
/>
|
|
</div>
|
|
)
|
|
})}
|
|
</div>
|
|
<div className="flex flex-wrap items-center justify-between gap-2">
|
|
<Button
|
|
variant="ghost"
|
|
size="sm"
|
|
onClick={() => {
|
|
// 取消确认,回到追问
|
|
setFactConfirm([])
|
|
setFactConfirmEditing({})
|
|
}}
|
|
disabled={loading}
|
|
>
|
|
返回修改
|
|
</Button>
|
|
<div className="flex gap-2">
|
|
<Button
|
|
onClick={async () => {
|
|
// 确认事实,更新用户画像,再开始流式分析
|
|
const confirmedAnswers = factConfirm.map((f) => ({
|
|
dim_key: f.dim_key,
|
|
dim_desc: f.dim_desc,
|
|
answer: (factConfirmEditing[f.dim_key] ?? '').trim() || f.answer,
|
|
}))
|
|
setFactAnswers(confirmedAnswers)
|
|
setFactConfirm([])
|
|
setFactConfirmEditing({})
|
|
setFactQuestions([]) // 清空追问区,避免分析完成后旧追问仍显示
|
|
setFactInputs({})
|
|
setLoading(true)
|
|
const originalQuestion = currentQuestionRef.current
|
|
try {
|
|
const currentSid = sid || (await ensureSession())
|
|
// 更新用户画像(将确认的事实写回画像)
|
|
const profileUpdate: Record<string, string> = {}
|
|
const keyFactsUpdate: Record<string, string> = {}
|
|
for (const a of confirmedAnswers) {
|
|
if (['industry', 'company_size', 'role', 'risk_tolerance', 'decision_style'].includes(a.dim_key)) {
|
|
profileUpdate[a.dim_key] = a.answer
|
|
} else if (a.dim_key.startsWith('fact_')) {
|
|
keyFactsUpdate[a.dim_desc] = a.answer
|
|
}
|
|
}
|
|
if (Object.keys(profileUpdate).length > 0 || Object.keys(keyFactsUpdate).length > 0) {
|
|
api.updateProfile({ ...profileUpdate, key_facts: keyFactsUpdate }).catch(() => {})
|
|
}
|
|
// 2.0 新增:用户确认分析时,更新案卡状态为 analyzing
|
|
if (matterId) {
|
|
try { await api.updateMatterStatus(matterId, 'analyzing') } catch {/* 失败不影响主流程 */}
|
|
}
|
|
await streamAnalysis(currentSid, originalQuestion, confirmedAnswers)
|
|
} catch (e) {
|
|
toast.error(e instanceof Error ? e.message : '分析失败')
|
|
} finally {
|
|
setLoading(false)
|
|
}
|
|
}}
|
|
disabled={loading}
|
|
size="sm"
|
|
>
|
|
{loading ? <Loader2 className="h-3.5 w-3.5 animate-spin" /> : <Check className="h-3.5 w-3.5" />}
|
|
确认并分析
|
|
</Button>
|
|
{scene === 'legal' && elementTemplate && (
|
|
<Button
|
|
variant="outline"
|
|
onClick={openFilingWizard}
|
|
disabled={loading || generatingFiling}
|
|
size="sm"
|
|
>
|
|
{generatingFiling ? <Loader2 className="h-3.5 w-3.5 animate-spin" /> : <FileText className="h-3.5 w-3.5" />}
|
|
生成要素式起诉状
|
|
</Button>
|
|
)}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)}
|
|
|
|
{/* 要素化立案结果(兼容旧版直接展示) */}
|
|
{elementFiling && !filingWizardOpen && (
|
|
<div className="rounded-lg border border-green-200 bg-green-50 p-4 space-y-3">
|
|
<div className="flex items-center gap-2 text-sm font-medium text-green-900">
|
|
<FileText className="h-4 w-4" aria-hidden />
|
|
要素式起诉状 · {elementFiling.cause_of_action}
|
|
</div>
|
|
<div className="space-y-1.5">
|
|
<p className="text-xs font-medium text-green-800">诉讼请求</p>
|
|
<div className="flex flex-wrap gap-1">
|
|
{elementFiling.claims.map((c, i) => (
|
|
<Badge key={i} variant="outline" className="text-[10px]">☐ {c}</Badge>
|
|
))}
|
|
</div>
|
|
</div>
|
|
<div className="space-y-1">
|
|
<p className="text-xs font-medium text-green-800">要素清单</p>
|
|
<div className="grid grid-cols-2 gap-x-4 gap-y-1 sm:grid-cols-3">
|
|
{elementFiling.elements.map((e, i) => (
|
|
<div key={i} className="flex items-center justify-between text-xs">
|
|
<span className="text-muted-foreground">{e.label}</span>
|
|
<span className="font-medium">{e.value}</span>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
<details className="text-xs">
|
|
<summary className="cursor-pointer text-green-800">查看完整起诉状文本</summary>
|
|
<pre className="mt-2 whitespace-pre-wrap rounded bg-white p-3 text-xs text-foreground border">{elementFiling.filing_text}</pre>
|
|
</details>
|
|
<div className="flex gap-2">
|
|
<Button
|
|
variant="outline"
|
|
size="sm"
|
|
onClick={() => {
|
|
navigator.clipboard.writeText(elementFiling.filing_text)
|
|
toast.success('已复制到剪贴板')
|
|
}}
|
|
>
|
|
复制全文
|
|
</Button>
|
|
<Button
|
|
variant="ghost"
|
|
size="sm"
|
|
onClick={() => setElementFiling(null)}
|
|
>
|
|
关闭
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
)}
|
|
|
|
{/* 分析中提示 */}
|
|
{analyzing && (
|
|
<div className="flex items-center justify-center gap-2 py-3 text-sm text-muted-foreground">
|
|
<Loader2 className="h-4 w-4 animate-spin" />
|
|
正在分析问题…
|
|
</div>
|
|
)}
|
|
|
|
{/* 恢复历史中提示 */}
|
|
{restoringHistory && (
|
|
<div className="flex items-center justify-center gap-2 py-3 text-sm text-muted-foreground">
|
|
<Loader2 className="h-4 w-4 animate-spin" />
|
|
正在恢复之前的对话…
|
|
</div>
|
|
)}
|
|
|
|
{/* 输入区 */}
|
|
<div className="space-y-2 border-t pt-4">
|
|
<Label htmlFor="question">你的问题</Label>
|
|
<Textarea
|
|
id="question"
|
|
value={question}
|
|
onChange={(e) => setQuestion(e.target.value)}
|
|
placeholder={placeholder}
|
|
onKeyDown={(e) => {
|
|
if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {
|
|
e.preventDefault()
|
|
handleAsk()
|
|
}
|
|
}}
|
|
/>
|
|
<div className="flex flex-wrap items-center justify-between gap-2">
|
|
{enableUpload && (
|
|
<>
|
|
<input
|
|
ref={fileRef}
|
|
type="file"
|
|
className="hidden"
|
|
onChange={handleUpload}
|
|
accept=".txt,.md,.csv,.json"
|
|
/>
|
|
<Button
|
|
variant="outline"
|
|
size="sm"
|
|
onClick={() => fileRef.current?.click()}
|
|
disabled={!sid}
|
|
>
|
|
<Upload className="h-3.5 w-3.5" /> 上传文件
|
|
</Button>
|
|
</>
|
|
)}
|
|
<span className="hidden text-xs text-muted-foreground sm:inline">⌘/Ctrl + Enter 发送</span>
|
|
<Button onClick={handleAsk} disabled={loading || !question.trim()} size="sm">
|
|
{loading ? (
|
|
<Loader2 className="h-3.5 w-3.5 animate-spin" />
|
|
) : (
|
|
<Send className="h-3.5 w-3.5" />
|
|
)}
|
|
分析
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
|
|
{/* 卡片底部脚注 */}
|
|
{footer && (
|
|
<p className="border-t pt-2 text-center text-xs text-muted-foreground">
|
|
{footer}
|
|
</p>
|
|
)}
|
|
</CardContent>
|
|
</Card>
|
|
|
|
{/* 2.0 新增:闭环按钮(分析完成后显示) */}
|
|
{matterId && analysisComplete && (
|
|
<div className="flex justify-end">
|
|
<Button variant="outline" size="sm" onClick={() => setShowCloseDialog(true)}>
|
|
<CheckCircle className="mr-2 h-4 w-4" /> 闭环此事项
|
|
</Button>
|
|
</div>
|
|
)}
|
|
|
|
{/* 2.0 新增:保密模式恢复密码验证弹窗 */}
|
|
<Dialog open={restoreVerifyOpen} onOpenChange={setRestoreVerifyOpen}>
|
|
<DialogContent className="max-w-sm">
|
|
<DialogHeader>
|
|
<DialogTitle className="flex items-center gap-2">
|
|
<Lock className="h-4 w-4 text-primary" /> 验证密码以恢复保密会话
|
|
</DialogTitle>
|
|
<DialogDescription>
|
|
这是保密模式会话,需要验证登录密码后才能查看历史内容。
|
|
</DialogDescription>
|
|
</DialogHeader>
|
|
<div className="py-2">
|
|
<Input
|
|
type="password"
|
|
value={restorePassword}
|
|
onChange={(e) => setRestorePassword(e.target.value)}
|
|
onKeyDown={(e) => e.key === 'Enter' && handleRestoreVerify()}
|
|
placeholder="请输入登录密码"
|
|
/>
|
|
</div>
|
|
<DialogFooter>
|
|
<Button variant="outline" size="sm" onClick={() => { setRestoreVerifyOpen(false); setRestorePassword('') }}>
|
|
取消
|
|
</Button>
|
|
<Button size="sm" onClick={handleRestoreVerify} disabled={verifyLoading || !restorePassword.trim()}>
|
|
{verifyLoading ? <Loader2 className="h-3.5 w-3.5 animate-spin" /> : <Lock className="h-3.5 w-3.5" />}
|
|
验证并恢复
|
|
</Button>
|
|
</DialogFooter>
|
|
</DialogContent>
|
|
</Dialog>
|
|
|
|
{/* 2.0 新增:闭环弹窗 */}
|
|
<Dialog open={showCloseDialog} onOpenChange={setShowCloseDialog}>
|
|
<DialogContent className="max-w-md">
|
|
<DialogHeader>
|
|
<DialogTitle className="flex items-center gap-2">
|
|
<CheckCircle className="h-4 w-4 text-primary" /> 闭环此事项
|
|
</DialogTitle>
|
|
<DialogDescription>
|
|
记录执行结果,完成事项闭环。闭环后可在案卡看板查看历史。
|
|
</DialogDescription>
|
|
</DialogHeader>
|
|
<div className="space-y-4">
|
|
<div>
|
|
<Label className="mb-2 block text-sm font-medium">执行结果</Label>
|
|
<div className="flex gap-2">
|
|
{(['顺利', '受阻', '未执行'] as const).map((r) => (
|
|
<button
|
|
key={r}
|
|
onClick={() => setCloseResult(r)}
|
|
className={cn(
|
|
'rounded-md border px-3 py-1.5 text-sm transition-colors',
|
|
closeResult === r
|
|
? 'border-primary bg-primary/5 text-primary'
|
|
: 'border-border text-muted-foreground hover:bg-muted/40',
|
|
)}
|
|
>
|
|
{r}
|
|
</button>
|
|
))}
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<Label htmlFor="close-note" className="mb-1.5 block text-sm font-medium">
|
|
备注 <span className="text-xs font-normal text-muted-foreground/70">(可选)</span>
|
|
</Label>
|
|
<Textarea
|
|
id="close-note"
|
|
value={closeNote}
|
|
onChange={(e) => setCloseNote(e.target.value)}
|
|
placeholder="记录执行过程中的关键信息…"
|
|
className="min-h-[80px] resize-none"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<DialogFooter>
|
|
<Button variant="outline" onClick={() => setShowCloseDialog(false)}>取消</Button>
|
|
<Button onClick={handleCloseMatter} disabled={closing}>
|
|
{closing ? <Loader2 className="h-3.5 w-3.5 animate-spin" /> : <CheckCircle className="h-3.5 w-3.5" />}
|
|
确认闭环
|
|
</Button>
|
|
</DialogFooter>
|
|
</DialogContent>
|
|
</Dialog>
|
|
|
|
{/* 2.0 新增:起诉状三步向导 */}
|
|
<Dialog open={filingWizardOpen} onOpenChange={setFilingWizardOpen}>
|
|
<DialogContent className="max-w-2xl">
|
|
<DialogHeader>
|
|
<DialogTitle className="flex items-center gap-2">
|
|
<FileText className="h-4 w-4 text-primary" /> 要素式起诉状 · {filingCause}
|
|
</DialogTitle>
|
|
<DialogDescription>
|
|
三步完成起诉状:预览 → 编辑 → 导出
|
|
</DialogDescription>
|
|
</DialogHeader>
|
|
|
|
{/* 步骤指示器 */}
|
|
<div className="flex items-center justify-center gap-2 py-2">
|
|
{[1, 2, 3].map((step) => (
|
|
<div key={step} className="flex items-center gap-2">
|
|
<div className={cn(
|
|
'flex h-6 w-6 items-center justify-center rounded-full text-xs font-medium',
|
|
filingStep >= step ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground',
|
|
)}>
|
|
{step}
|
|
</div>
|
|
{step < 3 && <ChevronRight className="h-3 w-3 text-muted-foreground" />}
|
|
</div>
|
|
))}
|
|
<span className="ml-2 text-xs text-muted-foreground">{filingStep}/3</span>
|
|
</div>
|
|
|
|
{/* 步骤1:预览(只读) */}
|
|
{filingStep === 1 && (
|
|
<div className="space-y-3">
|
|
<div className="space-y-1.5">
|
|
<p className="text-xs font-medium text-muted-foreground">诉讼请求</p>
|
|
<div className="flex flex-wrap gap-1">
|
|
{filingClaims.map((c, i) => (
|
|
<Badge key={i} variant="outline" className="text-[10px]">☐ {c}</Badge>
|
|
))}
|
|
</div>
|
|
</div>
|
|
<div className="space-y-1">
|
|
<p className="text-xs font-medium text-muted-foreground">要素清单(只读)</p>
|
|
<div className="grid grid-cols-2 gap-x-4 gap-y-1 sm:grid-cols-3">
|
|
{filingElements.map((e, i) => (
|
|
<div key={i} className="flex items-center justify-between text-xs">
|
|
<span className="text-muted-foreground">{e.label}</span>
|
|
<span className="font-medium">{e.value}</span>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
<details className="text-xs">
|
|
<summary className="cursor-pointer text-muted-foreground">查看完整起诉状文本</summary>
|
|
<pre className="mt-2 whitespace-pre-wrap rounded bg-muted/50 p-3 text-xs text-foreground border max-h-60 overflow-y-auto">{filingText}</pre>
|
|
</details>
|
|
</div>
|
|
)}
|
|
|
|
{/* 步骤2:编辑(可修改要素值) */}
|
|
{filingStep === 2 && (
|
|
<div className="space-y-3">
|
|
<p className="text-xs text-muted-foreground">可直接修改要素值,修改后点击下一步生成新文本。</p>
|
|
<div className="grid grid-cols-2 gap-2 sm:grid-cols-3">
|
|
{filingElements.map((e, i) => (
|
|
<div key={e.key} className="space-y-1">
|
|
<Label className="text-[10px] text-muted-foreground">{e.label}</Label>
|
|
<Input
|
|
value={e.value}
|
|
onChange={(ev) => setFilingElements(prev => prev.map((item, idx) => idx === i ? { ...item, value: ev.target.value } : item))}
|
|
className="text-xs"
|
|
/>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
)}
|
|
|
|
{/* 步骤3:导出 */}
|
|
{filingStep === 3 && (
|
|
<div className="space-y-3">
|
|
<p className="text-xs text-muted-foreground">选择导出方式:</p>
|
|
<div className="flex flex-wrap gap-2">
|
|
<Button variant="outline" size="sm" onClick={handleFilingExport}>
|
|
<Download className="h-3.5 w-3.5" /> 下载 Markdown
|
|
</Button>
|
|
<Button variant="outline" size="sm" onClick={handleFilingSendToExpert}>
|
|
<Users className="h-3.5 w-3.5" /> 发送给专家
|
|
</Button>
|
|
<Button variant="outline" size="sm" onClick={handleFilingCopy}>
|
|
<FileText className="h-3.5 w-3.5" /> 复制全文
|
|
</Button>
|
|
</div>
|
|
<details className="text-xs">
|
|
<summary className="cursor-pointer text-muted-foreground">预览最终文本</summary>
|
|
<pre className="mt-2 whitespace-pre-wrap rounded bg-muted/50 p-3 text-xs text-foreground border max-h-60 overflow-y-auto">{filingText}</pre>
|
|
</details>
|
|
</div>
|
|
)}
|
|
|
|
<DialogFooter>
|
|
{filingStep > 1 && (
|
|
<Button variant="outline" onClick={() => setFilingStep(filingStep - 1)}>
|
|
<ChevronLeft className="h-3.5 w-3.5" /> 上一步
|
|
</Button>
|
|
)}
|
|
{filingStep < 3 ? (
|
|
<Button onClick={() => setFilingStep(filingStep + 1)}>
|
|
下一步 <ChevronRight className="h-3.5 w-3.5" />
|
|
</Button>
|
|
) : (
|
|
<Button onClick={() => { setFilingWizardOpen(false); setElementFiling(null) }}>
|
|
完成
|
|
</Button>
|
|
)}
|
|
</DialogFooter>
|
|
</DialogContent>
|
|
</Dialog>
|
|
|
|
{/* 专家咨询弹窗 */}
|
|
<Dialog open={expertConsultOpen} onOpenChange={setExpertConsultOpen}>
|
|
<DialogContent className="max-w-lg">
|
|
<DialogHeader>
|
|
<DialogTitle className="flex items-center gap-2">
|
|
<Users className="h-4 w-4 text-primary" /> 发给专家咨询
|
|
</DialogTitle>
|
|
<DialogDescription>
|
|
将此话题发给已确认服务关系的专家,获取人工专业意见。仅显示已同意为你服务的专家。
|
|
</DialogDescription>
|
|
</DialogHeader>
|
|
|
|
<div className="space-y-4">
|
|
{/* 已确认服务的专家列表 */}
|
|
<div>
|
|
<Label className="mb-2 flex items-center gap-1.5 text-sm font-medium">
|
|
<Check className="h-3.5 w-3.5 text-emerald-500" />
|
|
选择专家
|
|
</Label>
|
|
{expertList.length === 0 ? (
|
|
<div className="flex flex-col items-center justify-center rounded-lg border border-dashed py-6 text-center">
|
|
<Users className="h-8 w-8 text-muted-foreground/40" />
|
|
<p className="mt-2 text-sm text-muted-foreground">暂无已确认服务的专家</p>
|
|
<p className="text-xs text-muted-foreground/70">请先到专家库选定专家并等待确认</p>
|
|
</div>
|
|
) : (
|
|
<div className="max-h-44 space-y-2 overflow-y-auto pr-1">
|
|
{expertList.map((s) => (
|
|
<button
|
|
key={s.service_id}
|
|
className={cn(
|
|
'flex w-full items-center gap-3 rounded-lg border p-2.5 text-left transition',
|
|
selectedExpert?.service_id === s.service_id
|
|
? 'border-primary bg-primary/5 ring-1 ring-primary/20'
|
|
: 'border-border hover:bg-muted/40',
|
|
)}
|
|
onClick={() => setSelectedExpert(s)}
|
|
>
|
|
<div className="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-gradient-to-br from-primary/15 to-primary/5 text-sm font-medium text-primary">
|
|
{s.expert_name?.[0] || '?'}
|
|
</div>
|
|
<div className="min-w-0 flex-1">
|
|
<p className="truncate font-medium">{s.expert_name}</p>
|
|
<p className="truncate text-xs text-muted-foreground">{s.expert_title} · {s.expert_bio}</p>
|
|
</div>
|
|
<Badge variant="secondary" className="shrink-0 text-xs">服务中</Badge>
|
|
</button>
|
|
))}
|
|
</div>
|
|
)}
|
|
</div>
|
|
|
|
{/* 咨询问题 */}
|
|
<div>
|
|
<Label htmlFor="consult-q" className="mb-1.5 flex items-center gap-1.5 text-sm font-medium">
|
|
<MessageSquare className="h-3.5 w-3.5 text-primary" />
|
|
咨询问题
|
|
</Label>
|
|
<Textarea
|
|
id="consult-q"
|
|
value={consultQuestion}
|
|
onChange={(e) => setConsultQuestion(e.target.value)}
|
|
placeholder="描述你想咨询的具体问题…"
|
|
className="min-h-[56px] resize-none"
|
|
/>
|
|
</div>
|
|
|
|
{/* 补充内容 */}
|
|
<div>
|
|
<Label htmlFor="consult-sup" className="mb-1.5 flex items-center gap-1.5 text-sm font-medium">
|
|
<FileText className="h-3.5 w-3.5 text-muted-foreground" />
|
|
补充内容
|
|
<span className="text-xs font-normal text-muted-foreground/70">(可选)</span>
|
|
</Label>
|
|
<Textarea
|
|
id="consult-sup"
|
|
value={consultSupplement}
|
|
onChange={(e) => setConsultSupplement(e.target.value)}
|
|
placeholder="补充背景信息、具体细节或期望专家关注的重点…"
|
|
className="min-h-[100px] resize-none"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<DialogFooter>
|
|
<Button variant="outline" onClick={() => setExpertConsultOpen(false)}>取消</Button>
|
|
<Button onClick={handleConsult} disabled={consulting || !selectedExpert || !consultQuestion.trim()}>
|
|
{consulting ? <Loader2 className="h-3.5 w-3.5 animate-spin" /> : <Send className="h-3.5 w-3.5" />}
|
|
发送咨询
|
|
</Button>
|
|
</DialogFooter>
|
|
</DialogContent>
|
|
</Dialog>
|
|
</>
|
|
)
|
|
}
|