github/ai-toolkit
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Rework the logging and terminal emulator on the ui to work like an actual emulator for better output.

Browse Source
This commit is contained in:
Jaret Burkett
2026-07-16 08:50:40 -06:00
parent 5cb54ba9cc
commit e1e1996c16
6 changed files with 327 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/components/CaptionMonitor.tsx
View File

@@ -45,8 +45,8 @@ export default function CaptionMonitor({ datasetPath, onHeightChange }: CaptionM
const [isScrolledToBottom, setIsScrolledToBottom] = useState(true);
const logLines: string[] = useMemo(() => {
let splits: string[] = log.split(/\n|\r\n/);
splits = splits.map(line => line.split(/\r/).pop()) as string[];
// Log is already terminal-rendered by useJobLog — one entry per line.
let splits: string[] = log.split('\n');
const maxLines = 1000;
if (splits.length > maxLines) {
splits = splits.slice(splits.length - maxLines);

10
ui/src/components/JobOverview.tsx
View File

@@ -20,7 +20,7 @@ export default function JobOverview({ job }: JobOverviewProps) {
}
return job.gpu_ids.split(',').map(id => parseInt(id));
}, [job.gpu_ids]);
const { log, setLog, status: statusLog, refresh: refreshLog } = useJobLog(job.id, 2000);
const { log, status: statusLog, refresh: refreshLog } = useJobLog(job.id, 2000);
const logRef = useRef<HTMLDivElement>(null);
// Track whether we should auto-scroll to bottom
const [isScrolledToBottom, setIsScrolledToBottom] = useState(true);
@@ -32,12 +32,8 @@ export default function JobOverview({ job }: JobOverviewProps) {
const isStopping = job.stop && job.status === 'running';
const logLines: string[] = useMemo(() => {
// split at line breaks on \n or \r\n but not \r
let splits: string[] = log.split(/\n|\r\n/);
splits = splits.map(line => {
return line.split(/\r/).pop();
}) as string[];
// Log is already terminal-rendered by useJobLog — one entry per line.
let splits: string[] = log.split('\n');
// only return last 100 lines max
const maxLines = 1000;