tmai 1.0.0

Tactful Multi Agent Interface - Monitor and control multiple AI coding agents
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

import { useRef } from "react";
import { useTerminal } from "../../hooks/useTerminal";

interface TerminalPaneProps {
  /** PTY session ID for the WebSocket connection */
  sessionId: string;
}

/** xterm.js terminal pane connected to a PTY session via WebSocket */
export function TerminalPane({ sessionId }: TerminalPaneProps) {
  const containerRef = useRef<HTMLDivElement>(null);
  useTerminal(sessionId, containerRef);

  return (
    <div
      ref={containerRef}
      className="h-full w-full rounded-lg border border-neutral-700 overflow-hidden"
      style={{ minHeight: "200px" }}
    />
  );
}