Fit xterm to container and load core addons

Adds fit, clipboard, progress, web-links, and ligatures addons;
xterm now resizes with its container (via ResizeObserver) so it
never overlaps the virtual keyboard. Proposed API enabled for
ligatures.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: chapterjason

package-lock.json

@@ -11,6 +11,11 @@
     "fetch-v86": "node scripts/fetch-v86-assets.mjs"
   },
   "devDependencies": {
+    "@xterm/addon-clipboard": "^0.2.0",
+    "@xterm/addon-fit": "^0.11.0",
+    "@xterm/addon-ligatures": "^0.10.0",
+    "@xterm/addon-progress": "^0.2.0",
+    "@xterm/addon-web-links": "^0.12.0",
     "@xterm/xterm": "^6.0.0",
     "sass": "^1.99.0",
     "typescript": "^6.0.3",

package.json

@@ -1,4 +1,9 @@
 import { Terminal } from "@xterm/xterm";
+import { FitAddon } from "@xterm/addon-fit";
+import { ClipboardAddon } from "@xterm/addon-clipboard";
+import { LigaturesAddon } from "@xterm/addon-ligatures";
+import { ProgressAddon } from "@xterm/addon-progress";
+import { WebLinksAddon } from "@xterm/addon-web-links";
 import "@xterm/xterm/css/xterm.css";
 // @ts-expect-error — v86 ships no types
 import V86 from "v86";
@@ -21,6 +26,7 @@ const HOST = import.meta.env.BASE_URL + "v86/";
 
 const term = new Terminal({
   cursorBlink: true,
+  allowProposedApi: true,
   fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
   fontSize: 14,
   theme: {
@@ -30,8 +36,23 @@ const term = new Terminal({
   },
 });
 
+const fit = new FitAddon();
+term.loadAddon(fit);
+term.loadAddon(new ClipboardAddon());
+term.loadAddon(new ProgressAddon());
+term.loadAddon(new WebLinksAddon());
+
 const host = document.getElementById("term")!;
 term.open(host);
+fit.fit();
+term.loadAddon(new LigaturesAddon());
+
+const ro = new ResizeObserver(() => {
+  try {
+    fit.fit();
+  } catch {}
+});
+ro.observe(host);
 
 const status = document.getElementById("status")!;
 const setStatus = (text: string): void => {