import { useState, useEffect } from "react"; import { useTranslation } from "react-i18next"; import { Button } from "@/shared/ui/button"; import { Input } from "@/shared/ui/input"; import { Label } from "@/shared/ui/label"; import { Textarea } from "@/shared/ui/textarea"; import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, } from "@/shared/ui/dialog"; import { createSkill, updateSkill, type EditingSkill } from "../api/skills"; import { formatSkillName, isValidSkillName } from "../lib/skillsHelpers"; import { getRenamedSkillFileLocation } from "../lib/skillsPath"; interface SkillEditorProps { isOpen: boolean; onClose: () => void; onCreated?: () => void; editingSkill?: EditingSkill; } export function SkillEditor({ isOpen, onClose, onCreated, editingSkill, }: SkillEditorProps) { const { t } = useTranslation(["skills", "common"]); const [name, setName] = useState(""); const [description, setDescription] = useState(""); const [instructions, setInstructions] = useState(""); const [saving, setSaving] = useState(false); const [error, setError] = useState(null); const isEditing = !!editingSkill; // Pre-fill fields when editing useEffect(() => { if (isOpen && editingSkill) { setName(editingSkill.name); setDescription(editingSkill.description); setInstructions(editingSkill.instructions); setError(null); } else if (isOpen) { setName(""); setDescription(""); setInstructions(""); setError(null); } }, [isOpen, editingSkill]); const nameValid = isValidSkillName(name); const canSave = nameValid && description.trim().length > 0 && !saving; const handleNameChange = (raw: string) => { setName(formatSkillName(raw)); setError(null); }; const handleClose = () => { setName(""); setDescription(""); setInstructions(""); setError(null); onClose(); }; const handleSave = async (e: React.FormEvent) => { e.preventDefault(); if (!canSave) return; setSaving(true); setError(null); try { if (isEditing) { await updateSkill( editingSkill.path, name, description.trim(), instructions, ); } else { await createSkill(name, description.trim(), instructions); } setName(""); setDescription(""); setInstructions(""); onCreated?.(); onClose(); } catch (err) { setError(String(err)); } finally { setSaving(false); } }; return (