fix(weekly-digest): read BRAVE_API_KEY via env() not process.env

Cloudflare Workers don't expose process.env; env vars come through
the binding passed to the Pages Function. OpenRouter already used
env(); Brave was the one straggler. Result: every searchWeb call
was silently returning [] because the apiKey check failed, hence
"quiet week" every run despite Brave actually having results.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: khaliqgant

agents/weekly-digest/agent.ts

@@ -224,7 +224,9 @@ async function braveSearch(
   query: string,
   opts: { freshness?: "pd" | "pw" | "pm" | "py"; count?: number } = {},
 ): Promise<BraveResult[]> {
-  const apiKey = process.env.BRAVE_API_KEY;
+  // Workers don't expose `process.env` — env comes through the binding
+  // passed by the Pages Function and read via env() (same as OpenRouter).
+  const apiKey = env().BRAVE_API_KEY;
   if (!apiKey) {
     ctx.logger.warn("BRAVE_API_KEY missing — skipping web search");
     return [];

app/page.tsx

@@ -3,6 +3,7 @@ import { getAllPosts, formatDate } from "@/lib/posts";
 import { BackgroundOrbs } from "@/components/background-orbs";
 import { ScrollReveal } from "@/components/scroll-reveal";
 import { Sparkle } from "@/components/decorations";
+import { CardArt, ClockWatcherInbox } from "@/components/card-illustrations";
 import {
   jsonLd,
   websiteSchema,
@@ -297,6 +298,13 @@ export default async function Home() {
         </div>
       </section>
 
+      {/* THE TRIPLE — visual anchor */}
+      <section className="relative mt-24 sm:mt-32">
+        <div className="reveal mx-auto max-w-4xl px-6 sm:px-10">
+          <ClockWatcherInbox />
+        </div>
+      </section>
+
       {/* WHY MOST AGENTS ARE STILL REACTIVE */}
       <section className="relative mt-32 sm:mt-40">
         <div className="mx-auto max-w-5xl px-6 sm:px-10">
@@ -359,6 +367,7 @@ export default async function Home() {
                     style={{ "--tilt": TILTS[i % TILTS.length] } as React.CSSProperties}
                   >
                     <div className="absolute inset-0 bg-gradient-to-br from-white/40 via-transparent to-transparent" />
+                    <CardArt slug={p.slug} />
                     <div className="absolute inset-0 flex items-end justify-between p-4">
                       <span className="font-display text-xs uppercase tracking-[0.22em] text-ink/80">
                         N°{String(posts.length - i).padStart(2, "0")}

app/posts/page.tsx

@@ -1,6 +1,7 @@
 import Link from "next/link";
 import { getAllPosts, formatDate } from "@/lib/posts";
 import { Asterism, Squiggle, Sparkle } from "@/components/decorations";
+import { CardArt } from "@/components/card-illustrations";
 import { jsonLd, breadcrumbSchema, SITE_URL } from "@/lib/seo";
 
 export const metadata = {
@@ -70,6 +71,7 @@ export default async function PostsIndex() {
                   style={{ "--tilt": TILTS[i % TILTS.length] } as React.CSSProperties}
                 >
                   <div className="absolute inset-0 bg-gradient-to-br from-white/40 via-transparent to-transparent" />
+                  <CardArt slug={p.slug} />
                   <div className="absolute inset-0 flex items-end justify-between p-5">
                     <span className="font-display text-xs uppercase tracking-[0.22em] text-ink/80">
                       N°{String(posts.length - i).padStart(2, "0")}