import { Navigate } from 'react-router';
import { useAuth } from 'hooks/useAuth';
import type { LayoutNode } from '@/components/Workspace';
import { WorkspaceView } from '@/components/Workspace';
import { useWorkspacesState } from '@/state/useWorkspacesState';
import { appRegistry } from '../Workspaces/app-registry';
import { defaultLayout } from './defaultLayout';

export const TerminalScreen = () => {
  const { user } = useAuth();
  const workspace = useWorkspacesState<LayoutNode>('screens/terminal', defaultLayout);

  if (user?.role !== 'Super Admin') return <Navigate to="/" replace />;

  return (
    <div className="h-full w-full">
      <WorkspaceView workspace={workspace} registry={appRegistry} />
    </div>
  );
};