From 4482bf85977e7a4f457821299da96268d13ceeaa Mon Sep 17 00:00:00 2001
From: Anthony Ettinger <anthony@profullstack.com>
Date: Mon, 19 Oct 2026 12:53:52 +0000
Subject: [PATCH 1/2] web: add the pit.world network footer and trim the site
 footer to one row

Site footer: copyright + MIT, then Docs, GitHub, Releases, Security,
Privacy. Dropped the @profullstack/footer webring bar. The pit.world
snippet is a server component (revalidate 3600, 3s timeout, nothing on
failure) rendered last in <body>. CSP already allows inline styles.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 apps/web/app/layout.tsx            |  6 +++--
 apps/web/components/chrome.tsx     | 38 ++++++++++++++++--------------
 apps/web/components/pit-footer.tsx | 21 +++++++++++++++++
 apps/web/package.json              |  1 -
 pnpm-lock.yaml                     | 17 -------------
 5 files changed, 45 insertions(+), 38 deletions(-)
 create mode 100644 apps/web/components/pit-footer.tsx

diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
index e44b407..cf16eb1 100644
--- a/apps/web/app/layout.tsx
+++ b/apps/web/app/layout.tsx
@@ -1,12 +1,13 @@
 import type { Metadata } from 'next'
 import { Footer, Header } from '@/components/chrome'
+import { PitFooter } from '@/components/pit-footer'
 import { SITE } from '@/lib/site'
 import './globals.css'
 import Script from "next/script";
 
 /**
- * ISR for every prerendered page: re-rendered at most hourly, so a new
- * @profullstack/footer template release reaches them without a redeploy.
+ * ISR for every prerendered page: re-rendered at most hourly, so a change to
+ * the pit.world network footer reaches them without a redeploy.
  */
 export const revalidate = 3600
 
@@ -96,6 +97,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
         <Footer />
         <Script data-site="4f356371-83a0-4cb2-b570-75b961e6ddcb" src="https://crawlproof.com/stats.js" strategy="afterInteractive" />
         <Script src="https://crawlproof.com/ad.js" strategy="afterInteractive" />
+        <PitFooter />
       </body>
     </html>
   )
diff --git a/apps/web/components/chrome.tsx b/apps/web/components/chrome.tsx
index 341d4d5..c8dced5 100644
--- a/apps/web/components/chrome.tsx
+++ b/apps/web/components/chrome.tsx
@@ -1,5 +1,4 @@
 import Link from 'next/link'
-import { Footer as PfsFooter } from '@profullstack/footer/react'
 import { CopyButton } from '@/components/copy-button'
 import { NAV, SITE } from '@/lib/site'
 
@@ -34,25 +33,28 @@ export function Header() {
   )
 }
 
-/**
- * @profullstack/footer: the same links, copyright and webring every Profullstack
- * site renders, from the package's @latest template (async server component).
- */
+/** One row: copyright and the links people need. The network is the pit.world footer's job. */
 export function Footer() {
+  const links = [
+    { label: 'Docs', href: '/docs' },
+    { label: 'GitHub', href: SITE.repo, rel: 'noreferrer' },
+    { label: 'Releases', href: SITE.releases, rel: 'noreferrer' },
+    { label: 'Security', href: '/security' },
+    { label: 'Privacy', href: '/privacy' },
+  ]
   return (
-    <div className="mt-8 text-text">
-      <PfsFooter
-        site="https://diskpush.com/"
-        tagline="MIT licensed"
-        links={[
-          { label: 'Docs', href: '/docs' },
-          { label: 'GitHub', href: SITE.repo, rel: 'noreferrer' },
-          { label: 'Releases', href: SITE.releases, rel: 'noreferrer' },
-          { label: 'Security', href: '/security' },
-          { label: 'Privacy', href: '/privacy' },
-        ]}
-      />
-    </div>
+    <footer className="mt-8 border-t border-line text-sm">
+      <div className="mx-auto flex max-w-6xl flex-wrap items-center justify-center gap-x-5 gap-y-2 px-5 py-5 text-center opacity-75">
+        <span>&copy; {new Date().getFullYear()} Profullstack, Inc. &middot; MIT licensed</span>
+        <nav aria-label="Footer" className="flex flex-wrap justify-center gap-x-5 gap-y-1">
+          {links.map((l) => (
+            <a key={l.label} href={l.href} rel={l.rel} className="hover:underline">
+              {l.label}
+            </a>
+          ))}
+        </nav>
+      </div>
+    </footer>
   )
 }
 
diff --git a/apps/web/components/pit-footer.tsx b/apps/web/components/pit-footer.tsx
new file mode 100644
index 0000000..81ca152
--- /dev/null
+++ b/apps/web/components/pit-footer.tsx
@@ -0,0 +1,21 @@
+/**
+ * The pit.world network footer, fetched server-side and cached for an hour.
+ * Any failure (timeout, non-200, network) renders nothing: the page never
+ * depends on pit.world being up.
+ */
+const PIT_FOOTER_URL = 'https://pit.world/snippets/footer.html?site=diskpush.com'
+
+export async function PitFooter() {
+  try {
+    const res = await fetch(PIT_FOOTER_URL, {
+      next: { revalidate: 3600 },
+      signal: AbortSignal.timeout(3000),
+    })
+    if (!res.ok) return null
+    const html = await res.text()
+    if (!html.includes('data-pit-footer')) return null
+    return <div dangerouslySetInnerHTML={{ __html: html }} />
+  } catch {
+    return null
+  }
+}
diff --git a/apps/web/package.json b/apps/web/package.json
index 03a983f..7daf876 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -10,7 +10,6 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@profullstack/footer": "latest",
     "@profullstack/x402-gateway": "^0.7.0",
     "marked": "^15.0.7",
     "next": "^15.5.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index be17d76..531babe 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -159,9 +159,6 @@ importers:
 
   apps/web:
     dependencies:
-      '@profullstack/footer':
-        specifier: latest
-        version: 0.2.4(react@19.2.8)
       '@profullstack/x402-gateway':
         specifier: ^0.7.0
         version: 0.7.0
@@ -1179,16 +1176,6 @@ packages:
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
 
-  '@profullstack/footer@0.2.4':
-    resolution: {integrity: sha512-2ErIzHJCDA2baP8aK6f7rCHohW4EX+wnp7D1mrVMQTUxRcyZwKzmho96hhEFJndXRBGgxT3H/78BHOeBfLxTzg==}
-    engines: {node: '>=18'}
-    hasBin: true
-    peerDependencies:
-      react: '>=18'
-    peerDependenciesMeta:
-      react:
-        optional: true
-
   '@profullstack/hqtui@0.1.12':
     resolution: {integrity: sha512-BAmrR93G3hyDj2oPsePn4UcTvvYYBQsIuHzZ1VL7L9ezqSQx1vzAbf9pXvQgRHWaBkH+R1Uxw2XjcHNjZ1Ixlw==}
     engines: {bun: '>=1.1', node: '>=22.6'}
@@ -5122,10 +5109,6 @@ snapshots:
   '@pkgjs/parseargs@0.11.0':
     optional: true
 
-  '@profullstack/footer@0.2.4(react@19.2.8)':
-    optionalDependencies:
-      react: 19.2.8
-
   '@profullstack/hqtui@0.1.12': {}
 
   '@profullstack/hqtui@0.5.1': {}

From 9c2b31895e5c53c0ea7668c6eda0eedac445e958 Mon Sep 17 00:00:00 2001
From: Anthony Ettinger <anthony@profullstack.com>
Date: Mon, 19 Oct 2026 13:17:07 +0000
Subject: [PATCH 2/2] web: keep @profullstack/footer as the site footer row

Per the fleet brief amendment the pfs-footer webring row stays; the
pit.world footer follows it, last in <body>. The row was already tight
(MIT, five links), so nothing else is trimmed.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 apps/web/components/chrome.tsx | 38 ++++++++++++++++------------------
 apps/web/package.json          |  1 +
 pnpm-lock.yaml                 | 17 +++++++++++++++
 3 files changed, 36 insertions(+), 20 deletions(-)

diff --git a/apps/web/components/chrome.tsx b/apps/web/components/chrome.tsx
index c8dced5..341d4d5 100644
--- a/apps/web/components/chrome.tsx
+++ b/apps/web/components/chrome.tsx
@@ -1,4 +1,5 @@
 import Link from 'next/link'
+import { Footer as PfsFooter } from '@profullstack/footer/react'
 import { CopyButton } from '@/components/copy-button'
 import { NAV, SITE } from '@/lib/site'
 
@@ -33,28 +34,25 @@ export function Header() {
   )
 }
 
-/** One row: copyright and the links people need. The network is the pit.world footer's job. */
+/**
+ * @profullstack/footer: the same links, copyright and webring every Profullstack
+ * site renders, from the package's @latest template (async server component).
+ */
 export function Footer() {
-  const links = [
-    { label: 'Docs', href: '/docs' },
-    { label: 'GitHub', href: SITE.repo, rel: 'noreferrer' },
-    { label: 'Releases', href: SITE.releases, rel: 'noreferrer' },
-    { label: 'Security', href: '/security' },
-    { label: 'Privacy', href: '/privacy' },
-  ]
   return (
-    <footer className="mt-8 border-t border-line text-sm">
-      <div className="mx-auto flex max-w-6xl flex-wrap items-center justify-center gap-x-5 gap-y-2 px-5 py-5 text-center opacity-75">
-        <span>&copy; {new Date().getFullYear()} Profullstack, Inc. &middot; MIT licensed</span>
-        <nav aria-label="Footer" className="flex flex-wrap justify-center gap-x-5 gap-y-1">
-          {links.map((l) => (
-            <a key={l.label} href={l.href} rel={l.rel} className="hover:underline">
-              {l.label}
-            </a>
-          ))}
-        </nav>
-      </div>
-    </footer>
+    <div className="mt-8 text-text">
+      <PfsFooter
+        site="https://diskpush.com/"
+        tagline="MIT licensed"
+        links={[
+          { label: 'Docs', href: '/docs' },
+          { label: 'GitHub', href: SITE.repo, rel: 'noreferrer' },
+          { label: 'Releases', href: SITE.releases, rel: 'noreferrer' },
+          { label: 'Security', href: '/security' },
+          { label: 'Privacy', href: '/privacy' },
+        ]}
+      />
+    </div>
   )
 }
 
diff --git a/apps/web/package.json b/apps/web/package.json
index 7daf876..03a983f 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -10,6 +10,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
+    "@profullstack/footer": "latest",
     "@profullstack/x402-gateway": "^0.7.0",
     "marked": "^15.0.7",
     "next": "^15.5.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 531babe..be17d76 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -159,6 +159,9 @@ importers:
 
   apps/web:
     dependencies:
+      '@profullstack/footer':
+        specifier: latest
+        version: 0.2.4(react@19.2.8)
       '@profullstack/x402-gateway':
         specifier: ^0.7.0
         version: 0.7.0
@@ -1176,6 +1179,16 @@ packages:
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
 
+  '@profullstack/footer@0.2.4':
+    resolution: {integrity: sha512-2ErIzHJCDA2baP8aK6f7rCHohW4EX+wnp7D1mrVMQTUxRcyZwKzmho96hhEFJndXRBGgxT3H/78BHOeBfLxTzg==}
+    engines: {node: '>=18'}
+    hasBin: true
+    peerDependencies:
+      react: '>=18'
+    peerDependenciesMeta:
+      react:
+        optional: true
+
   '@profullstack/hqtui@0.1.12':
     resolution: {integrity: sha512-BAmrR93G3hyDj2oPsePn4UcTvvYYBQsIuHzZ1VL7L9ezqSQx1vzAbf9pXvQgRHWaBkH+R1Uxw2XjcHNjZ1Ixlw==}
     engines: {bun: '>=1.1', node: '>=22.6'}
@@ -5109,6 +5122,10 @@ snapshots:
   '@pkgjs/parseargs@0.11.0':
     optional: true
 
+  '@profullstack/footer@0.2.4(react@19.2.8)':
+    optionalDependencies:
+      react: 19.2.8
+
   '@profullstack/hqtui@0.1.12': {}
 
   '@profullstack/hqtui@0.5.1': {}