🤖 feat: update ghostty-web to @next (0.3.0-next.13) (#896)

Author: sreya

bun.lock

@@ -39,7 +39,7 @@
         "electron-updater": "^6.6.2",
         "electron-window-state": "^5.0.3",
         "express": "^5.1.0",
-        "ghostty-web": "0.2.1",
+        "ghostty-web": "^0.3.0-next.13.g3dd4aef",
         "jsdom": "^27.2.0",
         "jsonc-parser": "^3.3.1",
         "lru-cache": "^11.2.2",
@@ -2203,7 +2203,7 @@
 
     "get-tsconfig": ["get-tsconfig@4.13.0", "", { "dependencies": { "resolve-pkg-maps": "^1.0.0" } }, "sha512-1VKTZJCwBrvbd+Wn3AOgQP/2Av+TfTCOlE4AcRJE72W1ksZXbAx8PPBR9RzgTeSPzlPMHrbANMH3LbltH73wxQ=="],
 
-    "ghostty-web": ["ghostty-web@0.2.1", "", {}, "sha512-wrovbPlHcl+nIkp7S7fY7vOTsmBjwMFihZEe2PJe/M6G4/EwuyJnwaWTTzNfuY7RcM/lVlN+PvGWqJIhKSB5hw=="],
+    "ghostty-web": ["ghostty-web@0.3.0-next.13.g3dd4aef", "", {}, "sha512-TeomyiuaVwv7lzHXhB/L0tvg/6XX4/ByyaCCRUvqTXfpoacgtcd0yWXV8EkXoFqoeguN3K+WR5QSn+XDNypcEg=="],
 
     "glob": ["glob@10.5.0", "", { "dependencies": { "foreground-child": "^3.1.0", "jackspeak": "^3.1.2", "minimatch": "^9.0.4", "minipass": "^7.1.2", "package-json-from-dist": "^1.0.0", "path-scurry": "^1.11.1" }, "bin": { "glob": "dist/esm/bin.mjs" } }, "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg=="],
 

package.json

@@ -79,7 +79,7 @@
     "electron-updater": "^6.6.2",
     "electron-window-state": "^5.0.3",
     "express": "^5.1.0",
-    "ghostty-web": "0.2.1",
+    "ghostty-web": "^0.3.0-next.13.g3dd4aef",
     "jsdom": "^27.2.0",
     "jsonc-parser": "^3.3.1",
     "lru-cache": "^11.2.2",

src/browser/components/TerminalView.tsx

@@ -1,5 +1,5 @@
 import { useRef, useEffect, useState } from "react";
-import { Terminal, FitAddon } from "ghostty-web";
+import { init, Terminal, FitAddon } from "ghostty-web";
 import { useTerminalSession } from "@/browser/hooks/useTerminalSession";
 import { useAPI } from "@/browser/contexts/API";
 
@@ -78,39 +78,23 @@ export function TerminalView({ workspaceId, sessionId, visible }: TerminalViewPr
 
     const initTerminal = async () => {
       try {
+        // Initialize ghostty-web WASM module (idempotent, safe to call multiple times)
+        await init();
+
         terminal = new Terminal({
-          fontSize: 13,
-          fontFamily: "Monaco, Menlo, 'Courier New', monospace",
+          fontSize: 14,
+          fontFamily: "JetBrains Mono, Menlo, Monaco, monospace",
           cursorBlink: true,
           theme: {
             background: "#1e1e1e",
             foreground: "#d4d4d4",
-            cursor: "#d4d4d4",
-            cursorAccent: "#1e1e1e",
-            selectionBackground: "#264f78",
-            black: "#000000",
-            red: "#cd3131",
-            green: "#0dbc79",
-            yellow: "#e5e510",
-            blue: "#2472c8",
-            magenta: "#bc3fbc",
-            cyan: "#11a8cd",
-            white: "#e5e5e5",
-            brightBlack: "#666666",
-            brightRed: "#f14c4c",
-            brightGreen: "#23d18b",
-            brightYellow: "#f5f543",
-            brightBlue: "#3b8eea",
-            brightMagenta: "#d670d6",
-            brightCyan: "#29b8db",
-            brightWhite: "#ffffff",
           },
         });
 
         const fitAddon = new FitAddon();
         terminal.loadAddon(fitAddon);
 
-        await terminal.open(containerRef.current!);
+        terminal.open(containerRef.current!);
         fitAddon.fit();
 
         const { cols, rows } = terminal;