Function PresetsManager

client-next/src/components/presets-manager.tsx:30–356

()

import type { Preset } from "@/types";

export function PresetsManager() {
  const { config, skills, plugins, refreshData } = useApp();
  const [presets, setPresets] = useState<Preset[]>([]);
  const [open, setOpen] = useState(false);
  const [createOpen, setCreateOpen] = useState(false);
  const [newName, setNewName] = useState("");
  const [newDesc, setNewDesc] = useState("");
  
  const [selectedSkills, setSelectedSkills] = useState<string[]>([]);
  const [selectedPlugins, setSelectedPlugins] = useState<string[]>([]);
  const [selectedMcps, setSelectedMcps] = useState<string[]>([]);

  const [includeSkills, setIncludeSkills] = useState(true);
  const [includePlugins, setIncludePlugins] = useState(true);
  const [includeMcps, setIncludeMcps] = useState(true);

  useEffect(() => {
    if (createOpen) {
      // Initialize with currently enabled items
      setSelectedSkills(skills.filter(s => s.enabled).map(s => s.name));
      setSelectedPlugins(plugins.filter(p => p.enabled).map(p => p.name));
      setSelectedMcps(config?.mcp ? Object.entries(config.mcp).filter(([_, c]) => c.enabled).map(([k]) => k) : []);
      
      setIncludeSkills(true);
      setIncludePlugins(true);
      setIncludeMcps(true);
    }
  }, [createOpen, skills, plugins, config]);

  const loadPresets = async () => {
    try {
      const data = await getPresets();
      setPresets(data);
    } catch {
      toast.error("Failed to load presets");
    }
  };

  useEffect(() => {
    if (open) loadPresets();
  }, [open]);

  const handleCreate = async () => {
    if (!newName.trim()) return toast.error("Name is required");
    
    try {
      await savePreset(newName, newDesc, {
        skills: includeSkills ? selectedSkills : undefined,
        plugins: includePlugins ? selectedPlugins : undefined,
        mcps: includeMcps ? selectedMcps : undefined,
        commands: []
      });
      toast.success("Preset created");
      setCreateOpen(false);
      setNewName("");
      setNewDesc("");
      loadPresets();
    } catch (err: any) {