Make mobile terminals load faster (#1147)

* Speed up terminal restores on mobile

* Preserve terminal output bytes in the app

packages/app/src/terminal/webview/terminal-emulator-webview-entry.ts

@@ -3,7 +3,10 @@ import xtermCss from "@xterm/xterm/css/xterm.css";
 import type { TerminalState } from "@server/shared/messages";
 import type { TerminalInputModeState } from "@server/shared/terminal-input-mode";
 import type { PendingTerminalModifiers } from "@/utils/terminal-keys";
-import { TerminalEmulatorRuntime } from "../runtime/terminal-emulator-runtime";
+import {
+  encodeTerminalOutput,
+  TerminalEmulatorRuntime,
+} from "../runtime/terminal-emulator-runtime";
 
 interface MountMessage {
   type: "mount";
@@ -19,6 +22,7 @@ type InboundMessage =
   | MountMessage
   | { type: "unmount"; streamKey: string }
   | { type: "writeOutput"; streamKey: string; text: string }
+  | { type: "restoreOutput"; streamKey: string; text: string }
   | { type: "renderSnapshot"; streamKey: string; state: TerminalState | null }
   | { type: "clear"; streamKey: string }
   | { type: "focus"; streamKey: string }
@@ -154,7 +158,10 @@ class TerminalWebViewBridge {
   ): void {
     switch (message.type) {
       case "writeOutput":
-        this.runtime?.write({ text: message.text });
+        this.runtime?.write({ data: encodeTerminalOutput(message.text) });
+        break;
+      case "restoreOutput":
+        this.runtime?.restoreOutput({ data: encodeTerminalOutput(message.text) });
         break;
       case "renderSnapshot":
         this.runtime?.renderSnapshot({ state: message.state });