@co0ontty/wand 1.25.0 → 1.25.2

package/dist/web-ui/content/scripts.js

@@ -54,6 +54,20 @@
       ['standalone', 'window-controls-overlay', 'fullscreen'].forEach(function(m) {
         window.matchMedia('(display-mode: ' + m + ')').addEventListener('change', detectDisplayMode);
       });
+
+      // Wand Android APK detection: the native shell appends "WandApp/<version>"
+      // to the WebView user-agent. On Android (targetSdk >= 35 forces edge-to-edge
+      // rendering) the WebView extends behind the status bar, but Android WebView
+      // doesn't propagate WindowInsets to env(safe-area-inset-*). Tagging the
+      // document root lets CSS apply a sane min top inset so top-pinned drawers
+      // and modals don't sit under the status bar. Newer APK builds also inject
+      // exact pixel values into --app-inset-top via the AndroidInsets bridge.
+      try {
+        var ua = (navigator && navigator.userAgent) || "";
+        if (/WandApp\//.test(ua)) {
+          document.documentElement.classList.add('is-wand-app');
+        }
+      } catch (e) {}
     })();
 
     (function() {

package/dist/web-ui/content/styles.css

@@ -126,15 +126,49 @@
        WebView、普通移动浏览器、桌面) 中都可用。在没有 inset 的设备上回退到
        0px,所以不会影响桌面浏览体验。固定定位 (position: fixed) 的顶部元素
        (如文件面板抽屉、各类预览/对话框) 必须自己消费这些 inset,因为它们脱离
-       了 .app-container 的 padding 流。*/
+       了 .app-container 的 padding 流。
+
+       注: Android WebView (targetSdk >= 35 强制边到边渲染) 不会主动把
+       WindowInsets 暴露给 env(safe-area-inset-*), 所以纯 env() 在很多 Android
+       机器上会回落到 0 -> 顶部抽屉/模态直接撞到状态栏。我们用 var(--app-inset-top)
+       (由 Android 端通过 JS 注入实测像素值) 作为优先来源, 再 fallback 到 env(),
+       最后在窄视口下保证至少 28px 视觉缓冲。*/
     :root {
-      --wand-safe-top: env(safe-area-inset-top, 0px);
-      --wand-safe-bottom: env(safe-area-inset-bottom, 0px);
-      --wand-safe-left: env(safe-area-inset-left, 0px);
-      --wand-safe-right: env(safe-area-inset-right, 0px);
-      --safe-bottom: env(safe-area-inset-bottom, 0px);
+      --app-inset-top: 0px;     /* Android side injects actual status-bar height here */
+      --app-inset-bottom: 0px;
+      --app-inset-left: 0px;
+      --app-inset-right: 0px;
+      --wand-safe-top: max(var(--app-inset-top), env(safe-area-inset-top, 0px));
+      --wand-safe-bottom: max(var(--app-inset-bottom), env(safe-area-inset-bottom, 0px));
+      --wand-safe-left: max(var(--app-inset-left), env(safe-area-inset-left, 0px));
+      --wand-safe-right: max(var(--app-inset-right), env(safe-area-inset-right, 0px));
+      --safe-bottom: var(--wand-safe-bottom);
       /* 默认与 wand-safe-top 等价; PWA / .is-pwa 下被覆盖为 max(inset, 14px) */
-      --pwa-safe-top: env(safe-area-inset-top, 0px);
+      --pwa-safe-top: var(--wand-safe-top);
+    }
+
+    /* Wand Android APK (UA 后缀 WandApp/*) 的兜底:
+       Android 自 targetSdk=35 起强制边到边, WebView 内容会绘制到状态栏底下,
+       但 Android WebView 不会主动把 WindowInsets 暴露给 env(safe-area-inset-*),
+       所以纯 env() 在绝大多数 Android 机器上回落到 0 -> 顶部直接撞到状态栏。
+       这里给旧版 Wand APK 兜一个 32px 最小值, 确保它们的顶部抽屉/模态不撞
+       状态栏。新版 APK 已经在原生层 setPadding 把 WebView 整体往里缩 (见
+       MainActivity.installWindowInsetsBridge) 并注入 .is-wand-app-native-insets
+       类来关掉这个兜底, 否则会双重 inset 浪费空间。*/
+    .is-wand-app {
+      --wand-safe-top: max(var(--app-inset-top), env(safe-area-inset-top, 0px), 32px);
+      --wand-safe-bottom: max(var(--app-inset-bottom), env(safe-area-inset-bottom, 0px), 0px);
+    }
+
+    /* 新版 APK 原生已经 padding 过, 不需要 CSS 再加任何 safe-area。把所有
+       --wand-safe-* / --pwa-safe-top 全部归零, 让顶部抽屉 / 模态 / 顶栏直接顶
+       到 WebView 内容上沿 (= 状态栏下沿)。*/
+    .is-wand-app-native-insets {
+      --wand-safe-top: 0px;
+      --wand-safe-bottom: 0px;
+      --wand-safe-left: 0px;
+      --wand-safe-right: 0px;
+      --pwa-safe-top: 0px;
     }
 
     /* 在普通移动浏览器 / Android WebView 边到边渲染 / 旋转后地址栏隐藏等场景下,
@@ -10802,10 +10836,10 @@
       .file-preview-modal {
         width: 100vw;
         max-width: 100vw;
-        height: 100vh;
-        height: 100dvh;
-        max-height: 100vh;
-        max-height: 100dvh;
+        /* 键盘弹起时跟随 --app-viewport-height (= visualViewport.height) 收缩,
+           否则 100dvh 不响应键盘, 编辑文本框会被键盘盖住。 */
+        height: var(--app-viewport-height, 100dvh);
+        max-height: var(--app-viewport-height, 100dvh);
         border-radius: 0;
         border: none;
         box-shadow: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@co0ontty/wand",
-  "version": "1.25.0",
+  "version": "1.25.2",
   "description": "A web terminal for local CLI tools like Claude.",
   "type": "module",
   "bin": {