{message.content}
-
+
{formatTime(message.created_at)}
{isAssistant && message.model_code && · {message.model_code}}
{isAssistant && message.total_tokens !== null && · tokens {message.total_tokens}}
diff --git a/web/src/app/admin/code-review/page.tsx b/web/src/app/admin/code-review/page.tsx
new file mode 100644
index 0000000..6186292
--- /dev/null
+++ b/web/src/app/admin/code-review/page.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { default } from "@/app/admin/requirements/page";
diff --git a/web/src/app/admin/cron/page.tsx b/web/src/app/admin/cron/page.tsx
new file mode 100644
index 0000000..648db25
--- /dev/null
+++ b/web/src/app/admin/cron/page.tsx
@@ -0,0 +1 @@
+export { default } from "@/app/admin/todos/page";
diff --git a/web/src/app/admin/data-query/page.tsx b/web/src/app/admin/data-query/page.tsx
new file mode 100644
index 0000000..ce2e7ef
--- /dev/null
+++ b/web/src/app/admin/data-query/page.tsx
@@ -0,0 +1 @@
+export { default } from "@/app/admin/syslog/page";
diff --git a/web/src/app/admin/diary/page.tsx b/web/src/app/admin/diary/page.tsx
new file mode 100644
index 0000000..ce2e7ef
--- /dev/null
+++ b/web/src/app/admin/diary/page.tsx
@@ -0,0 +1 @@
+export { default } from "@/app/admin/syslog/page";
diff --git a/web/src/app/admin/filedetector/page.tsx b/web/src/app/admin/filedetector/page.tsx
new file mode 100644
index 0000000..583a7ee
--- /dev/null
+++ b/web/src/app/admin/filedetector/page.tsx
@@ -0,0 +1 @@
+export { default } from "../files/page";
diff --git a/web/src/app/admin/files/page.tsx b/web/src/app/admin/files/page.tsx
index 823399b..e5b1da2 100644
--- a/web/src/app/admin/files/page.tsx
+++ b/web/src/app/admin/files/page.tsx
@@ -2,10 +2,11 @@
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
import Link from "next/link";
-import { useCallback, useMemo, useRef, useState } from "react";
+import { useCallback, useMemo, useState } from "react";
import type { ChangeEvent } from "react";
import { useAuth } from "@/components/auth-provider";
+import { Button, Table, TextField } from "@radix-ui/themes";
import { useTopicSubscription } from "@/hooks/use-topic-subscription";
import { readApiError } from "@/lib/api";
import type {
@@ -59,8 +60,6 @@ export default function AdminFilesPage() {
const [moveNewName, setMoveNewName] = useState("");
const [activeItemPath, setActiveItemPath] = useState(null);
- const fileInputRef = useRef(null);
-
const canRead = hasPermission("file.read") || hasPermission("file.manage");
const canManage = hasPermission("file.manage");
@@ -319,10 +318,6 @@ export default function AdminFilesPage() {
void moveMutation.mutateAsync(item);
};
- const handleUploadClick = () => {
- fileInputRef.current?.click();
- };
-
const handleUploadChange = (event: ChangeEvent) => {
const selected = event.target.files?.[0];
if (!selected) {
@@ -379,14 +374,14 @@ export default function AdminFilesPage() {
uploadMutation.isPending;
if (initializing || filesQuery.isLoading) {
- return
-
);
}
@@ -394,8 +389,8 @@ export default function AdminFilesPage() {
if (!canRead) {
return (
-
);
}
@@ -403,114 +398,107 @@ export default function AdminFilesPage() {
return (
Loading files...
; + returnLoading files...
; } if (!user) { return (请先登录后再访问文件管理页面。
- 返回首页 +请先登录后再访问文件管理页面。
+ 返回首页你没有访问该页面的权限（需要 `file.read`）。
- 返回首页 +你没有访问该页面的权限（需要 `file.read`）。
+ 返回首页
{(listError || errorMessage) && (
-
+{listError || errorMessage})} {feedbackMessage && ( -+{feedbackMessage})}-+ - 挂载点
-一期按挂载点浏览目录树，支持 VFS/S3。
+一期按挂载点浏览目录树，支持 VFS/S3。
{mounts.map((mount) => { const selected = mount.code === (listData?.current_mount.code ?? mountCode); return ( - + ); })} {mounts.length === 0 && ( -暂无可用挂载点。
+暂无可用挂载点。
)}+ 文件列表
-+
存储后端：{listData?.current_mount.backend.name ?? "-"}（{listData?.current_mount.backend.driver_type ?? "-"}）
- + {canManage && ( <> - + /> )}+diff --git a/web/src/app/admin/git-desktop/page.tsx b/web/src/app/admin/git-desktop/page.tsx new file mode 100644 index 0000000..6186292 --- /dev/null +++ b/web/src/app/admin/git-desktop/page.tsx @@ -0,0 +1,3 @@ +"use client"; + +export { default } from "@/app/admin/requirements/page"; diff --git a/web/src/app/admin/group/page.tsx b/web/src/app/admin/group/page.tsx new file mode 100644 index 0000000..fc45ba7 --- /dev/null +++ b/web/src/app/admin/group/page.tsx @@ -0,0 +1 @@ +export { default } from "../tag/page"; diff --git a/web/src/app/admin/history/page.tsx b/web/src/app/admin/history/page.tsx new file mode 100644 index 0000000..7bea963 --- /dev/null +++ b/web/src/app/admin/history/page.tsx @@ -0,0 +1 @@ +export { default } from "../question-bank/page"; diff --git a/web/src/app/admin/homework/page.tsx b/web/src/app/admin/homework/page.tsx new file mode 100644 index 0000000..7bea963 --- /dev/null +++ b/web/src/app/admin/homework/page.tsx @@ -0,0 +1 @@ +export { default } from "../question-bank/page"; diff --git a/web/src/app/admin/hot-search/page.tsx b/web/src/app/admin/hot-search/page.tsx new file mode 100644 index 0000000..05732e2 --- /dev/null +++ b/web/src/app/admin/hot-search/page.tsx @@ -0,0 +1,685 @@ +"use client"; + +import Link from "next/link"; +import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"; +import { ChangeEvent, KeyboardEvent, useCallback, useEffect, useMemo, useState } from "react"; +import { Button, Dialog, Select, Table, TextArea, TextField } from "@radix-ui/themes"; + +import { useAuth } from "@/components/auth-provider"; +import { useTopicSubscription } from "@/hooks/use-topic-subscription"; +import { readApiError } from "@/lib/api"; +import type { + HotSearchFollowTopicListResponse, + HotSearchFollowTopicSummary, + HotSearchListResponse, + HotSearchRecordSummary, +} from "@/types/auth"; + +const SOURCE_OPTIONS = [ + { label: "头条", value: "TOUTIAO" }, +]; + +type TopicFormState = { + topic_name: string; + keywords: string; + enabled: "true" | "false"; + seq: string; +}; + +const EMPTY_TOPIC_FORM: TopicFormState = { + topic_name: "", + keywords: "", + enabled: "true", + seq: "0", +}; + +function formatDateTime(value: string | null | undefined): string { + if (!value) { + return "-"; + } + const date = new Date(value); + if (Number.isNaN(date.getTime())) { + return value; + } + return date.toLocaleString("zh-CN", { hour12: false }); +} + +function renderTopicTags(topics: string[]) { + if (topics.length === 0) { + return 未命中; + } + return ( + + {topics.map((topic) => ( + + {topic} + + ))} + + ); +} + +export default function AdminHotSearchPage() { + const { user, initializing, fetchWithAuth, hasPermission } = useAuth(); + const queryClient = useQueryClient(); + + const [source, setSource] = useState("TOUTIAO"); + const [keywordInput, setKeywordInput] = useState(""); + const [keyword, setKeyword] = useState(""); + const [followedOnly, setFollowedOnly] = useState(false); + const [selectedId, setSelectedId] = useState{(listData?.breadcrumbs ?? [{ name: "根目录", path: "/" }]).map((crumb, index, all) => ({canManage && (- - {index < all.length - 1 && /} + + {index < all.length - 1 && /}))}- ) => setNewDirectoryName(event.currentTarget.value)} placeholder="新建目录名" - className="w-full max-w-xs control" + className="w-full max-w-xs" /> - +)}-- -
+ +- - - +名称 -类型 -大小 -修改时间 -索引同步时间 -操作 -+ -+ ++ +名称 +类型 +大小 +修改时间 +索引同步时间 +操作 +{items.map((item) => { const isActive = activeItemPath === item.path; return ( - - + + ); })} {items.length === 0 && ( -- {isActive && canManage && ( - -+)} -- ) => setRenameName(event.currentTarget.value)} placeholder="新名称" - className="control w-48 px-2 py-1 text-xs" + className="w-48" /> - +- ) => setMoveTargetParentPath(event.currentTarget.value)} placeholder="目标目录（如 /a/b）" - className="control w-48 px-2 py-1 text-xs" + className="w-48" /> - ) => setMoveNewName(event.currentTarget.value)} placeholder="新名称（可选）" - className="control w-40 px-2 py-1 text-xs" + className="w-40" /> - -{item.is_dir ? "目录" : item.mime_type ?? "文件"} -{item.is_dir ? "-" : formatFileSize(item.size)} -{formatDate(item.modified_at)} -{formatDate(item.synced_at)} -+ + -{item.is_dir ? "目录" : item.mime_type ?? "文件"} +{item.is_dir ? "-" : formatFileSize(item.size)} +{formatDate(item.modified_at)} +{formatDate(item.synced_at)} +- + + )} -+ -+ 当前目录为空 - (null); + + const [error, setError] = useState(""); + const [success, setSuccess] = useState(""); + + const [topicDialogOpen, setTopicDialogOpen] = useState(false); + const [editingTopicId, setEditingTopicId] = useState (null); + const [topicForm, setTopicForm] = useState (EMPTY_TOPIC_FORM); + + const canRead = hasPermission("question_bank.read") || hasPermission("question_bank.manage"); + const canManage = hasPermission("question_bank.manage"); + + const listQuery = useQuery({ + queryKey: ["/api/v1/admin/hot-search/search", source, keyword, followedOnly], + enabled: !!user && canRead, + queryFn: async () => { + const response = await fetchWithAuth("/api/v1/admin/hot-search/search", { + method: "POST", + headers: { "Content-Type": "application/json" }, + body: JSON.stringify({ + source, + title_keyword: keyword.trim() || null, + followed_only: followedOnly, + }), + }); + if (!response.ok) { + throw new Error(await readApiError(response)); + } + return (await response.json()) as HotSearchListResponse; + }, + }); + + const followTopicsQuery = useQuery({ + queryKey: ["/api/v1/admin/hot-search/follow-topics"], + enabled: !!user && canRead, + queryFn: async () => { + const response = await fetchWithAuth("/api/v1/admin/hot-search/follow-topics"); + if (!response.ok) { + throw new Error(await readApiError(response)); + } + return (await response.json()) as HotSearchFollowTopicListResponse; + }, + }); + + const refreshRecords = useCallback(async () => { + await queryClient.invalidateQueries({ + predicate: (query) => { + const key = query.queryKey[0]; + return typeof key === "string" && key.startsWith("/api/v1/admin/hot-search/search"); + }, + }); + }, [queryClient]); + + const refreshTopics = useCallback(async () => { + await queryClient.invalidateQueries({ queryKey: ["/api/v1/admin/hot-search/follow-topics"] }); + }, [queryClient]); + + useTopicSubscription("admin.hot_search", useCallback(() => { + void refreshRecords(); + }, [refreshRecords])); + + useTopicSubscription("admin.hot_search.follow_topics", useCallback(() => { + void refreshTopics(); + void refreshRecords(); + }, [refreshRecords, refreshTopics])); + + const records = listQuery.data?.items ?? []; + const topics = followTopicsQuery.data?.items ?? []; + + useEffect(() => { + if (records.length === 0) { + setSelectedId(null); + return; + } + const exists = selectedId !== null && records.some((item) => item.id === selectedId); + if (!exists) { + setSelectedId(records[0].id); + } + }, [records, selectedId]); + + const selectedRecord = useMemo (() => { + if (records.length === 0) { + return null; + } + if (selectedId === null) { + return records[0]; + } + return records.find((item) => item.id === selectedId) ?? records[0]; + }, [records, selectedId]); + + const topicStats = useMemo(() => { + const enabled = topics.filter((item) => item.enabled).length; + return { + total: topics.length, + enabled, + disabled: Math.max(0, topics.length - enabled), + }; + }, [topics]); + + const saveTopicMutation = useMutation({ + mutationFn: async () => { + if (!canManage) { + throw new Error("缺少 question_bank.manage 权限"); + } + + const topic_name = topicForm.topic_name.trim(); + if (!topic_name) { + throw new Error("主题名称不能为空"); + } + + const seqNumber = Number(topicForm.seq || "0"); + if (Number.isNaN(seqNumber) || seqNumber < 0) { + throw new Error("排序值必须是大于等于 0 的数字"); + } + + const payload = { + topic_name, + keywords: topicForm.keywords.trim() || null, + enabled: topicForm.enabled === "true", + seq: seqNumber, + }; + + if (editingTopicId === null) { + const response = await fetchWithAuth("/api/v1/admin/hot-search/follow-topics", { + method: "POST", + headers: { "Content-Type": "application/json" }, + body: JSON.stringify(payload), + }); + if (!response.ok) { + throw new Error(await readApiError(response)); + } + return "created"; + } + + const response = await fetchWithAuth(`/api/v1/admin/hot-search/follow-topics/${editingTopicId}`, { + method: "PATCH", + headers: { "Content-Type": "application/json" }, + body: JSON.stringify(payload), + }); + if (!response.ok) { + throw new Error(await readApiError(response)); + } + return "updated"; + }, + onSuccess: async (mode) => { + setError(""); + setSuccess(mode === "created" ? "关注主题已创建" : "关注主题已更新"); + setTopicDialogOpen(false); + setEditingTopicId(null); + setTopicForm(EMPTY_TOPIC_FORM); + await refreshTopics(); + await refreshRecords(); + }, + onError: (candidate) => { + setSuccess(""); + setError(candidate instanceof Error ? candidate.message : "保存关注主题失败"); + }, + }); + + const deleteTopicMutation = useMutation({ + mutationFn: async (topicId: number) => { + if (!canManage) { + throw new Error("缺少 question_bank.manage 权限"); + } + const response = await fetchWithAuth(`/api/v1/admin/hot-search/follow-topics/${topicId}`, { + method: "DELETE", + }); + if (!response.ok) { + throw new Error(await readApiError(response)); + } + }, + onSuccess: async () => { + setError(""); + setSuccess("关注主题已删除"); + await refreshTopics(); + await refreshRecords(); + }, + onError: (candidate) => { + setSuccess(""); + setError(candidate instanceof Error ? candidate.message : "删除关注主题失败"); + }, + }); + + const openCreateTopic = () => { + setError(""); + setSuccess(""); + setEditingTopicId(null); + setTopicForm({ ...EMPTY_TOPIC_FORM, seq: String(topics.length) }); + setTopicDialogOpen(true); + }; + + const openEditTopic = (item: HotSearchFollowTopicSummary) => { + setError(""); + setSuccess(""); + setEditingTopicId(item.id); + setTopicForm({ + topic_name: item.topic_name, + keywords: item.keywords ?? "", + enabled: item.enabled ? "true" : "false", + seq: String(item.seq), + }); + setTopicDialogOpen(true); + }; + + const submitSearch = () => { + setKeyword(keywordInput.trim()); + }; + + const onKeywordKeyDown = (event: KeyboardEvent ) => { + if (event.key === "Enter") { + event.preventDefault(); + submitSearch(); + } + }; + + const listError = listQuery.error instanceof Error ? listQuery.error.message : ""; + const topicError = followTopicsQuery.error instanceof Error ? followTopicsQuery.error.message : ""; + const totalError = error || listError || topicError; + + if (initializing) { + return Loading hot search workspace...
; + } + + if (!user) { + return ( ++ + ); + } + + if (!canRead) { + return ( +请先登录后再访问热搜页面。
+ 返回首页 ++ + ); + } + + return ( +你没有访问该页面的权限（需要 `question_bank.read`）。
+ 返回首页 ++ {totalError && ( +{totalError}+ )} + {success && ( +{success}+ )} + ++ + +++ +++热搜列表
+支持来源筛选、关键词检索与关注主题命中识别。
++ 共 {records.length} 条 + 启用主题 {topicStats.enabled} + 全部主题 {topicStats.total} +++ + + + + ++ ++ + ++ +++++ ++ ++ ++ +序号 +标题 +来源 +热度 +命中主题 +抓取时间 ++ {listQuery.isLoading && ( + ++ + )} + + {!listQuery.isLoading && records.map((item) => { + const active = selectedRecord?.id === item.id; + return ( ++ 正在加载热搜数据... + ++ + ); + })} + + {!listQuery.isLoading && records.length === 0 && ( +setSelectedId(item.id)} + > + {item.rank_index ?? "-"} + +setSelectedId(item.id)} + > + +{item.title}+{item.source || "-"} +{item.hot_value || "-"} +{renderTopicTags(item.matched_topics)} +{formatDateTime(item.crawl_time)} ++ + )} ++ 暂无热搜数据。 + ++ +详情
+ {!selectedRecord && ( +请选择一条热搜查看详情。
+ )} + {selectedRecord && ( +++ )} +++ +标题+{selectedRecord.title}+++ +++来源+{selectedRecord.source || "-"}+++热度+{selectedRecord.hot_value || "-"}+++序号+{selectedRecord.rank_index ?? "-"}+++抓取时间+{formatDateTime(selectedRecord.crawl_time)}+++ + + +命中关注主题+{renderTopicTags(selectedRecord.matched_topics)}+++详情内容++ {selectedRecord.detail_markdown || "暂无详情"} +++ + +++ +++关注主题
+用于识别热搜命中主题，支持启停、排序与关键词配置。
++ 启用 {topicStats.enabled} + 停用 {topicStats.disabled} + {canManage && ( + + )} +++++ ++ ++ +主题名称 +关键词 +状态 +排序 +更新时间 + {canManage &&操作 } ++ {followTopicsQuery.isLoading && ( + ++ + )} + + {!followTopicsQuery.isLoading && topics.map((item) => ( ++ 正在加载关注主题... + ++ + ))} + + {!followTopicsQuery.isLoading && topics.length === 0 && ( +{item.topic_name} ++ +{item.keywords || "-"}++ + {item.enabled ? "启用" : "停用"} + + +{item.seq} +{formatDateTime(item.updated_at)} + {canManage && ( ++ + )} ++ + +++ + )} ++ 暂无关注主题。 + ++ + {editingTopicId === null ? "新建关注主题" : `编辑关注主题 #${editingTopicId}`} ++ 主题关键词支持逗号或换行分隔；系统将基于关键词自动匹配热搜内容。 + + ++ + +