diff --git a/pyproject.toml b/pyproject.toml
index 9ec9e76..32955fb 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "webterm"
-version = "1.1.32"
+version = "1.2.0"
 description = "Serve terminal sessions over the web"
 authors = ["Will McGugan <will@textualize.io>"]
 license = "MIT"
diff --git a/src/webterm/local_server.py b/src/webterm/local_server.py
index 45e682e..8c15f34 100644
--- a/src/webterm/local_server.py
+++ b/src/webterm/local_server.py
@@ -1036,6 +1036,10 @@ class LocalServer:
 <html>
 <head>
     <title>Session Dashboard</title>
+    <link rel="manifest" href="/static/manifest.json">
+    <meta name="theme-color" content="#0d1117">
+    <link rel="icon" href="/static/icons/webterm-192.png" sizes="192x192">
+    <link rel="apple-touch-icon" href="/static/icons/webterm-192.png">
     <style>
         body {{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; margin: 16px; background: #0f172a; color: #e2e8f0; }}
         h1 {{ margin-bottom: 8px; }}
@@ -1174,7 +1178,6 @@ class LocalServer:
                 if (typeof win.focus === 'function') {{
                     win.focus();
                 }}
-                win.location.href = url;
             }} else {{
                 window.location.href = url;
             }}
diff --git a/src/webterm/static/icons/webterm-192.png b/src/webterm/static/icons/webterm-192.png
new file mode 100644
index 0000000..5789df6
Binary files /dev/null and b/src/webterm/static/icons/webterm-192.png differ
diff --git a/src/webterm/static/icons/webterm-512.png b/src/webterm/static/icons/webterm-512.png
new file mode 100644
index 0000000..fd9672d
Binary files /dev/null and b/src/webterm/static/icons/webterm-512.png differ
diff --git a/src/webterm/static/js/terminal.js b/src/webterm/static/js/terminal.js
index b9ab9b7..fbe58e1 100644
--- a/src/webterm/static/js/terminal.js
+++ b/src/webterm/static/js/terminal.js
@@ -10,7 +10,7 @@ Example:
 For tests, pass a Ghostty instance directly:
   import { Ghostty, Terminal } from "ghostty-web";
   const ghostty = await Ghostty.load();
-  const term = new Terminal({ ghostty });`);return s}var Z0='ui-monospace, "SFMono-Regular", "FiraCode Nerd Font", "FiraMono Nerd Font", "Fira Code", "Roboto Mono", Menlo, Monaco, Consolas, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace',S={tango:{background:"#000000",foreground:"#d3d7cf",cursor:"#d3d7cf",cursorAccent:"#000000",selectionBackground:"#555753",black:"#2e3436",red:"#cc0000",green:"#4e9a06",yellow:"#c4a000",blue:"#3465a4",magenta:"#75507b",cyan:"#06989a",white:"#d3d7cf",brightBlack:"#555753",brightRed:"#ef2929",brightGreen:"#8ae234",brightYellow:"#fce94f",brightBlue:"#729fcf",brightMagenta:"#ad7fa8",brightCyan:"#34e2e2",brightWhite:"#eeeeec"},xterm:{background:"#000000",foreground:"#e5e5e5",cursor:"#e5e5e5",cursorAccent:"#000000",selectionBackground:"#d4d4d4",black:"#000000",red:"#cd0000",green:"#00cd00",yellow:"#cdcd00",blue:"#0000cd",magenta:"#cd00cd",cyan:"#00cdcd",white:"#e5e5e5",brightBlack:"#4d4d4d",brightRed:"#ff0000",brightGreen:"#00ff00",brightYellow:"#ffff00",brightBlue:"#0000ff",brightMagenta:"#ff00ff",brightCyan:"#00ffff",brightWhite:"#ffffff"},monokai:{background:"#2d2a2e",foreground:"#fcfcfa",cursor:"#fcfcfa",cursorAccent:"#2d2a2e",selectionBackground:"#5b595c",black:"#403e41",red:"#ff6188",green:"#a9dc76",yellow:"#ffd866",blue:"#fc9867",magenta:"#ab9df2",cyan:"#78dce8",white:"#fcfcfa",brightBlack:"#727072",brightRed:"#ff6188",brightGreen:"#a9dc76",brightYellow:"#ffd866",brightBlue:"#fc9867",brightMagenta:"#ab9df2",brightCyan:"#78dce8",brightWhite:"#fcfcfa"},ristretto:{background:"#2d2525",foreground:"#fff1f3",cursor:"#fff1f3",cursorAccent:"#2d2525",selectionBackground:"#403838",black:"#2c2525",red:"#fd6883",green:"#adda78",yellow:"#f9cc6c",blue:"#f38d70",magenta:"#a8a9eb",cyan:"#85dacc",white:"#f9f8f5",brightBlack:"#655761",brightRed:"#fd6883",brightGreen:"#adda78",brightYellow:"#f9cc6c",brightBlue:"#f38d70",brightMagenta:"#a8a9eb",brightCyan:"#85dacc",brightWhite:"#f9f8f5"},dark:{background:"#1e1e1e",foreground:"#d4d4d4",cursor:"#aeafad",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"},light:{background:"#ffffff",foreground:"#383a42",cursor:"#526eff",cursorAccent:"#ffffff",selectionBackground:"#add6ff",black:"#000000",red:"#e45649",green:"#50a14f",yellow:"#c18401",blue:"#4078f2",magenta:"#a626a4",cyan:"#0184bc",white:"#a0a1a7",brightBlack:"#5c6370",brightRed:"#e06c75",brightGreen:"#98c379",brightYellow:"#d19a66",brightBlue:"#61afef",brightMagenta:"#c678dd",brightCyan:"#56b6c2",brightWhite:"#ffffff"},dracula:{background:"#282a36",foreground:"#f8f8f2",cursor:"#f8f8f2",cursorAccent:"#282a36",selectionBackground:"#44475a",black:"#21222c",red:"#ff5555",green:"#50fa7b",yellow:"#f1fa8c",blue:"#bd93f9",magenta:"#ff79c6",cyan:"#8be9fd",white:"#f8f8f2",brightBlack:"#6272a4",brightRed:"#ff6e6e",brightGreen:"#69ff94",brightYellow:"#ffffa5",brightBlue:"#d6acff",brightMagenta:"#ff92df",brightCyan:"#a4ffff",brightWhite:"#ffffff"},catppuccin:{background:"#1e1e2e",foreground:"#cdd6f4",cursor:"#f5e0dc",cursorAccent:"#1e1e2e",selectionBackground:"#45475a",black:"#45475a",red:"#f38ba8",green:"#a6e3a1",yellow:"#f9e2af",blue:"#89b4fa",magenta:"#f5c2e7",cyan:"#94e2d5",white:"#bac2de",brightBlack:"#585b70",brightRed:"#f38ba8",brightGreen:"#a6e3a1",brightYellow:"#f9e2af",brightBlue:"#89b4fa",brightMagenta:"#f5c2e7",brightCyan:"#94e2d5",brightWhite:"#a6adc8"},nord:{background:"#2e3440",foreground:"#d8dee9",cursor:"#d8dee9",cursorAccent:"#2e3440",selectionBackground:"#434c5e",black:"#3b4252",red:"#bf616a",green:"#a3be8c",yellow:"#ebcb8b",blue:"#81a1c1",magenta:"#b48ead",cyan:"#88c0d0",white:"#e5e9f0",brightBlack:"#4c566a",brightRed:"#bf616a",brightGreen:"#a3be8c",brightYellow:"#ebcb8b",brightBlue:"#81a1c1",brightMagenta:"#b48ead",brightCyan:"#8fbcbb",brightWhite:"#eceff4"},gruvbox:{background:"#282828",foreground:"#ebdbb2",cursor:"#ebdbb2",cursorAccent:"#282828",selectionBackground:"#504945",black:"#282828",red:"#cc241d",green:"#98971a",yellow:"#d79921",blue:"#458588",magenta:"#b16286",cyan:"#689d6a",white:"#a89984",brightBlack:"#928374",brightRed:"#fb4934",brightGreen:"#b8bb26",brightYellow:"#fabd2f",brightBlue:"#83a598",brightMagenta:"#d3869b",brightCyan:"#8ec07c",brightWhite:"#ebdbb2"},solarized:{background:"#002b36",foreground:"#839496",cursor:"#839496",cursorAccent:"#002b36",selectionBackground:"#073642",black:"#073642",red:"#dc322f",green:"#859900",yellow:"#b58900",blue:"#268bd2",magenta:"#d33682",cyan:"#2aa198",white:"#eee8d5",brightBlack:"#586e75",brightRed:"#cb4b16",brightGreen:"#586e75",brightYellow:"#657b83",brightBlue:"#839496",brightMagenta:"#6c71c4",brightCyan:"#93a1a1",brightWhite:"#fdf6e3"},tokyo:{background:"#1a1b26",foreground:"#a9b1d6",cursor:"#c0caf5",cursorAccent:"#1a1b26",selectionBackground:"#33467c",black:"#15161e",red:"#f7768e",green:"#9ece6a",yellow:"#e0af68",blue:"#7aa2f7",magenta:"#bb9af7",cyan:"#7dcfff",white:"#a9b1d6",brightBlack:"#414868",brightRed:"#f7768e",brightGreen:"#9ece6a",brightYellow:"#e0af68",brightBlue:"#7aa2f7",brightMagenta:"#bb9af7",brightCyan:"#7dcfff",brightWhite:"#c0caf5"}};function G0(V){console.log("[webterm:parseConfig] Parsing config from element");let j={};if(V.dataset.fontFamily){let Z=V.dataset.fontFamily;if(Z.startsWith("var(")){let $=Z.match(/var\(([^)]+)\)/);if($){let P=$[1].trim(),X=getComputedStyle(document.documentElement).getPropertyValue(P).trim();if(X)Z=X,console.log(`[webterm:parseConfig] Resolved CSS variable ${P} to: "${Z}"`);else console.warn(`[webterm:parseConfig] CSS variable ${P} not found, using default font`),Z=Z0}}j.fontFamily=Z,console.log(`[webterm:parseConfig] fontFamily: "${j.fontFamily}"`)}if(V.dataset.fontSize)j.fontSize=parseInt(V.dataset.fontSize,10),console.log(`[webterm:parseConfig] fontSize: ${j.fontSize}`);if(V.dataset.scrollback)j.scrollback=parseInt(V.dataset.scrollback,10),console.log(`[webterm:parseConfig] scrollback: ${j.scrollback}`);if(V.dataset.theme){let Z=V.dataset.theme.toLowerCase();if(console.log(`[webterm:parseConfig] theme attribute: "${V.dataset.theme}" -> normalized: "${Z}"`),console.log(`[webterm:parseConfig] Available themes: ${Object.keys(S).join(", ")}`),console.log(`[webterm:parseConfig] Theme "${Z}" in THEMES? ${Z in S}`),Z in S)j.theme=S[Z],console.log(`[webterm:parseConfig] Using built-in theme "${Z}":`,JSON.stringify(j.theme,null,2));else{console.log("[webterm:parseConfig] Theme not found in THEMES, trying JSON parse...");try{j.theme=JSON.parse(V.dataset.theme),console.log("[webterm:parseConfig] Parsed custom JSON theme:",j.theme)}catch($){console.warn(`[webterm:parseConfig] Unknown theme "${V.dataset.theme}", JSON parse failed:`,$)}}}else console.log("[webterm:parseConfig] No theme attribute found on element");return console.log("[webterm:parseConfig] Final config:",j),j}function p0(){let V=document.querySelectorAll('script[src*="terminal.js"]');if(V.length>0){let j=V[0].src;return j.substring(0,j.lastIndexOf("/")+1)+"ghostty-vt.wasm"}return"/static/js/ghostty-vt.wasm"}function A(){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||"ontouchstart"in window&&navigator.maxTouchPoints>0}class m{terminal;fitAddon;socket=null;element;wsUrl;reconnectAttempts=0;maxReconnectAttempts=5;reconnectDelay=1000;messageQueue=[];lastValidSize=null;mobileInput=null;mobileKeybar=null;ctrlActive=!1;shiftActive=!1;fontFamily;fontSize;constructor(V,j,Z,$,P,X){this.element=V,this.wsUrl=j,this.terminal=Z,this.fitAddon=$,this.fontFamily=P,this.fontSize=X}static async create(V,j,Z){console.log("[webterm:create] WebTerminal.create() called"),console.log("[webterm:create] Container:",V),console.log("[webterm:create] wsUrl:",j),console.log("[webterm:create] Config received:",JSON.stringify(Z,null,2));let $=p0();console.log("[webterm:create] WASM path:",$),console.log("[webterm:create] Loading Ghostty WASM...");let P=await U.load($);console.log("[webterm:create] Ghostty loaded:",P);let X=Z.theme??S.tango;console.log("[webterm:create] Theme to use (config.theme ?? THEMES.xterm):",JSON.stringify(X,null,2));let R=Z.fontFamily?.trim()||Z0,K=Z.fontSize??16,O={fontFamily:R,fontSize:K,scrollback:Z.scrollback??1000,cursorBlink:!0,cursorStyle:"block",theme:X,ghostty:P};console.log("[webterm:create] Full ITerminalOptions:",JSON.stringify(O,null,2)),console.log("[webterm:create] Creating ghostty-web Terminal instance...");let Y=new h(O);console.log("[webterm:create] Terminal created:",Y),console.log("[webterm:create] Terminal.options:",Y.options),console.log("[webterm:create] Creating FitAddon...");let _=new d;console.log("[webterm:create] Loading FitAddon into terminal..."),Y.loadAddon(_),console.log("[webterm:create] Calling terminal.open(container)..."),Y.open(V),console.log("[webterm:create] terminal.open() completed");let H=Y;if(console.log("[webterm:create] Terminal internal keys:",Object.keys(H)),H.renderer){console.log("[webterm:create] Renderer exists:",H.renderer);let z=H.renderer;if(console.log("[webterm:create] Renderer keys:",Object.keys(z)),z.theme)console.log("[webterm:create] Renderer.theme:",z.theme);if(z.palette)console.log("[webterm:create] Renderer.palette:",z.palette)}let W=new m(V,j,Y,_,R,K);return console.log("[webterm:create] WebTerminal instance created"),W.initialize(),console.log("[webterm:create] WebTerminal initialized"),W}initialize(){console.log("[webterm:init] initialize() called");let V=this.element.querySelector("canvas");if(console.log("[webterm:init] Canvas element:",V),V)console.log("[webterm:init] Canvas dimensions:",{width:V.width,height:V.height,clientWidth:V.clientWidth,clientHeight:V.clientHeight,style:V.style.cssText});if(console.log("[webterm:init] Container dimensions:",{clientWidth:this.element.clientWidth,clientHeight:this.element.clientHeight}),this.waitForFonts().then(()=>{if(console.log("[webterm:init] Fonts loaded, triggering font reload..."),typeof this.terminal.loadFonts==="function")this.terminal.loadFonts(),console.log("[webterm:init] terminal.loadFonts() called");this.fit(),console.log("[webterm:init] fit() completed");let Z=this.element.querySelector("canvas");if(Z)console.log("[webterm:init] Canvas after fit:",{width:Z.width,height:Z.height,clientWidth:Z.clientWidth,clientHeight:Z.clientHeight})}),this.setupResizeObserver(),window.addEventListener("resize",()=>{this.fit()}),this.terminal.onData((Z)=>{this.send(["stdin",Z])}),this.terminal.onResize((Z)=>{if(this.isValidSize(Z.cols,Z.rows))this.lastValidSize={cols:Z.cols,rows:Z.rows},this.send(["resize",{width:Z.cols,height:Z.rows}])}),this.setupMobileKeyboard(),A())this.setupMobileKeybar();this.connect();let j=()=>{if(A())this.focusMobileInput();else this.terminal.focus()};document.addEventListener("visibilitychange",()=>{if(!document.hidden)j()}),window.addEventListener("focus",()=>{j()}),window.addEventListener("pageshow",()=>{j()})}setupMobileKeyboard(){let V=document.createElement("textarea");V.setAttribute("autocapitalize","off"),V.setAttribute("autocomplete","off"),V.setAttribute("autocorrect","off"),V.setAttribute("spellcheck","false"),V.setAttribute("inputmode","text"),V.setAttribute("enterkeyhint","send"),V.style.cssText=`
+  const term = new Terminal({ ghostty });`);return s}var Z0='ui-monospace, "SFMono-Regular", "FiraCode Nerd Font", "FiraMono Nerd Font", "Fira Code", "Roboto Mono", Menlo, Monaco, Consolas, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace',S={tango:{background:"#000000",foreground:"#d3d7cf",cursor:"#d3d7cf",cursorAccent:"#000000",selectionBackground:"#555753",black:"#2e3436",red:"#cc0000",green:"#4e9a06",yellow:"#c4a000",blue:"#3465a4",magenta:"#75507b",cyan:"#06989a",white:"#d3d7cf",brightBlack:"#555753",brightRed:"#ef2929",brightGreen:"#8ae234",brightYellow:"#fce94f",brightBlue:"#729fcf",brightMagenta:"#ad7fa8",brightCyan:"#34e2e2",brightWhite:"#eeeeec"},xterm:{background:"#000000",foreground:"#e5e5e5",cursor:"#e5e5e5",cursorAccent:"#000000",selectionBackground:"#d4d4d4",black:"#000000",red:"#cd0000",green:"#00cd00",yellow:"#cdcd00",blue:"#0000cd",magenta:"#cd00cd",cyan:"#00cdcd",white:"#e5e5e5",brightBlack:"#4d4d4d",brightRed:"#ff0000",brightGreen:"#00ff00",brightYellow:"#ffff00",brightBlue:"#0000ff",brightMagenta:"#ff00ff",brightCyan:"#00ffff",brightWhite:"#ffffff"},monokai:{background:"#2d2a2e",foreground:"#fcfcfa",cursor:"#fcfcfa",cursorAccent:"#2d2a2e",selectionBackground:"#5b595c",black:"#403e41",red:"#ff6188",green:"#a9dc76",yellow:"#ffd866",blue:"#fc9867",magenta:"#ab9df2",cyan:"#78dce8",white:"#fcfcfa",brightBlack:"#727072",brightRed:"#ff6188",brightGreen:"#a9dc76",brightYellow:"#ffd866",brightBlue:"#fc9867",brightMagenta:"#ab9df2",brightCyan:"#78dce8",brightWhite:"#fcfcfa"},ristretto:{background:"#2d2525",foreground:"#fff1f3",cursor:"#fff1f3",cursorAccent:"#2d2525",selectionBackground:"#403838",black:"#2c2525",red:"#fd6883",green:"#adda78",yellow:"#f9cc6c",blue:"#f38d70",magenta:"#a8a9eb",cyan:"#85dacc",white:"#f9f8f5",brightBlack:"#655761",brightRed:"#fd6883",brightGreen:"#adda78",brightYellow:"#f9cc6c",brightBlue:"#f38d70",brightMagenta:"#a8a9eb",brightCyan:"#85dacc",brightWhite:"#f9f8f5"},dark:{background:"#1e1e1e",foreground:"#d4d4d4",cursor:"#aeafad",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"},light:{background:"#ffffff",foreground:"#383a42",cursor:"#526eff",cursorAccent:"#ffffff",selectionBackground:"#add6ff",black:"#000000",red:"#e45649",green:"#50a14f",yellow:"#c18401",blue:"#4078f2",magenta:"#a626a4",cyan:"#0184bc",white:"#a0a1a7",brightBlack:"#5c6370",brightRed:"#e06c75",brightGreen:"#98c379",brightYellow:"#d19a66",brightBlue:"#61afef",brightMagenta:"#c678dd",brightCyan:"#56b6c2",brightWhite:"#ffffff"},dracula:{background:"#282a36",foreground:"#f8f8f2",cursor:"#f8f8f2",cursorAccent:"#282a36",selectionBackground:"#44475a",black:"#21222c",red:"#ff5555",green:"#50fa7b",yellow:"#f1fa8c",blue:"#bd93f9",magenta:"#ff79c6",cyan:"#8be9fd",white:"#f8f8f2",brightBlack:"#6272a4",brightRed:"#ff6e6e",brightGreen:"#69ff94",brightYellow:"#ffffa5",brightBlue:"#d6acff",brightMagenta:"#ff92df",brightCyan:"#a4ffff",brightWhite:"#ffffff"},catppuccin:{background:"#1e1e2e",foreground:"#cdd6f4",cursor:"#f5e0dc",cursorAccent:"#1e1e2e",selectionBackground:"#45475a",black:"#45475a",red:"#f38ba8",green:"#a6e3a1",yellow:"#f9e2af",blue:"#89b4fa",magenta:"#f5c2e7",cyan:"#94e2d5",white:"#bac2de",brightBlack:"#585b70",brightRed:"#f38ba8",brightGreen:"#a6e3a1",brightYellow:"#f9e2af",brightBlue:"#89b4fa",brightMagenta:"#f5c2e7",brightCyan:"#94e2d5",brightWhite:"#a6adc8"},nord:{background:"#2e3440",foreground:"#d8dee9",cursor:"#d8dee9",cursorAccent:"#2e3440",selectionBackground:"#434c5e",black:"#3b4252",red:"#bf616a",green:"#a3be8c",yellow:"#ebcb8b",blue:"#81a1c1",magenta:"#b48ead",cyan:"#88c0d0",white:"#e5e9f0",brightBlack:"#4c566a",brightRed:"#bf616a",brightGreen:"#a3be8c",brightYellow:"#ebcb8b",brightBlue:"#81a1c1",brightMagenta:"#b48ead",brightCyan:"#8fbcbb",brightWhite:"#eceff4"},gruvbox:{background:"#282828",foreground:"#ebdbb2",cursor:"#ebdbb2",cursorAccent:"#282828",selectionBackground:"#504945",black:"#282828",red:"#cc241d",green:"#98971a",yellow:"#d79921",blue:"#458588",magenta:"#b16286",cyan:"#689d6a",white:"#a89984",brightBlack:"#928374",brightRed:"#fb4934",brightGreen:"#b8bb26",brightYellow:"#fabd2f",brightBlue:"#83a598",brightMagenta:"#d3869b",brightCyan:"#8ec07c",brightWhite:"#ebdbb2"},solarized:{background:"#002b36",foreground:"#839496",cursor:"#839496",cursorAccent:"#002b36",selectionBackground:"#073642",black:"#073642",red:"#dc322f",green:"#859900",yellow:"#b58900",blue:"#268bd2",magenta:"#d33682",cyan:"#2aa198",white:"#eee8d5",brightBlack:"#586e75",brightRed:"#cb4b16",brightGreen:"#586e75",brightYellow:"#657b83",brightBlue:"#839496",brightMagenta:"#6c71c4",brightCyan:"#93a1a1",brightWhite:"#fdf6e3"},tokyo:{background:"#1a1b26",foreground:"#a9b1d6",cursor:"#c0caf5",cursorAccent:"#1a1b26",selectionBackground:"#33467c",black:"#15161e",red:"#f7768e",green:"#9ece6a",yellow:"#e0af68",blue:"#7aa2f7",magenta:"#bb9af7",cyan:"#7dcfff",white:"#a9b1d6",brightBlack:"#414868",brightRed:"#f7768e",brightGreen:"#9ece6a",brightYellow:"#e0af68",brightBlue:"#7aa2f7",brightMagenta:"#bb9af7",brightCyan:"#7dcfff",brightWhite:"#c0caf5"}};function G0(V){console.log("[webterm:parseConfig] Parsing config from element");let j={};if(V.dataset.fontFamily){let Z=V.dataset.fontFamily;if(Z.startsWith("var(")){let $=Z.match(/var\(([^)]+)\)/);if($){let P=$[1].trim(),X=getComputedStyle(document.documentElement).getPropertyValue(P).trim();if(X)Z=X,console.log(`[webterm:parseConfig] Resolved CSS variable ${P} to: "${Z}"`);else console.warn(`[webterm:parseConfig] CSS variable ${P} not found, using default font`),Z=Z0}}j.fontFamily=Z,console.log(`[webterm:parseConfig] fontFamily: "${j.fontFamily}"`)}if(V.dataset.fontSize)j.fontSize=parseInt(V.dataset.fontSize,10),console.log(`[webterm:parseConfig] fontSize: ${j.fontSize}`);if(V.dataset.scrollback)j.scrollback=parseInt(V.dataset.scrollback,10),console.log(`[webterm:parseConfig] scrollback: ${j.scrollback}`);if(V.dataset.theme){let Z=V.dataset.theme.toLowerCase();if(console.log(`[webterm:parseConfig] theme attribute: "${V.dataset.theme}" -> normalized: "${Z}"`),console.log(`[webterm:parseConfig] Available themes: ${Object.keys(S).join(", ")}`),console.log(`[webterm:parseConfig] Theme "${Z}" in THEMES? ${Z in S}`),Z in S)j.theme=S[Z],console.log(`[webterm:parseConfig] Using built-in theme "${Z}":`,JSON.stringify(j.theme,null,2));else{console.log("[webterm:parseConfig] Theme not found in THEMES, trying JSON parse...");try{j.theme=JSON.parse(V.dataset.theme),console.log("[webterm:parseConfig] Parsed custom JSON theme:",j.theme)}catch($){console.warn(`[webterm:parseConfig] Unknown theme "${V.dataset.theme}", JSON parse failed:`,$)}}}else console.log("[webterm:parseConfig] No theme attribute found on element");return console.log("[webterm:parseConfig] Final config:",j),j}function p0(){let V=document.querySelectorAll('script[src*="terminal.js"]');if(V.length>0){let j=V[0].src;return j.substring(0,j.lastIndexOf("/")+1)+"ghostty-vt.wasm"}return"/static/js/ghostty-vt.wasm"}function A(){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||"ontouchstart"in window&&navigator.maxTouchPoints>0}class m{terminal;fitAddon;socket=null;element;wsUrl;reconnectAttempts=0;maxReconnectAttempts=5;reconnectDelay=1000;messageQueue=[];lastValidSize=null;mobileInput=null;mobileKeybar=null;ctrlActive=!1;shiftActive=!1;pendingCtrl=!1;pendingShift=!1;fontFamily;fontSize;constructor(V,j,Z,$,P,X){this.element=V,this.wsUrl=j,this.terminal=Z,this.fitAddon=$,this.fontFamily=P,this.fontSize=X}static async create(V,j,Z){console.log("[webterm:create] WebTerminal.create() called"),console.log("[webterm:create] Container:",V),console.log("[webterm:create] wsUrl:",j),console.log("[webterm:create] Config received:",JSON.stringify(Z,null,2));let $=p0();console.log("[webterm:create] WASM path:",$),console.log("[webterm:create] Loading Ghostty WASM...");let P=await U.load($);console.log("[webterm:create] Ghostty loaded:",P);let X=Z.theme??S.tango;console.log("[webterm:create] Theme to use (config.theme ?? THEMES.xterm):",JSON.stringify(X,null,2));let R=Z.fontFamily?.trim()||Z0,K=Z.fontSize??16,O={fontFamily:R,fontSize:K,scrollback:Z.scrollback??1000,cursorBlink:!0,cursorStyle:"block",theme:X,ghostty:P};console.log("[webterm:create] Full ITerminalOptions:",JSON.stringify(O,null,2)),console.log("[webterm:create] Creating ghostty-web Terminal instance...");let Y=new h(O);console.log("[webterm:create] Terminal created:",Y),console.log("[webterm:create] Terminal.options:",Y.options),console.log("[webterm:create] Creating FitAddon...");let _=new d;console.log("[webterm:create] Loading FitAddon into terminal..."),Y.loadAddon(_),console.log("[webterm:create] Calling terminal.open(container)..."),Y.open(V),console.log("[webterm:create] terminal.open() completed");let H=Y;if(console.log("[webterm:create] Terminal internal keys:",Object.keys(H)),H.renderer){console.log("[webterm:create] Renderer exists:",H.renderer);let z=H.renderer;if(console.log("[webterm:create] Renderer keys:",Object.keys(z)),z.theme)console.log("[webterm:create] Renderer.theme:",z.theme);if(z.palette)console.log("[webterm:create] Renderer.palette:",z.palette)}let W=new m(V,j,Y,_,R,K);return console.log("[webterm:create] WebTerminal instance created"),W.initialize(),console.log("[webterm:create] WebTerminal initialized"),W}initialize(){console.log("[webterm:init] initialize() called");let V=this.element.querySelector("canvas");if(console.log("[webterm:init] Canvas element:",V),V)console.log("[webterm:init] Canvas dimensions:",{width:V.width,height:V.height,clientWidth:V.clientWidth,clientHeight:V.clientHeight,style:V.style.cssText});if(console.log("[webterm:init] Container dimensions:",{clientWidth:this.element.clientWidth,clientHeight:this.element.clientHeight}),this.waitForFonts().then(()=>{if(console.log("[webterm:init] Fonts loaded, triggering font reload..."),typeof this.terminal.loadFonts==="function")this.terminal.loadFonts(),console.log("[webterm:init] terminal.loadFonts() called");this.fit(),console.log("[webterm:init] fit() completed");let Z=this.element.querySelector("canvas");if(Z)console.log("[webterm:init] Canvas after fit:",{width:Z.width,height:Z.height,clientWidth:Z.clientWidth,clientHeight:Z.clientHeight})}),this.setupResizeObserver(),window.addEventListener("resize",()=>{this.fit()}),this.terminal.onData((Z)=>{this.send(["stdin",Z])}),this.terminal.onResize((Z)=>{if(this.isValidSize(Z.cols,Z.rows))this.lastValidSize={cols:Z.cols,rows:Z.rows},this.send(["resize",{width:Z.cols,height:Z.rows}])}),this.setupMobileKeyboard(),A())this.setupMobileKeybar();this.connect();let j=()=>{if(A())this.focusMobileInput();else this.terminal.focus()};document.addEventListener("visibilitychange",()=>{if(!document.hidden)j()}),window.addEventListener("focus",()=>{j()}),window.addEventListener("pageshow",()=>{j()})}setupMobileKeyboard(){let V=document.createElement("textarea");V.setAttribute("autocapitalize","off"),V.setAttribute("autocomplete","off"),V.setAttribute("autocorrect","off"),V.setAttribute("spellcheck","false"),V.setAttribute("inputmode","text"),V.setAttribute("enterkeyhint","send"),V.style.cssText=`
       position: absolute;
       left: 0;
       top: 0;
@@ -25,7 +25,7 @@ For tests, pass a Ghostty instance directly:
       resize: none;
       font-size: 16px;
       caret-color: transparent;
-    `,this.element.style.position="relative",this.element.appendChild(V),this.mobileInput=V,V.addEventListener("beforeinput",(Z)=>{if(Z.inputType==="insertText"&&Z.data&&(this.ctrlActive||this.shiftActive)){let P=Z.data;if(this.shiftActive&&P.length===1)P=P.toUpperCase();if(this.ctrlActive&&P.length===1){let X=P.toUpperCase().charCodeAt(0);if(X>=65&&X<=90)P=String.fromCharCode(X-64)}Z.preventDefault(),Z.stopPropagation(),this.send(["stdin",P]),V.value="",this.deactivateModifiers();return}let $=null;switch(Z.inputType){case"insertLineBreak":$="\r";break;case"deleteContentBackward":$="";break;case"deleteContentForward":$="\x1B[3~";break}if($)Z.preventDefault(),Z.stopPropagation(),this.send(["stdin",$]),this.deactivateModifiers()}),V.addEventListener("input",()=>{let Z=V.value;if(Z){let $=Z;if(this.shiftActive)$=Z.toUpperCase();if(this.ctrlActive){let P=$[0]??"",X=P.toUpperCase().charCodeAt(0);if(X>=65&&X<=90)$=String.fromCharCode(X-64);else $=P}this.send(["stdin",$]),V.value="",this.deactivateModifiers()}}),V.addEventListener("keydown",(Z)=>{let $=Z.ctrlKey||this.ctrlActive,P=Z.shiftKey||this.shiftActive;if(Z.ctrlKey&&Z.key.length===1&&!Z.altKey&&!Z.metaKey){let R=Z.key.toUpperCase().charCodeAt(0);if(R>=65&&R<=90){Z.preventDefault(),Z.stopPropagation(),this.send(["stdin",String.fromCharCode(R-64)]),this.deactivateModifiers();return}}let X=null;switch(Z.key){case"Escape":X="\x1B";break;case"ArrowUp":case"ArrowDown":case"ArrowRight":case"ArrowLeft":{let R=Z.key==="ArrowUp"?"A":Z.key==="ArrowDown"?"B":Z.key==="ArrowRight"?"C":"D";if($&&P)X=`\x1B[1;6${R}`;else if($)X=`\x1B[1;5${R}`;else if(P)X=`\x1B[1;2${R}`;else X=`\x1B[${R}`;break}case"Tab":if(P)X="\x1B[Z";else X="\t";Z.preventDefault();break}if(X)Z.preventDefault(),Z.stopPropagation(),this.send(["stdin",X]),this.deactivateModifiers()}),document.addEventListener("keydown",(Z)=>{if(!this.ctrlActive&&!this.shiftActive)return;if(Z.target===this.mobileInput)return;let $=this.ctrlActive,P=this.shiftActive,X=!1;if(Z.key.length===1&&!Z.altKey&&!Z.metaKey){let R=Z.key;if(P)R=R.toUpperCase();if($){let K=R.toUpperCase().charCodeAt(0);if(K>=65&&K<=90)R=String.fromCharCode(K-64)}Z.preventDefault(),Z.stopPropagation(),this.send(["stdin",R]),X=!0}else{let R=null;switch(Z.key){case"Escape":R="\x1B";break;case"ArrowUp":case"ArrowDown":case"ArrowRight":case"ArrowLeft":{let K=Z.key==="ArrowUp"?"A":Z.key==="ArrowDown"?"B":Z.key==="ArrowRight"?"C":"D";if($&&P)R=`\x1B[1;6${K}`;else if($)R=`\x1B[1;5${K}`;else if(P)R=`\x1B[1;2${K}`;else R=`\x1B[${K}`;break}case"Tab":if(P)R="\x1B[Z";else R="\t";break}if(R)Z.preventDefault(),Z.stopPropagation(),this.send(["stdin",R]),X=!0}if(X)this.deactivateModifiers()},{capture:!0});let j=()=>{this.mobileInput?.focus()};this.element.addEventListener("touchend",j,{passive:!0}),this.element.addEventListener("click",j)}setupMobileKeybar(){let V=document.createElement("div");V.className="mobile-keybar",V.innerHTML=`
+    `,this.element.style.position="relative",this.element.appendChild(V),this.mobileInput=V,V.addEventListener("beforeinput",(Z)=>{if(Z.inputType==="insertText"&&Z.data&&(this.ctrlActive||this.shiftActive||this.pendingCtrl||this.pendingShift)){let P=Z.data;if((this.shiftActive||this.pendingShift)&&P.length===1)P=P.toUpperCase();if((this.ctrlActive||this.pendingCtrl)&&P.length===1){let X=P.toUpperCase().charCodeAt(0);if(X>=65&&X<=90)P=String.fromCharCode(X-64)}Z.preventDefault(),Z.stopPropagation(),this.send(["stdin",P]),V.value="",this.deactivateModifiers(),this.pendingCtrl=!1,this.pendingShift=!1;return}let $=null;switch(Z.inputType){case"insertLineBreak":$="\r";break;case"deleteContentBackward":$="";break;case"deleteContentForward":$="\x1B[3~";break}if($)Z.preventDefault(),Z.stopPropagation(),this.send(["stdin",$]),this.deactivateModifiers()}),V.addEventListener("input",()=>{let Z=V.value;if(Z){let $=Z;if(this.shiftActive||this.pendingShift)$=Z.toUpperCase();if(this.ctrlActive||this.pendingCtrl){let P=$[0]??"",X=P.toUpperCase().charCodeAt(0);if(X>=65&&X<=90)$=String.fromCharCode(X-64);else $=P}this.send(["stdin",$]),V.value="",this.deactivateModifiers(),this.pendingCtrl=!1,this.pendingShift=!1}}),V.addEventListener("keydown",(Z)=>{let $=Z.ctrlKey||this.ctrlActive,P=Z.shiftKey||this.shiftActive;if(Z.ctrlKey&&Z.key.length===1&&!Z.altKey&&!Z.metaKey){let R=Z.key.toUpperCase().charCodeAt(0);if(R>=65&&R<=90){Z.preventDefault(),Z.stopPropagation(),this.send(["stdin",String.fromCharCode(R-64)]),this.deactivateModifiers();return}}let X=null;switch(Z.key){case"Escape":X="\x1B";break;case"ArrowUp":case"ArrowDown":case"ArrowRight":case"ArrowLeft":{let R=Z.key==="ArrowUp"?"A":Z.key==="ArrowDown"?"B":Z.key==="ArrowRight"?"C":"D";if($&&P)X=`\x1B[1;6${R}`;else if($)X=`\x1B[1;5${R}`;else if(P)X=`\x1B[1;2${R}`;else X=`\x1B[${R}`;break}case"Tab":if(P)X="\x1B[Z";else X="\t";Z.preventDefault();break}if(X)Z.preventDefault(),Z.stopPropagation(),this.send(["stdin",X]),this.deactivateModifiers()}),document.addEventListener("keydown",(Z)=>{if(!this.ctrlActive&&!this.shiftActive)return;if(Z.target===this.mobileInput)return;let $=this.ctrlActive,P=this.shiftActive,X=!1;if(Z.key.length===1&&!Z.altKey&&!Z.metaKey){let R=Z.key;if(P)R=R.toUpperCase();if($){let K=R.toUpperCase().charCodeAt(0);if(K>=65&&K<=90)R=String.fromCharCode(K-64)}Z.preventDefault(),Z.stopPropagation(),this.send(["stdin",R]),X=!0}else{let R=null;switch(Z.key){case"Escape":R="\x1B";break;case"ArrowUp":case"ArrowDown":case"ArrowRight":case"ArrowLeft":{let K=Z.key==="ArrowUp"?"A":Z.key==="ArrowDown"?"B":Z.key==="ArrowRight"?"C":"D";if($&&P)R=`\x1B[1;6${K}`;else if($)R=`\x1B[1;5${K}`;else if(P)R=`\x1B[1;2${K}`;else R=`\x1B[${K}`;break}case"Tab":if(P)R="\x1B[Z";else R="\t";break}if(R)Z.preventDefault(),Z.stopPropagation(),this.send(["stdin",R]),X=!0}if(X)this.deactivateModifiers()},{capture:!0});let j=()=>{this.mobileInput?.focus()};this.element.addEventListener("touchend",j,{passive:!0}),this.element.addEventListener("click",j)}setupMobileKeybar(){let V=document.createElement("div");V.className="mobile-keybar",V.innerHTML=`
       <button class="keybar-drag" title="Drag to move">⋮⋮</button>
       <button data-key="\\x1b" title="Escape">Esc</button>
       <button data-modifier="ctrl" title="Ctrl modifier">Ctrl</button>
@@ -86,4 +86,4 @@ For tests, pass a Ghostty instance directly:
         grid-column: 5;
         grid-row: 2;
       }
-    `,document.head.appendChild(j),document.body.appendChild(V),this.mobileKeybar=V,V.querySelectorAll("button[data-key]").forEach((Z)=>{Z.addEventListener("touchstart",($)=>{$.preventDefault();let P=Z.dataset.key||"";if(P=P.replace(/\\x([0-9a-fA-F]{2})/g,(X,R)=>String.fromCharCode(parseInt(R,16))),P=P.replace(/\\x1b/g,"\x1B"),this.shiftActive&&P==="\t")P="\x1B[Z";else if(this.shiftActive&&P.startsWith("\x1B[")&&P.length===3)P=`\x1B[1;2${P[2]}`;else if(this.ctrlActive&&P.startsWith("\x1B[")&&P.length===3)P=`\x1B[1;5${P[2]}`;else if(this.ctrlActive&&this.shiftActive&&P.startsWith("\x1B[")&&P.length===3)P=`\x1B[1;6${P[2]}`;else if(this.ctrlActive&&P.length===1){let X=P.toUpperCase().charCodeAt(0);if(X>=65&&X<=90)P=String.fromCharCode(X-64)}this.send(["stdin",P]),this.deactivateModifiers()})}),V.querySelectorAll("button[data-modifier]").forEach((Z)=>{Z.addEventListener("touchstart",($)=>{$.preventDefault();let P=Z.dataset.modifier;if(P==="ctrl")this.ctrlActive=!this.ctrlActive,Z.classList.toggle("active",this.ctrlActive);else if(P==="shift")this.shiftActive=!this.shiftActive,Z.classList.toggle("active",this.shiftActive);this.focusMobileInput()})}),this.setupKeybarDrag(V)}setupKeybarDrag(V){let j=V.querySelector(".keybar-drag");if(!j)return;let Z=!1,$=0,P=0,X=0,R=0,K=(_)=>{if(_.touches.length!==1)return;Z=!0;let H=_.touches[0];$=H.clientX,P=H.clientY;let W=V.getBoundingClientRect();X=window.innerWidth-W.right,R=window.innerHeight-W.bottom,_.preventDefault()},O=(_)=>{if(!Z||_.touches.length!==1)return;let H=_.touches[0],W=$-H.clientX,z=P-H.clientY,G=Math.max(0,Math.min(window.innerWidth-100,X+W)),u=Math.max(0,Math.min(window.innerHeight-50,R+z));V.style.right=`${G}px`,V.style.bottom=`${u}px`,_.preventDefault()},Y=()=>{Z=!1};j.addEventListener("touchstart",K,{passive:!1}),document.addEventListener("touchmove",O,{passive:!1}),document.addEventListener("touchend",Y)}deactivateModifiers(){this.ctrlActive=!1,this.shiftActive=!1,this.mobileKeybar?.querySelectorAll("button[data-modifier]").forEach((V)=>{V.classList.remove("active")})}focusMobileInput(){this.mobileInput?.focus()}async waitForFonts(){if(!("fonts"in document))return;try{await document.fonts.ready}catch{}}fit(){let j=this.terminal.renderer,Z,$;if(j?.getMetrics){let z=j.getMetrics();if(z&&z.width>0&&z.height>0)Z=z.width,$=z.height;else{let G=this.measureCellSize();if(!G){this.fitAddon.fit();return}Z=G.width,$=G.height}}else{let z=this.measureCellSize();if(!z){this.fitAddon.fit();return}Z=z.width,$=z.height}let P=window.getComputedStyle(this.element),X=parseInt(P.paddingTop)||0,R=parseInt(P.paddingBottom)||0,K=parseInt(P.paddingLeft)||0,O=parseInt(P.paddingRight)||0,Y=this.element.clientWidth-K-O,_=this.element.clientHeight-X-R;if(Y<=0||_<=0)return;let H=Math.max(2,Math.floor(Y/Z)),W=Math.max(1,Math.floor(_/$));if(H!==this.terminal.cols||W!==this.terminal.rows)this.terminal.resize(H,W)}measureCellSize(){let V=document.createElement("span");V.style.visibility="hidden",V.style.position="absolute",V.style.fontFamily=this.fontFamily,V.style.fontSize=`${this.fontSize}px`,V.style.lineHeight="normal",V.textContent="W",document.body.appendChild(V);let{offsetWidth:j,offsetHeight:Z}=V;if(document.body.removeChild(V),j>0&&Z>0)return{width:j,height:Z};return null}setupResizeObserver(){new ResizeObserver(()=>{if(this.resizeDebounceTimer)clearTimeout(this.resizeDebounceTimer);this.resizeDebounceTimer=window.setTimeout(()=>{this.fit()},100)}).observe(this.element)}resizeDebounceTimer;isValidSize(V,j){return V>=2&&V<=500&&j>=1&&j<=200}connect(){if(this.socket?.readyState===WebSocket.OPEN)return;this.socket=new WebSocket(this.wsUrl),this.socket.binaryType="arraybuffer",this.socket.addEventListener("open",()=>{this.reconnectAttempts=0,this.element.classList.add("-connected"),this.element.classList.remove("-disconnected"),this.processMessageQueue();let V=this.terminal.cols,j=this.terminal.rows;if(this.isValidSize(V,j))this.lastValidSize={cols:V,rows:j},this.send(["resize",{width:V,height:j}]);this.terminal.focus()}),this.socket.addEventListener("close",()=>{this.element.classList.remove("-connected"),this.element.classList.add("-disconnected"),this.scheduleReconnect()}),this.socket.addEventListener("error",()=>{}),this.socket.addEventListener("message",(V)=>{this.handleMessage(V.data)})}handleMessage(V){if(V instanceof ArrayBuffer){let j=new TextDecoder().decode(V);this.terminal.write(j);return}try{let j=JSON.parse(V),[Z,$]=j;switch(Z){case"stdout":this.terminal.write($);break;case"pong":break;default:console.debug("Unknown message type:",Z)}}catch{this.terminal.write(V)}}send(V){this.messageQueue.push(V),this.processMessageQueue()}processMessageQueue(){if(this.socket?.readyState!==WebSocket.OPEN)return;while(this.messageQueue.length>0){let V=this.messageQueue.shift();try{if(V)this.socket.send(JSON.stringify(V))}catch(j){if(console.error("Failed to send message:",j,V),V)this.messageQueue.unshift(V);break}}}scheduleReconnect(){if(this.reconnectAttempts>=this.maxReconnectAttempts){console.error("Max reconnection attempts reached");return}this.reconnectAttempts++;let V=this.reconnectDelay*Math.pow(2,this.reconnectAttempts-1);setTimeout(()=>{console.log(`Reconnecting (attempt ${this.reconnectAttempts})...`),this.connect()},V)}dispose(){if(this.socket?.close(),this.mobileInput)this.mobileInput.remove(),this.mobileInput=null;if(this.mobileKeybar)this.mobileKeybar.remove(),this.mobileKeybar=null;this.fitAddon.dispose(),this.terminal.dispose()}setTheme(V){let j=this.terminal.renderer;if(j&&typeof j.setTheme==="function")j.setTheme(V)}static getTheme(V){return S[V.toLowerCase()]}}var u0=new Map;async function V0(){console.log("[webterm:init] initTerminals() called");let V=document.querySelectorAll(".webterm-terminal");console.log(`[webterm:init] Found ${V.length} .webterm-terminal containers`);for(let j of V){console.log("[webterm:init] Processing container:",j),console.log("[webterm:init] Dataset:",JSON.stringify(j.dataset));let Z=j.dataset.sessionWebsocketUrl;if(!Z){console.error("Missing data-session-websocket-url on terminal container");continue}let $=G0(j);console.log("[webterm:init] Parsed config:",JSON.stringify($,null,2));try{console.log("[webterm:init] Calling WebTerminal.create()...");let P=await m.create(j,Z,$);console.log("[webterm:init] WebTerminal created successfully"),u0.set(j,P)}catch(P){console.error("Failed to create terminal:",P)}}}if(document.readyState==="loading")document.addEventListener("DOMContentLoaded",()=>V0());else V0();export{u0 as instances,V0 as initTerminals,m as WebTerminal,S as THEMES};
+    `,document.head.appendChild(j),document.body.appendChild(V),this.mobileKeybar=V,V.querySelectorAll("button[data-key]").forEach((Z)=>{Z.addEventListener("touchstart",($)=>{$.preventDefault();let P=Z.dataset.key||"";if(P=P.replace(/\\x([0-9a-fA-F]{2})/g,(X,R)=>String.fromCharCode(parseInt(R,16))),P=P.replace(/\\x1b/g,"\x1B"),this.shiftActive&&P==="\t")P="\x1B[Z";else if(this.shiftActive&&P.startsWith("\x1B[")&&P.length===3)P=`\x1B[1;2${P[2]}`;else if(this.ctrlActive&&P.startsWith("\x1B[")&&P.length===3)P=`\x1B[1;5${P[2]}`;else if(this.ctrlActive&&this.shiftActive&&P.startsWith("\x1B[")&&P.length===3)P=`\x1B[1;6${P[2]}`;else if(this.ctrlActive&&P.length===1){let X=P.toUpperCase().charCodeAt(0);if(X>=65&&X<=90)P=String.fromCharCode(X-64)}this.send(["stdin",P]),this.deactivateModifiers()})}),V.querySelectorAll("button[data-modifier]").forEach((Z)=>{Z.addEventListener("touchstart",($)=>{$.preventDefault();let P=Z.dataset.modifier;if(P==="ctrl")this.ctrlActive=!this.ctrlActive,this.pendingCtrl=this.ctrlActive,Z.classList.toggle("active",this.ctrlActive);else if(P==="shift")this.shiftActive=!this.shiftActive,this.pendingShift=this.shiftActive,Z.classList.toggle("active",this.shiftActive);this.focusMobileInput()})}),this.setupKeybarDrag(V)}setupKeybarDrag(V){let j=V.querySelector(".keybar-drag");if(!j)return;let Z=!1,$=0,P=0,X=0,R=0,K=(_)=>{if(_.touches.length!==1)return;Z=!0;let H=_.touches[0];$=H.clientX,P=H.clientY;let W=V.getBoundingClientRect();X=window.innerWidth-W.right,R=window.innerHeight-W.bottom,_.preventDefault()},O=(_)=>{if(!Z||_.touches.length!==1)return;let H=_.touches[0],W=$-H.clientX,z=P-H.clientY,G=Math.max(0,Math.min(window.innerWidth-100,X+W)),u=Math.max(0,Math.min(window.innerHeight-50,R+z));V.style.right=`${G}px`,V.style.bottom=`${u}px`,_.preventDefault()},Y=()=>{Z=!1};j.addEventListener("touchstart",K,{passive:!1}),document.addEventListener("touchmove",O,{passive:!1}),document.addEventListener("touchend",Y)}deactivateModifiers(){this.ctrlActive=!1,this.shiftActive=!1,this.pendingCtrl=!1,this.pendingShift=!1,this.mobileKeybar?.querySelectorAll("button[data-modifier]").forEach((V)=>{V.classList.remove("active")})}focusMobileInput(){this.mobileInput?.focus()}async waitForFonts(){if(!("fonts"in document))return;try{await document.fonts.ready}catch{}}fit(){let j=this.terminal.renderer,Z,$;if(j?.getMetrics){let z=j.getMetrics();if(z&&z.width>0&&z.height>0)Z=z.width,$=z.height;else{let G=this.measureCellSize();if(!G){this.fitAddon.fit();return}Z=G.width,$=G.height}}else{let z=this.measureCellSize();if(!z){this.fitAddon.fit();return}Z=z.width,$=z.height}let P=window.getComputedStyle(this.element),X=parseInt(P.paddingTop)||0,R=parseInt(P.paddingBottom)||0,K=parseInt(P.paddingLeft)||0,O=parseInt(P.paddingRight)||0,Y=this.element.clientWidth-K-O,_=this.element.clientHeight-X-R;if(Y<=0||_<=0)return;let H=Math.max(2,Math.floor(Y/Z)),W=Math.max(1,Math.floor(_/$));if(H!==this.terminal.cols||W!==this.terminal.rows)this.terminal.resize(H,W)}measureCellSize(){let V=document.createElement("span");V.style.visibility="hidden",V.style.position="absolute",V.style.fontFamily=this.fontFamily,V.style.fontSize=`${this.fontSize}px`,V.style.lineHeight="normal",V.textContent="W",document.body.appendChild(V);let{offsetWidth:j,offsetHeight:Z}=V;if(document.body.removeChild(V),j>0&&Z>0)return{width:j,height:Z};return null}setupResizeObserver(){new ResizeObserver(()=>{if(this.resizeDebounceTimer)clearTimeout(this.resizeDebounceTimer);this.resizeDebounceTimer=window.setTimeout(()=>{this.fit()},100)}).observe(this.element)}resizeDebounceTimer;isValidSize(V,j){return V>=2&&V<=500&&j>=1&&j<=200}connect(){if(this.socket?.readyState===WebSocket.OPEN)return;this.socket=new WebSocket(this.wsUrl),this.socket.binaryType="arraybuffer",this.socket.addEventListener("open",()=>{this.reconnectAttempts=0,this.element.classList.add("-connected"),this.element.classList.remove("-disconnected"),this.processMessageQueue();let V=this.terminal.cols,j=this.terminal.rows;if(this.isValidSize(V,j))this.lastValidSize={cols:V,rows:j},this.send(["resize",{width:V,height:j}]);this.terminal.focus()}),this.socket.addEventListener("close",()=>{this.element.classList.remove("-connected"),this.element.classList.add("-disconnected"),this.scheduleReconnect()}),this.socket.addEventListener("error",()=>{}),this.socket.addEventListener("message",(V)=>{this.handleMessage(V.data)})}handleMessage(V){if(V instanceof ArrayBuffer){let j=new TextDecoder().decode(V);this.terminal.write(j);return}try{let j=JSON.parse(V),[Z,$]=j;switch(Z){case"stdout":this.terminal.write($);break;case"pong":break;default:console.debug("Unknown message type:",Z)}}catch{this.terminal.write(V)}}send(V){this.messageQueue.push(V),this.processMessageQueue()}processMessageQueue(){if(this.socket?.readyState!==WebSocket.OPEN)return;while(this.messageQueue.length>0){let V=this.messageQueue.shift();try{if(V)this.socket.send(JSON.stringify(V))}catch(j){if(console.error("Failed to send message:",j,V),V)this.messageQueue.unshift(V);break}}}scheduleReconnect(){if(this.reconnectAttempts>=this.maxReconnectAttempts){console.error("Max reconnection attempts reached");return}this.reconnectAttempts++;let V=this.reconnectDelay*Math.pow(2,this.reconnectAttempts-1);setTimeout(()=>{console.log(`Reconnecting (attempt ${this.reconnectAttempts})...`),this.connect()},V)}dispose(){if(this.socket?.close(),this.mobileInput)this.mobileInput.remove(),this.mobileInput=null;if(this.mobileKeybar)this.mobileKeybar.remove(),this.mobileKeybar=null;this.fitAddon.dispose(),this.terminal.dispose()}setTheme(V){let j=this.terminal.renderer;if(j&&typeof j.setTheme==="function")j.setTheme(V)}static getTheme(V){return S[V.toLowerCase()]}}var u0=new Map;async function V0(){console.log("[webterm:init] initTerminals() called");let V=document.querySelectorAll(".webterm-terminal");console.log(`[webterm:init] Found ${V.length} .webterm-terminal containers`);for(let j of V){console.log("[webterm:init] Processing container:",j),console.log("[webterm:init] Dataset:",JSON.stringify(j.dataset));let Z=j.dataset.sessionWebsocketUrl;if(!Z){console.error("Missing data-session-websocket-url on terminal container");continue}let $=G0(j);console.log("[webterm:init] Parsed config:",JSON.stringify($,null,2));try{console.log("[webterm:init] Calling WebTerminal.create()...");let P=await m.create(j,Z,$);console.log("[webterm:init] WebTerminal created successfully"),u0.set(j,P)}catch(P){console.error("Failed to create terminal:",P)}}}if(document.readyState==="loading")document.addEventListener("DOMContentLoaded",()=>V0());else V0();export{u0 as instances,V0 as initTerminals,m as WebTerminal,S as THEMES};
diff --git a/src/webterm/static/js/terminal.ts b/src/webterm/static/js/terminal.ts
index 46420dc..78d2c06 100644
--- a/src/webterm/static/js/terminal.ts
+++ b/src/webterm/static/js/terminal.ts
@@ -409,6 +409,8 @@ class WebTerminal {
   private mobileKeybar: HTMLElement | null = null;
   private ctrlActive = false;
   private shiftActive = false;
+  private pendingCtrl = false;
+  private pendingShift = false;
   private fontFamily: string;
   private fontSize: number;
 
@@ -664,24 +666,30 @@ class WebTerminal {
 
     // Handle special keys via beforeinput to intercept before browser modifies textarea
     textarea.addEventListener("beforeinput", (e) => {
-      if (e.inputType === "insertText" && e.data && (this.ctrlActive || this.shiftActive)) {
-        let toSend = e.data;
-        if (this.shiftActive && toSend.length === 1) {
-          toSend = toSend.toUpperCase();
-        }
-        if (this.ctrlActive && toSend.length === 1) {
-          const code = toSend.toUpperCase().charCodeAt(0);
-          if (code >= 65 && code <= 90) {
-            toSend = String.fromCharCode(code - 64);
+        if (
+          e.inputType === "insertText"
+          && e.data
+          && (this.ctrlActive || this.shiftActive || this.pendingCtrl || this.pendingShift)
+        ) {
+          let toSend = e.data;
+          if ((this.shiftActive || this.pendingShift) && toSend.length === 1) {
+            toSend = toSend.toUpperCase();
           }
+          if ((this.ctrlActive || this.pendingCtrl) && toSend.length === 1) {
+            const code = toSend.toUpperCase().charCodeAt(0);
+            if (code >= 65 && code <= 90) {
+              toSend = String.fromCharCode(code - 64);
+            }
+          }
+          e.preventDefault();
+          e.stopPropagation();
+          this.send(["stdin", toSend]);
+          textarea.value = "";
+          this.deactivateModifiers();
+          this.pendingCtrl = false;
+          this.pendingShift = false;
+          return;
         }
-        e.preventDefault();
-        e.stopPropagation();
-        this.send(["stdin", toSend]);
-        textarea.value = "";
-        this.deactivateModifiers();
-        return;
-      }
 
       let seq: string | null = null;
       switch (e.inputType) {
@@ -710,11 +718,11 @@ class WebTerminal {
       if (value) {
         let toSend = value;
         // Apply Shift modifier (uppercase letters)
-        if (this.shiftActive) {
+        if (this.shiftActive || this.pendingShift) {
           toSend = value.toUpperCase();
         }
         // Apply Ctrl modifier if active (convert letters to control codes)
-        if (this.ctrlActive) {
+        if (this.ctrlActive || this.pendingCtrl) {
           const firstChar = toSend[0] ?? "";
           const code = firstChar.toUpperCase().charCodeAt(0);
           if (code >= 65 && code <= 90) {
@@ -726,6 +734,8 @@ class WebTerminal {
         this.send(["stdin", toSend]);
         textarea.value = "";
         this.deactivateModifiers();
+        this.pendingCtrl = false;
+        this.pendingShift = false;
       }
     });
 
@@ -1004,9 +1014,11 @@ class WebTerminal {
         const modifier = (btn as HTMLElement).dataset.modifier;
         if (modifier === "ctrl") {
           this.ctrlActive = !this.ctrlActive;
+          this.pendingCtrl = this.ctrlActive;
           btn.classList.toggle("active", this.ctrlActive);
         } else if (modifier === "shift") {
           this.shiftActive = !this.shiftActive;
+          this.pendingShift = this.shiftActive;
           btn.classList.toggle("active", this.shiftActive);
         }
         this.focusMobileInput();
@@ -1070,6 +1082,8 @@ class WebTerminal {
   private deactivateModifiers(): void {
     this.ctrlActive = false;
     this.shiftActive = false;
+    this.pendingCtrl = false;
+    this.pendingShift = false;
     this.mobileKeybar?.querySelectorAll("button[data-modifier]").forEach((btn) => {
       btn.classList.remove("active");
     });
diff --git a/src/webterm/static/manifest.json b/src/webterm/static/manifest.json
new file mode 100644
index 0000000..74b51d4
--- /dev/null
+++ b/src/webterm/static/manifest.json
@@ -0,0 +1,21 @@
+{
+  "name": "Webterm Dashboard",
+  "short_name": "webterm",
+  "start_url": "/",
+  "scope": "/",
+  "display": "standalone",
+  "background_color": "#0d1117",
+  "theme_color": "#0d1117",
+  "icons": [
+    {
+      "src": "/static/icons/webterm-192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/static/icons/webterm-512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ]
+}
