feat: add unified strategy project workflow

2026-09-09 15:40:29 +08:00
1 parent 67d12929fc
commit a26fd32eba
@@ -2,6 +2,9 @@ import { useEffect, useMemo, useState } from "react";
 import { Bot, Check, LoaderCircle, Save, Sparkles } from "lucide-react";
 import { toast } from "sonner";

+import { SkillTransferSelector } from "@/components/workspace/agents/skill-transfer-selector";
+import { ModelNameSelect } from "@/components/workspace/model-name-select";
+import { SkillDetailDialog } from "@/components/workspace/skills/skill-detail-dialog";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import {
@@ -15,6 +18,7 @@ import {
 import { Textarea } from "@/components/ui/textarea";
 import { getAgent, updateAgent } from "@/core/agents/api";
 import type { Agent } from "@/core/agents/types";
+import { useAllSkillsAdmin } from "@/core/skills/hooks";
 import { cn } from "@/lib/utils";

 import { STRATEGY_AGENT_ROLES } from "./constants";
@@ -24,15 +28,33 @@ interface AgentConfigDialogProps {
  onOpenChange: (open: boolean) => void;
 }

-function parseSkills(value: string): string[] {
-  return [...new Set(value.split(/[,，\n]/).map((item) => item.trim()).filter(Boolean))];
+interface AgentConfigDraft {
+  soul: string;
+  model: string | null;
+  skills: string[];
+}
+
+function normalizeSkills(skills: string[]) {
+  return [...new Set(skills)].sort((left, right) => left.localeCompare(right));
+}
+
+function sameSkills(left: string[], right: string[]) {
+  const normalizedLeft = normalizeSkills(left);
+  const normalizedRight = normalizeSkills(right);
+  return (
+    normalizedLeft.length === normalizedRight.length &&
+    normalizedLeft.every((skill, index) => skill === normalizedRight[index])
+  );
 }

 export function AgentConfigDialog({ open, onOpenChange }: AgentConfigDialogProps) {
  const [selectedId, setSelectedId] = useState<string>(STRATEGY_AGENT_ROLES[0].id);
  const [agent, setAgent] = useState<Agent | null>(null);
  const [soul, setSoul] = useState("");
-  const [skillsText, setSkillsText] = useState("");
+  const [model, setModel] = useState<string | null>(null);
+  const [selectedSkills, setSelectedSkills] = useState<string[]>([]);
+  const [savedDraft, setSavedDraft] = useState<AgentConfigDraft | null>(null);
+  const [detailSkillName, setDetailSkillName] = useState<string | null>(null);
  const [loading, setLoading] = useState(false);
  const [saving, setSaving] = useState(false);
  const [error, setError] = useState("");
@@ -41,6 +63,31 @@ export function AgentConfigDialog({ open, onOpenChange }: AgentConfigDialogProps
    () => STRATEGY_AGENT_ROLES.find((role) => role.id === selectedId)!,
    [selectedId],
  );
+  const {
+    skills,
+    isLoading: isSkillsLoading,
+    error: skillsError,
+  } = useAllSkillsAdmin(open);
+  const selectableSkills = useMemo(
+    () =>
+      skills.filter((skill) => {
+        const globallyAvailable =
+          Boolean(skill.builtin) || Boolean(skill.published);
+        return (
+          skill.enabled &&
+          (skill.state ?? "active") === "active" &&
+          globallyAvailable
+        );
+      }),
+    [skills],
+  );
+  const dirty = Boolean(
+    agent &&
+      savedDraft &&
+      (soul !== savedDraft.soul ||
+        model !== savedDraft.model ||
+        !sameSkills(selectedSkills, savedDraft.skills)),
+  );

  useEffect(() => {
    if (!open || !selectedId) return;
@@ -48,12 +95,20 @@ export function AgentConfigDialog({ open, onOpenChange }: AgentConfigDialogProps
    setLoading(true);
    setError("");
    setAgent(null);
+    setSavedDraft(null);
    void getAgent(selectedId)
      .then((data) => {
        if (!active) return;
        setAgent(data);
-        setSoul(data.soul ?? "");
-        setSkillsText((data.skills ?? []).join("\n"));
+        const nextDraft = {
+          soul: data.soul ?? "",
+          model: data.model ?? null,
+          skills: data.skills ?? [],
+        };
+        setSoul(nextDraft.soul);
+        setModel(nextDraft.model);
+        setSelectedSkills(nextDraft.skills);
+        setSavedDraft(nextDraft);
      })
      .catch((reason: unknown) => {
        if (!active) return;
@@ -77,11 +132,18 @@ export function AgentConfigDialog({ open, onOpenChange }: AgentConfigDialogProps
    try {
      const updated = await updateAgent(agent.id, {
        soul: soul.trim(),
-        skills: parseSkills(skillsText),
+        model,
+        skills: selectedSkills,
      });
      setAgent(updated);
      setSoul(updated.soul ?? "");
-      setSkillsText((updated.skills ?? []).join("\n"));
+      setModel(updated.model ?? null);
+      setSelectedSkills(updated.skills ?? []);
+      setSavedDraft({
+        soul: updated.soul ?? "",
+        model: updated.model ?? null,
+        skills: updated.skills ?? [],
+      });
      toast.success(`${updated.name} 配置已保存`);
    } catch (reason) {
      toast.error(reason instanceof Error ? reason.message : "保存失败");
@@ -90,8 +152,21 @@ export function AgentConfigDialog({ open, onOpenChange }: AgentConfigDialogProps
    }
  };

+  const confirmDiscardChanges = () =>
+    !dirty || window.confirm("当前智能体配置尚未保存，确定放弃这些修改吗？");
+
+  const selectRole = (roleId: string) => {
+    if (roleId === selectedId || saving || !confirmDiscardChanges()) return;
+    setSelectedId(roleId);
+  };
+
+  const handleOpenChange = (nextOpen: boolean) => {
+    if (!nextOpen && (saving || !confirmDiscardChanges())) return;
+    onOpenChange(nextOpen);
+  };
+
  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
+    <Dialog open={open} onOpenChange={handleOpenChange}>
      <DialogContent className="h-[min(780px,calc(100vh-48px))] max-w-[1080px] grid-rows-[auto_minmax(0,1fr)_auto] gap-0 overflow-hidden p-0 sm:max-w-[1080px]">
        <DialogHeader className="border-b px-6 py-5 dark:border-[#173d68]">
          <DialogTitle className="flex items-center gap-2">
@@ -99,7 +174,7 @@ export function AgentConfigDialog({ open, onOpenChange }: AgentConfigDialogProps
            策略智能体配置
          </DialogTitle>
          <DialogDescription>
-            每个流程角色对应一个默认智能体。管理员可修改 SOUL 和技能；保存后下一次运行即生效。
+            这是全局统一配置，不属于某一个项目。管理员保存后，所有策略项目下一次运行都会使用这里的模型、SOUL 和技能。
          </DialogDescription>
        </DialogHeader>

@@ -116,7 +191,7 @@ export function AgentConfigDialog({ open, onOpenChange }: AgentConfigDialogProps
                    key={role.id}
                    type="button"
                    disabled={saving}
-                    onClick={() => setSelectedId(role.id)}
+                    onClick={() => selectRole(role.id)}
                    className={cn(
                      "w-full rounded-lg border px-3 py-3 text-left transition-colors disabled:cursor-not-allowed disabled:opacity-60",
                      selected
@@ -160,15 +235,22 @@ export function AgentConfigDialog({ open, onOpenChange }: AgentConfigDialogProps
              </div>
            ) : agent ? (
              <div className="space-y-5">
-                <div className="grid grid-cols-2 gap-3 rounded-lg border bg-muted/20 p-3 text-sm dark:border-[#173d68] dark:bg-[#031b38]">
+                <div className="grid grid-cols-[minmax(0,1fr)_minmax(220px,0.9fr)] gap-3 rounded-lg border bg-muted/20 p-3 text-sm dark:border-[#173d68] dark:bg-[#031b38]">
                  <div>
                    <span className="text-xs text-muted-foreground">当前名称</span>
                    <div className="mt-1 font-medium">{agent.name}</div>
                  </div>
-                  <div>
+                  <label className="block">
                    <span className="text-xs text-muted-foreground">运行模型</span>
-                    <div className="mt-1 font-medium">{agent.model || "使用系统默认模型"}</div>
-                  </div>
+                    <ModelNameSelect
+                      value={model}
+                      onChange={setModel}
+                      disabled={saving}
+                      defaultLabel="使用系统默认模型"
+                      title="选择该全局智能体运行时使用的大模型；未指定时使用系统默认模型"
+                      triggerClassName="mt-1 w-full bg-background"
+                    />
+                  </label>
                </div>

                <label className="block">
@@ -179,40 +261,52 @@ export function AgentConfigDialog({ open, onOpenChange }: AgentConfigDialogProps
                    value={soul}
                    disabled={saving}
                    onChange={(event) => setSoul(event.target.value)}
-                    className="min-h-[300px] resize-y font-mono text-xs leading-6"
+                    className="min-h-[220px] resize-y font-mono text-xs leading-6"
                    placeholder="定义智能体的角色、分析方法、边界和输出要求…"
                  />
                </label>

-                <label className="block">
-                  <span className="mb-2 block text-sm font-medium">技能</span>
-                  <Textarea
-                    value={skillsText}
-                    disabled={saving}
-                    onChange={(event) => setSkillsText(event.target.value)}
-                    placeholder="多个技能可用逗号分隔"
-                    rows={3}
-                    className="resize-y text-sm"
-                  />
-                  <p className="mt-1.5 text-xs text-muted-foreground">
-                    可用逗号、中文逗号或换行分隔；留空表示不绑定专用技能。
+                <div className="space-y-2">
+                  <div className="flex items-center justify-between gap-3">
+                    <span className="text-sm font-medium">技能库选择</span>
+                    <Badge variant="secondary">已选 {selectedSkills.length} 个</Badge>
+                  </div>
+                  <p className="text-xs leading-5 text-muted-foreground">
+                    从系统技能库勾选该智能体可使用的技能；这里保存的是全局白名单，不接受手工输入技能名。
                  </p>
-                </label>
+                  <SkillTransferSelector
+                    skills={selectableSkills}
+                    selected={selectedSkills}
+                    onChange={setSelectedSkills}
+                    isLoading={isSkillsLoading}
+                    onViewDetail={setDetailSkillName}
+                  />
+                  {skillsError ? (
+                    <p className="text-xs text-destructive">技能库加载失败，请稍后重试。</p>
+                  ) : null}
+                </div>
              </div>
            ) : null}
          </div>
        </div>

        <DialogFooter className="border-t px-6 py-4 dark:border-[#173d68]">
-          <Button variant="outline" onClick={() => onOpenChange(false)}>
+          <Button variant="outline" disabled={saving} onClick={() => handleOpenChange(false)}>
            关闭
          </Button>
-          <Button disabled={!agent || loading || saving} onClick={() => void save()}>
+          <Button disabled={!agent || loading || saving || isSkillsLoading} onClick={() => void save()}>
            {saving ? <LoaderCircle className="animate-spin" /> : <Save />}
            保存当前智能体
          </Button>
        </DialogFooter>
      </DialogContent>
+      <SkillDetailDialog
+        skillName={detailSkillName}
+        open={detailSkillName !== null}
+        onOpenChange={(nextOpen) => {
+          if (!nextOpen) setDetailSkillName(null);
+        }}
+      />
    </Dialog>
  );
 }