feat(terminal): refactor runtime and add mobile workspace (#2280)

Replace the legacy terminal flow with a shared authenticated WebSocket
runtime used across web, desktop, relay, and mobile surfaces.

- introduce the v3 terminal protocol with scoped attachments, snapshots,
  ordered output, bounded replay history, reconnects, and explicit lifecycle
- harden PTY creation, restart, resize, close, force-kill, idle cleanup,
  shell selection, login mode, environment sanitization, and appearance sync
- add runtime-aware terminal APIs with relay authentication and Electron parity
- add a fullscreen mobile terminal workspace with touch scrolling,
  long-press selection, safe-area controls, quick keys, and Ctrl/Alt input
- add terminal selection attachments, preview detection, project actions,
  shell settings, and localized UI
- harden Ghostty rendering, resize recovery, Unicode handling, block
  characters, line height, and stale-row behavior
- remove the obsolete terminal SSE path and update reverse-proxy guidance
- expand terminal runtime, transport, input, selection, and store coverage
- avoid duplicate web builds when preparing mobile assets in root CI builds
This commit is contained in:
Bohdan Triapitsyn
2026-07-17 13:17:21 +03:00
committed by GitHub
parent f5b4a267c0
commit d4a8c4d2e1
103 changed files with 4085 additions and 4496 deletions
+12 -5
View File
@@ -39,6 +39,8 @@ export type MobileSurfaceShellProps = {
onBack?: () => void;
/** If true, disable swipe-down-to-dismiss (e.g. when a nested view should keep gesture for itself). */
disableSwipeDismiss?: boolean;
/** If true, leave Escape available to nested content instead of dismissing the surface. */
disableEscapeDismiss?: boolean;
/** If true, render only the drag handle and let the child render its own header. */
headerless?: boolean;
ariaLabel?: string;
@@ -53,6 +55,7 @@ export const MobileSurfaceShell: React.FC<MobileSurfaceShellProps> = ({
trailing,
onBack,
disableSwipeDismiss = false,
disableEscapeDismiss = false,
headerless = false,
ariaLabel,
children,
@@ -120,7 +123,7 @@ export const MobileSurfaceShell: React.FC<MobileSurfaceShellProps> = ({
};
const focusTimer = window.setTimeout(focusFirstElement, ENTER_DELAY_MS);
const handleKeyDown = (event: KeyboardEvent) => {
if (event.key === 'Escape') {
if (event.key === 'Escape' && !disableEscapeDismiss) {
onCloseRef.current();
return;
}
@@ -154,7 +157,7 @@ export const MobileSurfaceShell: React.FC<MobileSurfaceShellProps> = ({
previousFocusRef.current?.focus?.({ preventScroll: true });
previousFocusRef.current = null;
};
}, [open]);
}, [disableEscapeDismiss, open]);
const handleDragStart = (event: React.TouchEvent<HTMLDivElement>) => {
if (disableSwipeDismiss) return;
@@ -259,9 +262,13 @@ export const MobileSurfaceShell: React.FC<MobileSurfaceShellProps> = ({
onTouchEnd={handleDragEnd}
onTouchCancel={handleDragEnd}
>
<div className="flex items-center justify-center pt-2 pb-1">
<span className="h-1 w-10 rounded-full bg-[var(--surface-muted)]" aria-hidden />
</div>
{disableSwipeDismiss ? (
<div className="h-3" />
) : (
<div className="flex items-center justify-center pt-2 pb-1">
<span className="h-1 w-10 rounded-full bg-[var(--surface-muted)]" aria-hidden />
</div>
)}
{!headerless ? (
<header className="flex h-[var(--oc-header-height,56px)] items-center gap-2 px-3">
{leading}