AgentSidebar.jsx

Go to the documentation of this file.

import React from "react";
 
export function AgentSidebar({ selected, onSelect }) {
  const tabs = [
    { id: "system", label: "System", icon: "info" },
    { id: "metrics", label: "Metrics", icon: "monitoring" },
    { id: "rds", label: "Remote Desktop", icon: "desktop_windows" },
    { id: "programs", label: "Programs", icon: "apps" },
    { id: "task", label: "Tasks", icon: "task" },
    { id: "terminal", label: "Terminal & Scripts", icon: "terminal" },
    { id: "services", label: "Services", icon: "settings" },
    { id: "event", label: "Event Viewer", icon: "description" },
    { id: "log", label: "Logs", icon: "article" },
    { id: "file", label: "File Manager", icon: "folder" },
  ];
 
  return (
    <aside className="agent-sidebar">
      {tabs.map((t) => (
        <button
          key={t.id}
          className={`sidebar-btn ${selected === t.id ? "active" : ""}`}
          onClick={() => onSelect(t.id)}
        >
          <span className="material-symbols-outlined">{t.icon}</span>
          <span>{t.label}</span>
        </button>
      ))}
    </aside>
  );
}