diff --git a/apps/web/index.html b/apps/web/index.html
index 0322f2d019..c4e7a59120 100644
--- a/apps/web/index.html
+++ b/apps/web/index.html
@@ -2,8 +2,14 @@
-
+
+
+
+
+
+
+
diff --git a/apps/web/public/manifest.webmanifest b/apps/web/public/manifest.webmanifest
new file mode 100644
index 0000000000..4a88ccdbe6
--- /dev/null
+++ b/apps/web/public/manifest.webmanifest
@@ -0,0 +1,30 @@
+{
+ "name": "T3 Code",
+ "short_name": "T3 Code",
+ "description": "Minimal web GUI for coding agents like Codex and Claude.",
+ "start_url": "/",
+ "scope": "/",
+ "display": "standalone",
+ "background_color": "#ffffff",
+ "theme_color": "#ffffff",
+ "icons": [
+ {
+ "src": "/apple-touch-icon.png",
+ "sizes": "180x180",
+ "type": "image/png",
+ "purpose": "any"
+ },
+ {
+ "src": "/favicon-32x32.png",
+ "sizes": "32x32",
+ "type": "image/png",
+ "purpose": "any"
+ },
+ {
+ "src": "/favicon-16x16.png",
+ "sizes": "16x16",
+ "type": "image/png",
+ "purpose": "any"
+ }
+ ]
+}
diff --git a/apps/web/src/index.css b/apps/web/src/index.css
index ea76f24fac..4619574ac2 100644
--- a/apps/web/src/index.css
+++ b/apps/web/src/index.css
@@ -137,6 +137,7 @@ html,
body,
#root {
height: 100%;
+ min-height: 100%;
width: 100%;
max-width: 100%;
overflow-y: hidden;
@@ -145,6 +146,22 @@ body,
overscroll-behavior-y: none;
}
+@media (display-mode: standalone), (display-mode: fullscreen) {
+ html,
+ body,
+ #root {
+ height: 100dvh;
+ min-height: 100dvh;
+ }
+
+ body {
+ position: fixed;
+ inset: 0;
+ overflow: hidden;
+ overscroll-behavior: none;
+ }
+}
+
body::after {
content: "";
position: fixed;