Losita/mai-bot
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix：优化图片识别，优化webui配置和排版，优化聊天流监控，新增mcp显示，新增prompt修改面板，优化插件状态显示，优化长期记忆控制台，

Browse Source
This commit is contained in:
SengokuCola
2026-05-04 16:25:31 +08:00
parent c5cd47adc2
commit 120acb835f
51 changed files with 1764 additions and 493 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
dashboard/src/routes/config/bot.tsx
View File

@@ -57,7 +57,7 @@ const TAB_ORDER = [
'webui',
'maisaka',
'plugin_runtime',
'debug',
'log',
]
// ==================== Tab 分组类型与构建 ====================
@@ -157,6 +157,7 @@ function BotConfigPageContent() {
const [emojiConfig, setEmojiConfig] = useState<ConfigSectionData | null>(null)
const [memoryConfig, setMemoryConfig] = useState<ConfigSectionData | null>(null)
const [relationshipConfig, setRelationshipConfig] = useState<ConfigSectionData | null>(null)
const [visualConfig, setVisualConfig] = useState<ConfigSectionData | null>(null)
const [voiceConfig, setVoiceConfig] = useState<ConfigSectionData | null>(null)
const [messageReceiveConfig, setMessageReceiveConfig] = useState<ConfigSectionData | null>(null)
const [lpmmConfig, setLpmmConfig] = useState<ConfigSectionData | null>(null)
@@ -173,6 +174,7 @@ function BotConfigPageContent() {
const [maisakaConfig, setMaisakaConfig] = useState<ConfigSectionData | null>(null)
const [mcpConfig, setMcpConfig] = useState<ConfigSectionData | null>(null)
const [pluginRuntimeConfig, setPluginRuntimeConfig] = useState<ConfigSectionData | null>(null)
const [aMemorixConfig, setAMemorixConfig] = useState<ConfigSectionData | null>(null)
// Schema 状态（用于动态 tab 分组）
const [configSchema, setConfigSchema] = useState<ConfigSchema | null>(null)
@@ -254,6 +256,7 @@ function BotConfigPageContent() {
setEmojiConfig((config.emoji ?? {}) as ConfigSectionData)
setMemoryConfig((config.memory ?? {}) as ConfigSectionData)
setRelationshipConfig((config.relationship ?? {}) as ConfigSectionData)
setVisualConfig((config.visual ?? {}) as ConfigSectionData)
setVoiceConfig((config.voice ?? {}) as ConfigSectionData)
setMessageReceiveConfig((config.message_receive ?? {}) as ConfigSectionData)
setLpmmConfig((config.lpmm_knowledge ?? {}) as ConfigSectionData)
@@ -270,6 +273,7 @@ function BotConfigPageContent() {
setMaisakaConfig((config.maisaka ?? {}) as ConfigSectionData)
setMcpConfig((config.mcp ?? {}) as ConfigSectionData)
setPluginRuntimeConfig((config.plugin_runtime ?? {}) as ConfigSectionData)
setAMemorixConfig((config.a_memorix ?? {}) as ConfigSectionData)
}, [])
/**
@@ -286,6 +290,7 @@ function BotConfigPageContent() {
emoji: emojiConfig,
memory: memoryConfig,
relationship: relationshipConfig,
visual: visualConfig,
voice: voiceConfig,
message_receive: messageReceiveConfig,
lpmm_knowledge: lpmmConfig,
@@ -302,6 +307,7 @@ function BotConfigPageContent() {
maisaka: maisakaConfig,
mcp: mcpConfig,
plugin_runtime: pluginRuntimeConfig,
a_memorix: aMemorixConfig,
}
}, [
botConfig,
@@ -311,6 +317,7 @@ function BotConfigPageContent() {
emojiConfig,
memoryConfig,
relationshipConfig,
visualConfig,
voiceConfig,
messageReceiveConfig,
lpmmConfig,
@@ -327,6 +334,7 @@ function BotConfigPageContent() {
maisakaConfig,
mcpConfig,
pluginRuntimeConfig,
aMemorixConfig,
])
// 加载源代码
@@ -443,6 +451,7 @@ function BotConfigPageContent() {
useConfigAutoSave(emojiConfig, 'emoji', initialLoadRef.current, triggerAutoSave)
useConfigAutoSave(memoryConfig, 'memory', initialLoadRef.current, triggerAutoSave)
useConfigAutoSave(relationshipConfig, 'relationship', initialLoadRef.current, triggerAutoSave)
useConfigAutoSave(visualConfig, 'visual', initialLoadRef.current, triggerAutoSave)
useConfigAutoSave(voiceConfig, 'voice', initialLoadRef.current, triggerAutoSave)
useConfigAutoSave(messageReceiveConfig, 'message_receive', initialLoadRef.current, triggerAutoSave)
useConfigAutoSave(lpmmConfig, 'lpmm_knowledge', initialLoadRef.current, triggerAutoSave)
@@ -459,6 +468,7 @@ function BotConfigPageContent() {
useConfigAutoSave(maisakaConfig, 'maisaka', initialLoadRef.current, triggerAutoSave)
useConfigAutoSave(mcpConfig, 'mcp', initialLoadRef.current, triggerAutoSave)
useConfigAutoSave(pluginRuntimeConfig, 'plugin_runtime', initialLoadRef.current, triggerAutoSave)
useConfigAutoSave(aMemorixConfig, 'a_memorix', initialLoadRef.current, triggerAutoSave)
// 保存源代码
const saveSourceCode = async () => {
@@ -658,6 +668,7 @@ function BotConfigPageContent() {
emoji: emojiConfig,
memory: memoryConfig,
relationship: relationshipConfig,
visual: visualConfig,
voice: voiceConfig,
message_receive: messageReceiveConfig,
lpmm_knowledge: lpmmConfig,
@@ -674,6 +685,7 @@ function BotConfigPageContent() {
maisaka: maisakaConfig,
mcp: mcpConfig,
plugin_runtime: pluginRuntimeConfig,
a_memorix: aMemorixConfig,
}),
[
botConfig,
@@ -683,6 +695,7 @@ function BotConfigPageContent() {
emojiConfig,
memoryConfig,
relationshipConfig,
visualConfig,
voiceConfig,
messageReceiveConfig,
lpmmConfig,
@@ -699,6 +712,7 @@ function BotConfigPageContent() {
maisakaConfig,
mcpConfig,
pluginRuntimeConfig,
aMemorixConfig,
]
)
@@ -711,6 +725,7 @@ function BotConfigPageContent() {
emoji: setEmojiConfig,
memory: setMemoryConfig,
relationship: setRelationshipConfig,
visual: setVisualConfig,
voice: setVoiceConfig,
message_receive: setMessageReceiveConfig,
lpmm_knowledge: setLpmmConfig,
@@ -727,6 +742,7 @@ function BotConfigPageContent() {
maisaka: setMaisakaConfig,
mcp: setMcpConfig,
plugin_runtime: setPluginRuntimeConfig,
a_memorix: setAMemorixConfig,
}
sectionSetterMap[sectionName]?.(value)

12
dashboard/src/routes/config/bot/sections/ExpressionSection.tsx
View File

@@ -590,16 +590,16 @@ export const ExpressionSection = React.memo(function ExpressionSection({
id="expression_auto_check_interval"
type="number"
min="60"
value={config.expression_auto_check_interval ?? 3600}
value={config.expression_auto_check_interval ?? 900}
onChange={(e) =>
onChange({
...config,
expression_auto_check_interval: parseInt(e.target.value) || 3600,
expression_auto_check_interval: parseInt(e.target.value) || 900,
})
}
/>
<p className="text-xs text-muted-foreground">
表达方式自动检查的间隔时间（单位：秒），默认值：3600秒（1小时）
表达方式自动检查的间隔时间（单位：秒），默认值：900秒（15分钟）
</p>
</div>
@@ -613,16 +613,16 @@ export const ExpressionSection = React.memo(function ExpressionSection({
type="number"
min="1"
max="100"
value={config.expression_auto_check_count ?? 10}
value={config.expression_auto_check_count ?? 5}
onChange={(e) =>
onChange({
...config,
expression_auto_check_count: parseInt(e.target.value) || 10,
expression_auto_check_count: parseInt(e.target.value) || 5,
})
}
/>
<p className="text-xs text-muted-foreground">
每次自动检查时随机选取的表达方式数量，默认值：10条
每次自动检查时随机选取的表达方式数量，默认值：5条
</p>
</div>

2
dashboard/src/routes/config/bot/types.ts
View File

@@ -262,6 +262,7 @@ export type ConfigSectionName =
| 'emoji'
| 'memory'
| 'relationship'
| 'visual'
| 'tool'
| 'voice'
| 'message_receive'
@@ -281,3 +282,4 @@ export type ConfigSectionName =
| 'maisaka'
| 'mcp'
| 'plugin_runtime'
| 'a_memorix'

3
dashboard/src/routes/config/model.tsx
View File

@@ -949,7 +949,7 @@ function ModelConfigPageContent() {
{taskConfigSchema?.fields.some((field) => field.advanced) && (
<Button
type="button"
variant={advancedTaskSettingsVisible ? 'secondary' : 'outline'}
variant={advancedTaskSettingsVisible ? 'default' : 'outline'}
size="sm"
onClick={() => setAdvancedTaskSettingsVisible((current) => !current)}
>
@@ -975,6 +975,7 @@ function ModelConfigPageContent() {
taskConfig={taskConfig[field.name] ?? { model_list: [] }}
modelNames={modelNames}
onChange={(f, value) => updateTaskConfig(field.name, f, value)}
advanced={field.advanced}
{...(index === 0 ? { dataTour: 'task-model-select' } : {})}
/>
)

10
dashboard/src/routes/config/model/components/TaskConfigCard.tsx
View File

@@ -13,6 +13,7 @@ import {
SelectTrigger,
SelectValue,
} from '@/components/ui/select'
import { cn } from '@/lib/utils'
import type { TaskConfig } from '../types'
interface TaskConfigCardProps {
@@ -23,6 +24,7 @@ interface TaskConfigCardProps {
onChange: (field: keyof TaskConfig, value: string[] | number | string) => void
hideTemperature?: boolean
hideMaxTokens?: boolean
advanced?: boolean
dataTour?: string
}
@@ -34,6 +36,7 @@ export const TaskConfigCard = React.memo(function TaskConfigCard({
onChange,
hideTemperature = false,
hideMaxTokens = false,
advanced = false,
dataTour,
}: TaskConfigCardProps) {
const handleModelChange = (values: string[]) => {
@@ -41,7 +44,12 @@ export const TaskConfigCard = React.memo(function TaskConfigCard({
}
return (
<div className="rounded-lg border bg-card p-4 sm:p-6 space-y-4">
<div
className={cn(
"rounded-lg border bg-card p-4 sm:p-6 space-y-4",
advanced && "border-amber-300 bg-amber-50/40 dark:border-amber-500/50 dark:bg-amber-500/10",
)}
>
<div>
<h4 className="font-semibold text-base sm:text-lg">{title}</h4>
<p className="text-xs sm:text-sm text-muted-foreground mt-1">{description}</p>

272
dashboard/src/routes/config/prompts.tsx Normal file
View File

@@ -0,0 +1,272 @@
import { useCallback, useEffect, useMemo, useState } from 'react'
import { FileText, Loader2, RefreshCw, Save, Search } from 'lucide-react'
import { CodeEditor } from '@/components/CodeEditor'
import { Badge } from '@/components/ui/badge'
import { Button } from '@/components/ui/button'
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
import { Input } from '@/components/ui/input'
import { ScrollArea } from '@/components/ui/scroll-area'
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
import { Separator } from '@/components/ui/separator'
import { useToast } from '@/hooks/use-toast'
import {
getPromptCatalog,
getPromptFile,
updatePromptFile,
type PromptCatalog,
type PromptFileInfo,
} from '@/lib/prompt-api'
import { cn } from '@/lib/utils'
function formatFileSize(size: number) {
if (size < 1024) return `${size} B`
if (size < 1024 * 1024) return `${(size / 1024).toFixed(1)} KB`
return `${(size / 1024 / 1024).toFixed(1)} MB`
}
export function PromptManagementPage() {
const { toast } = useToast()
const [catalog, setCatalog] = useState<PromptCatalog | null>(null)
const [language, setLanguage] = useState('zh-CN')
const [filename, setFilename] = useState('')
const [content, setContent] = useState('')
const [savedContent, setSavedContent] = useState('')
const [loadingCatalog, setLoadingCatalog] = useState(true)
const [loadingFile, setLoadingFile] = useState(false)
const [saving, setSaving] = useState(false)
const [query, setQuery] = useState('')
const hasUnsavedChanges = content !== savedContent
const promptFiles = useMemo<PromptFileInfo[]>(() => {
if (!catalog || !language) return []
return catalog.files[language] ?? []
}, [catalog, language])
const filteredFiles = useMemo(() => {
const normalizedQuery = query.trim().toLowerCase()
if (!normalizedQuery) return promptFiles
return promptFiles.filter((file) => file.name.toLowerCase().includes(normalizedQuery))
}, [promptFiles, query])
const selectedFile = promptFiles.find((file) => file.name === filename)
const loadCatalog = useCallback(async () => {
try {
setLoadingCatalog(true)
const result = await getPromptCatalog()
if (!result.success) {
toast({ title: '加载 Prompt 目录失败', description: result.error, variant: 'destructive' })
return
}
setCatalog(result.data)
const nextLanguage = language && result.data.languages.includes(language)
? language
: result.data.languages.includes('zh-CN')
? 'zh-CN'
: result.data.languages[0] ?? ''
setLanguage(nextLanguage)
const nextFiles = nextLanguage ? result.data.files[nextLanguage] ?? [] : []
setFilename((current) => nextFiles.some((file) => file.name === current) ? current : nextFiles[0]?.name ?? '')
} catch (error) {
toast({
title: '加载 Prompt 目录失败',
description: (error as Error).message,
variant: 'destructive',
})
} finally {
setLoadingCatalog(false)
}
}, [language, toast])
useEffect(() => {
void loadCatalog()
}, [loadCatalog])
useEffect(() => {
if (!language || !filename) {
setContent('')
setSavedContent('')
return
}
let cancelled = false
const loadFile = async () => {
try {
setLoadingFile(true)
const result = await getPromptFile(language, filename)
if (cancelled) return
if (!result.success) {
toast({ title: '读取 Prompt 失败', description: result.error, variant: 'destructive' })
return
}
setContent(result.data.content)
setSavedContent(result.data.content)
} catch (error) {
if (!cancelled) {
toast({
title: '读取 Prompt 失败',
description: (error as Error).message,
variant: 'destructive',
})
}
} finally {
if (!cancelled) {
setLoadingFile(false)
}
}
}
void loadFile()
return () => {
cancelled = true
}
}, [filename, language, toast])
const handleLanguageChange = (nextLanguage: string) => {
setLanguage(nextLanguage)
setQuery('')
const nextFiles = catalog?.files[nextLanguage] ?? []
setFilename(nextFiles[0]?.name ?? '')
}
const handleSave = async () => {
if (!language || !filename) return
try {
setSaving(true)
const result = await updatePromptFile(language, filename, content)
if (!result.success) {
toast({ title: '保存 Prompt 失败', description: result.error, variant: 'destructive' })
return
}
setContent(result.data.content)
setSavedContent(result.data.content)
toast({ title: 'Prompt 已保存', description: `${language}/${filename}` })
void loadCatalog()
} catch (error) {
toast({
title: '保存 Prompt 失败',
description: (error as Error).message,
variant: 'destructive',
})
} finally {
setSaving(false)
}
}
return (
<div className="flex h-[calc(100vh-140px)] flex-col gap-4 p-4 sm:p-6">
<div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
<div>
<h1 className="text-xl font-bold sm:text-2xl md:text-3xl">Prompt 管理</h1>
<p className="mt-1 text-sm text-muted-foreground">编辑 prompts 目录下不同语言的系统提示词模板</p>
</div>
<div className="flex flex-wrap items-center gap-2">
<Select value={language} onValueChange={handleLanguageChange} disabled={loadingCatalog}>
<SelectTrigger className="w-[160px]">
<SelectValue placeholder="选择语言" />
</SelectTrigger>
<SelectContent>
{(catalog?.languages ?? []).map((item) => (
<SelectItem key={item} value={item}>{item}</SelectItem>
))}
</SelectContent>
</Select>
<Button variant="outline" size="sm" onClick={() => void loadCatalog()} disabled={loadingCatalog}>
<RefreshCw className={cn('mr-2 h-4 w-4', loadingCatalog && 'animate-spin')} />
刷新
</Button>
<Button size="sm" onClick={handleSave} disabled={!hasUnsavedChanges || saving || loadingFile || !filename}>
<Save className="mr-2 h-4 w-4" />
{saving ? '保存中' : hasUnsavedChanges ? '保存' : '已保存'}
</Button>
</div>
</div>
<div className="grid min-h-0 flex-1 gap-4 lg:grid-cols-[18rem_minmax(0,1fr)]">
<Card className="min-h-0 overflow-hidden">
<CardHeader className="space-y-3 pb-3">
<CardTitle className="flex items-center gap-2 text-sm">
<FileText className="h-4 w-4" />
Prompt 文件
<Badge variant="secondary" className="ml-auto">{promptFiles.length}</Badge>
</CardTitle>
<div className="relative">
<Search className="pointer-events-none absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" />
<Input
value={query}
onChange={(event) => setQuery(event.target.value)}
placeholder="搜索文件"
className="pl-8"
/>
</div>
</CardHeader>
<Separator />
<ScrollArea className="h-full">
<div className="space-y-1 p-2">
{loadingCatalog ? (
<div className="flex items-center justify-center gap-2 p-6 text-sm text-muted-foreground">
<Loader2 className="h-4 w-4 animate-spin" />
加载中
</div>
) : filteredFiles.length > 0 ? (
filteredFiles.map((file) => (
<button
key={file.name}
type="button"
onClick={() => setFilename(file.name)}
className={cn(
'w-full rounded-md px-3 py-2 text-left text-sm transition-colors',
'hover:bg-accent hover:text-accent-foreground',
filename === file.name ? 'bg-accent text-accent-foreground' : 'text-muted-foreground',
)}
>
<div className="truncate font-medium" title={file.name}>{file.name}</div>
<div className="mt-0.5 text-xs text-muted-foreground">{formatFileSize(file.size)}</div>
</button>
))
) : (
<div className="p-6 text-center text-sm text-muted-foreground">没有可编辑的 Prompt 文件</div>
)}
</div>
</ScrollArea>
</Card>
<Card className="min-h-0 overflow-hidden">
<CardHeader className="flex flex-row items-center justify-between gap-3 space-y-0 pb-3">
<div className="min-w-0">
<CardTitle className="truncate text-sm">{filename || '未选择文件'}</CardTitle>
<p className="mt-1 text-xs text-muted-foreground">
{language}
{selectedFile ? ` · ${formatFileSize(selectedFile.size)}` : ''}
{hasUnsavedChanges ? ' · 有未保存修改' : ''}
</p>
</div>
</CardHeader>
<CardContent className="min-h-0 p-0">
{loadingFile ? (
<div className="flex h-[calc(100vh-290px)] items-center justify-center gap-2 text-sm text-muted-foreground">
<Loader2 className="h-4 w-4 animate-spin" />
读取中
</div>
) : (
<CodeEditor
value={content}
onChange={setContent}
language="text"
height="calc(100vh - 290px)"
minHeight="520px"
placeholder="选择一个 Prompt 文件后开始编辑"
/>
)}
</CardContent>
</Card>
</div>
</div>
)
}