feat: BossAi 老板AI助手初始版本

包含功能: - 法务参谋/经营决策/生活助理/情绪中心四大AI对话模块 - 专家咨询系统(用户选定→专家确认→咨询→回复→评价) - 角色登录(用户/专家/管理员)+ ProtectedRoute 权限控制 - 管理后台(用户管理/专家管理/AI使用统计/专家活跃度) - 专家工作台(待确认服务/待回复咨询/已回复咨询/服务中用户) - 服务关系取消(用户和专家均可取消,需自己确认) - 全页面移动端响应式适配 - 知识库RAG检索 - 对话历史(普通/保密模式) Generated with [Devin](https://devin.ai) Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
2026-08-29 23:57:26 +08:00
commit 5c21e8fcd0
101 changed files with 25273 additions and 0 deletions
@@ -0,0 +1,23 @@
+import { Outlet } from 'react-router-dom'
+import { Sidebar } from './Sidebar'
+import { Header } from './Header'
+import { MobileNav } from './MobileNav'
+import { OfflineIndicator } from '@/components/common/OfflineIndicator'
+import { Toaster } from '@/components/ui/sonner'
+
+/** 应用主布局:左 Sidebar + 顶部 Header + 内容区 */
+export function AppLayout() {
+  return (
+    <div className="min-h-screen bg-[#f8f9fb]">
+      <OfflineIndicator />
+      <Sidebar />
+      <div className="md:pl-60">
+        <Header nav={<MobileNav />} />
+        <main className="container mx-auto max-w-7xl px-4 py-6 md:px-6">
+          <Outlet />
+        </main>
+      </div>
+      <Toaster />
+    </div>
+  )
+}
@@ -0,0 +1,85 @@
+import { useState } from 'react'
+import { useLocation, useNavigate } from 'react-router-dom'
+import { Menu, X, ShieldCheck, LogOut } from 'lucide-react'
+import { Button } from '@/components/ui/button'
+import { cn } from '@/lib/utils'
+import { clearAuth, getName, getPhone } from '@/lib/auth'
+import { toast } from 'sonner'
+
+const TITLES: Record<string, string> = {
+  '/': '驾驶舱',
+  '/legal': '法务参谋',
+  '/decisions': '经营决策',
+  '/life': '生活助理',
+  '/emotion': '情绪中心',
+  '/knowledge': '知识库',
+  '/experts': '专家库',
+  '/workbench': '待确认服务',
+  '/workbench/pending': '待回复咨询',
+  '/workbench/replied': '已回复咨询',
+  '/workbench/users': '服务中用户',
+  '/admin': '管理后台',
+  '/settings': '设置',
+}
+
+/** 顶部 Header:sticky,移动端含抽屉触发 */
+export function Header({ nav }: { nav: React.ReactNode }) {
+  const { pathname } = useLocation()
+  const navigate = useNavigate()
+  const [open, setOpen] = useState(false)
+  const title = TITLES[pathname] ?? 'BossAi'
+
+  const handleLogout = () => {
+    clearAuth()
+    toast.success('已退出登录')
+    navigate('/login')
+  }
+
+  const userName = getName() || getPhone()?.slice(-4) || ''
+
+  return (
+    <header className="sticky top-0 z-40 h-14 border-b bg-white/95 backdrop-blur supports-[backdrop-filter]:bg-white/80">
+      <div className="flex h-14 items-center gap-3 px-4 md:px-6">
+        <Button
+          variant="ghost"
+          size="icon"
+          className="md:hidden"
+          aria-label="打开菜单"
+          onClick={() => setOpen(true)}
+        >
+          <Menu className="h-5 w-5" />
+        </Button>
+        <h1 className="text-base font-semibold">{title}</h1>
+        <div className="ml-auto flex items-center gap-3 text-xs text-muted-foreground">
+          <ShieldCheck className="h-4 w-4 text-emerald-600" aria-hidden />
+          <span className="hidden sm:inline">隐私优先 · 本地/边缘/云端</span>
+          {userName && (
+            <>
+              <span className="hidden sm:inline text-foreground/70">{userName}</span>
+              <Button variant="ghost" size="sm" onClick={handleLogout} aria-label="退出登录">
+                <LogOut className="h-3.5 w-3.5" />
+                <span className="hidden sm:inline ml-1">退出</span>
+              </Button>
+            </>
+          )}
+        </div>
+      </div>
+
+      {/* 移动端抽屉 */}
+      {open && (
+        <div className="fixed inset-0 z-50 md:hidden">
+          <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>
+              <Button variant="ghost" size="icon" aria-label="关闭菜单" onClick={() => setOpen(false)}>
+                <X className="h-5 w-5" />
+              </Button>
+            </div>
+            <div onClick={() => setOpen(false)}>{nav}</div>
+          </div>
+        </div>
+      )}
+    </header>
+  )
+}
@@ -0,0 +1,72 @@
+import { NavLink } from 'react-router-dom'
+import {
+  LayoutDashboard,
+  Scale,
+  TrendingUp,
+  Heart,
+  Smile,
+  Settings,
+  BookOpen,
+  Users,
+  Briefcase,
+  History,
+  BarChart3,
+  MessageSquare,
+  Activity,
+  Check,
+  Star,
+} from 'lucide-react'
+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[] },
+]
+
+/** 移动端抽屉内导航:按角色过滤 */
+export function MobileNav() {
+  const currentRole = getRole()
+  const nav = ALL_NAV.filter((item) => item.roles.includes(currentRole))
+  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>
+  )
+}
@@ -0,0 +1,83 @@
+import { NavLink } from 'react-router-dom'
+import {
+  LayoutDashboard,
+  Scale,
+  TrendingUp,
+  Heart,
+  Smile,
+  Settings,
+  ShieldCheck,
+  BookOpen,
+  Users,
+  Briefcase,
+  History,
+  BarChart3,
+  MessageSquare,
+  Activity,
+  Check,
+  Star,
+} 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[] },
+]
+
+export function Sidebar() {
+  const currentRole = getRole()
+  const nav = ALL_NAV.filter((item) => item.roles.includes(currentRole))
+  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>
+      </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>
+      <div className="border-t p-4 text-xs text-muted-foreground">
+        <p>老板敢问,系统敢忘</p>
+        <p className="mt-1">看得见的智能,看不见的留痕</p>
+      </div>
+    </aside>
+  )
+}