feat(skills): 自我进化 - 软归档/恢复 + Agent 归属 + 状态分层 UI

后端: - 新增 PUT /api/skills/custom/{name}/state 与 /pinned 软归档/恢复 + 钉选 API - skill_manage 工具: agent 创建写 DB 归属; 删除清理 .usage.json + DB row + cascade 引用; 加 ownership 预校验 - curator 全部软归档(文件保留在 custom/), 加 reason 必填(中文), 修 user_context 跨线程传播 / 协程泄漏 / archive 文件不再移动 - LLM 评审接 ToolErrorHandlingMiddleware, 工具异常自动重试不中止本轮; 替换 create_react_agent 为 create_agent - skill_list 按当前 agent config.yaml 的 skills 字段过滤(custom agent), lead agent 仍可见全部 - 自我进化提示词对齐 Hermes 风格: 主动询问保存, reason 强制中文且面向用户 - 控制台日志增强: 自动归档/标过时/LLM 合并/删减建议都按条目输出原因前端: - 技能管理页 Tab 改「全部 / 我的」, 正确包含他人发布的 custom 技能(修复 isCustom 互斥 bug) - 新增「过时 N / 归档 N」右侧抽屉(恢复/查看/立即归档 ⋯ 菜单) - 新增徽章: 钉选 / 来源(Agent 创建 / 用户上传) / 使用次数展示 - 内置技能徽章修复(原 isBuiltin && isCustom 永远 false) - 自我进化日志 run_started sentinel 在前端展示为中文分隔条 - 移除冗余 enabled 开关(归档已覆盖此能力, 减少术语) Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-15 00:00:52 +08:00
1 parent f8bc74b27f
commit 62d525dae7
@@ -2,11 +2,15 @@

 import {
  AlertCircle,
+  ArchiveIcon,
  CheckCircle2,
+  ClockIcon,
  EyeIcon,
  EyeOffIcon,
  FileArchive,
  Loader2,
+  PinIcon,
+  PinOffIcon,
  SparklesIcon,
  Trash2Icon,
  TrendingUpIcon,
@@ -41,15 +45,14 @@ import {
  ItemContent,
  ItemDescription,
 } from "@/components/ui/item";
-import { Switch } from "@/components/ui/switch";
 import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { getStoredAuth } from "@/core/auth";
 import { useI18n } from "@/core/i18n/hooks";
 import type { ValidateSkillUploadResponse } from "@/core/skills/api";
 import {
  useDeleteCustomSkill,
-  useEnableSkill,
  useInstallSkillUpload,
+  useSetSkillPinned,
  useSetSkillPublished,
  useSkills,
  useValidateSkillUpload,
@@ -59,6 +62,7 @@ import { env } from "@/env";
 import { cn } from "@/lib/utils";

 import { SettingsSection } from "./settings-section";
+import { SkillStateSheet } from "./skill-state-sheet";

 export function SkillSettingsPage({ onClose }: { onClose?: () => void } = {}) {
  const { t } = useI18n();
@@ -88,34 +92,99 @@ function SkillSettingsList({
 }) {
  const { t } = useI18n();
  const router = useRouter();
-  const [filter, setFilter] = useState<string>("public");
+  const [filter, setFilter] = useState<string>("all");
  const [installOpen, setInstallOpen] = useState(false);
-  const { mutate: enableSkill } = useEnableSkill();
-  const filteredSkills = useMemo(
-    () => skills.filter((skill) => skill.category === filter),
-    [skills, filter],
-  );
+  const [staleSheetOpen, setStaleSheetOpen] = useState(false);
+  const [archiveSheetOpen, setArchiveSheetOpen] = useState(false);

  const storedAuth = useMemo(() => getStoredAuth(), []);
  const currentUserId = storedAuth?.user_id ?? null;
  const isAdmin = storedAuth?.system_role === "admin";

+  // Visible-to-me skills, classified into the three buckets the UI cares about.
+  // "All" = built-in + anyone-published-custom + mine (active state only).
+  // "Mine" = strictly my own custom skills (active state only).
+  const { activeAll, activeMine, staleVisible, archivedVisible } = useMemo(() => {
+    const all: Skill[] = [];
+    const mine: Skill[] = [];
+    const stale: Skill[] = [];
+    const archived: Skill[] = [];
+    for (const skill of skills) {
+      const state = skill.state ?? "active";
+      const isCustom = skill.category === "custom";
+      const isOwnedByMe =
+        isCustom && !!skill.owner_user_id && skill.owner_user_id === currentUserId;
+      const isBuiltin = skill.builtin ?? !skill.owner_user_id;
+      const isPublishedByOthers =
+        isCustom && !isOwnedByMe && !isBuiltin && !!skill.published;
+
+      if (state === "stale") {
+        stale.push(skill);
+        continue;
+      }
+      if (state === "archived") {
+        archived.push(skill);
+        continue;
+      }
+      // state === active
+      if (!isCustom || isBuiltin || isOwnedByMe || isPublishedByOthers) {
+        all.push(skill);
+      }
+      if (isOwnedByMe) {
+        mine.push(skill);
+      }
+    }
+    return {
+      activeAll: all,
+      activeMine: mine,
+      staleVisible: stale,
+      archivedVisible: archived,
+    };
+  }, [skills, currentUserId]);
+
+  const filteredSkills = filter === "mine" ? activeMine : activeAll;
+  const staleCount = staleVisible.length;
+  const archivedCount = archivedVisible.length;
+
  const handleCreateSkill = () => {
    onClose?.();
    router.push("/?mode=skill");
  };
  return (
    <div className="flex w-full flex-col gap-4">
-      <header className="flex justify-between">
-        <div className="flex gap-2">
-          <Tabs defaultValue="public" onValueChange={setFilter}>
+      <header className="flex flex-wrap items-center justify-between gap-3">
+        <div className="flex flex-wrap items-center gap-2">
+          <Tabs value={filter} onValueChange={setFilter}>
            <TabsList variant="line">
-              <TabsTrigger value="public">{t.common.public}</TabsTrigger>
-              <TabsTrigger value="custom">{t.common.custom}</TabsTrigger>
+              <TabsTrigger value="all">{t.settings.skills.tabAll}</TabsTrigger>
+              <TabsTrigger value="mine">{t.settings.skills.tabMine}</TabsTrigger>
            </TabsList>
          </Tabs>
+          <Button
+            size="sm"
+            variant="outline"
+            disabled={staleCount === 0}
+            onClick={() => setStaleSheetOpen(true)}
+            title={t.settings.skills.badgeStaleTitle}
+          >
+            <ClockIcon className="size-4" />
+            {t.settings.skills.entryStale.replace("{count}", String(staleCount))}
+          </Button>
+          <Button
+            size="sm"
+            variant="outline"
+            disabled={archivedCount === 0}
+            onClick={() => setArchiveSheetOpen(true)}
+            title={t.settings.skills.badgeArchivedTitle}
+          >
+            <ArchiveIcon className="size-4" />
+            {t.settings.skills.entryArchived.replace(
+              "{count}",
+              String(archivedCount),
+            )}
+          </Button>
        </div>
-        <div className="flex gap-2">
+        <div className="flex flex-wrap gap-2">
          <Button
            size="sm"
            variant="outline"
@@ -152,9 +221,6 @@ function SkillSettingsList({
            skill={skill}
            currentUserId={currentUserId}
            isAdmin={isAdmin}
-            onToggleEnabled={(enabled) =>
-              enableSkill({ skillName: skill.name, enabled })
-            }
          />
        ))}
      <InstallSkillDialog
@@ -162,6 +228,18 @@ function SkillSettingsList({
        onClose={() => setInstallOpen(false)}
        isAdmin={isAdmin}
      />
+      <SkillStateSheet
+        kind="stale"
+        open={staleSheetOpen}
+        onOpenChange={setStaleSheetOpen}
+        skills={staleVisible}
+      />
+      <SkillStateSheet
+        kind="archived"
+        open={archiveSheetOpen}
+        onOpenChange={setArchiveSheetOpen}
+        skills={archivedVisible}
+      />
    </div>
  );
 }
@@ -170,15 +248,14 @@ function SkillRow({
  skill,
  currentUserId,
  isAdmin,
-  onToggleEnabled,
 }: {
  skill: Skill;
  currentUserId: string | null;
  isAdmin: boolean;
-  onToggleEnabled: (enabled: boolean) => void;
 }) {
  const { t } = useI18n();
  const setPublished = useSetSkillPublished();
+  const setPinned = useSetSkillPinned();
  const deleteSkill = useDeleteCustomSkill();
  const [confirmDeleteOpen, setConfirmDeleteOpen] = useState(false);

@@ -216,6 +293,18 @@ function SkillRow({
    }
  }

+  async function handleTogglePinned() {
+    const next = !skill.pinned;
+    try {
+      await setPinned.mutateAsync({ skillName: skill.name, pinned: next });
+      toast.success(
+        next ? t.settings.skills.pinSuccess : t.settings.skills.unpinSuccess,
+      );
+    } catch (err) {
+      toast.error(err instanceof Error ? err.message : String(err));
+    }
+  }
+
  return (
    <>
      <Item className="w-full" variant="outline">
@@ -223,7 +312,7 @@ function SkillRow({
          <ItemTitle>
            <div className="flex flex-wrap items-center gap-2">
              <span>{skill.name}</span>
-              {isBuiltin && isCustom && (
+              {isBuiltin && (
                <Badge variant="secondary" className="text-xs">
                  {t.settings.skills.badgeBuiltin}
                </Badge>
@@ -261,13 +350,70 @@ function SkillRow({
                  {t.settings.skills.badgePublished}
                </Badge>
              )}
+              {isCustom && !isBuiltin && skill.source === "agent" && (
+                <Badge
+                  variant="outline"
+                  className="border-cyan-500/30 text-cyan-700 dark:text-cyan-300 text-xs"
+                  title={t.settings.skills.badgeSourceAgentTitle}
+                >
+                  {t.settings.skills.badgeSourceAgent}
+                </Badge>
+              )}
+              {isCustom && !isBuiltin && skill.source === "upload" && (
+                <Badge
+                  variant="outline"
+                  className="border-zinc-400/40 text-zinc-600 dark:text-zinc-400 text-xs"
+                  title={t.settings.skills.badgeSourceUploadTitle}
+                >
+                  {t.settings.skills.badgeSourceUpload}
+                </Badge>
+              )}
+              {skill.pinned && (
+                <Badge
+                  variant="outline"
+                  className="border-purple-500/30 text-purple-700 dark:text-purple-300 text-xs"
+                  title={t.settings.skills.badgePinnedTitle}
+                >
+                  {t.settings.skills.badgePinned}
+                </Badge>
+              )}
            </div>
          </ItemTitle>
          <ItemDescription className="line-clamp-4">
            {skill.description}
          </ItemDescription>
+          {skill.use_count !== undefined && (
+            <div className="text-muted-foreground mt-1 text-xs">
+              {skill.use_count > 0
+                ? t.settings.skills.useCountInline.replace(
+                    "{count}",
+                    String(skill.use_count),
+                  )
+                : t.settings.skills.useCountInlineZero}
+            </div>
+          )}
        </ItemContent>
        <ItemActions>
+          {canManage && (
+            <Button
+              size="icon"
+              variant="ghost"
+              className="h-8 w-8 shrink-0"
+              disabled={setPinned.isPending}
+              onClick={() => void handleTogglePinned()}
+              title={
+                skill.pinned
+                  ? t.settings.skills.unpinAction
+                  : t.settings.skills.pinAction
+              }
+            >
+              {skill.pinned ? (
+                <PinOffIcon className="size-3.5" />
+              ) : (
+                <PinIcon className="size-3.5" />
+              )}
+            </Button>
+          )}
          {canTogglePublish && (
            <Button
              size="icon"
@@ -299,11 +445,6 @@ function SkillRow({
              <Trash2Icon className="size-3.5" />
            </Button>
          )}
-          <Switch
-            checked={skill.enabled}
-            disabled={env.NEXT_PUBLIC_STATIC_WEBSITE_ONLY === "true"}
-            onCheckedChange={(checked) => onToggleEnabled(checked)}
-          />
        </ItemActions>
      </Item>
      <Dialog open={confirmDeleteOpen} onOpenChange={setConfirmDeleteOpen}>