From 77533eccb1d8010928c58d87ea00e0a7a1f137ea Mon Sep 17 00:00:00 2001
From: m17hr1l <m17hr1l@wehackforyou.com>
Date: Sat, 6 Jun 2026 21:29:16 +0200
Subject: [PATCH] ui: widen content to 1600px + force long URLs/hashes to wrap
 (fixes 4K/1920 overflow)

---
 src/psyc/cockpit/static/cockpit.css | 10 +++++++++-
 src/psyc/cockpit/static/sw.js       |  2 +-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/psyc/cockpit/static/cockpit.css b/src/psyc/cockpit/static/cockpit.css
index c097b83..920ceb9 100644
--- a/src/psyc/cockpit/static/cockpit.css
+++ b/src/psyc/cockpit/static/cockpit.css
@@ -108,7 +108,15 @@ h1, h2, h3,
   filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.55)) drop-shadow(0 0 10px var(--accent-glow));
 }
 
-.content { padding: 24px; max-width: 1280px; margin: 0 auto; }
+.content { padding: 24px; max-width: 1600px; margin: 0 auto; }
+@media (min-width: 2400px) { .content { max-width: 1900px; } }
+/* long URLs, hashes, fingerprints would otherwise blow out their card on big monitors */
+.card { min-width: 0; }
+.card code, .card a, .card dd, .card li,
+.sp-hash, .sp-id, .lg-hash, .news-case-id, .feed-name {
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
 .footer { text-align: center; color: var(--muted); padding: 24px; font-size: 12px; }
 .footer a { color: var(--accent); }
 
diff --git a/src/psyc/cockpit/static/sw.js b/src/psyc/cockpit/static/sw.js
index 9f6c1da..32c8dc1 100644
--- a/src/psyc/cockpit/static/sw.js
+++ b/src/psyc/cockpit/static/sw.js
@@ -5,7 +5,7 @@
 // This makes the cockpit installable as a PWA and survives flaky connections,
 // without serving stale operational data behind the operator's back.
 
-const CACHE_VERSION = "psyc-v4";
+const CACHE_VERSION = "psyc-v5";
 const STATIC_ASSETS = [
   "/static/cockpit.css",
   "/static/psyc-tokens.css",