fix(pwa): audit fixes — safe-area, SW lifecycle, badge, tap highlight, update banner, precache

- Add safe-top to all full-screen overlays (PlanMode, DiffViewer, ChatView PlanViewer)
- Add safe-top to SessionsView drill-down header + swipe-back via pushState
- Move safe-top to ChatView outer container (persists when header hides)
- Add skipWaiting + clients.claim for immediate SW updates
- Create monochrome 96x96 badge icon for Android notifications
- Add -webkit-tap-highlight-color: transparent for dark theme
- Show SW update banner on all views, not just SessionsView
- Fix precache duplicates with specific glob patterns (18→16 entries)
- Add safe-bottom to ChatView saveToast
- Fix stale poll interval comment (10s→3s)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
kuannnn
2026-03-28 04:47:53 +08:00
parent 9c2158961c
commit 299649738e
10 changed files with 67 additions and 36 deletions
+19 -2
View File
@@ -1,4 +1,4 @@
import { useState, useEffect, useCallback, useMemo } from 'react';
import { useState, useEffect, useCallback, useMemo, useRef } from 'react';
import { api } from '../lib/api';
import { STORAGE } from '../lib/storage-keys';
@@ -39,7 +39,7 @@ export function useSessions() {
}
}, []);
// Poll every 10s when Active tab is selected
// Poll every 3s when Active tab is selected
useEffect(() => {
if (activeTab !== 'active') return;
fetchActiveSessions();
@@ -86,11 +86,28 @@ export function useSessions() {
setSelectedProjectDir(dir);
if (dir) {
localStorage.setItem(STORAGE.PROJECT_DIR, dir);
// Push history so back navigation (swipe-back, back button) returns to project list
window.history.pushState({ selectProject: dir }, '', '/');
} else {
localStorage.removeItem(STORAGE.PROJECT_DIR);
}
}, []);
// Clear project selection on back navigation (swipe-back, back button)
const selectedProjectDirRef = useRef(selectedProjectDir);
selectedProjectDirRef.current = selectedProjectDir;
useEffect(() => {
const handlePopState = (e: PopStateEvent) => {
if (!e.state?.selectProject && selectedProjectDirRef.current) {
setSelectedProjectDir(null);
localStorage.removeItem(STORAGE.PROJECT_DIR);
}
};
window.addEventListener('popstate', handlePopState);
return () => window.removeEventListener('popstate', handlePopState);
}, []);
return {
sessions: filteredSessions,
projects,