From a3cf150494267ca911562075ea6c6448483181e4 Mon Sep 17 00:00:00 2001
From: glass beadian <glassbeadian@hdys.band>
Date: Tue, 13 Oct 2026 16:25:48 +0000
Subject: [PATCH] brand: unclip sidebar wordmark, styled dark 404, human files
 error, Element brand text

From the brand review: the sidebar truncated 'Tactical Media Broadcast Hub'
on eleven desktop routes; unknown routes rendered a stock white Next.js 404;
solo users saw the raw 'groupid must be a UUID' validation text on Files;
Element's config brand string still read 'OccupyMedia Hub'.
---
 apps/web/src/app/(main)/files/page.tsx    |  5 ++++-
 apps/web/src/app/not-found.tsx            | 19 +++++++++++++++++++
 apps/web/src/components/shell/sidebar.tsx |  2 +-
 3 files changed, 24 insertions(+), 2 deletions(-)
 create mode 100644 apps/web/src/app/not-found.tsx

diff --git a/apps/web/src/app/(main)/files/page.tsx b/apps/web/src/app/(main)/files/page.tsx
index 6cb560d..6be80b3 100644
--- a/apps/web/src/app/(main)/files/page.tsx
+++ b/apps/web/src/app/(main)/files/page.tsx
@@ -133,7 +133,10 @@ export default function FilesPage(): React.ReactElement {
           return;
         }
         setSource("live");
-        setError(errorMessage(err));
+        const message = errorMessage(err);
+        // Solo accounts have no collective yet: the API's validation text leaks
+        // an implementation detail, so give the human next step instead.
+        setError(/groupid/i.test(message) ? "Files live inside a collective — create or join one, then its library appears here." : message);
       })
       .finally(() => {
         if (!controller.signal.aborted) setLoading(false);
diff --git a/apps/web/src/app/not-found.tsx b/apps/web/src/app/not-found.tsx
new file mode 100644
index 0000000..9ceb6e9
--- /dev/null
+++ b/apps/web/src/app/not-found.tsx
@@ -0,0 +1,19 @@
+import Link from "next/link";
+
+export default function NotFound(): React.ReactElement {
+  return (
+    <div className="flex min-h-full flex-col items-center justify-center gap-4 bg-bg p-6 text-center">
+      <p className="text-5xl font-semibold tracking-tight text-accent">404</p>
+      <h1 className="text-lg font-semibold">This page was silenced. Our stories aren&apos;t.</h1>
+      <p className="max-w-sm text-xs text-text-faint">
+        Nothing lives at this address — but the newsroom does.
+      </p>
+      <Link
+        href="/streams"
+        className="rounded-md bg-accent px-4 py-2 text-xs font-semibold text-white transition-opacity hover:opacity-90"
+      >
+        Back to the newsroom
+      </Link>
+    </div>
+  );
+}
diff --git a/apps/web/src/components/shell/sidebar.tsx b/apps/web/src/components/shell/sidebar.tsx
index f43b888..9b9750c 100644
--- a/apps/web/src/components/shell/sidebar.tsx
+++ b/apps/web/src/components/shell/sidebar.tsx
@@ -42,7 +42,7 @@ export function Sidebar(): React.ReactElement {
       <div className="flex items-center gap-2.5 border-b border-border-subtle px-4 py-4">
         <LogoMark size={30} title="Tactical Media Broadcast Hub" />
         <div className="min-w-0">
-          <div className="truncate text-sm font-semibold tracking-tight">Tactical Media Broadcast Hub</div>
+          <div className="text-xs font-semibold leading-tight tracking-tight">Tactical Media Broadcast Hub</div>
           <div className="truncate text-2xs text-text-faint" title={workspaceName}>
             {workspaceName} ▾
           </div>