AdministratorandClaude Opus 4.8
f590f672be
- 技能复制:新增 POST 复制接口(_rewrite_skill_frontmatter_name 重写 frontmatter name + 校验 + 去重),前端 skills api/hooks 与技能设置页配套 - 设置持久化:lastAgentId、线程 RAG 模式锁(settings/index、local) - i18n(en/zh/types)、agent-card/input-box/message-list 等页面文案与交互微调 - scheduler/element.py 小修 (本批为会话前已存在的工作区改动,按要求一并提交;构建产物 backend.zip 未提交) Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
750 lines
28 KiB
TypeScript
750 lines
28 KiB
TypeScript
"use client";
|
|
|
|
import {
|
|
BotIcon,
|
|
CopyIcon,
|
|
GlobeIcon,
|
|
InfoIcon,
|
|
LockIcon,
|
|
MessageSquareIcon,
|
|
ShieldIcon,
|
|
SparklesIcon,
|
|
SquarePenIcon,
|
|
StarIcon,
|
|
TagsIcon,
|
|
Trash2Icon,
|
|
} from "lucide-react";
|
|
import { useRouter } from "next/navigation";
|
|
import { useEffect, useMemo, useState } from "react";
|
|
import { toast } from "sonner";
|
|
|
|
import { Badge } from "@/components/ui/badge";
|
|
import { Button } from "@/components/ui/button";
|
|
import {
|
|
Card,
|
|
CardContent,
|
|
CardDescription,
|
|
CardFooter,
|
|
CardHeader,
|
|
CardTitle,
|
|
} from "@/components/ui/card";
|
|
import {
|
|
Dialog,
|
|
DialogContent,
|
|
DialogDescription,
|
|
DialogFooter,
|
|
DialogHeader,
|
|
DialogTitle,
|
|
} from "@/components/ui/dialog";
|
|
import { Input } from "@/components/ui/input";
|
|
import { Switch } from "@/components/ui/switch";
|
|
import { Textarea } from "@/components/ui/textarea";
|
|
import { SkillDetailDialog } from "@/components/workspace/skills/skill-detail-dialog";
|
|
import { TagChipList } from "@/components/workspace/tags/tag-chip";
|
|
import { TagPickerDialog } from "@/components/workspace/tags/tag-picker-dialog";
|
|
import {
|
|
useAgent,
|
|
useCreateAgent,
|
|
useDeleteAgent,
|
|
useSetAgentFeatured,
|
|
useSetAgentPrivate,
|
|
useToggleAgentFavorite,
|
|
useUpdateAgent,
|
|
} from "@/core/agents";
|
|
import { getAgent } from "@/core/agents/api";
|
|
import type { Agent } from "@/core/agents";
|
|
import { getStoredAuth } from "@/core/auth";
|
|
import { useI18n } from "@/core/i18n/hooks";
|
|
import { useSkills } from "@/core/skills/hooks";
|
|
import { desensitize } from "@/lib/desensitize";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
interface AgentCardProps {
|
|
agent: Agent;
|
|
}
|
|
|
|
export function AgentCard({ agent }: AgentCardProps) {
|
|
const { t } = useI18n();
|
|
const router = useRouter();
|
|
const deleteAgent = useDeleteAgent();
|
|
const updateAgent = useUpdateAgent();
|
|
const createAgent = useCreateAgent();
|
|
const setFeatured = useSetAgentFeatured();
|
|
const setPrivate = useSetAgentPrivate();
|
|
const toggleFavorite = useToggleAgentFavorite();
|
|
const { skills, isLoading: isSkillsLoading } = useSkills();
|
|
const [deleteOpen, setDeleteOpen] = useState(false);
|
|
const [editOpen, setEditOpen] = useState(false);
|
|
const [tagPickerOpen, setTagPickerOpen] = useState(false);
|
|
const [editName, setEditName] = useState(agent.name);
|
|
const [editDescription, setEditDescription] = useState(agent.description ?? "");
|
|
const [editSoul, setEditSoul] = useState(agent.soul ?? "");
|
|
const [editPublished, setEditPublished] = useState(agent.published);
|
|
const [editIsPrivate, setEditIsPrivate] = useState(agent.is_private);
|
|
const [selectedSkills, setSelectedSkills] = useState<string[]>(
|
|
agent.skills ?? [],
|
|
);
|
|
const [detailSkillName, setDetailSkillName] = useState<string | null>(null);
|
|
|
|
// The /api/agents list response intentionally omits `soul` (perf optimization
|
|
// — SOUL.md is only read on demand). Fetch the detail row when the edit
|
|
// dialog opens so the SOUL textarea can be hydrated.
|
|
const { agent: agentDetail, isLoading: isAgentDetailLoading } = useAgent(
|
|
editOpen ? agent.id : null,
|
|
);
|
|
|
|
const storedAuth = useMemo(() => getStoredAuth(), []);
|
|
const currentUserId = storedAuth?.user_id ?? null;
|
|
const isAdmin = storedAuth?.system_role === "admin";
|
|
const isBuiltin = agent.builtin;
|
|
const isOwned =
|
|
!isBuiltin && agent.user_id !== null && agent.user_id === currentUserId;
|
|
const isFromOthers = !isBuiltin && !isOwned;
|
|
// System admins are allowed to edit and delete any agent (built-in or owned
|
|
// by another user) so the admin console can manage the full catalog.
|
|
// Publish-toggle stays owner-only — built-ins are inherently visible to
|
|
// everyone so toggling published is moot.
|
|
const canEdit = isOwned || isAdmin;
|
|
const canDelete = isOwned || isAdmin;
|
|
// Favoriting collects a square agent into "我的"; pointless for one you
|
|
// already own, so only offer it on built-in / others' agents.
|
|
const canFavorite = !isOwned;
|
|
const isFavorite = !!agent.is_favorite;
|
|
|
|
useEffect(() => {
|
|
if (!editOpen) {
|
|
return;
|
|
}
|
|
setEditName(agent.name);
|
|
setEditDescription(agent.description ?? "");
|
|
setEditPublished(agent.published);
|
|
setEditIsPrivate(agent.is_private);
|
|
setSelectedSkills(agent.skills ?? []);
|
|
}, [
|
|
agent.description,
|
|
agent.is_private,
|
|
agent.name,
|
|
agent.published,
|
|
agent.skills,
|
|
editOpen,
|
|
]);
|
|
|
|
useEffect(() => {
|
|
if (!editOpen) {
|
|
return;
|
|
}
|
|
// SOUL.md only ships on the detail endpoint; fall back to whatever the list
|
|
// happened to carry so older deployments (or cached objects that still
|
|
// include `soul`) keep working.
|
|
if (agentDetail) {
|
|
setEditSoul(agentDetail.soul ?? "");
|
|
} else {
|
|
setEditSoul(agent.soul ?? "");
|
|
}
|
|
}, [agent.soul, agentDetail, editOpen]);
|
|
|
|
function handleChat() {
|
|
router.push(`/page/workspace/agents/${agent.id}/chats/new`);
|
|
}
|
|
|
|
async function handleDelete() {
|
|
try {
|
|
await deleteAgent.mutateAsync(agent.id);
|
|
toast.success(t.agents.deleteSuccess);
|
|
setDeleteOpen(false);
|
|
} catch (err) {
|
|
toast.error(err instanceof Error ? err.message : String(err));
|
|
}
|
|
}
|
|
|
|
async function handleDuplicate() {
|
|
if (createAgent.isPending) {
|
|
return;
|
|
}
|
|
try {
|
|
// SOUL.md is omitted from the list payload (perf), so fetch the detail
|
|
// row to carry the source agent's personality into the copy. Fall back
|
|
// to whatever the list happened to include if the detail fetch fails.
|
|
let soul = agent.soul ?? "";
|
|
try {
|
|
const detail = await getAgent(agent.id);
|
|
soul = detail.soul ?? soul;
|
|
} catch {
|
|
// keep the list fallback
|
|
}
|
|
const created = await createAgent.mutateAsync({
|
|
name: `${agent.name} 副本`,
|
|
description: agent.description ?? "",
|
|
soul,
|
|
skills: agent.skills ?? [],
|
|
model: agent.model ?? null,
|
|
tool_groups: agent.tool_groups ?? null,
|
|
// A copy starts as a private, unpublished draft the owner can refine
|
|
// before sharing — never inherit the source's published/private state.
|
|
published: false,
|
|
is_private: false,
|
|
});
|
|
toast.success(
|
|
`已复制为「${desensitize(created.name)}」，可在「我的」中编辑`,
|
|
);
|
|
} catch (err) {
|
|
toast.error(err instanceof Error ? err.message : String(err));
|
|
}
|
|
}
|
|
|
|
async function handleSaveEdit() {
|
|
const trimmedName = editName.trim();
|
|
if (!trimmedName) {
|
|
toast.error(t.agents.nameStepInvalidError ?? "名称不能为空");
|
|
return;
|
|
}
|
|
if (editIsPrivate && editPublished) {
|
|
toast.warning("私密广场与公开发布互斥，请只勾选其一");
|
|
return;
|
|
}
|
|
try {
|
|
await updateAgent.mutateAsync({
|
|
id: agent.id,
|
|
request: {
|
|
name: trimmedName,
|
|
description: editDescription,
|
|
soul: editSoul,
|
|
// Private agents cannot also be published — force the value the
|
|
// backend will see, regardless of any stale state in editPublished.
|
|
published: editIsPrivate ? false : editPublished,
|
|
is_private: editIsPrivate,
|
|
skills: selectedSkills,
|
|
},
|
|
});
|
|
toast.success("智能体已更新");
|
|
setEditOpen(false);
|
|
} catch (err) {
|
|
toast.error(err instanceof Error ? err.message : String(err));
|
|
}
|
|
}
|
|
|
|
async function handleTogglePublished() {
|
|
// Private and public squares are mutually exclusive — a private agent
|
|
// can't simultaneously be published to everyone. Block the toggle
|
|
// instead of silently moving the agent between squares.
|
|
if (!agent.published && agent.is_private) {
|
|
toast.warning("该智能体已加入私密广场，不可发布");
|
|
return;
|
|
}
|
|
try {
|
|
await updateAgent.mutateAsync({
|
|
id: agent.id,
|
|
request: { published: !agent.published },
|
|
});
|
|
toast.success(agent.published ? "已取消发布" : "已发布");
|
|
} catch (err) {
|
|
toast.error(err instanceof Error ? err.message : String(err));
|
|
}
|
|
}
|
|
|
|
async function handleTogglePrivate() {
|
|
const turningOn = !agent.is_private;
|
|
try {
|
|
if (isOwned) {
|
|
// Owners can re-categorize their own agents through the normal update
|
|
// endpoint — keeps publish/private edits in one transaction.
|
|
await updateAgent.mutateAsync({
|
|
id: agent.id,
|
|
request: { is_private: turningOn },
|
|
});
|
|
} else {
|
|
// Admins can move any agent (built-in or other users') via the
|
|
// dedicated admin endpoint.
|
|
await setPrivate.mutateAsync({ id: agent.id, isPrivate: turningOn });
|
|
}
|
|
toast.success(turningOn ? "已加入私密广场" : "已移出私密广场");
|
|
} catch (err) {
|
|
toast.error(err instanceof Error ? err.message : String(err));
|
|
}
|
|
}
|
|
|
|
async function handleToggleFavorite() {
|
|
const next = !isFavorite;
|
|
try {
|
|
await toggleFavorite.mutateAsync({ id: agent.id, favorite: next });
|
|
toast.success(next ? "已收藏到「我的」" : "已取消收藏");
|
|
} catch (err) {
|
|
toast.error(err instanceof Error ? err.message : String(err));
|
|
}
|
|
}
|
|
|
|
async function handleToggleFeatured() {
|
|
// One-click on/off — ordering is handled by the dedicated 管理 Agent 列表
|
|
// dialog. Featured agents get appended to the end on add (Date.now() is a
|
|
// safe seed; the manage dialog can rewrite to 0..N-1 later).
|
|
const turningOn = agent.featured_order == null;
|
|
if (turningOn && !agent.published) {
|
|
toast.error("只有已发布的智能体可以加入首页选择器");
|
|
return;
|
|
}
|
|
try {
|
|
await setFeatured.mutateAsync({
|
|
id: agent.id,
|
|
order: turningOn ? Date.now() : null,
|
|
});
|
|
toast.success(turningOn ? "已加入首页选择器" : "已从首页选择器移除");
|
|
} catch (err) {
|
|
toast.error(err instanceof Error ? err.message : String(err));
|
|
}
|
|
}
|
|
|
|
function toggleSkill(skillName: string) {
|
|
setSelectedSkills((prev) => {
|
|
if (prev.includes(skillName)) {
|
|
return prev.filter((name) => name !== skillName);
|
|
}
|
|
return [...prev, skillName];
|
|
});
|
|
}
|
|
|
|
const enabledSkills = skills.filter((skill) => skill.enabled);
|
|
|
|
return (
|
|
<>
|
|
<Card className="group flex min-w-0 flex-col transition-shadow hover:shadow-md">
|
|
<CardHeader className="min-w-0 pb-3">
|
|
<div className="flex min-w-0 items-start justify-between gap-2">
|
|
<div className="flex min-w-0 flex-1 items-center gap-2 overflow-hidden">
|
|
<div className="bg-primary/10 text-primary flex h-9 w-9 shrink-0 items-center justify-center rounded-lg">
|
|
<BotIcon className="h-5 w-5" />
|
|
</div>
|
|
<div className="min-w-0 flex-1 overflow-hidden">
|
|
<CardTitle
|
|
className="block w-full min-w-0 overflow-hidden text-base text-ellipsis whitespace-nowrap"
|
|
title={desensitize(agent.name)}
|
|
>
|
|
{desensitize(agent.name)}
|
|
</CardTitle>
|
|
{agent.model && (
|
|
<Badge variant="secondary" className="mt-0.5 text-xs">
|
|
{desensitize(agent.model)}
|
|
</Badge>
|
|
)}
|
|
</div>
|
|
</div>
|
|
<div className="flex shrink-0 items-center gap-1">
|
|
{isBuiltin && (
|
|
<Badge variant="secondary" className="text-xs">
|
|
内置
|
|
</Badge>
|
|
)}
|
|
{isOwned && (
|
|
<Badge
|
|
variant="default"
|
|
className="bg-emerald-500/15 text-emerald-700 hover:bg-emerald-500/15 dark:text-emerald-300 text-xs"
|
|
>
|
|
我的
|
|
</Badge>
|
|
)}
|
|
{isFromOthers && (
|
|
<Badge
|
|
variant="outline"
|
|
className="border-blue-500/30 text-blue-700 dark:text-blue-300 text-xs"
|
|
title={agent.user_id ? `来自用户 ${agent.user_id}` : "已发布"}
|
|
>
|
|
来自他人
|
|
</Badge>
|
|
)}
|
|
{isOwned && agent.published && !agent.is_private && (
|
|
<Badge
|
|
variant="outline"
|
|
className="border-sky-500/30 text-sky-700 dark:text-sky-300 text-xs"
|
|
title="该智能体已对所有用户可见"
|
|
>
|
|
<GlobeIcon className="size-3" />
|
|
已发布
|
|
</Badge>
|
|
)}
|
|
{agent.is_private && (
|
|
<Badge
|
|
variant="outline"
|
|
className="border-purple-500/30 text-purple-700 dark:text-purple-300 text-xs"
|
|
title="该智能体位于私密广场，需要密码才能查看"
|
|
>
|
|
<ShieldIcon className="size-3" />
|
|
私密
|
|
</Badge>
|
|
)}
|
|
{agent.featured_order != null && (
|
|
<Badge
|
|
variant="outline"
|
|
className="border-amber-500/40 text-amber-700 dark:text-amber-300 text-xs"
|
|
title="已加入首页选择器"
|
|
>
|
|
<SparklesIcon className="size-3" />
|
|
首页推荐
|
|
</Badge>
|
|
)}
|
|
</div>
|
|
</div>
|
|
{agent.description && (
|
|
<CardDescription className="mt-2 line-clamp-2 text-sm">
|
|
{desensitize(agent.description)}
|
|
</CardDescription>
|
|
)}
|
|
</CardHeader>
|
|
|
|
{(agent.tags?.length ?? 0) > 0 && (
|
|
<CardContent className="pt-0 pb-2">
|
|
<TagChipList tags={agent.tags!} />
|
|
</CardContent>
|
|
)}
|
|
|
|
{(agent.tool_groups?.length ?? agent.skills?.length ?? 0) > 0 && (
|
|
<CardContent className="pt-0 pb-3">
|
|
<div className="flex flex-wrap gap-1">
|
|
{agent.tool_groups?.map((group) => (
|
|
<Badge
|
|
key={`tg:${group}`}
|
|
variant="outline"
|
|
className="text-xs"
|
|
>
|
|
{desensitize(group)}
|
|
</Badge>
|
|
))}
|
|
{agent.skills?.map((skill) => (
|
|
<Badge
|
|
key={`sk:${skill}`}
|
|
variant="secondary"
|
|
className="hover:bg-secondary/70 cursor-pointer text-xs"
|
|
title={t.settings.skills.viewDetailAction}
|
|
onClick={(e) => {
|
|
e.stopPropagation();
|
|
setDetailSkillName(skill);
|
|
}}
|
|
>
|
|
{desensitize(skill)}
|
|
</Badge>
|
|
))}
|
|
</div>
|
|
</CardContent>
|
|
)}
|
|
|
|
<CardFooter className="mt-auto flex flex-col items-stretch gap-2 pt-3">
|
|
{(canEdit || canDelete || isOwned || isAdmin || canFavorite) && (
|
|
<div className="flex flex-wrap items-center justify-end gap-1">
|
|
{canFavorite && (
|
|
<Button
|
|
size="icon"
|
|
variant="ghost"
|
|
className={cn(
|
|
"mr-auto h-8 w-8 shrink-0",
|
|
isFavorite && "text-amber-500 hover:text-amber-600",
|
|
)}
|
|
onClick={() => void handleToggleFavorite()}
|
|
disabled={toggleFavorite.isPending}
|
|
title={isFavorite ? "取消收藏" : "收藏到「我的」"}
|
|
>
|
|
<StarIcon
|
|
className={cn("h-3.5 w-3.5", isFavorite && "fill-current")}
|
|
/>
|
|
</Button>
|
|
)}
|
|
{isAdmin && (
|
|
<Button
|
|
size="icon"
|
|
variant="ghost"
|
|
className={cn(
|
|
"h-8 w-8 shrink-0",
|
|
agent.featured_order != null &&
|
|
"text-amber-600 hover:text-amber-700",
|
|
)}
|
|
onClick={() => void handleToggleFeatured()}
|
|
disabled={setFeatured.isPending}
|
|
title={
|
|
agent.featured_order != null
|
|
? "从首页选择器移除"
|
|
: "加入首页选择器"
|
|
}
|
|
>
|
|
<SparklesIcon className="h-3.5 w-3.5" />
|
|
</Button>
|
|
)}
|
|
{isAdmin && (
|
|
<Button
|
|
size="icon"
|
|
variant="ghost"
|
|
className="h-8 w-8 shrink-0"
|
|
onClick={() => setTagPickerOpen(true)}
|
|
title={t.adminTags.manageTags}
|
|
>
|
|
<TagsIcon className="h-3.5 w-3.5" />
|
|
</Button>
|
|
)}
|
|
{isOwned && (
|
|
<Button
|
|
size="icon"
|
|
variant="ghost"
|
|
className="h-8 w-8 shrink-0"
|
|
onClick={() => void handleTogglePublished()}
|
|
disabled={updateAgent.isPending}
|
|
title={agent.published ? "取消发布" : "发布"}
|
|
>
|
|
{agent.published ? (
|
|
<LockIcon className="h-3.5 w-3.5" />
|
|
) : (
|
|
<GlobeIcon className="h-3.5 w-3.5" />
|
|
)}
|
|
</Button>
|
|
)}
|
|
{(isOwned || isAdmin) && (
|
|
<Button
|
|
size="icon"
|
|
variant="ghost"
|
|
className={cn(
|
|
"h-8 w-8 shrink-0",
|
|
agent.is_private &&
|
|
"text-purple-600 hover:text-purple-700",
|
|
)}
|
|
onClick={() => void handleTogglePrivate()}
|
|
disabled={updateAgent.isPending || setPrivate.isPending}
|
|
title={
|
|
agent.is_private ? "移出私密广场" : "放入私密广场"
|
|
}
|
|
>
|
|
<ShieldIcon className="h-3.5 w-3.5" />
|
|
</Button>
|
|
)}
|
|
<Button
|
|
size="icon"
|
|
variant="ghost"
|
|
className="h-8 w-8 shrink-0"
|
|
onClick={() => void handleDuplicate()}
|
|
disabled={createAgent.isPending}
|
|
title="复制为新智能体"
|
|
>
|
|
<CopyIcon className="h-3.5 w-3.5" />
|
|
</Button>
|
|
{canEdit && (
|
|
<Button
|
|
size="icon"
|
|
variant="ghost"
|
|
className="h-8 w-8 shrink-0"
|
|
onClick={() => setEditOpen(true)}
|
|
title="编辑智能体"
|
|
>
|
|
<SquarePenIcon className="h-3.5 w-3.5" />
|
|
</Button>
|
|
)}
|
|
{canDelete && (
|
|
<Button
|
|
size="icon"
|
|
variant="ghost"
|
|
className="text-destructive hover:text-destructive h-8 w-8 shrink-0"
|
|
onClick={() => setDeleteOpen(true)}
|
|
title={t.agents.delete}
|
|
>
|
|
<Trash2Icon className="h-3.5 w-3.5" />
|
|
</Button>
|
|
)}
|
|
</div>
|
|
)}
|
|
<Button size="sm" className="w-full" onClick={handleChat}>
|
|
<MessageSquareIcon className="mr-1.5 h-3.5 w-3.5" />
|
|
{t.agents.chat}
|
|
</Button>
|
|
</CardFooter>
|
|
</Card>
|
|
|
|
<Dialog open={editOpen} onOpenChange={setEditOpen}>
|
|
<DialogContent className="max-h-[85vh] overflow-y-auto sm:max-w-2xl">
|
|
<DialogHeader>
|
|
<DialogTitle>编辑智能体:{desensitize(agent.name)}</DialogTitle>
|
|
<DialogDescription>
|
|
可以修改名称、描述、技能白名单、SOUL 内容与发布状态。
|
|
</DialogDescription>
|
|
</DialogHeader>
|
|
<div className="space-y-4 py-2">
|
|
<div className="space-y-2">
|
|
<label className="text-sm font-medium">名称</label>
|
|
<Input
|
|
value={editName}
|
|
onChange={(e) => setEditName(e.target.value)}
|
|
placeholder="输入智能体名称(允许中文)"
|
|
/>
|
|
</div>
|
|
<div className="space-y-2">
|
|
<label className="text-sm font-medium">描述</label>
|
|
<Textarea
|
|
value={editDescription}
|
|
onChange={(e) => setEditDescription(e.target.value)}
|
|
placeholder="输入智能体描述"
|
|
className="min-h-20"
|
|
/>
|
|
</div>
|
|
<div className="space-y-2">
|
|
<div className="flex items-center justify-between">
|
|
<label className="text-sm font-medium">技能白名单</label>
|
|
<span className="text-muted-foreground text-xs">
|
|
已选 {selectedSkills.length} 个
|
|
</span>
|
|
</div>
|
|
<div className="max-h-[240px] overflow-y-auto rounded-md border p-2">
|
|
{isSkillsLoading ? (
|
|
<p className="text-muted-foreground text-sm">技能加载中...</p>
|
|
) : enabledSkills.length === 0 ? (
|
|
<p className="text-muted-foreground text-sm">
|
|
当前没有可用技能
|
|
</p>
|
|
) : (
|
|
<div className="grid grid-cols-1 gap-2 sm:grid-cols-2">
|
|
{enabledSkills.map((skill) => {
|
|
const checked = selectedSkills.includes(skill.name);
|
|
return (
|
|
<div
|
|
key={skill.name}
|
|
className="flex w-full min-w-0 items-center"
|
|
>
|
|
<Button
|
|
type="button"
|
|
size="sm"
|
|
variant={checked ? "default" : "outline"}
|
|
onClick={() => toggleSkill(skill.name)}
|
|
title={desensitize(skill.description ?? "")}
|
|
className="h-8 min-w-0 flex-1 rounded-r-none"
|
|
>
|
|
<span className="truncate">{desensitize(skill.name)}</span>
|
|
</Button>
|
|
<Button
|
|
type="button"
|
|
size="icon"
|
|
variant={checked ? "default" : "outline"}
|
|
onClick={() => setDetailSkillName(skill.name)}
|
|
title={t.settings.skills.viewDetailAction}
|
|
className="h-8 w-7 rounded-l-none border-l-0"
|
|
>
|
|
<InfoIcon className="size-3.5" />
|
|
</Button>
|
|
</div>
|
|
);
|
|
})}
|
|
</div>
|
|
)}
|
|
</div>
|
|
<p className="text-muted-foreground text-xs">
|
|
不选任何技能会保存为无技能(skills = [])。
|
|
</p>
|
|
</div>
|
|
<div className="space-y-2">
|
|
<label className="text-sm font-medium">SOUL</label>
|
|
<Textarea
|
|
value={editSoul ?? ""}
|
|
onChange={(e) => setEditSoul(e.target.value)}
|
|
placeholder={
|
|
isAgentDetailLoading && !agentDetail
|
|
? "正在加载 SOUL.md..."
|
|
: "输入 SOUL.md 内容"
|
|
}
|
|
className="min-h-40 font-mono text-xs"
|
|
/>
|
|
</div>
|
|
<div className="flex items-center justify-between rounded-md border p-3">
|
|
<div>
|
|
<p className="text-sm font-medium">公开发布</p>
|
|
<p className="text-muted-foreground text-xs">
|
|
{editIsPrivate
|
|
? "已加入私密广场，不可发布；请先关闭私密广场。"
|
|
: "打开后,该智能体对所有用户可见。"}
|
|
</p>
|
|
</div>
|
|
<Switch
|
|
checked={editPublished && !editIsPrivate}
|
|
disabled={editIsPrivate}
|
|
onCheckedChange={(v) => {
|
|
if (editIsPrivate) {
|
|
toast.warning("该智能体已加入私密广场，不可发布");
|
|
return;
|
|
}
|
|
setEditPublished(v);
|
|
}}
|
|
/>
|
|
</div>
|
|
<div className="flex items-center justify-between rounded-md border p-3">
|
|
<div>
|
|
<p className="text-sm font-medium">加入私密广场</p>
|
|
<p className="text-muted-foreground text-xs">
|
|
打开后,该智能体仅在私密广场显示,需输入密码才能查看;与「公开发布」互斥。
|
|
</p>
|
|
</div>
|
|
<Switch
|
|
checked={editIsPrivate}
|
|
onCheckedChange={(v) => {
|
|
setEditIsPrivate(v);
|
|
if (v) {
|
|
// Mutual-exclusion: switching the agent into the private
|
|
// square automatically clears the public-publish flag so
|
|
// the user can't end up with a half-and-half state.
|
|
setEditPublished(false);
|
|
}
|
|
}}
|
|
/>
|
|
</div>
|
|
</div>
|
|
<DialogFooter>
|
|
<Button
|
|
variant="outline"
|
|
onClick={() => setEditOpen(false)}
|
|
disabled={updateAgent.isPending}
|
|
>
|
|
{t.common.cancel}
|
|
</Button>
|
|
<Button onClick={handleSaveEdit} disabled={updateAgent.isPending}>
|
|
{updateAgent.isPending ? t.common.loading : "保存修改"}
|
|
</Button>
|
|
</DialogFooter>
|
|
</DialogContent>
|
|
</Dialog>
|
|
|
|
{/* Delete Confirm */}
|
|
<Dialog open={deleteOpen} onOpenChange={setDeleteOpen}>
|
|
<DialogContent>
|
|
<DialogHeader>
|
|
<DialogTitle>{t.agents.delete}</DialogTitle>
|
|
<DialogDescription>{t.agents.deleteConfirm}</DialogDescription>
|
|
</DialogHeader>
|
|
<DialogFooter>
|
|
<Button
|
|
variant="outline"
|
|
onClick={() => setDeleteOpen(false)}
|
|
disabled={deleteAgent.isPending}
|
|
>
|
|
{t.common.cancel}
|
|
</Button>
|
|
<Button
|
|
variant="destructive"
|
|
onClick={handleDelete}
|
|
disabled={deleteAgent.isPending}
|
|
>
|
|
{deleteAgent.isPending ? t.common.loading : t.common.delete}
|
|
</Button>
|
|
</DialogFooter>
|
|
</DialogContent>
|
|
</Dialog>
|
|
|
|
{isAdmin && (
|
|
<TagPickerDialog
|
|
open={tagPickerOpen}
|
|
onOpenChange={setTagPickerOpen}
|
|
targetType="agent"
|
|
targetId={agent.id}
|
|
currentTags={agent.tags ?? []}
|
|
/>
|
|
)}
|
|
|
|
|
|
<SkillDetailDialog
|
|
skillName={detailSkillName}
|
|
open={detailSkillName !== null}
|
|
onOpenChange={(o) => {
|
|
if (!o) setDetailSkillName(null);
|
|
}}
|
|
/>
|
|
</>
|
|
);
|
|
}
|