wip: in-progress changes (grid, config, wizard, settings, pty) before session-persistence

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

app/src/TerminalView.tsx

@@ -9,6 +9,13 @@ import { registerSearch, unregisterSearch } from "./searchRegistry";
 const decoder = new TextDecoder();
 const encoder = new TextEncoder();
 
+// Appended after the user font so Nerd Font icon glyphs (Private Use Area) render
+// via fallback instead of blank boxes, without changing the base monospace font.
+const NERD_FALLBACK = "'Symbols Nerd Font Mono'";
+const fontStack = (family: string | null) =>
+  family ? `'${family}', ${NERD_FALLBACK}, monospace`
+         : `'JetBrains Mono Variable', 'JetBrains Mono', ${NERD_FALLBACK}, monospace`;
+
 function xtermTheme(p: Record<string, string>) {
   return {
     background: p["bg-panel"],
@@ -30,7 +37,7 @@ export function TerminalView({ surfaceId, font, palette }: { surfaceId: string;
     // call registerMarker/registerDecoration (proposed API). Without it findNext
     // throws and the scrollback search counter never updates.
     const term = new Terminal({
-      fontFamily: font ? `'${font.family}', monospace` : "'JetBrains Mono Variable', 'JetBrains Mono', monospace",
+      fontFamily: fontStack(font?.family ?? null),
       fontSize: font?.size ?? 13,
       convertEol: false,
       scrollback: 10000,
@@ -81,6 +88,12 @@ export function TerminalView({ surfaceId, font, palette }: { surfaceId: string;
 
     let disposed = false;
 
+    // The Nerd Font fallback may finish loading after the first paint; once it's
+    // ready, drop the WebGL glyph atlas so cached blank cells re-rasterize with icons.
+    void document.fonts.load("16px 'Symbols Nerd Font Mono'").then(() => {
+      if (!disposed) webglRef.current?.clearTextureAtlas();
+    }).catch(() => {});
+
     // Attach: fresh xterm instance, write snapshot, then stream live output.
     void attachSurface(surfaceId, (bytes) => {
       if (!disposed) term.write(decoder.decode(bytes));
@@ -112,7 +125,7 @@ export function TerminalView({ surfaceId, font, palette }: { surfaceId: string;
     const t = termRef.current;
     if (!t) return;
     if (font) {
-      t.options.fontFamily = `'${font.family}', monospace`;
+      t.options.fontFamily = fontStack(font.family);
       t.options.fontSize = font.size;
       // The WebGL renderer caches rasterized glyphs in a texture atlas keyed by
       // the old font/size; without clearing it the grid keeps rendering stale