Function WorkspaceTerminal

site/src/modules/terminal/WorkspaceTerminal.tsx:71–584

({
	ref,
	agentId,
	operatingSystem,
	className,
	autoFocus = true,
	isVisible = true,
	initialCommand,
	containerName,
	containerUser,
	onStatusChange,
	onError,
	reconnectionToken,
	baseUrl,
	terminalFontFamily = DEFAULT_TERMINAL_FONT_FAMILY,
	renderer,
	backgroundColor,
	onOpenLink,
	loading = false,
	errorMessage,
	testId,
}: WorkspaceTerminalProps)

};

export const WorkspaceTerminal = ({
	ref,
	agentId,
	operatingSystem,
	className,
	autoFocus = true,
	isVisible = true,
	initialCommand,
	containerName,
	containerUser,
	onStatusChange,
	onError,
	reconnectionToken,
	baseUrl,
	terminalFontFamily = DEFAULT_TERMINAL_FONT_FAMILY,
	renderer,
	backgroundColor,
	onOpenLink,
	loading = false,
	errorMessage,
	testId,
}: WorkspaceTerminalProps) => {
	const scopeId = useId();
	const terminalWrapperRef = useRef<HTMLDivElement>(null);
	const fitAddonRef = useRef<FitAddon | undefined>(undefined);
	const websocketRef = useRef<Websocket | undefined>(undefined);
	const handleOpenLink = useEffectEvent((uri: string) => {
		onOpenLink ? onOpenLink(uri) : window.open(uri, "_blank", "noopener");
	});
	const handleStatusChange = useEffectEvent((status: ConnectionStatus) => {
		onStatusChange?.(status);
	});
	const [terminal, setTerminal] = useState<Terminal>();
	const { copyToClipboard, readFromClipboard } = useClipboard();

	const [hasSelection, setHasSelection] = useState(false);
	const handleContextMenuOpenChange = (open: boolean) => {
		if (open) {
			setHasSelection(Boolean(terminal?.hasSelection()));
		}
	};
	const copyTerminalSelection = () => {
		const selection = terminal?.getSelection();
		if (selection) {
			void copyToClipboard(selection);
		}
	};
	const pasteIntoTerminal = async () => {
		if (!terminal) {
			return;
		}
		try {
			const text = await readFromClipboard();
			if (text) {
				terminal.paste(text);
			}
		} catch (error) {
			toast.error("Failed to paste from clipboard");