From 7a6ba23c998b83f4597e36a3e505271b9f2c6433 Mon Sep 17 00:00:00 2001
From: drjones <drjones@thetempleofdoom.com>
Date: Mon, 7 Sep 2026 20:00:46 -0700
Subject: [PATCH] v1.2 mobile PWA: installable app + mobile-first UI
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Installable PWA: manifest.json (standalone, portrait, maskable icons),
  theme-color + apple-mobile-web-app meta, generated 192/512 PNG icons,
  service worker (network-first, never caches /api/).
- Mobile UI (≤720px): sticky blurred header, agent grid -> horizontal
  snap-scroll carousel, fixed bottom composer with safe-area insets,
  modals -> full-screen bottom sheets, 16px inputs (no iOS zoom), bigger
  touch targets, icon-only header actions.
- /app remains the app shell; / is the landing page.
---
 static/icon-192.png  | Bin 0 -> 2602 bytes
 static/icon-512.png  | Bin 0 -> 9864 bytes
 static/manifest.json |  14 ++++++++++
 static/sw.js         |  31 +++++++++++++++++++++++
 templates/index.html |  59 ++++++++++++++++++++++++++++++++++++++++---
 5 files changed, 101 insertions(+), 3 deletions(-)
 create mode 100644 static/icon-192.png
 create mode 100644 static/icon-512.png
 create mode 100644 static/manifest.json
 create mode 100644 static/sw.js

diff --git a/static/icon-192.png b/static/icon-192.png
new file mode 100644
index 0000000000000000000000000000000000000000..15c5272419f85e12c304d63d00b8d1bd2e1e1fd4
GIT binary patch
literal 2602
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
E0=6~d8~^|S

literal 0
HcmV?d00001

diff --git a/static/icon-512.png b/static/icon-512.png
new file mode 100644
index 0000000000000000000000000000000000000000..b29e9b440efadf5e23c14a813afc2601480e1de5
GIT binary patch
literal 9864
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

literal 0
HcmV?d00001

diff --git a/static/manifest.json b/static/manifest.json
new file mode 100644
index 0000000..ecbef17
--- /dev/null
+++ b/static/manifest.json
@@ -0,0 +1,14 @@
+{
+  "name": "Astraea — Washington Family Law Assistant",
+  "short_name": "Astraea",
+  "description": "Eight specialist AI attorneys grounded in Washington statute and case law. Not legal advice.",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#070b1a",
+  "theme_color": "#070b1a",
+  "orientation": "portrait-primary",
+  "icons": [
+    { "src": "/static/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any maskable" },
+    { "src": "/static/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any maskable" }
+  ]
+}
diff --git a/static/sw.js b/static/sw.js
new file mode 100644
index 0000000..6bf11ba
--- /dev/null
+++ b/static/sw.js
@@ -0,0 +1,31 @@
+const CACHE = 'astraea-v1';
+const ASSETS = ['/', '/static/manifest.json', '/static/icon-192.png', '/static/icon-512.png'];
+
+self.addEventListener('install', (e) => {
+  e.waitUntil(caches.open(CACHE).then((c) => c.addAll(ASSETS)).then(() => self.skipWaiting()));
+});
+
+self.addEventListener('activate', (e) => {
+  e.waitUntil(
+    caches.keys().then((keys) => Promise.all(keys.filter((k) => k !== CACHE).map((k) => caches.delete(k))))
+      .then(() => self.clients.claim())
+  );
+});
+
+// Network-first for everything except static assets (the app shell is tiny;
+// API responses must never be served stale).
+self.addEventListener('fetch', (e) => {
+  const url = new URL(e.request.url);
+  if (e.request.method !== 'GET') return;
+  if (url.pathname.startsWith('/api/')) return; // always live
+
+  e.respondWith(
+    fetch(e.request)
+      .then((resp) => {
+        const copy = resp.clone();
+        caches.open(CACHE).then((c) => c.put(e.request, copy));
+        return resp;
+      })
+      .catch(() => caches.match(e.request).then((c) => c || caches.match('/')))
+  );
+});
diff --git a/templates/index.html b/templates/index.html
index 87b2499..49c8261 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -2,7 +2,15 @@
 <html lang="en">
 <head>
 <meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
+<meta name="theme-color" content="#070b1a">
+<meta name="apple-mobile-web-app-capable" content="yes">
+<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+<meta name="apple-mobile-web-app-title" content="Astraea">
+<meta name="mobile-web-app-capable" content="yes">
+<link rel="manifest" href="/static/manifest.json">
+<link rel="apple-touch-icon" href="/static/icon-192.png">
+<link rel="icon" type="image/png" href="/static/icon-192.png">
 <title>Astraea — Your Attorney</title>
 <style>
   :root { --bg:#070b1a; --panel:#101832; --panel2:#141d3d; --line:#233055; --text:#e8edfb; --muted:#8b98c4; --gold:#f5d06f; }
@@ -102,6 +110,47 @@
   footer { text-align:center; margin-top:26px; font-size:12px; color:var(--muted); }
   footer a { color:var(--muted); }
   @media (max-width:640px){ .msg{max-width:92%;} .grid2{grid-template-columns:1fr;} .avatar-grid{grid-template-columns:repeat(4,1fr);} }
+
+  /* ───────────────────────── Mobile app experience (≤720px) ───────────────────────── */
+  @media (max-width:720px){
+    body { background:var(--bg); overscroll-behavior-y:none; }
+    .app { max-width:100%; padding:0 0 120px; }
+    /* sticky, blurred header */
+    header { position:sticky; top:0; z-index:20; padding:12px 14px; padding-top:calc(12px + env(safe-area-inset-top)); background:rgba(7,11,26,.82); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-bottom:1px solid var(--line); margin-bottom:4px; }
+    .logo { width:36px; height:36px; font-size:18px; }
+    .brand h1 { font-size:17px; }
+    .top-actions .btn { padding:8px 11px; font-size:12px; }
+    .top-actions .btn .lbl { display:none; }
+    .hero { padding:8px 14px 6px; }
+    .hero h2 { font-size:21px; }
+    .hero p { font-size:13.5px; }
+    .label { padding:0 14px; margin:10px 0 10px; }
+    /* agents -> horizontal snap carousel */
+    .grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:11px; padding:2px 14px 10px; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
+    .grid::-webkit-scrollbar { display:none; }
+    .card { flex:0 0 78%; scroll-snap-align:center; padding:15px; }
+    .card:hover { transform:none; }
+    .chat-panel { margin-top:6px; border-radius:18px 18px 0 0; border-left:none; border-right:none; border-bottom:none; }
+    .messages { max-height:none; height:calc(100vh - 300px); min-height:200px; padding:14px; }
+    .chat-head { padding:11px 14px; }
+    .chips { order:3; width:100%; margin-left:0; padding-top:8px; }
+    /* fixed composer with safe-area */
+    .composer { position:fixed; left:0; right:0; bottom:0; z-index:25; background:rgba(16,24,50,.96); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-top:1px solid var(--line); padding:10px 12px; padding-bottom:calc(10px + env(safe-area-inset-bottom)); }
+    .composer textarea { font-size:16px; } /* 16px prevents iOS zoom-on-focus */
+    .send { padding:12px 16px; }
+    .tools-row { overflow-x:auto; flex-wrap:nowrap; padding:0 14px 10px; scrollbar-width:none; }
+    .tools-row .btn { flex:0 0 auto; }
+    /* modals -> full-screen bottom sheets */
+    .modal-bg { align-items:flex-end; padding:0; }
+    .modal { max-width:100%; width:100%; max-height:92vh; border-radius:22px 22px 0 0; padding:22px 18px; padding-bottom:calc(24px + env(safe-area-inset-bottom)); }
+    .modal.wide { width:100%; max-height:92vh; }
+    .modal .close { font-size:26px; padding:0 4px; }
+    .avatar-grid { grid-template-columns:repeat(4,1fr); }
+    /* bigger touch targets */
+    .btn, .chip, .send, .speak, .cite-toggle { min-height:40px; }
+    .chip { font-size:12px; padding:7px 12px; }
+    footer { padding:0 14px 20px; font-size:11px; }
+  }
 </style>
 </head>
 <body>
@@ -110,8 +159,8 @@
   <header>
     <div class="brand"><div class="logo">⚖️</div><div><h1>ASTRA<span>EA</span></h1></div></div>
     <div class="top-actions">
-      <button class="btn" onclick="openDocs()">📄 Documents</button>
-      <button class="btn" onclick="openSettings()">⚙️ Settings</button>
+      <button class="btn" onclick="openDocs()">📄 <span class="lbl">Documents</span></button>
+      <button class="btn" onclick="openSettings()">⚙️ <span class="lbl">Settings</span></button>
       <div class="avatar-sm" id="myAvatar" onclick="openProfile()" style="background:linear-gradient(135deg,#6ea8ff,#a78bfa)">⚖</div>
     </div>
   </header>
@@ -241,6 +290,10 @@
 </div></div>
 
 <script>
+  // Register the service worker for installable PWA (skips on non-secure origins)
+  if ('serviceWorker' in navigator && location.protocol === 'https:') {
+    navigator.serviceWorker.register('/static/sw.js').catch(() => {});
+  }
   const AGENTS = {{ agents | tojson }};
   const token = localStorage.getItem('astraea_token') || '';
   let active = AGENTS[0].id;