Function CommandsPage

client-next/src/app/commands/page.tsx:27–286

()

}

export default function CommandsPage() {
  const [commands, setCommands] = useState<CommandEntry[]>([]);
  const [loading, setLoading] = useState(true);
  const [addOpen, setAddOpen] = useState(false);
  const [newName, setNewName] = useState("");
  const [newTemplate, setNewTemplate] = useState("");
  const [editOpen, setEditOpen] = useState(false);
  const [editingCmd, setEditingCmd] = useState<{ originalName: string, name: string, template: string } | null>(null);

  const fetchCommands = async () => {
    try {
      setLoading(true);
      const data = await getCommands();
      const entries = Object.entries(data).map(([name, value]) => ({
        name,
        template: value.template,
      }));
      setCommands(entries);
    } catch (err: any) {
      toast.error("Failed to load commands");
      console.error(err);
    } finally {
      setLoading(false);
    }
  };

  useEffect(() => {
    fetchCommands();
  }, []);

  const handleAdd = async () => {
    if (!newName.trim()) {
      toast.error("Command name is required");
      return;
    }
    if (!newTemplate.trim()) {
      toast.error("Template is required");
      return;
    }
    if (commands.some(c => c.name === newName.trim())) {
      toast.error("Command already exists");
      return;
    }

    try {
      await saveCommand(newName.trim(), newTemplate);
      toast.success(`Command "${newName}" created`);
      setNewName("");
      setNewTemplate("");
      setAddOpen(false);
      fetchCommands();
    } catch {
      toast.error("Failed to create command");
    }
  };