v42.7.0

public/sw.js

@@ -14,7 +14,7 @@
 
 // Update this version string manually to keep the app + cache versions in sync.
 // The value is forwarded to the UI via the service worker "SW_ACTIVATED" message.
-const APP_VERSION = "42.4.0"; // update on release
+const APP_VERSION = "42.7.0"; // update on release
 const VERSION = new URL(self.location.href).searchParams.get("v") || APP_VERSION; // derived from build
 const PREFIX = "PHINETWORK";
 

public/verifier.html

@@ -2465,7 +2465,7 @@ <h3>Inhale • Verify • Remember • Exhale</h3>
   }
 }
     function buildBanknoteSVG(){
-  const NOTE_TITLE = "KAIROS NOTE — LEGAL TENDER OF THE SOVEREIGN KINGDOM";
+  const NOTE_TITLE = "☤KAIROS NOTE — LEGAL TENDER OF THE SOVEREIGN KINGDOM";
 
   /* Inputs */
   const purposeRaw = $("note-purpose").value || "";

server.mjs

@@ -2,7 +2,7 @@ import fs from "node:fs/promises";
 import fsSync from "node:fs";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
-import { PassThrough } from "node:stream";
+import { PassThrough, Readable } from "node:stream";
 import { createServer as createHttpServer } from "node:http";
 import { createServer as createViteServer } from "vite";
 import { createHash } from "node:crypto";
@@ -32,6 +32,9 @@ const OG_PATH_PREFIX = "/og/v/verified/";
 const OG_CACHE_CONTROL = "public, max-age=0, s-maxage=31536000, immutable";
 const OG_CACHE_TTL_MS = 10 * 60 * 1000;
 const OG_CACHE_MAX_ENTRIES = 512;
+const SIGILS_PROXY_PATH = "/sigils";
+const SIGILS_PRIMARY_BASE = "https://m.kai.ac";
+const SIGILS_BACKUP_BASE = "https://memory.kaiklok.com";
 
 const escapeHtml = (value) =>
   String(value)
@@ -79,6 +82,84 @@ const tryServeStatic = (req, res, rootDir) => {
   return true;
 };
 
+const shouldFailoverStatus = (status) => {
+  if (status === 0) return true;
+  if (status === 404) return true;
+  if (status === 408 || status === 429) return true;
+  if (status >= 500) return true;
+  return false;
+};
+
+const readRequestBody = async (req) => {
+  const chunks = [];
+  for await (const chunk of req) {
+    chunks.push(chunk);
+  }
+  return chunks.length ? Buffer.concat(chunks) : undefined;
+};
+
+const buildProxyHeaders = (req) => {
+  const headers = new Headers();
+  for (const [key, value] of Object.entries(req.headers)) {
+    const lower = key.toLowerCase();
+    if (lower === "host" || lower === "connection" || lower === "content-length") continue;
+    if (typeof value === "undefined") continue;
+    if (Array.isArray(value)) {
+      for (const entry of value) headers.append(lower, entry);
+    } else {
+      headers.set(lower, value);
+    }
+  }
+  return headers;
+};
+
+const proxySigils = async (req, res) => {
+  if (!req.url?.startsWith(SIGILS_PROXY_PATH)) return false;
+
+  const body =
+    req.method === "GET" || req.method === "HEAD" || req.method === "OPTIONS"
+      ? undefined
+      : await readRequestBody(req);
+  const headers = buildProxyHeaders(req);
+  const bases = [SIGILS_PRIMARY_BASE, SIGILS_BACKUP_BASE];
+  let lastStatus = null;
+
+  for (const base of bases) {
+    try {
+      const proxyRes = await fetch(`${base}${req.url}`, {
+        method: req.method,
+        headers,
+        body,
+      });
+
+      if (shouldFailoverStatus(proxyRes.status) && base === SIGILS_PRIMARY_BASE) {
+        lastStatus = proxyRes.status;
+        continue;
+      }
+
+      res.statusCode = proxyRes.status;
+      for (const [key, value] of proxyRes.headers) {
+        if (key.toLowerCase() === "content-encoding") continue;
+        res.setHeader(key, value);
+      }
+
+      if (proxyRes.body) {
+        Readable.fromWeb(proxyRes.body).pipe(res);
+        return true;
+      }
+
+      res.end();
+      return true;
+    } catch {
+      continue;
+    }
+  }
+
+  res.statusCode = lastStatus ?? 502;
+  res.end("Bad Gateway");
+  return true;
+};
+
 async function createServer() {
   let vite;
   if (!isProd) {
@@ -243,6 +324,8 @@ async function createServer() {
         return;
       }
 
+      if (await proxySigils(req, res)) return;
+
       if (await handleOgRoute(req, res)) return;
 
       if (isProd) {

src/App.tsx

@@ -321,6 +321,19 @@ const DEFAULT_LIVE_SNAP: LiveKaiSnap = {
   dmyLabel: formatDMYLabel(DEFAULT_BEAT_STEP_DMY),
   chakraDay: "Heart",
 };
+function isEditableElement(el: Element | null): boolean {
+  if (!el) return false;
+  if (el instanceof HTMLInputElement) return !el.disabled;
+  if (el instanceof HTMLTextAreaElement) return !el.disabled;
+  if (el instanceof HTMLSelectElement) return !el.disabled;
+  if (el instanceof HTMLElement && el.isContentEditable) return true;
+  return false;
+}
+
+function isEditingNow(): boolean {
+  if (typeof document === "undefined") return false;
+  return isEditableElement(document.activeElement as Element | null);
+}
 
 function computeBeatStepDMY(m: KaiMoment): BeatStepDMY {
   const pulse = readNum(m, "pulse") ?? 0;
@@ -441,8 +454,40 @@ function ExplorerPopover({
   children,
 }: ExplorerPopoverProps): React.JSX.Element | null {
   const hydrated = useHydrated();
-  const vvSizeRaw = useVisualViewportSize();
-  const vvSize = hydrated ? vvSizeRaw : { width: 0, height: 0 };
+const vvSizeRaw = useVisualViewportSize();
+
+// ✅ Freeze viewport height while typing (prevents iOS keyboard resize thrash)
+const [vvStable, setVvStable] = useState<{ width: number; height: number }>({ width: 0, height: 0 });
+
+useIsoLayoutEffect(() => {
+  if (!hydrated) return;
+  setVvStable({ width: vvSizeRaw.width, height: vvSizeRaw.height });
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+}, [hydrated]);
+
+useEffect(() => {
+  if (!hydrated) return;
+  if (isEditingNow()) return; // ✅ do not update while typing
+  setVvStable((prev) => {
+    if (prev.width === vvSizeRaw.width && prev.height === vvSizeRaw.height) return prev;
+    return { width: vvSizeRaw.width, height: vvSizeRaw.height };
+  });
+}, [hydrated, vvSizeRaw.width, vvSizeRaw.height]);
+
+useEffect(() => {
+  if (!hydrated) return;
+
+  const onFocusOut = (): void => {
+    // when keyboard closes, resync once
+    setVvStable({ width: vvSizeRaw.width, height: vvSizeRaw.height });
+  };
+
+  document.addEventListener("focusout", onFocusOut, true);
+  return () => document.removeEventListener("focusout", onFocusOut, true);
+}, [hydrated, vvSizeRaw.width, vvSizeRaw.height]);
+
+const vvSize = hydrated ? vvStable : { width: 0, height: 0 };
+
 
   const portalHost = useMemo<HTMLElement | null>(() => {
     if (!hydrated) return null;