TabScriptRunner.jsx

Go to the documentation of this file.

import React from "react";
import { apiFetch } from "../../lib/api";
import MeshCentralEmbed, { VIEWMODE } from "../../components/MeshCentralEmbed";
 
export default function TabScriptRunner({ agentId, agentUuid, agent }) {
  const [useMeshCentral, setUseMeshCentral] = React.useState(true);
  const [meshInfo, setMeshInfo] = React.useState(null);
  const [meshLoading, setMeshLoading] = React.useState(false);
 
  // Check if MeshCentral is available
  React.useEffect(() => {
    if (!agentId && !agentUuid) return;
 
    setMeshLoading(true);
    apiFetch(`/agent/${agentUuid || agentId}/meshcentral-url`)
      .then((res) => res.ok ? res.json() : null)
      .then((data) => {
        if (data?.meshcentralNodeId) {
          setMeshInfo(data);
          setUseMeshCentral(true);
        } else {
          setUseMeshCentral(false);
        }
      })
      .catch(() => setUseMeshCentral(false))
      .finally(() => setMeshLoading(false));
  }, [agentId, agentUuid]);
 
  if (meshLoading) {
    return (
      <div className="tab-container">
        <h2>Script Runner</h2>
        <div className="card">Loading...</div>
      </div>
    );
  }
 
  return (
    <div className="tab-container">
      <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '16px' }}>
        <h2 style={{ margin: 0 }}>Script Runner</h2>
        {meshInfo?.available && (
          <button
            className="btn-sm"
            onClick={() => setUseMeshCentral(!useMeshCentral)}
            style={{ display: 'flex', alignItems: 'center', gap: '4px' }}
          >
            <span className="material-symbols-outlined" style={{ fontSize: '18px' }}>
              {useMeshCentral ? 'code' : 'desktop_windows'}
            </span>
            {useMeshCentral ? 'Switch to Legacy' : 'Switch to MeshCentral'}
          </button>
        )}
      </div>
 
      {/* MeshCentral Console View */}
      {useMeshCentral && meshInfo?.available && (
        <div className="card" style={{ padding: '16px' }}>
          <MeshCentralEmbed
            agentUuid={agent?.uuid || agentUuid}
            viewMode={VIEWMODE.CONSOLE}
            title="Console / Script Runner (MeshCentral)"
          />
        </div>
      )}
 
      {/* Legacy Placeholder */}
      {(!useMeshCentral || !meshInfo?.available) && (
        <div className="card" style={{ padding: '40px 20px', textAlign: 'center', color: '#888' }}>
          <span className="material-symbols-outlined" style={{ fontSize: '48px', opacity: 0.3 }}>
            terminal
          </span>
          <p style={{ marginTop: '16px', fontSize: '16px' }}>
            Legacy script runner not yet implemented
          </p>
          <p style={{ fontSize: '14px', opacity: 0.7 }}>
            {meshInfo?.available ? 'Switch to MeshCentral for console and script execution' : 'MeshCentral connection required for script execution'}
          </p>
        </div>
      )}
    </div>
  );
}