feat: 品牌更名、用户管理增强、画像版本管理、对话体验优化
CI / 后端测试 (push) Has been cancelled
CI / 前端构建 (push) Has been cancelled

- 品牌统一为"左右(BossAi)":网页标签、侧边栏、登录页、manifest、后端
- 用户管理:搜索、对话统计、重置密码、激活/停用账号
- 用户画像:确认事实步骤(带入内容+追问内容)、版本历史管理、PUT /profile/me
- 对话历史:按场景分组、保密模式标题处理
- AI助手页面:话题区可收起、模式选择紧凑化、footer免责声明
- 设置页:toggle宽度修复、工单文案改为专家咨询
- 去掉工单功能(前后端)

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
This commit is contained in:
selfrelease
2026-08-30 09:05:31 +08:00
co-authored by Devin
parent 038ab17278
commit 4e2b4666aa
24 changed files with 1623 additions and 333 deletions
+5 -4
View File
@@ -5,19 +5,20 @@
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
<meta name="theme-color" content="#0f172a" />
<meta name="description" content="BossAi - 隐私优先的企业法律与经营智能助手" />
<meta name="description" content="左右(BossAi)- 隐私优先的企业法律与经营智能助手" />
<link rel="manifest" href="/manifest.json" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="apple-mobile-web-app-title" content="BossAi" />
<title>BossAi · 老板经营助理</title>
<meta name="apple-mobile-web-app-title" content="左右(BossAi)" />
<title>左右(BossAi)</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
<script>
// 注册 Service Worker(PWA 离线支持)
if ('serviceWorker' in navigator) {
// 开发环境(localhost:5173)不注册,避免 Vite HMR 模块被 SW 缓存导致刷新看不到最新代码
if ('serviceWorker' in navigator && location.port !== '5173') {
window.addEventListener('load', () => {
navigator.serviceWorker.register('/sw.js').catch(() => {
// SW 注册失败不影响正常使用
+2 -2
View File
@@ -1,6 +1,6 @@
{
"name": "BossAi - 老板智能助手",
"short_name": "BossAi",
"name": "左右(BossAi)",
"short_name": "左右(BossAi)",
"description": "隐私优先的企业法律与经营智能助手",
"start_url": "/",
"display": "standalone",
+3 -1
View File
@@ -1,7 +1,9 @@
// BossAi Service Worker - 离线访问支持
// 策略:API 请求 network-first,静态资源 cache-first
// 注意:开发环境(localhost:5173)不应注册 SW,index.html 已做端口判断
// 本文件仅在生产环境生效
const CACHE_VERSION = 'bossai-v1'
const CACHE_VERSION = 'bossai-v2'
const STATIC_CACHE = `${CACHE_VERSION}-static`
const API_CACHE = `${CACHE_VERSION}-api`
+2
View File
@@ -10,6 +10,7 @@ import { KnowledgeBase } from '@/pages/KnowledgeBase'
import { Experts } from '@/pages/Experts'
import { WorkbenchPendingServices, WorkbenchPending, WorkbenchReplied, WorkbenchUsers } from '@/pages/workbench'
import { ChatHistory } from '@/pages/ChatHistory'
import { MyProfile } from '@/pages/MyProfile'
import { AdminStats, AdminAiUsage, AdminExpertActivity, AdminUsers, AdminExperts } from '@/pages/admin'
import { Placeholder } from '@/pages/Placeholder'
import { Login } from '@/pages/Login'
@@ -43,6 +44,7 @@ export default function App() {
<Route path="knowledge" element={<ProtectedRoute allowedRoles={['user']}><KnowledgeBase /></ProtectedRoute>} />
<Route path="experts" element={<ProtectedRoute allowedRoles={['user']}><Experts /></ProtectedRoute>} />
<Route path="history" element={<ProtectedRoute allowedRoles={['user']}><ChatHistory /></ProtectedRoute>} />
<Route path="profile" element={<ProtectedRoute allowedRoles={['user']}><MyProfile /></ProtectedRoute>} />
<Route path="settings" element={<ProtectedRoute allowedRoles={['user']}><Settings /></ProtectedRoute>} />
{/* 专家工作台:仅专家可访问,拆分为独立页面 */}
<Route path="workbench" element={<ProtectedRoute allowedRoles={['expert']}><WorkbenchPendingServices /></ProtectedRoute>} />
+282 -82
View File
@@ -11,11 +11,13 @@ import {
HelpCircle,
RefreshCw,
Check,
CheckCircle,
FileText,
BookOpen,
Sparkles,
} from 'lucide-react'
import { RiskCardView } from './RiskCardView'
import { Markdown } from './Markdown'
import { EmptyState } from './EmptyState'
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
import { Button } from '@/components/ui/button'
import { Badge } from '@/components/ui/badge'
@@ -33,7 +35,43 @@ import {
} from '@/components/ui/dialog'
import { api } from '@/lib/api'
import { cn } from '@/lib/utils'
import type { AskResponse, EmotionMode, ExpertService, Scene, SessionMode } from '@/types'
import type { AskResponse, EmotionMode, ExpertService, KnowledgeDoc, 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: '否',
}
/** 将画像字段的英文值翻译为中文显示 */
function translateProfileValue(value: string): string {
// key_facts 类的值可能是中文也可能是英文,统一查映射表
const lower = value.toLowerCase().trim()
return PROFILE_VALUE_LABELS[lower] ?? value
}
export interface ChatPanelMode {
value: SessionMode
@@ -63,6 +101,8 @@ export interface ChatPanelProps {
showRiskCard?: boolean
/** 文件上传支持 */
enableUpload?: boolean
/** 卡片底部脚注(如免责声明) */
footer?: React.ReactNode
}
interface Message {
@@ -73,12 +113,23 @@ interface Message {
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 },
@@ -97,6 +148,7 @@ export function ChatPanel({
placeholder = '描述你的问题…',
showRiskCard = true,
enableUpload = true,
footer,
}: ChatPanelProps) {
const [mode, setMode] = useState<SessionMode>(defaultMode)
const [sid, setSid] = useState<string | null>(null)
@@ -123,6 +175,10 @@ export function ChatPanel({
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 [analyzing, setAnalyzing] = useState(false)
const fileRef = useRef<HTMLInputElement>(null)
/** 待切换的目标模式(销毁确认后切换) */
@@ -188,6 +244,7 @@ export function ChatPanel({
model: doneData.model,
inferenceLocation: doneData.inference_location,
fallbackUsed: doneData.fallback_used,
ragContext: doneData.rag_context,
}
}
return next
@@ -231,6 +288,8 @@ export function ChatPanel({
setFactAnswers([])
setFactQuestions([])
setFactInputs({})
setFactConfirm([])
setProfileFacts([])
currentQuestionRef.current = userQuestion
// 添加用户消息
@@ -244,6 +303,10 @@ export function ChatPanel({
const analysis = await api.askAnalyze(currentSid, userQuestion, scene, emotionMode)
setAnalyzing(false)
// 保存画像带入事实
const pf = analysis.profile_facts || []
setProfileFacts(pf)
if (analysis.need_ask && analysis.questions && analysis.questions.length > 0) {
// 需要追问:显示追问问题
setFactQuestions(analysis.questions)
@@ -251,8 +314,9 @@ export function ChatPanel({
return
}
// 不需要追问,直接流式输出分析结论
await streamAnalysis(currentSid, userQuestion, [])
// 不需要追问,进入确认区(带入内容 + 无追问内容)
setFactConfirm(pf)
setFactConfirmEditing(Object.fromEntries(pf.map((f) => [f.dim_key, f.answer])))
} catch (e) {
setAnalyzing(false)
toast.error(e instanceof Error ? e.message : '提问失败')
@@ -297,6 +361,10 @@ export function ChatPanel({
)
setAnalyzing(false)
// 更新画像带入事实
const pf = analysis.profile_facts || []
setProfileFacts(pf)
if (analysis.need_ask && analysis.questions && analysis.questions.length > 0) {
// 还需追问
setFactQuestions(analysis.questions)
@@ -304,11 +372,16 @@ export function ChatPanel({
return
}
// 事实充分,流式输出分析结论
// 事实充分,进入确认区(带入内容 + 追问内容)
setFactQuestions([])
setFactInputs({})
const originalQuestion = currentQuestionRef.current
await streamAnalysis(currentSid, originalQuestion, allAnswers)
// 合并:画像带入事实在前,追问回答在后(去重 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 : '追问失败')
@@ -343,6 +416,16 @@ export function ChatPanel({
}
}
/** 触发问专家:提取原始问题和追问补充,打开专家咨询弹窗 */
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)
@@ -429,8 +512,29 @@ export function ChatPanel({
<>
<Card>
<CardHeader className="pb-3">
<div className="flex items-center justify-between">
<CardTitle className="text-base">对话</CardTitle>
<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 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
@@ -471,34 +575,12 @@ export function ChatPanel({
</Dialog>
</div>
</CardHeader>
<CardContent className="space-y-4">
{/* 会话模式选择 */}
<div className="grid gap-3 sm:grid-cols-3">
{modes.map((m) => (
<button
key={m.value}
onClick={() => switchMode(m.value)}
className={cn(
'flex flex-col items-start gap-1 rounded-md border p-3 text-left transition-colors',
mode === m.value
? 'border-primary bg-primary/5 ring-1 ring-primary'
: 'border-input hover:bg-accent',
)}
>
<div className="flex items-center gap-2">
<m.Icon className="h-4 w-4" aria-hidden />
<span className="text-sm font-medium">{m.label}</span>
</div>
<span className="text-xs text-muted-foreground">{m.desc}</span>
</button>
))}
</div>
<CardContent className="space-y-3">
{/* 场景特定选择器(如情绪模式) */}
{modeSelector}
{sid && (
<div className="flex items-center gap-2 rounded-md bg-muted/50 px-3 py-2 text-xs text-muted-foreground">
<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>
@@ -506,35 +588,29 @@ export function ChatPanel({
{/* 对话区 */}
{messages.length === 0 ? (
<EmptyState
title="开始提问"
description="选择模式后输入问题,系统会给出结构化建议。"
action={
<div className="flex flex-col items-center gap-3">
<div className="flex flex-wrap justify-center gap-2">
{dynamicSamples.map((s) => (
<Button key={s} variant="outline" size="sm" onClick={() => setQuestion(s)}>
{s}
</Button>
))}
</div>
<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" />
)}
换一批
<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)} className="text-xs">
{s}
</Button>
</div>
}
/>
))}
<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="space-y-4">
{messages.map((msg, i) => (
@@ -555,20 +631,9 @@ export function ChatPanel({
model={msg.model}
inferenceLocation={msg.inferenceLocation}
fallbackUsed={msg.fallbackUsed}
ragContext={msg.ragContext}
streaming={msg.streaming}
onEscalate={() => {
// 原始问题 = 第一条非追问的 user 消息
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,
)
}}
onEscalate={handleEscalate}
/>
) : msg.role === 'user' && !msg.isFactAnswer ? (
<p className="whitespace-pre-wrap leading-relaxed">{msg.content}</p>
@@ -579,7 +644,45 @@ export function ChatPanel({
className="prose-headings:text-primary-foreground prose-p:text-primary-foreground prose-li:text-primary-foreground prose-strong:text-primary-foreground"
/>
) : (
<Markdown content={msg.content} streaming={msg.streaming} />
<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>
@@ -610,15 +713,15 @@ export function ChatPanel({
variant="ghost"
size="sm"
onClick={() => {
// 跳过追问,直接分析
// 跳过追问,进入确认区(带入内容 + 已有追问回答)
setFactQuestions([])
setFactInputs({})
setLoading(true)
const originalQuestion = currentQuestionRef.current
ensureSession()
.then((currentSid) => streamAnalysis(currentSid, originalQuestion, factAnswers))
.catch((e) => toast.error(e instanceof Error ? e.message : '分析失败'))
.finally(() => setLoading(false))
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}
>
@@ -632,6 +735,96 @@ export function ChatPanel({
</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 gap-2 sm:grid-cols-2">
{factConfirm.map((f) => {
const isProfile = profileFacts.some((p) => p.dim_key === f.dim_key)
// 画像带入的字段值翻译为中文显示
const displayValue = isProfile
? (factConfirmEditing[f.dim_key] ?? translateProfileValue(f.answer))
: (factConfirmEditing[f.dim_key] ?? f.answer)
return (
<div key={f.dim_key} className="space-y-0.5">
<div className="flex items-center gap-1">
<Label className="text-xs text-blue-800">{f.dim_desc}</Label>
{isProfile && (
<Badge variant="secondary" className="text-[10px] px-1 py-0">画像</Badge>
)}
</div>
<Input
value={displayValue}
onChange={(e) => setFactConfirmEditing((prev) => ({ ...prev, [f.dim_key]: e.target.value }))}
className="bg-white h-8 text-sm"
/>
</div>
)
})}
</div>
<div className="flex flex-wrap items-center justify-between gap-2">
<Button
variant="ghost"
size="sm"
onClick={() => {
// 取消确认,回到追问
setFactConfirm([])
setFactConfirmEditing({})
}}
disabled={loading}
>
返回修改
</Button>
<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({})
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(() => {})
}
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>
</div>
</div>
)}
{/* 分析中提示 */}
{analyzing && (
<div className="flex items-center justify-center gap-2 py-3 text-sm text-muted-foreground">
@@ -686,6 +879,13 @@ export function ChatPanel({
</Button>
</div>
</div>
{/* 卡片底部脚注 */}
{footer && (
<p className="border-t pt-2 text-center text-xs text-muted-foreground">
{footer}
</p>
)}
</CardContent>
</Card>
+56 -10
View File
@@ -1,10 +1,20 @@
import { AlertOctagon, FileText, ListChecks, Users, Cloud, Cpu, AlertTriangle } from 'lucide-react'
import { AlertOctagon, FileText, ListChecks, Users, Cloud, Cpu, AlertTriangle, BookOpen, Sparkles } from 'lucide-react'
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
import { StatusBadge } from './StatusBadge'
import { Button } from '@/components/ui/button'
import { Badge } from '@/components/ui/badge'
import { Markdown } from './Markdown'
import { cn } from '@/lib/utils'
import type { RiskCard } from '@/types'
import type { RiskCard, KnowledgeDoc } from '@/types'
/** 知识库文档类型标签映射 */
const DOC_TYPE_LABELS: Record<string, string> = {
law: '法规',
case: '案例',
guide: '指南',
industry: '行业',
template: '模板',
}
const BORDER: Record<string, string> = {
green: 'border-l-emerald-500',
@@ -19,13 +29,15 @@ interface RiskCardViewProps {
model?: string
inferenceLocation?: string
fallbackUsed?: boolean
/** 知识库引用来源 */
ragContext?: KnowledgeDoc[]
/** 流式输出中(显示光标) */
streaming?: boolean
onEscalate?: () => void
}
/** 风险卡片:等级 + 结论 + 行动 + 证据 + 升级提示 + 模型答复 + 推理位置 */
export function RiskCardView({ card, answer, model, inferenceLocation, fallbackUsed, streaming, onEscalate }: RiskCardViewProps) {
/** 风险卡片:等级 + 结论 + 行动 + 证据 + 升级提示 + 模型答复 + 推理位置 + 参考来源 */
export function RiskCardView({ card, answer, model, inferenceLocation, fallbackUsed, ragContext, streaming, onEscalate }: RiskCardViewProps) {
return (
<Card className={cn('border-l-4', BORDER[card.level])}>
<CardHeader className="pb-3">
@@ -81,8 +93,47 @@ export function RiskCardView({ card, answer, model, inferenceLocation, fallbackU
{answer && (
<div className="rounded-md bg-muted/50 p-3">
<h4 className="mb-2 text-xs font-semibold text-muted-foreground">模型分析</h4>
{/* 标题行:模型分析 + 参考来源 tag */}
<div className="mb-2 flex flex-wrap items-center justify-between gap-2">
<h4 className="text-xs font-semibold text-muted-foreground">模型分析</h4>
{/* 参考来源 tag:有知识库引用时展示文档 tag,无引用时标注 AI 提供 */}
{!streaming && (
<div className="flex flex-wrap items-center gap-1.5">
{ragContext && ragContext.length > 0 ? (
<>
<BookOpen className="h-3 w-3 text-muted-foreground" aria-hidden />
{ragContext.map((doc, i) => (
<span key={i} className="flex items-center gap-1 text-[10px]">
<span className="font-medium text-foreground">{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>
<Markdown content={answer} streaming={streaming} className="text-sm" />
{/* 问专家按钮:每次对话都显示 */}
{!streaming && onEscalate && (
<div className="mt-3 border-t pt-2">
<Button size="sm" variant="outline" onClick={onEscalate}>
<Users className="h-3.5 w-3.5" /> 问专家
</Button>
</div>
)}
</div>
)}
@@ -95,11 +146,6 @@ export function RiskCardView({ card, answer, model, inferenceLocation, fallbackU
本事项可能造成明显损失或涉及重大风险,AI 输出不替代执业律师/会计师正式意见。
</p>
</div>
{onEscalate && (
<Button size="sm" variant="outline" className="shrink-0" onClick={onEscalate}>
<Users className="h-3.5 w-3.5" /> 问专家
</Button>
)}
</div>
)}
</CardContent>
+2 -2
View File
@@ -27,7 +27,7 @@ export function Header({ nav }: { nav: React.ReactNode }) {
const { pathname } = useLocation()
const navigate = useNavigate()
const [open, setOpen] = useState(false)
const title = TITLES[pathname] ?? 'BossAi'
const title = TITLES[pathname] ?? '左右(BossAi)'
const handleLogout = () => {
clearAuth()
@@ -71,7 +71,7 @@ export function Header({ nav }: { nav: React.ReactNode }) {
<div className="absolute inset-0 bg-black/60" onClick={() => setOpen(false)} />
<div className={cn('absolute left-0 top-0 h-full w-60 bg-card p-3 shadow-lg')}>
<div className="flex h-11 items-center justify-between px-2">
<span className="font-semibold">BossAi</span>
<span className="font-semibold">左右(BossAi)</span>
<Button variant="ghost" size="icon" aria-label="关闭菜单" onClick={() => setOpen(false)}>
<X className="h-5 w-5" />
</Button>
+74 -41
View File
@@ -19,53 +19,86 @@ import {
import { cn } from '@/lib/utils'
import { getRole, type Role } from '@/lib/auth'
/** 全部导航项(与 Sidebar 保持一致) */
const ALL_NAV = [
{ to: '/', label: '驾驶舱', icon: LayoutDashboard, end: true, roles: ['user'] as Role[] },
{ to: '/legal', label: '法务参谋', icon: Scale, roles: ['user'] as Role[] },
{ to: '/decisions', label: '经营决策', icon: TrendingUp, roles: ['user'] as Role[] },
{ to: '/life', label: '生活助理', icon: Heart, roles: ['user'] as Role[] },
{ to: '/emotion', label: '情绪中心', icon: Smile, roles: ['user'] as Role[] },
{ to: '/knowledge', label: '知识库', icon: BookOpen, roles: ['user'] as Role[] },
{ to: '/experts', label: '专家库', icon: Users, roles: ['user'] as Role[] },
{ to: '/history', label: '对话历史', icon: History, roles: ['user'] as Role[] },
// 专家工作台菜单项(仅专家可见,拆分为独立页面)
{ to: '/workbench', label: '待确认服务', icon: Check, end: true, roles: ['expert'] as Role[] },
{ to: '/workbench/pending', label: '待回复咨询', icon: MessageSquare, roles: ['expert'] as Role[] },
{ to: '/workbench/replied', label: '已回复咨询', icon: Star, roles: ['expert'] as Role[] },
{ to: '/workbench/users', label: '服务中用户', icon: Briefcase, roles: ['expert'] as Role[] },
// 管理后台菜单项(仅管理员可见)
{ to: '/admin', label: '平台统计', icon: BarChart3, end: true, roles: ['admin'] as Role[] },
{ to: '/admin/ai-usage', label: 'AI 使用', icon: MessageSquare, roles: ['admin'] as Role[] },
{ to: '/admin/expert-activity', label: '专家沟通', icon: Activity, roles: ['admin'] as Role[] },
{ to: '/admin/users', label: '用户管理', icon: Users, roles: ['admin'] as Role[] },
{ to: '/admin/experts', label: '专家管理', icon: Briefcase, roles: ['admin'] as Role[] },
{ to: '/settings', label: '设置', icon: Settings, roles: ['user'] as Role[] },
/** 导航项类型(与 Sidebar 保持一致) */
interface NavItem {
to: string
label: string
icon: React.ComponentType<{ className?: string }>
end?: boolean
roles: Role[]
group: string
}
/** 全部导航项(按 group 分组渲染) */
const ALL_NAV: NavItem[] = [
// ===== 用户角色 =====
{ to: '/', label: '驾驶舱', icon: LayoutDashboard, end: true, roles: ['user'], group: '总览' },
{ to: '/legal', label: '法务参谋', icon: Scale, roles: ['user'], group: 'AI 助手' },
{ to: '/decisions', label: '经营决策', icon: TrendingUp, roles: ['user'], group: 'AI 助手' },
{ to: '/life', label: '生活助理', icon: Heart, roles: ['user'], group: 'AI 助手' },
{ to: '/emotion', label: '情绪中心', icon: Smile, roles: ['user'], group: 'AI 助手' },
{ to: '/knowledge', label: '知识库', icon: BookOpen, roles: ['user'], group: '我的资源' },
{ to: '/experts', label: '专家库', icon: Users, roles: ['user'], group: '我的资源' },
{ to: '/history', label: '对话历史', icon: History, roles: ['user'], group: '我的资源' },
{ to: '/settings', label: '设置', icon: Settings, roles: ['user'], group: '系统' },
// ===== 专家角色 =====
{ to: '/workbench', label: '待确认服务', icon: Check, end: true, roles: ['expert'], group: '工作台' },
{ to: '/workbench/pending', label: '待回复咨询', icon: MessageSquare, roles: ['expert'], group: '工作台' },
{ to: '/workbench/replied', label: '已回复咨询', icon: Star, roles: ['expert'], group: '工作台' },
{ to: '/workbench/users', label: '服务中用户', icon: Briefcase, roles: ['expert'], group: '工作台' },
// ===== 管理员角色 =====
{ to: '/admin', label: '平台统计', icon: BarChart3, end: true, roles: ['admin'], group: '平台管理' },
{ to: '/admin/ai-usage', label: 'AI 使用', icon: MessageSquare, roles: ['admin'], group: '平台管理' },
{ to: '/admin/expert-activity', label: '专家沟通', icon: Activity, roles: ['admin'], group: '平台管理' },
{ to: '/admin/users', label: '用户管理', icon: Users, roles: ['admin'], group: '平台管理' },
{ to: '/admin/experts', label: '专家管理', icon: Briefcase, roles: ['admin'], group: '平台管理' },
]
/** 移动端抽屉内导航:按角色过滤 */
/** 移动端抽屉内导航:按角色过滤并分组 */
export function MobileNav() {
const currentRole = getRole()
const nav = ALL_NAV.filter((item) => item.roles.includes(currentRole))
// 按 group 分组,保持原始顺序
const groups: { name: string; items: NavItem[] }[] = []
for (const item of nav) {
let g = groups.find(g => g.name === item.group)
if (!g) {
g = { name: item.group, items: [] }
groups.push(g)
}
g.items.push(item)
}
return (
<nav className="mt-2 space-y-1" aria-label="移动端导航">
{nav.map((item) => (
<NavLink
key={item.to}
to={item.to}
end={item.end}
className={({ isActive }) =>
cn(
'flex items-center gap-3 rounded-md px-3 py-2 text-sm font-medium',
isActive
? 'bg-primary text-primary-foreground'
: 'text-muted-foreground hover:bg-accent',
)
}
>
<item.icon className="h-4 w-4" aria-hidden />
{item.label}
</NavLink>
<nav className="mt-2 space-y-4" aria-label="移动端导航">
{groups.map((group) => (
<div key={group.name}>
<p className="mb-1 px-3 text-[11px] font-medium uppercase tracking-wider text-muted-foreground/70">
{group.name}
</p>
<div className="space-y-1">
{group.items.map((item) => (
<NavLink
key={item.to}
to={item.to}
end={item.end}
className={({ isActive }) =>
cn(
'flex items-center gap-3 rounded-md px-3 py-2 text-sm font-medium',
isActive
? 'bg-primary text-primary-foreground'
: 'text-muted-foreground hover:bg-accent',
)
}
>
<item.icon className="h-4 w-4 shrink-0" aria-hidden />
{item.label}
</NavLink>
))}
</div>
</div>
))}
</nav>
)
+80 -42
View File
@@ -16,62 +16,100 @@ import {
Activity,
Check,
Star,
UserCircle,
} from 'lucide-react'
import { cn } from '@/lib/utils'
import { getRole, type Role } from '@/lib/auth'
/** 全部导航项 */
const ALL_NAV = [
{ to: '/', label: '驾驶舱', icon: LayoutDashboard, end: true, roles: ['user'] as Role[] },
{ to: '/legal', label: '法务参谋', icon: Scale, roles: ['user'] as Role[] },
{ to: '/decisions', label: '经营决策', icon: TrendingUp, roles: ['user'] as Role[] },
{ to: '/life', label: '生活助理', icon: Heart, roles: ['user'] as Role[] },
{ to: '/emotion', label: '情绪中心', icon: Smile, roles: ['user'] as Role[] },
{ to: '/knowledge', label: '知识库', icon: BookOpen, roles: ['user'] as Role[] },
{ to: '/experts', label: '专家库', icon: Users, roles: ['user'] as Role[] },
{ to: '/history', label: '对话历史', icon: History, roles: ['user'] as Role[] },
// 专家工作台菜单项(仅专家可见,拆分为独立页面)
{ to: '/workbench', label: '待确认服务', icon: Check, end: true, roles: ['expert'] as Role[] },
{ to: '/workbench/pending', label: '待回复咨询', icon: MessageSquare, roles: ['expert'] as Role[] },
{ to: '/workbench/replied', label: '已回复咨询', icon: Star, roles: ['expert'] as Role[] },
{ to: '/workbench/users', label: '服务中用户', icon: Briefcase, roles: ['expert'] as Role[] },
// 管理后台菜单项(仅管理员可见)
{ to: '/admin', label: '平台统计', icon: BarChart3, end: true, roles: ['admin'] as Role[] },
{ to: '/admin/ai-usage', label: 'AI 使用', icon: MessageSquare, roles: ['admin'] as Role[] },
{ to: '/admin/expert-activity', label: '专家沟通', icon: Activity, roles: ['admin'] as Role[] },
{ to: '/admin/users', label: '用户管理', icon: Users, roles: ['admin'] as Role[] },
{ to: '/admin/experts', label: '专家管理', icon: Briefcase, roles: ['admin'] as Role[] },
{ to: '/settings', label: '设置', icon: Settings, roles: ['user'] as Role[] },
/** 导航项类型 */
interface NavItem {
to: string
label: string
icon: React.ComponentType<{ className?: string }>
end?: boolean
roles: Role[]
group: string
}
/** 全部导航项(按 group 分组渲染) */
const ALL_NAV: NavItem[] = [
// ===== 用户角色 =====
// 总览
{ to: '/', label: '驾驶舱', icon: LayoutDashboard, end: true, roles: ['user'], group: '总览' },
// AI 助手
{ to: '/legal', label: '法务参谋', icon: Scale, roles: ['user'], group: 'AI 助手' },
{ to: '/decisions', label: '经营决策', icon: TrendingUp, roles: ['user'], group: 'AI 助手' },
{ to: '/life', label: '生活助理', icon: Heart, roles: ['user'], group: 'AI 助手' },
{ to: '/emotion', label: '情绪中心', icon: Smile, roles: ['user'], group: 'AI 助手' },
// 我的资源
{ to: '/knowledge', label: '知识库', icon: BookOpen, roles: ['user'], group: '我的资源' },
{ to: '/experts', label: '专家库', icon: Users, roles: ['user'], group: '我的资源' },
{ to: '/history', label: '对话历史', icon: History, roles: ['user'], group: '我的资源' },
{ to: '/profile', label: '我的画像', icon: UserCircle, roles: ['user'], group: '我的资源' },
// 系统
{ to: '/settings', label: '设置', icon: Settings, roles: ['user'], group: '系统' },
// ===== 专家角色 =====
{ to: '/workbench', label: '待确认服务', icon: Check, end: true, roles: ['expert'], group: '工作台' },
{ to: '/workbench/pending', label: '待回复咨询', icon: MessageSquare, roles: ['expert'], group: '工作台' },
{ to: '/workbench/replied', label: '已回复咨询', icon: Star, roles: ['expert'], group: '工作台' },
{ to: '/workbench/users', label: '服务中用户', icon: Briefcase, roles: ['expert'], group: '工作台' },
// ===== 管理员角色 =====
{ to: '/admin', label: '平台统计', icon: BarChart3, end: true, roles: ['admin'], group: '平台管理' },
{ to: '/admin/ai-usage', label: 'AI 使用', icon: MessageSquare, roles: ['admin'], group: '平台管理' },
{ to: '/admin/expert-activity', label: '专家沟通', icon: Activity, roles: ['admin'], group: '平台管理' },
{ to: '/admin/users', label: '用户管理', icon: Users, roles: ['admin'], group: '平台管理' },
{ to: '/admin/experts', label: '专家管理', icon: Briefcase, roles: ['admin'], group: '平台管理' },
]
export function Sidebar() {
const currentRole = getRole()
const nav = ALL_NAV.filter((item) => item.roles.includes(currentRole))
// 按 group 分组,保持原始顺序
const groups: { name: string; items: NavItem[] }[] = []
for (const item of nav) {
let g = groups.find(g => g.name === item.group)
if (!g) {
g = { name: item.group, items: [] }
groups.push(g)
}
g.items.push(item)
}
return (
<aside className="hidden md:flex md:w-60 md:flex-col md:fixed md:inset-y-0 md:border-r md:bg-card">
<div className="flex h-14 items-center gap-2 border-b px-5">
<ShieldCheck className="h-5 w-5 text-primary" aria-hidden />
<span className="font-semibold tracking-tight">BossAi</span>
<span className="ml-auto text-[10px] text-muted-foreground">BossAi</span>
<span className="font-semibold tracking-tight">左右(BossAi)</span>
</div>
<nav className="flex-1 space-y-1 p-3" aria-label="主导航">
{nav.map((item) => (
<NavLink
key={item.to}
to={item.to}
end={item.end}
className={({ isActive }) =>
cn(
'flex items-center gap-3 rounded-md px-3 py-2 text-sm font-medium transition-colors',
isActive
? 'bg-primary text-primary-foreground'
: 'text-muted-foreground hover:bg-accent hover:text-accent-foreground',
)
}
>
<item.icon className="h-4 w-4" aria-hidden />
{item.label}
</NavLink>
<nav className="flex-1 space-y-4 overflow-y-auto p-3" aria-label="主导航">
{groups.map((group) => (
<div key={group.name}>
<p className="mb-1 px-3 text-[11px] font-medium uppercase tracking-wider text-muted-foreground/70">
{group.name}
</p>
<div className="space-y-1">
{group.items.map((item) => (
<NavLink
key={item.to}
to={item.to}
end={item.end}
className={({ isActive }) =>
cn(
'flex items-center gap-3 rounded-md px-3 py-2 text-sm font-medium transition-colors',
isActive
? 'bg-primary text-primary-foreground'
: 'text-muted-foreground hover:bg-accent hover:text-accent-foreground',
)
}
>
<item.icon className="h-4 w-4 shrink-0" aria-hidden />
{item.label}
</NavLink>
))}
</div>
</div>
))}
</nav>
<div className="border-t p-4 text-xs text-muted-foreground">
+37 -1
View File
@@ -168,6 +168,24 @@ export const api = {
getProfile: () =>
requestWithRetry<Record<string, unknown>>('/profile/me', {}),
/** 更新用户画像(确认事实后调用) */
updateProfile: (data: {
industry?: string
company_size?: string
role?: string
risk_tolerance?: string
decision_style?: string
key_facts?: Record<string, string>
}) =>
request<{ updated: boolean }>('/profile/me', {
method: 'PUT',
body: JSON.stringify(data),
}),
/** 获取用户画像历史版本 */
getProfileHistory: () =>
request<{ results: Array<{ id: number; version: number; profile: Record<string, unknown>; source: string; created_at: string }> }>('/profile/me/history'),
/** 事实追问分析:返回追问问题或标记事实已充分 */
askAnalyze: (
sid: string,
@@ -184,6 +202,7 @@ export const api = {
fact_summary?: string
question_type: string
risk_level: string
profile_facts?: Array<{ dim_key: string; dim_desc: string; answer: string }>
}>(`/sessions/${sid}/ask-analyze`, {
method: 'POST',
body: JSON.stringify({
@@ -419,7 +438,24 @@ export const api = {
}, { timeout: 30000, retries: 0 })
},
adminListUsers: () => request<{ results: Array<{ id: number; phone: string; name: string; created_at: string }> }>('/admin/users'),
adminListUsers: (q?: string) =>
request<{ results: Array<{ id: number; phone: string; name: string; status: string; created_at: string; message_count: number; last_active: string | null; last_scene: string | null }> }>(
`/admin/users${q ? `?q=${encodeURIComponent(q)}` : ''}`,
),
/** 管理端:重置用户密码 */
adminResetPassword: (userId: number, password: string) =>
request<{ reset: boolean }>(`/admin/users/${userId}/reset-password`, {
method: 'POST',
body: JSON.stringify({ password }),
}),
/** 管理端:激活/停用用户 */
adminUpdateUserStatus: (userId: number, status: 'active' | 'inactive') =>
request<{ status: string }>(`/admin/users/${userId}/status`, {
method: 'POST',
body: JSON.stringify({ status }),
}),
adminStats: () => request<{
users: number
+115 -42
View File
@@ -9,11 +9,14 @@ import {
Shield,
ChevronRight,
ArrowLeft,
BookOpen,
Sparkles,
} from 'lucide-react'
import { PageLayout } from '@/components/common/PageLayout'
import { EmptyState } from '@/components/common/EmptyState'
import { LoadingState } from '@/components/common/LoadingState'
import { ErrorState } from '@/components/common/ErrorState'
import { Markdown } from '@/components/common/Markdown'
import { Card, CardContent } from '@/components/ui/card'
import { Button } from '@/components/ui/button'
import { Input } from '@/components/ui/input'
@@ -46,6 +49,15 @@ const RISK_COLORS: Record<string, string> = {
red: 'bg-red-100 text-red-700',
}
/** 知识库文档类型标签映射 */
const DOC_TYPE_LABELS: Record<string, string> = {
law: '法规',
case: '案例',
guide: '指南',
industry: '行业',
template: '模板',
}
/** 场景中文映射 */
const SCENE_LABELS: Record<string, string> = {
legal: '法务参谋',
@@ -202,18 +214,19 @@ export function ChatHistory() {
<div className="mb-4 flex items-center gap-3 border-b pb-3">
<modeCfg.icon className="h-5 w-5 text-muted-foreground" />
<div className="flex-1">
<div className="flex items-center gap-2">
<span className="font-medium">{modeCfg.label}</span>
<p className="font-medium">{currentSession.title || '未命名对话'}</p>
<div className="mt-0.5 flex flex-wrap items-center gap-2">
<span className="text-xs text-muted-foreground">{modeCfg.label}</span>
{currentSession.scene && (
<Badge variant="secondary" className="text-xs">
{SCENE_LABELS[currentSession.scene] || currentSession.scene}
</Badge>
)}
<span className="text-xs text-muted-foreground">
{formatTime(currentSession.first_message_at)} ~ {formatTime(currentSession.last_message_at)}
{' · '}{currentSession.message_count} 条消息
</span>
</div>
<p className="mt-0.5 text-xs text-muted-foreground">
{formatTime(currentSession.first_message_at)} ~ {formatTime(currentSession.last_message_at)}
{' · '}{currentSession.message_count} 条消息
</p>
</div>
</div>
@@ -315,40 +328,65 @@ export function ChatHistory() {
description="普通模式和保密模式的对话会保存在这里,阅后即焚不落库"
/>
) : (
<div className="space-y-2">
{sessions.map((session) => {
const modeCfg = MODE_CONFIG[session.mode]
return (
<Card
key={session.session_id}
className="cursor-pointer transition-colors hover:bg-accent/50"
onClick={() => handleView(session)}
>
<CardContent className="flex items-center gap-3 p-4">
<div className={cn('flex h-10 w-10 items-center justify-center rounded-lg', modeCfg.color)}>
<modeCfg.icon className="h-5 w-5" />
</div>
<div className="min-w-0 flex-1">
<div className="flex items-center gap-2">
<span className="text-sm font-medium">{modeCfg.label}</span>
{session.scene && (
<Badge variant="secondary" className="text-xs">
{SCENE_LABELS[session.scene] || session.scene}
</Badge>
)}
<span className="text-xs text-muted-foreground">
{session.message_count} 条
</span>
</div>
<p className="mt-0.5 truncate text-xs text-muted-foreground">
{formatTime(session.last_message_at)}
</p>
</div>
<ChevronRight className="h-4 w-4 text-muted-foreground" />
</CardContent>
</Card>
)
})}
<div className="space-y-6">
{/* 按场景分组,每组内按时间倒序 */}
{(() => {
// 定义场景顺序
const SCENE_ORDER = ['legal', 'decision', 'life', 'emotion']
// 按 scene 分组(无 scene 归为"其他")
const groups = new Map<string, HistorySession[]>()
for (const s of sessions) {
const key = s.scene || 'other'
if (!groups.has(key)) groups.set(key, [])
groups.get(key)!.push(s)
}
// 每组内按 last_message_at 倒序
for (const items of groups.values()) {
items.sort((a, b) => {
const ta = a.last_message_at ? new Date(a.last_message_at).getTime() : 0
const tb = b.last_message_at ? new Date(b.last_message_at).getTime() : 0
return tb - ta
})
}
// 渲染:按 SCENE_ORDER 顺序,最后是 other
const orderedKeys = [...SCENE_ORDER.filter(k => groups.has(k)), ...['other']].filter(k => groups.has(k))
return orderedKeys.map((key) => (
<div key={key}>
<p className="mb-2 px-1 text-xs font-medium uppercase tracking-wider text-muted-foreground/70">
{SCENE_LABELS[key] || '其他'}
<span className="ml-1.5 text-muted-foreground/50">{groups.get(key)!.length}</span>
</p>
<div className="space-y-2">
{groups.get(key)!.map((session) => {
const modeCfg = MODE_CONFIG[session.mode]
return (
<Card
key={session.session_id}
className="cursor-pointer transition-colors hover:bg-accent/50"
onClick={() => handleView(session)}
>
<CardContent className="flex items-center gap-3 p-4">
<div className={cn('flex h-10 w-10 items-center justify-center rounded-lg', modeCfg.color)}>
<modeCfg.icon className="h-5 w-5" />
</div>
<div className="min-w-0 flex-1">
<p className="truncate text-sm font-medium">{session.title || '未命名对话'}</p>
<div className="mt-0.5 flex flex-wrap items-center gap-2">
<span className="text-xs text-muted-foreground">{modeCfg.label}</span>
<span className="text-xs text-muted-foreground">
{session.message_count} 条 · {formatTime(session.last_message_at)}
</span>
</div>
</div>
<ChevronRight className="h-4 w-4 text-muted-foreground" />
</CardContent>
</Card>
)
})}
</div>
</div>
))
})()}
</div>
)}
@@ -369,8 +407,12 @@ function MessageBubble({ message }: { message: HistoryMessage }) {
return (
<div className={cn('flex', isUser ? 'justify-end' : 'justify-start')}>
<div className={cn('max-w-[80%] rounded-lg p-3', isUser ? 'bg-primary text-primary-foreground' : 'bg-muted')}>
{/* 消息正文 */}
<p className="whitespace-pre-wrap text-sm">{message.content}</p>
{/* 消息正文:用户消息纯文本,AI 消息 Markdown 渲染 */}
{isUser ? (
<p className="whitespace-pre-wrap text-sm">{message.content}</p>
) : (
<Markdown content={message.content} className="text-sm" />
)}
{/* AI 回复的风险卡信息 */}
{!isUser && riskLevel && (
@@ -398,6 +440,37 @@ function MessageBubble({ message }: { message: HistoryMessage }) {
</div>
)}
{/* 参考来源:知识库引用 tag 或 AI 提供 tag */}
{!isUser && (
<div className="mt-2 border-t border-border/30 pt-2">
<div className="mb-1 flex items-center gap-1 text-[10px] text-muted-foreground">
<BookOpen className="h-3 w-3" /> 参考来源
</div>
{message.meta?.rag_context && message.meta.rag_context.length > 0 ? (
<div className="space-y-1">
{message.meta.rag_context.map((doc, i) => (
<div key={i} className="flex flex-wrap items-center gap-1 text-xs">
<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>
)}
</div>
))}
</div>
) : (
<div className="flex items-center gap-1 text-xs text-muted-foreground">
<Sparkles className="h-3 w-3" />
<Badge variant="outline" className="text-[10px]">AI 提供</Badge>
</div>
)}
</div>
)}
{/* 时间戳 */}
<p className={cn('mt-1 text-[10px]', isUser ? 'text-primary-foreground/60' : 'text-muted-foreground')}>
{formatTime(message.created_at)}
+13 -31
View File
@@ -1,17 +1,10 @@
import { useState } from 'react'
import { PageLayout } from '@/components/common/PageLayout'
import { ChatPanel } from '@/components/common/ChatPanel'
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
import { Lightbulb, Scale, TrendingUp, Wallet, Store, Handshake, Tag, UserPlus, Repeat } from 'lucide-react'
import { Card, CardContent, CardHeader } from '@/components/ui/card'
import { Wallet, Store, Handshake, Tag, UserPlus, Repeat, ChevronDown } from 'lucide-react'
import { cn } from '@/lib/utils'
const FRAMEWORK = [
{ icon: TrendingUp, title: '预期收益', desc: '各方案的收益估算与时间线' },
{ icon: Scale, title: '主要风险', desc: '每个方案的核心风险点' },
{ icon: Wallet, title: '现金流影响', desc: '对短期和长期现金流的冲击' },
{ icon: Lightbulb, title: '推荐程度', desc: '综合评估后的推荐等级' },
]
/** 决策话题:每个话题对应不同的示例问题 */
const TOPICS = [
{
@@ -85,6 +78,7 @@ const TOPICS = [
/** 经营决策助手:情景推演、方案对比、收益/风险/现金流/推荐程度 */
export function Decisions() {
const [selectedTopic, setSelectedTopic] = useState(0)
const [topicsCollapsed, setTopicsCollapsed] = useState(false)
return (
<PageLayout
@@ -93,25 +87,15 @@ export function Decisions() {
>
<Card>
<CardHeader className="pb-3">
<CardTitle className="text-base">决策推演框架</CardTitle>
</CardHeader>
<CardContent>
<div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-4">
{FRAMEWORK.map((f) => (
<div key={f.title} className="rounded-md border p-3">
<f.icon className="mb-2 h-5 w-5 text-primary" aria-hidden />
<p className="text-sm font-medium">{f.title}</p>
<p className="mt-1 text-xs text-muted-foreground">{f.desc}</p>
</div>
))}
</div>
</CardContent>
</Card>
<Card>
<CardHeader className="pb-3">
<CardTitle className="text-base">决策话题</CardTitle>
<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>
</CardHeader>
{!topicsCollapsed && (
<CardContent>
<div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
{TOPICS.map((t, i) => (
@@ -134,6 +118,7 @@ export function Decisions() {
))}
</div>
</CardContent>
)}
</Card>
<ChatPanel
@@ -144,11 +129,8 @@ export function Decisions() {
placeholder={`描述你的${TOPICS[selectedTopic].title}问题…`}
showRiskCard={false}
enableUpload={false}
footer="AI 提供情景推演和利弊分析,最终决策由老板做出。"
/>
<p className="text-center text-xs text-muted-foreground">
AI 提供情景推演和利弊分析,最终决策由老板做出。
</p>
</PageLayout>
)
}
+13 -7
View File
@@ -1,8 +1,8 @@
import { useState } from 'react'
import { Brain, HeartHandshake, Zap, Phone } from 'lucide-react'
import { Brain, HeartHandshake, Zap, Phone, ChevronDown } from 'lucide-react'
import { PageLayout } from '@/components/common/PageLayout'
import { ChatPanel } from '@/components/common/ChatPanel'
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
import { Card, CardContent, CardHeader } from '@/components/ui/card'
import { cn } from '@/lib/utils'
import type { EmotionMode } from '@/types'
@@ -48,6 +48,7 @@ const MODES: { value: EmotionMode; label: string; desc: string; icon: typeof Bra
/** 情绪价值引擎:三模式切换 + 危机干预入口 */
export function EmotionCenter() {
const [emotionMode, setEmotionMode] = useState<EmotionMode>('calm')
const [modesCollapsed, setModesCollapsed] = useState(false)
return (
<PageLayout
@@ -70,8 +71,15 @@ export function EmotionCenter() {
{/* 情绪模式选择器 */}
<Card>
<CardHeader className="pb-3">
<CardTitle className="text-base">回复模式</CardTitle>
<button
onClick={() => setModesCollapsed(!modesCollapsed)}
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', modesCollapsed && '-rotate-90')} />
回复模式
</button>
</CardHeader>
{!modesCollapsed && (
<CardContent>
<div className="grid gap-3 sm:grid-cols-3">
{MODES.map((m) => (
@@ -92,6 +100,7 @@ export function EmotionCenter() {
))}
</div>
</CardContent>
)}
</Card>
<ChatPanel
@@ -103,11 +112,8 @@ export function EmotionCenter() {
placeholder="说说你现在的感受…"
showRiskCard={false}
enableUpload={false}
footer="情绪对话默认使用阅后即焚模式,退出后不留痕迹。传统文化内容仅供反思与陪伴。"
/>
<p className="text-center text-xs text-muted-foreground">
情绪对话默认使用阅后即焚模式,退出后不留痕迹。传统文化内容仅供反思与陪伴。
</p>
</PageLayout>
)
}
+13 -7
View File
@@ -1,8 +1,8 @@
import { useState } from 'react'
import { PageLayout } from '@/components/common/PageLayout'
import { ChatPanel } from '@/components/common/ChatPanel'
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
import { Briefcase, FileText, Coins, Users, Receipt, Gavel } from 'lucide-react'
import { Card, CardContent, CardHeader } from '@/components/ui/card'
import { Briefcase, FileText, Coins, Users, Receipt, Gavel, ChevronDown } from 'lucide-react'
import { cn } from '@/lib/utils'
/** 法务话题:每个话题对应不同的示例问题 */
@@ -78,6 +78,7 @@ const TOPICS = [
/** 法务参谋:劳动用工、合同审查、债权债务、股东纠纷、税务风险 */
export function LegalAdvisor() {
const [selectedTopic, setSelectedTopic] = useState(0)
const [topicsCollapsed, setTopicsCollapsed] = useState(false)
return (
<PageLayout
@@ -86,8 +87,15 @@ export function LegalAdvisor() {
>
<Card>
<CardHeader className="pb-3">
<CardTitle className="text-base">法务话题</CardTitle>
<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>
</CardHeader>
{!topicsCollapsed && (
<CardContent>
<div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
{TOPICS.map((t, i) => (
@@ -110,6 +118,7 @@ export function LegalAdvisor() {
))}
</div>
</CardContent>
)}
</Card>
<ChatPanel
@@ -120,11 +129,8 @@ export function LegalAdvisor() {
placeholder={`描述你的${TOPICS[selectedTopic].title}问题…`}
showRiskCard
enableUpload
footer="AI 输出仅供参考,不构成律师、会计师、税务师或医生的正式意见。重大风险事项请寻求执业专业人士复核。"
/>
<p className="text-center text-xs text-muted-foreground">
AI 输出仅供参考,不构成律师、会计师、税务师或医生的正式意见。
重大风险事项请寻求执业专业人士复核。
</p>
</PageLayout>
)
}
+13 -3
View File
@@ -1,8 +1,8 @@
import { useState } from 'react'
import { PageLayout } from '@/components/common/PageLayout'
import { ChatPanel } from '@/components/common/ChatPanel'
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
import { Heart, Users, Plane, Moon, GraduationCap, Stethoscope } from 'lucide-react'
import { Card, CardContent, CardHeader } from '@/components/ui/card'
import { Heart, Users, Plane, Moon, GraduationCap, Stethoscope, ChevronDown } from 'lucide-react'
import { cn } from '@/lib/utils'
/** 话题定义:每个话题对应不同的示例问题 */
@@ -72,6 +72,7 @@ const TOPICS = [
/** 老板生活助理:降低非经营决策负担 */
export function LifeAssistant() {
const [selectedTopic, setSelectedTopic] = useState(0)
const [topicsCollapsed, setTopicsCollapsed] = useState(false)
return (
<PageLayout
@@ -80,8 +81,15 @@ export function LifeAssistant() {
>
<Card>
<CardHeader className="pb-3">
<CardTitle className="text-base">支持话题</CardTitle>
<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>
</CardHeader>
{!topicsCollapsed && (
<CardContent>
<div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
{TOPICS.map((t, i) => (
@@ -104,6 +112,7 @@ export function LifeAssistant() {
))}
</div>
</CardContent>
)}
</Card>
<ChatPanel
@@ -114,6 +123,7 @@ export function LifeAssistant() {
placeholder={`描述你的${TOPICS[selectedTopic].title}问题…`}
showRiskCard={false}
enableUpload={false}
footer="AI 输出仅供参考,重大事项请咨询相关领域专业人士。"
/>
</PageLayout>
)
+4 -1
View File
@@ -9,6 +9,7 @@ import { Label } from '@/components/ui/label'
import { toast } from 'sonner'
import { Loader2, ShieldCheck, UserCog, Briefcase, Shield, User } from 'lucide-react'
import { cn } from '@/lib/utils'
import { Toaster } from '@/components/ui/sonner'
/** 角色配置 */
const ROLES: Array<{
@@ -130,7 +131,7 @@ export function Login() {
<ShieldCheck className="h-6 w-6 text-primary" />
</div>
<CardTitle className="text-xl">
{mode === 'login' ? '登录 BossAi' : '注册 BossAi'}
{mode === 'login' ? '登录 左右(BossAi)' : '注册 左右(BossAi)'}
</CardTitle>
<p className="text-sm text-muted-foreground">
{currentRole.desc}
@@ -229,6 +230,8 @@ export function Login() {
)}
</CardContent>
</Card>
{/* Login 页在 AppLayout 之外,需自带 Toaster 才能显示 toast */}
<Toaster />
</div>
)
}
+316
View File
@@ -0,0 +1,316 @@
import { useEffect, useState, useCallback } from 'react'
import { UserCircle, History, ChevronRight, ArrowLeft } from 'lucide-react'
import { PageLayout } from '@/components/common/PageLayout'
import { EmptyState } from '@/components/common/EmptyState'
import { LoadingState } from '@/components/common/LoadingState'
import { ErrorState } from '@/components/common/ErrorState'
import { Card, CardContent } from '@/components/ui/card'
import { Badge } from '@/components/ui/badge'
import { Button } from '@/components/ui/button'
import { api } from '@/lib/api'
import { cn } from '@/lib/utils'
/** 用户画像数据 */
interface ProfileData {
phone: string
industry: string
company_size: string
role: string
common_scenes: string[]
common_topics: string[]
risk_tolerance: string
communication_style: string
decision_style: string
key_facts: Record<string, string>
interaction_count: number
last_active: string
}
/** 画像历史版本 */
interface ProfileHistory {
id: number
version: number
profile: Record<string, unknown>
source: string
created_at: string
}
/** 字段中文标签 */
const FIELD_LABELS: Record<string, string> = {
industry: '行业',
company_size: '企业规模',
role: '角色',
risk_tolerance: '风险偏好',
communication_style: '沟通偏好',
decision_style: '决策风格',
}
/** 企业规模映射 */
const SIZE_LABELS: Record<string, string> = {
micro: '微型(<10人)',
small: '小型(10-50人)',
medium: '中型(50-200人)',
large: '大型(200+人)',
}
/** 风险偏好映射 */
const RISK_LABELS: Record<string, string> = {
conservative: '保守型',
moderate: '稳健型',
aggressive: '进取型',
}
/** 场景中文映射 */
const SCENE_LABELS: Record<string, string> = {
legal: '法务参谋',
decision: '经营决策',
life: '生活助理',
emotion: '情绪中心',
}
/** 来源映射 */
const SOURCE_LABELS: Record<string, string> = {
auto: 'AI 自动提取',
manual: '用户确认',
}
/** 格式化时间 */
function formatTime(dt: string): string {
if (!dt) return '-'
return new Date(dt).toLocaleString('zh-CN', {
year: 'numeric', month: '2-digit', day: '2-digit',
hour: '2-digit', minute: '2-digit',
})
}
/** 格式化字段值 */
function formatValue(key: string, value: string): string {
if (key === 'company_size') return SIZE_LABELS[value] || value
if (key === 'risk_tolerance') return RISK_LABELS[value] || value
return value
}
export function MyProfile() {
const [profile, setProfile] = useState<ProfileData | null>(null)
const [history, setHistory] = useState<ProfileHistory[]>([])
const [loading, setLoading] = useState(true)
const [error, setError] = useState<string | null>(null)
const [currentHistory, setCurrentHistory] = useState<ProfileHistory | null>(null)
const load = useCallback(async () => {
setLoading(true)
setError(null)
try {
const [profileRes, historyRes] = await Promise.all([
api.getProfile(),
api.getProfileHistory(),
])
setProfile(profileRes as unknown as ProfileData)
setHistory(historyRes.results)
} catch (e) {
setError(e instanceof Error ? e.message : '加载失败')
} finally {
setLoading(false)
}
}, [])
useEffect(() => { load() }, [load])
if (loading) return <PageLayout title="我的画像"><LoadingState /></PageLayout>
if (error) return <PageLayout title="我的画像"><ErrorState message={error} onRetry={load} /></PageLayout>
if (!profile) return null
// ===== 历史详情视图 =====
if (currentHistory) {
const hp = currentHistory.profile as Record<string, unknown>
return (
<PageLayout
title={`画像版本 v${currentHistory.version}`}
description={`${SOURCE_LABELS[currentHistory.source] || currentHistory.source} · ${formatTime(currentHistory.created_at)}`}
actions={
<Button variant="outline" size="sm" onClick={() => setCurrentHistory(null)}>
<ArrowLeft className="h-3.5 w-3.5" /> 返回
</Button>
}
>
<Card>
<CardContent className="p-5">
<div className="space-y-3">
{Object.entries(FIELD_LABELS).map(([key, label]) => {
const val = hp[key] as string
if (!val) return null
return (
<div key={key} className="flex items-center justify-between border-b pb-2">
<span className="text-sm text-muted-foreground">{label}</span>
<span className="text-sm font-medium">{formatValue(key, val)}</span>
</div>
)
})}
{Array.isArray(hp.common_topics) && (hp.common_topics as string[]).length > 0 && (
<div className="border-b pb-2">
<p className="mb-1.5 text-sm text-muted-foreground">常问话题</p>
<div className="flex flex-wrap gap-1.5">
{(hp.common_topics as string[]).map((t, i) => (
<Badge key={i} variant="secondary" className="text-xs">{String(t)}</Badge>
))}
</div>
</div>
)}
{Boolean(hp.key_facts && typeof hp.key_facts === 'object' && !Array.isArray(hp.key_facts) && Object.keys(hp.key_facts as Record<string, unknown>).length > 0) && (
<div className="border-b pb-2">
<p className="mb-1.5 text-sm text-muted-foreground">关键事实</p>
<div className="space-y-1">
{Object.entries(hp.key_facts as Record<string, string>).map(([k, v]) => (
<div key={k} className="flex items-center justify-between text-xs">
<span className="text-muted-foreground">{k}</span>
<span className="font-medium">{String(v)}</span>
</div>
))}
</div>
</div>
)}
{Array.isArray(hp.common_scenes) && (hp.common_scenes as string[]).length > 0 && (
<div>
<p className="mb-1.5 text-sm text-muted-foreground">常用场景</p>
<div className="flex flex-wrap gap-1.5">
{(hp.common_scenes as string[]).map((s, i) => (
<Badge key={i} variant="outline" className="text-xs">
{SCENE_LABELS[String(s)] || String(s)}
</Badge>
))}
</div>
</div>
)}
</div>
</CardContent>
</Card>
</PageLayout>
)
}
// ===== 画像主视图 =====
return (
<PageLayout
title="我的画像"
description="系统根据你的对话累积的抽象特征,用于个性化回复。不存储对话原文。"
>
{/* 当前画像 */}
<Card>
<CardContent className="p-5">
<div className="mb-4 flex items-center gap-2">
<UserCircle className="h-5 w-5 text-primary" aria-hidden />
<h3 className="text-sm font-semibold">当前画像</h3>
<Badge variant="secondary" className="ml-auto text-xs">
交互 {profile.interaction_count} 次
</Badge>
</div>
<div className="space-y-3">
{Object.entries(FIELD_LABELS).map(([key, label]) => {
const val = profile[key as keyof ProfileData] as string
if (!val) return null
return (
<div key={key} className="flex items-center justify-between border-b pb-2">
<span className="text-sm text-muted-foreground">{label}</span>
<span className="text-sm font-medium">{formatValue(key, val)}</span>
</div>
)
})}
{profile.common_topics && profile.common_topics.length > 0 && (
<div className="border-b pb-2">
<p className="mb-1.5 text-sm text-muted-foreground">常问话题</p>
<div className="flex flex-wrap gap-1.5">
{profile.common_topics.map((t, i) => (
<Badge key={i} variant="secondary" className="text-xs">{t}</Badge>
))}
</div>
</div>
)}
{profile.key_facts && Object.keys(profile.key_facts).length > 0 && (
<div className="border-b pb-2">
<p className="mb-1.5 text-sm text-muted-foreground">关键事实</p>
<div className="space-y-1">
{Object.entries(profile.key_facts).map(([k, v]) => (
<div key={k} className="flex items-center justify-between text-xs">
<span className="text-muted-foreground">{k}</span>
<span className="font-medium">{v}</span>
</div>
))}
</div>
</div>
)}
{profile.common_scenes && profile.common_scenes.length > 0 && (
<div>
<p className="mb-1.5 text-sm text-muted-foreground">常用场景</p>
<div className="flex flex-wrap gap-1.5">
{profile.common_scenes.map((s, i) => (
<Badge key={i} variant="outline" className="text-xs">
{SCENE_LABELS[s] || s}
</Badge>
))}
</div>
</div>
)}
{profile.last_active && (
<p className="pt-2 text-xs text-muted-foreground">
最后活跃:{formatTime(profile.last_active)}
</p>
)}
</div>
</CardContent>
</Card>
{/* 版本历史 */}
<div>
<div className="mb-2 flex items-center gap-2 px-1">
<History className="h-4 w-4 text-muted-foreground" aria-hidden />
<h3 className="text-sm font-semibold">版本历史</h3>
<span className="text-xs text-muted-foreground">{history.length} 个版本</span>
</div>
{history.length === 0 ? (
<EmptyState
title="暂无历史版本"
description="每次画像更新都会记录版本快照"
icon={<History className="h-8 w-8" />}
/>
) : (
<div className="space-y-2">
{history.map((h) => (
<Card
key={h.id}
className="cursor-pointer transition-colors hover:bg-accent/50"
onClick={() => setCurrentHistory(h)}
>
<CardContent className="flex items-center gap-3 p-4">
<div className={cn(
'flex h-9 w-9 shrink-0 items-center justify-center rounded-lg',
h.source === 'manual' ? 'bg-blue-100 text-blue-700' : 'bg-muted text-muted-foreground',
)}>
<History className="h-4 w-4" />
</div>
<div className="min-w-0 flex-1">
<p className="text-sm font-medium">版本 v{h.version}</p>
<div className="mt-0.5 flex items-center gap-2">
<Badge
variant={h.source === 'manual' ? 'default' : 'secondary'}
className="text-[10px]"
>
{SOURCE_LABELS[h.source] || h.source}
</Badge>
<span className="text-xs text-muted-foreground">{formatTime(h.created_at)}</span>
</div>
</div>
<ChevronRight className="h-4 w-4 shrink-0 text-muted-foreground" />
</CardContent>
</Card>
))}
</div>
)}
</div>
</PageLayout>
)
}
+5 -5
View File
@@ -41,7 +41,7 @@ const SETTING_GROUPS = [
items: [
{ key: 'long_term_memory', label: '长期记忆', desc: '记住你的压力来源、性格和决策风格,提供个性化建议。可随时关闭', icon: Database, danger: false },
{ key: 'knowledge_base_write', label: '企业知识库写入', desc: '允许将脱敏内容写入企业知识库,供团队复用', icon: Database, danger: false },
{ key: 'training_data_collection', label: '模型训练数据采集', desc: '允许使用你的对话数据改进模型。默认关闭, BossAi 不采集训练数据', icon: Info, danger: false },
{ key: 'training_data_collection', label: '模型训练数据采集', desc: '允许使用你的对话数据改进模型。默认关闭, 左右(BossAi) 不采集训练数据', icon: Info, danger: false },
],
},
{
@@ -60,8 +60,8 @@ const SETTING_GROUPS = [
items: [
{ key: 'daily_reminder', label: '每日经营提醒', desc: '每天早上推送今天最该做的一件事', icon: Bell, danger: false },
{ key: 'risk_alert', label: '风险预警', desc: '检测到合同到期、应收逾期、员工试用期届满等风险时主动提醒', icon: Shield, danger: false },
{ key: 'auto_escalate_red', label: '红色风险自动升级', desc: '检测到红色风险时自动创建复核工单,无需手动操作', icon: Shield, danger: false },
{ key: 'auto_escalate_orange', label: '橙色风险自动升级', desc: '检测到橙色风险时自动创建复核工单(默认手动)', icon: Shield, danger: false },
{ key: 'auto_escalate_red', label: '红色风险自动提醒', desc: '检测到红色风险时自动提醒用户咨询专家,无需手动操作', icon: Shield, danger: false },
{ key: 'auto_escalate_orange', label: '橙色风险自动提醒', desc: '检测到橙色风险时自动提醒用户咨询专家(默认手动)', icon: Shield, danger: false },
],
},
]
@@ -172,8 +172,8 @@ export function Settings() {
>
<span
className={cn(
'absolute top-0.5 h-5 w-5 rounded-full bg-white shadow transition-transform',
on ? 'translate-x-5' : 'translate-x-0.5',
'absolute top-0.5 left-0.5 h-5 w-5 rounded-full bg-white shadow transition-transform',
on ? 'translate-x-5' : 'translate-x-0',
)}
/>
</button>
+308 -25
View File
@@ -1,48 +1,331 @@
import { useEffect, useState } from 'react'
import { Users } from 'lucide-react'
import { useEffect, useState, useCallback } from 'react'
import { toast } from 'sonner'
import { Users, Search, MessageSquare, Clock, KeyRound, Ban, CheckCircle, Loader2 } from 'lucide-react'
import { PageLayout } from '@/components/common/PageLayout'
import { EmptyState } from '@/components/common/EmptyState'
import { LoadingState } from '@/components/common/LoadingState'
import { ErrorState } from '@/components/common/ErrorState'
import { Card, CardContent } from '@/components/ui/card'
import { Badge } from '@/components/ui/badge'
import { Button } from '@/components/ui/button'
import { Input } from '@/components/ui/input'
import { Label } from '@/components/ui/label'
import {
Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter,
} from '@/components/ui/dialog'
import { api } from '@/lib/api'
import { cn } from '@/lib/utils'
/** 用户列表项(含统计) */
interface AdminUser {
id: number
phone: string
name: string
status: string
created_at: string
message_count: number
last_active: string | null
last_scene: string | null
}
/** 场景中文映射 */
const SCENE_LABELS: Record<string, string> = {
legal: '法务参谋',
decision: '经营决策',
life: '生活助理',
emotion: '情绪中心',
}
/** 格式化时间 */
function formatTime(dt: string | null): string {
if (!dt) return '从未使用'
return new Date(dt).toLocaleString('zh-CN', {
month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit',
})
}
/** 管理后台 - 用户管理:列出所有注册用户 */
export function AdminUsers() {
const [users, setUsers] = useState<Array<{ id: number; phone: string; name: string; created_at: string }>>([])
const [users, setUsers] = useState<AdminUser[]>([])
const [loading, setLoading] = useState(true)
const [error, setError] = useState<string | null>(null)
const [search, setSearch] = useState('')
const [searching, setSearching] = useState(false)
useEffect(() => {
api.adminListUsers()
.then(res => setUsers(res.results))
.catch(() => {})
.finally(() => setLoading(false))
// 重置密码弹窗
const [resetTarget, setResetTarget] = useState<AdminUser | null>(null)
const [newPassword, setNewPassword] = useState('')
const [resetting, setResetting] = useState(false)
// 状态切换弹窗
const [statusTarget, setStatusTarget] = useState<AdminUser | null>(null)
const [statusUpdating, setStatusUpdating] = useState(false)
const load = useCallback(async (q?: string) => {
setLoading(true)
setError(null)
try {
const res = await api.adminListUsers(q)
setUsers(res.results as AdminUser[])
} catch (e) {
setError(e instanceof Error ? e.message : '加载失败')
} finally {
setLoading(false)
setSearching(false)
}
}, [])
if (loading) {
return (
<PageLayout title="用户管理" description="平台注册用户列表">
<LoadingState />
</PageLayout>
)
useEffect(() => { load() }, [load])
/** 搜索(防抖) */
useEffect(() => {
if (search === undefined) return
const timer = setTimeout(() => {
if (search !== '') {
setSearching(true)
load(search)
} else {
load()
}
}, 400)
return () => clearTimeout(timer)
}, [search]) // eslint-disable-line react-hooks/exhaustive-deps
/** 确认重置密码 */
const handleResetPassword = async () => {
if (!resetTarget || !newPassword.trim()) return
if (newPassword.length < 6) {
toast.error('密码至少 6 位')
return
}
setResetting(true)
try {
await api.adminResetPassword(resetTarget.id, newPassword)
toast.success(`已重置 ${resetTarget.name || resetTarget.phone} 的密码`)
setResetTarget(null)
setNewPassword('')
load(search || undefined)
} catch (e) {
toast.error(e instanceof Error ? e.message : '重置失败')
} finally {
setResetting(false)
}
}
/** 确认激活/停用 */
const handleToggleStatus = async () => {
if (!statusTarget) return
const newStatus = statusTarget.status === 'active' ? 'inactive' : 'active'
setStatusUpdating(true)
try {
await api.adminUpdateUserStatus(statusTarget.id, newStatus)
toast.success(`已${newStatus === 'active' ? '激活' : '停用'} ${statusTarget.name || statusTarget.phone}`)
setStatusTarget(null)
load(search || undefined)
} catch (e) {
toast.error(e instanceof Error ? e.message : '操作失败')
} finally {
setStatusUpdating(false)
}
}
/** 统计概览 */
const totalUsers = users.length
const activeUsers = users.filter(u => u.status === 'active' && u.message_count > 0).length
const inactiveUsers = users.filter(u => u.status === 'inactive').length
const totalMessages = users.reduce((sum, u) => sum + u.message_count, 0)
return (
<PageLayout title="用户管理" description="平台注册用户列表">
{users.length === 0 ? (
<EmptyState title="暂无用户" icon={<Users className="h-8 w-8" />} />
<PageLayout
title="用户管理"
description="平台注册用户列表,含对话统计、活跃度和账号管理"
actions={
<div className="relative">
<Search className="absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" />
<Input
value={search}
onChange={(e) => setSearch(e.target.value)}
placeholder="搜索手机号或昵称..."
className="h-8 w-48 pl-8 text-xs"
/>
</div>
}
>
{/* 统计概览 */}
<div className="mb-4 grid grid-cols-4 gap-3">
<Card>
<CardContent className="p-3">
<p className="text-xs text-muted-foreground">总用户数</p>
<p className="mt-1 text-xl font-semibold">{totalUsers}</p>
</CardContent>
</Card>
<Card>
<CardContent className="p-3">
<p className="text-xs text-muted-foreground">活跃用户</p>
<p className="mt-1 text-xl font-semibold text-emerald-600">{activeUsers}</p>
</CardContent>
</Card>
<Card>
<CardContent className="p-3">
<p className="text-xs text-muted-foreground">已停用</p>
<p className="mt-1 text-xl font-semibold text-rose-600">{inactiveUsers}</p>
</CardContent>
</Card>
<Card>
<CardContent className="p-3">
<p className="text-xs text-muted-foreground">总对话数</p>
<p className="mt-1 text-xl font-semibold">{totalMessages}</p>
</CardContent>
</Card>
</div>
{loading ? (
<LoadingState label={searching ? '搜索中...' : '加载用户...'} />
) : error ? (
<ErrorState message={error} onRetry={() => load(search || undefined)} />
) : users.length === 0 ? (
<EmptyState
title={search ? '未找到匹配用户' : '暂无用户'}
description={search ? '尝试其他关键词' : '注册用户将显示在这里'}
icon={<Users className="h-8 w-8" />}
/>
) : (
<div className="space-y-2">
{users.map((u) => (
<Card key={u.id}><CardContent className="flex items-center justify-between py-3">
<div>
<p className="text-sm font-medium">{u.name || '未设置昵称'}</p>
<p className="text-xs text-muted-foreground">{u.phone}</p>
</div>
<p className="text-xs text-muted-foreground">注册:{u.created_at}</p>
</CardContent></Card>
<Card key={u.id} className={u.status === 'inactive' ? 'opacity-60' : ''}>
<CardContent className="p-4">
<div className="flex items-center gap-3">
{/* 头像占位 */}
<div className={cn(
'flex h-10 w-10 shrink-0 items-center justify-center rounded-full text-sm font-medium',
u.status === 'inactive'
? 'bg-muted text-muted-foreground'
: u.message_count > 0
? 'bg-primary/10 text-primary'
: 'bg-muted text-muted-foreground',
)}>
{(u.name || u.phone.slice(-2)).slice(0, 2)}
</div>
<div className="min-w-0 flex-1">
<div className="flex items-center gap-2">
<p className="truncate text-sm font-medium">{u.name || '未设置昵称'}</p>
<span className="truncate text-xs text-muted-foreground">{u.phone}</span>
</div>
<div className="mt-1 flex flex-wrap items-center gap-3 text-xs text-muted-foreground">
<span className="flex items-center gap-1">
<MessageSquare className="h-3 w-3" />
{u.message_count} 条对话
</span>
<span className="flex items-center gap-1">
<Clock className="h-3 w-3" />
{formatTime(u.last_active)}
</span>
{u.last_scene && (
<Badge variant="secondary" className="text-[10px]">
{SCENE_LABELS[u.last_scene] || u.last_scene}
</Badge>
)}
<span>注册:{formatTime(u.created_at)}</span>
</div>
</div>
{/* 状态 Badge */}
<Badge
variant={u.status === 'active' ? 'default' : 'destructive'}
className="shrink-0 text-xs"
>
{u.status === 'active' ? '正常' : '已停用'}
</Badge>
</div>
{/* 操作按钮 */}
<div className="mt-3 flex flex-wrap gap-2 border-t pt-3">
<Button
size="sm"
variant="outline"
onClick={() => { setResetTarget(u); setNewPassword('') }}
>
<KeyRound className="h-3.5 w-3.5" /> 重置密码
</Button>
{u.status === 'active' ? (
<Button
size="sm"
variant="outline"
className="text-rose-600 hover:bg-rose-50"
onClick={() => setStatusTarget(u)}
>
<Ban className="h-3.5 w-3.5" /> 停用账号
</Button>
) : (
<Button
size="sm"
variant="outline"
className="text-emerald-600 hover:bg-emerald-50"
onClick={() => setStatusTarget(u)}
>
<CheckCircle className="h-3.5 w-3.5" /> 激活账号
</Button>
)}
</div>
</CardContent>
</Card>
))}
</div>
)}
{/* 重置密码弹窗 */}
<Dialog open={!!resetTarget} onOpenChange={(o) => !o && setResetTarget(null)}>
<DialogContent className="max-w-sm">
<DialogHeader>
<DialogTitle>重置密码</DialogTitle>
<DialogDescription>
为用户「{resetTarget?.name || resetTarget?.phone}」设置新密码,用户需用新密码登录。
</DialogDescription>
</DialogHeader>
<div className="space-y-2">
<Label htmlFor="new-password">新密码(至少 6 位)</Label>
<Input
id="new-password"
type="password"
value={newPassword}
onChange={(e) => setNewPassword(e.target.value)}
placeholder="输入新密码..."
/>
</div>
<DialogFooter>
<Button variant="outline" onClick={() => setResetTarget(null)}>取消</Button>
<Button onClick={handleResetPassword} disabled={resetting || newPassword.length < 6}>
{resetting ? <Loader2 className="h-3.5 w-3.5 animate-spin" /> : <KeyRound className="h-3.5 w-3.5" />}
确认重置
</Button>
</DialogFooter>
</DialogContent>
</Dialog>
{/* 激活/停用确认弹窗 */}
<Dialog open={!!statusTarget} onOpenChange={(o) => !o && setStatusTarget(null)}>
<DialogContent className="max-w-sm">
<DialogHeader>
<DialogTitle>
{statusTarget?.status === 'active' ? '停用账号' : '激活账号'}
</DialogTitle>
<DialogDescription>
{statusTarget?.status === 'active'
? `确认停用用户「${statusTarget?.name || statusTarget?.phone}」?停用后该用户将无法登录。`
: `确认激活用户「${statusTarget?.name || statusTarget?.phone}」?激活后该用户可正常登录。`
}
</DialogDescription>
</DialogHeader>
<DialogFooter>
<Button variant="outline" onClick={() => setStatusTarget(null)}>再想想</Button>
<Button
variant={statusTarget?.status === 'active' ? 'destructive' : 'default'}
onClick={handleToggleStatus}
disabled={statusUpdating}
>
{statusUpdating ? <Loader2 className="h-3.5 w-3.5 animate-spin" /> : null}
确认{statusTarget?.status === 'active' ? '停用' : '激活'}
</Button>
</DialogFooter>
</DialogContent>
</Dialog>
</PageLayout>
)
}
+7
View File
@@ -138,6 +138,8 @@ export interface HistorySession {
first_message_at: string | null
last_message_at: string | null
scene: string | null
/** AI 建议标题(取自首条用户消息) */
title?: string
}
/** 对话历史消息(含风险卡和元数据) */
@@ -158,6 +160,11 @@ export interface HistoryMessage {
inference_location?: string
model?: string
fallback_used?: boolean
rag_context?: Array<{
title: string
doc_type?: string
region?: string | null
}>
}
created_at: string | null
}