Function QuickActions

src/components/QuickActions.tsx:28–178

({ onActionComplete }: QuickActionsProps)

}

export function QuickActions({ onActionComplete }: QuickActionsProps) {
  const [loadingAction, setLoadingAction] = useState<string | null>(null);
  const [showPasswordModal, setShowPasswordModal] = useState(false);
  const [notification, setNotification] = useState<{
    type: "success" | "error";
    message: string;
  } | null>(null);

  const showNotification = (type: "success" | "error", message: string) => {
    setNotification({ type, message });
    setTimeout(() => setNotification(null), 3000);
  };

  const handleRestartGateway = async () => {
    // Placeholder - would call openclaw gateway restart
    showNotification("success", "Gateway restart command sent (placeholder)");
  };

  const handleClearActivityLog = async () => {
    setLoadingAction("clear_log");
    try {
      const res = await fetch("/api/system", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({ action: "clear_activity_log" }),
      });

      if (!res.ok) throw new Error("Failed to clear logs");

      showNotification("success", "Activity logs cleared");
      onActionComplete?.();
    } catch {
      showNotification("error", "Failed to clear activity logs");
    } finally {
      setLoadingAction(null);
    }
  };

  const handleViewLogs = async () => {
    // Placeholder - would open gateway logs
    showNotification("success", "Opening gateway logs... (placeholder)");
  };

  const actions: ActionButton[] = [
    {
      id: "restart",
      label: "Restart Gateway",
      icon: RefreshCw,
      color: "blue",
      action: handleRestartGateway,
      placeholder: true,
    },
    {
      id: "clear_log",
      label: "Clear Activity Logs",
      icon: Trash2,
      color: "yellow",
      action: handleClearActivityLog,