favicons

public/gaze/favicon/site.webmanifest

@@ -1,21 +1,21 @@
 {
-  "name": "MyWebSite",
-  "short_name": "MySite",
+  "name": "Gaze",
+  "short_name": "Gaze",
   "icons": [
     {
-      "src": "/web-app-manifest-192x192.png",
+      "src": "/gaze/favicon/web-app-manifest-192x192.png",
       "sizes": "192x192",
       "type": "image/png",
-      "purpose": "maskable"
+      "purpose": "any"
     },
     {
-      "src": "/web-app-manifest-512x512.png",
+      "src": "/gaze/favicon/web-app-manifest-512x512.png",
       "sizes": "512x512",
       "type": "image/png",
-      "purpose": "maskable"
+      "purpose": "any"
     }
   ],
-  "theme_color": "#ffffff",
-  "background_color": "#ffffff",
+  "theme_color": "#002cff",
+  "background_color": "#002cff",
   "display": "standalone"
 }

public/inputhalo/favicon/site.webmanifest

@@ -1,21 +1,21 @@
 {
-  "name": "MyWebSite",
-  "short_name": "MySite",
+  "name": "InputHalo",
+  "short_name": "InputHalo",
   "icons": [
     {
-      "src": "/web-app-manifest-192x192.png",
+      "src": "/inputhalo/favicon/web-app-manifest-192x192.png",
       "sizes": "192x192",
       "type": "image/png",
-      "purpose": "maskable"
+      "purpose": "any"
     },
     {
-      "src": "/web-app-manifest-512x512.png",
+      "src": "/inputhalo/favicon/web-app-manifest-512x512.png",
       "sizes": "512x512",
       "type": "image/png",
-      "purpose": "maskable"
+      "purpose": "any"
     }
   ],
-  "theme_color": "#ffffff",
-  "background_color": "#ffffff",
+  "theme_color": "#41a5ff",
+  "background_color": "#41a5ff",
   "display": "standalone"
 }

public/lineage/favicon/site.webmanifest

@@ -1,21 +1,21 @@
 {
-  "name": "MyWebSite",
-  "short_name": "MySite",
+  "name": "Life and Lineage",
+  "short_name": "Lineage",
   "icons": [
     {
-      "src": "/web-app-manifest-192x192.png",
+      "src": "/lineage/favicon/web-app-manifest-192x192.png",
       "sizes": "192x192",
       "type": "image/png",
-      "purpose": "maskable"
+      "purpose": "any"
     },
     {
-      "src": "/web-app-manifest-512x512.png",
+      "src": "/lineage/favicon/web-app-manifest-512x512.png",
       "sizes": "512x512",
       "type": "image/png",
-      "purpose": "maskable"
+      "purpose": "any"
     }
   ],
-  "theme_color": "#ffffff",
-  "background_color": "#ffffff",
+  "theme_color": "#a13536",
+  "background_color": "#a13536",
   "display": "standalone"
 }

public/nessa/favicon/site.webmanifest

@@ -1,21 +1,21 @@
 {
-  "name": "MyWebSite",
-  "short_name": "MySite",
+  "name": "Nessa",
+  "short_name": "Nessa",
   "icons": [
     {
-      "src": "/web-app-manifest-192x192.png",
+      "src": "/nessa/favicon/web-app-manifest-192x192.png",
       "sizes": "192x192",
       "type": "image/png",
-      "purpose": "maskable"
+      "purpose": "any"
     },
     {
-      "src": "/web-app-manifest-512x512.png",
+      "src": "/nessa/favicon/web-app-manifest-512x512.png",
       "sizes": "512x512",
       "type": "image/png",
-      "purpose": "maskable"
+      "purpose": "any"
     }
   ],
-  "theme_color": "#ffffff",
-  "background_color": "#ffffff",
+  "theme_color": "#527640",
+  "background_color": "#527640",
   "display": "standalone"
 }

public/nook/favicon/site.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "The Nook",
+  "short_name": "The Nook",
+  "icons": [
+    {
+      "src": "/nook/favicon/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/nook/favicon/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any"
+    }
+  ],
+  "theme_color": "#4C9FBC",
+  "background_color": "#4C9FBC",
+  "display": "standalone"
+}

src/routes/downloads.tsx

@@ -13,16 +13,17 @@ import InputHaloDownloadsPage from "./inputhalo/downloads";
 function MainDownloadsPage() {
   const [LaLText, setLaLText] = createSignal("Life and Lineage");
   const [SwAText, setSwAText] = createSignal("Shapes with Abigail!");
-  const [corkText, setCorkText] = createSignal("Cork");
+  //const [corkText, setCorkText] = createSignal("Cork");
   const [gazeText, setGazeText] = createSignal("Gaze");
+  const [nookText, setNookText] = createSignal("The Nook");
   const [inputHaloText, setInputHaloText] = createSignal("InputHalo");
 
   const [loadingState, setLoadingState] = createSignal<Record<string, boolean>>(
     {
       lineage: false,
       cork: false,
-      gaze: false,
       "shapes-with-abigail": false,
+      thenook: false,
       inputhalo: false
     }
   );
@@ -53,15 +54,17 @@ function MainDownloadsPage() {
   onMount(() => {
     const lalInterval = glitchText(LaLText(), setLaLText);
     const swaInterval = glitchText(SwAText(), setSwAText);
-    const corkInterval = glitchText(corkText(), setCorkText);
+    //const corkInterval = glitchText(corkText(), setCorkText);
     const gazeInterval = glitchText(gazeText(), setGazeText);
+    const nookInterval = glitchText(nookText(), setNookText);
     const inputHaloInterval = glitchText(inputHaloText(), setInputHaloText);
 
     onCleanup(() => {
       clearInterval(lalInterval);
       clearInterval(swaInterval);
-      clearInterval(corkInterval);
+      //clearInterval(corkInterval);
       clearInterval(gazeInterval);
+      clearInterval(nookInterval);
       clearInterval(inputHaloInterval);
     });
   });
@@ -70,7 +73,7 @@ function MainDownloadsPage() {
     <>
       <PageHead
         title="Downloads"
-        description="Download InputHalo, Gaze, Life and Lineage, Shapes with Abigail, and Cork. Available on iOS, Android, and macOS."
+        description="Download The Nook, InputHalo, Gaze, Life and Lineage, Shapes with Abigail, and Cork. Available on macOS, iOS, and Android."
       />
 
       <div class="bg-base relative min-h-screen overflow-hidden px-4 pt-[15vh] pb-12 md:px-8">
@@ -89,7 +92,34 @@ function MainDownloadsPage() {
           <div class="text-center text-xl italic">
             Ordered by date of initial release
           </div>
+
           <div class="mx-auto max-w-5xl space-y-16">
+            {/* The Nook */}
+            <div class="border-overlay0 rounded-lg border p-6 md:p-8">
+              <h2 class="text-text mb-6 font-mono text-2xl">
+                <span class="text-yellow">{">"}</span>{" "}
+                <A
+                  href={buildSubdomainUrl("nook")}
+                  class="text-text hover:text-yellow transition-colors"
+                >
+                  {nookText()}
+                </A>
+              </h2>
+
+              <div class="flex flex-col items-center gap-3">
+                <span class="text-subtext0 font-mono text-sm">
+                  platform: macOS (14.6+)
+                </span>
+                <Button
+                  variant="download"
+                  size="lg"
+                  loading={loadingState()["thenook"]}
+                  onClick={() => download("thenook")}
+                >
+                  download.dmg
+                </Button>
+              </div>
+            </div>
             {/* InputHalo */}
             <div class="border-overlay0 rounded-lg border p-6 md:p-8">
               <h2 class="text-text mb-6 font-mono text-2xl">
@@ -193,6 +223,30 @@ function MainDownloadsPage() {
                 </div>
               </div>
             </div>
+            {/* Cork */}
+            {/* <div class="border-overlay0 rounded-lg border p-6 md:p-8">
+              <h2 class="text-text mb-6 font-mono text-2xl">
+                <span class="text-yellow">{">"}</span> {corkText()}
+              </h2>
+
+              <div class="flex flex-col items-center gap-3">
+                <span class="text-subtext0 font-mono text-sm">
+                  platform: macOS (13.0+)
+                </span>
+                <Button
+                  variant="download"
+                  size="lg"
+                  loading={loadingState()["cork"]}
+                  onClick={() => download("cork")}
+                >
+                  download.zip
+                </Button>
+                <span class="text-subtext1 text-xs">
+                  # unzip → drag to /Applications
+                </span>
+              </div>
+            </div> */}
+            {/* Lineage */}
             <div class="border-overlay0 rounded-lg border p-6 md:p-8">
               <h2 class="text-text mb-6 font-mono text-2xl">
                 <span class="text-yellow">{">"}</span>{" "}
@@ -235,29 +289,6 @@ function MainDownloadsPage() {
                 </div>
               </div>
             </div>
-            {/* Cork */}
-            <div class="border-overlay0 rounded-lg border p-6 md:p-8">
-              <h2 class="text-text mb-6 font-mono text-2xl">
-                <span class="text-yellow">{">"}</span> {corkText()}
-              </h2>
-
-              <div class="flex flex-col items-center gap-3">
-                <span class="text-subtext0 font-mono text-sm">
-                  platform: macOS (13.0+)
-                </span>
-                <Button
-                  variant="download"
-                  size="lg"
-                  loading={loadingState()["cork"]}
-                  onClick={() => download("cork")}
-                >
-                  download.zip
-                </Button>
-                <span class="text-subtext1 text-xs">
-                  # unzip → drag to /Applications
-                </span>
-              </div>
-            </div>
 
             {/* Shapes with Abigail */}
             <div class="border-overlay0 rounded-lg border p-6 md:p-8">

src/routes/nook/index.tsx

@@ -8,8 +8,12 @@ const NOOK_DOWNLOAD_URL = "https://freno.me/api/downloads/TheNook-0.2.0.zip";
 
 const FEATURES = [
   {
-    title: "Unified device control",
-    body: "Monitor and control the hardware and services behind your Mac from one fast, native panel."
+    title: "Agent orchestration",
+    body: "Orchestrate your coding agents in one native panel, with sessions that keep working while you do."
+  },
+  {
+    title: "A beautiful native UI",
+    body: "Animated panels and buttery SwiftUI transitions, tuned to feel right at home on your Mac."
   },
   {
     title: "Fan & thermal insight",
@@ -35,10 +39,10 @@ export default function NookLanding() {
     <>
       <PageHead
         title="Home"
-        description="The Nook — a native macOS utility for hardware control, fan and thermal insight, and quiet system services."
+        description="The Nook — a native macOS utility for coding-agent orchestration, fan and thermal control."
         ogImage="/nook/og-default.png"
-        ogTitle="The Nook — native macOS hardware control"
-        ogDescription="A one-time-purchase macOS app for fan control, thermal insight, and quiet system services."
+        ogTitle="The Nook — native macOS agent orchestration"
+        ogDescription="A one-time-purchase macOS app for coding-agent orchestration, fan control, and thermal insight."
       />
 
       <SubdomainHeader />
@@ -49,20 +53,33 @@ export default function NookLanding() {
           class="fixed inset-0 z-0"
           style={{
             background: isDark()
-              ? "radial-gradient(ellipse at top, #241a38 0%, #0b0b10 70%)"
-              : "radial-gradient(ellipse at top, #efe9ff 0%, #f5f5f5 70%)"
+              ? "radial-gradient(ellipse at top, #123945 0%, #0b0b10 70%)"
+              : "radial-gradient(ellipse at top, #d7eef5 0%, #f5f5f5 70%)"
           }}
         />
         <div class="relative z-10 flex min-h-screen flex-col items-center justify-center px-4 py-24 text-center">
-          <div class="text-text/90 mb-6 rounded-2xl px-5 py-3 text-sm font-semibold tracking-wide backdrop-blur-sm"
-            style={{ border: "1px solid var(--color-overlay0)", background: "var(--color-surface0)" }}>
+          <img
+            src="/nook/icon.png"
+            alt="The Nook App Icon"
+            height={128}
+            width={128}
+            class="mb-6 h-32 w-32 rounded-[22%] object-cover object-center shadow-2xl"
+          />
+          <div
+            class="text-text/90 mb-6 rounded-2xl px-5 py-3 text-sm font-semibold tracking-wide backdrop-blur-sm"
+            style={{
+              border: "1px solid var(--color-overlay0)",
+              background: "var(--color-surface0)"
+            }}
+          >
             The Nook
           </div>
           <h1 class="text-text mb-4 text-5xl font-bold tracking-tight">
             Your Mac, under your control
           </h1>
           <p class="text-subtext0 mb-2 max-w-xl text-xl">
-            Fan control, thermal insight, and quiet system services — native macOS, one-time license.
+            Agent orchestration, fan and thermal control — native macOS,
+            one-time license.
           </p>
           <p class="text-subtext1 mb-8 text-sm">
             macOS 14+ · 14-day free trial · 3 devices
@@ -95,7 +112,7 @@ export default function NookLanding() {
       <section class="bg-base relative z-20 px-4 py-20 md:px-8">
         <div class="mx-auto max-w-4xl">
           <h2 class="text-text mb-12 text-center text-3xl font-bold">
-            Quiet power, right where it belongs
+            One panel for your agents and your Mac
           </h2>
           <div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-2">
             {FEATURES.map((feature) => (
@@ -117,9 +134,10 @@ export default function NookLanding() {
             Try it free for 14 days
           </h2>
           <p class="text-subtext0 mx-auto mb-10 max-w-2xl leading-relaxed">
-            Watch temperatures, take control of your fans, and keep background
-            services quiet. When the trial ends, unlock everything with a
-            single one-time payment — no subscription, ever.
+            Orchestrate your coding agents, watch temperatures, take control of
+            your fans, and keep background services quiet. When the trial ends,
+            unlock everything with a single one-time payment — no subscription,
+            ever.
           </p>
           <div class="flex flex-col items-center justify-center gap-4 sm:flex-row sm:space-x-4">
             <Button

src/routes/nook/privacy.tsx

@@ -14,7 +14,7 @@ export default function NookPrivacyPolicy() {
     <>
       <PageHead
         title="Privacy Policy"
-        description="Privacy policy for The Nook, a native macOS hardware and system control app."
+        description="Privacy policy for The Nook, a coding-agent orchestration and hardware control app."
       />
       <SubdomainHeader />
       <div class="min-h-screen px-[8vw] py-[10vh]">

src/server/api/routers/downloads.ts

@@ -16,12 +16,13 @@ const assets: Record<string, string> = {
 };
 
 /**
- * Get the latest DMG from S3 by finding the most recent file with the given prefix
+ * Find the most recent file in S3 matching a prefix and extension.
  */
-async function getLatestDMG(
+async function getLatestFile(
   client: S3Client,
   bucket: string,
-  prefix: string
+  prefix: string,
+  ext: string
 ): Promise<string> {
   try {
     const listCommand = new ListObjectsV2Command({
@@ -33,49 +34,41 @@ async function getLatestDMG(
     const response = await client.send(listCommand);
 
     if (!response.Contents || response.Contents.length === 0) {
-      throw new Error(`No DMG files found in S3 with prefix ${prefix}`);
+      throw new Error(`No files found in S3 with prefix ${prefix}`);
     }
 
-    const dmgFiles = response.Contents.filter((obj) =>
-      obj.Key?.endsWith(".dmg")
+    const files = response.Contents.filter((obj) =>
+      obj.Key?.endsWith(ext)
     ).sort((a, b) => {
       const dateA = a.LastModified?.getTime() || 0;
       const dateB = b.LastModified?.getTime() || 0;
-      return dateB - dateA; // Descending order (newest first)
+      return dateB - dateA;
     });
 
-    if (dmgFiles.length === 0) {
-      throw new Error(`No .dmg files found in ${prefix} prefix`);
+    if (files.length === 0) {
+      throw new Error(`No ${ext} files found in ${prefix} prefix`);
     }
 
-    const latestFile = dmgFiles[0].Key!;
-    console.log(`Latest DMG: ${latestFile}`);
+    const latestFile = files[0].Key!;
+    console.log(`Latest file: ${latestFile}`);
     return latestFile;
   } catch (error) {
-    console.error(`Error finding latest DMG for ${prefix}:`, error);
+    console.error(`Error finding latest file for ${prefix}:`, error);
     throw error;
   }
 }
 
 /**
- * Get the latest Gaze DMG from S3
+ * Per-asset S3 lookup config for macOS apps that auto-resolve latest version.
  */
-async function getLatestGazeDMG(
-  client: S3Client,
-  bucket: string
-): Promise<string> {
-  return getLatestDMG(client, bucket, "downloads/Gaze-");
-}
-
-/**
- * Get the latest InputHalo DMG from S3
- */
-async function getLatestInputHaloDMG(
-  client: S3Client,
-  bucket: string
-): Promise<string> {
-  return getLatestDMG(client, bucket, "downloads/InputHalo-");
-}
+const latestAssets: Record<
+  string,
+  { prefix: string; ext: string }
+> = {
+  gaze: { prefix: "downloads/Gaze-", ext: ".dmg" },
+  inputhalo: { prefix: "downloads/InputHalo-", ext: ".dmg" },
+  thenook: { prefix: "downloads/TheNook-", ext: ".zip" }
+};
 
 export const downloadsRouter = createTRPCRouter({
   getDownloadUrl: publicProcedure
@@ -96,11 +89,9 @@ export const downloadsRouter = createTRPCRouter({
       try {
         let fileKey: string;
 
-        // Special handling for macOS apps - find latest version automatically
-        if (input.asset_name === "gaze") {
-          fileKey = await getLatestGazeDMG(client, bucket);
-        } else if (input.asset_name === "inputhalo") {
-          fileKey = await getLatestInputHaloDMG(client, bucket);
+        const latest = latestAssets[input.asset_name];
+        if (latest) {
+          fileKey = await getLatestFile(client, bucket, latest.prefix, latest.ext);
         } else {
           fileKey = assets[input.asset_name];