// Script 执行日志弹窗 // Logan.Li
import { Button } from '@/components/ui/button';
import {
  Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter,
} from '@/components/ui/dialog';
import { ScrollArea } from '@/components/ui/scroll-area';
import type { ExecutionRecord } from './script-helpers';
import { getStatusBadge } from './script-helpers';

interface Props {
  open: boolean;
  onOpenChange: (open: boolean) => void;
  exec: ExecutionRecord | null;
}

const ScriptLogsDialog: React.FC<Props> = ({ open, onOpenChange, exec }) => {
  return (
    <Dialog open={open} onOpenChange={onOpenChange}>
      <DialogContent className="max-w-4xl max-h-[90vh]">
        <DialogHeader>
          <DialogTitle>执行日志</DialogTitle>
          <DialogDescription>
            {exec?.task_name} · {getStatusBadge(exec?.status || '')}
          </DialogDescription>
        </DialogHeader>
        <ScrollArea className="h-[480px] w-full rounded-md border bg-black">
          <pre className="p-4 font-mono text-sm text-green-400 whitespace-pre-wrap">
            {exec?.output || '暂无日志输出...'}
          </pre>
        </ScrollArea>
        <DialogFooter>
          <Button variant="outline" onClick={() => onOpenChange(false)}>关闭</Button>
        </DialogFooter>
      </DialogContent>
    </Dialog>
  );
};

export default ScriptLogsDialog;