Fix AgentAction logo and favicon

website/app/globals.css

@@ -101,13 +101,8 @@ pre,
 .brand-mark {
   width: 2.25rem;
   height: 2.25rem;
-  display: grid;
-  place-items: center;
-  border-radius: 50%;
-  background: var(--ink);
-  color: var(--lime);
-  font: 700 0.68rem/1 "SFMono-Regular", Consolas, monospace;
-  letter-spacing: -0.08em;
+  display: block;
+  flex: 0 0 auto;
 }
 
 nav {

website/app/layout.tsx

@@ -25,6 +25,10 @@ export async function generateMetadata(): Promise<Metadata> {
     },
     description:
       "AgentAction controls consequential AI agent actions and preserves independently verifiable evidence of what was authorized and executed.",
+    icons: {
+      icon: [{ url: "/favicon.png", type: "image/png", sizes: "64x64" }],
+      apple: [{ url: "/logo.png", type: "image/png", sizes: "512x512" }],
+    },
     alternates: {
       canonical: "https://agentaction.dev/",
     },

website/app/page.tsx

@@ -97,9 +97,7 @@
 
       <header className="site-header">
         <a className="brand" href="#top" aria-label="AgentAction home">
-          <span className="brand-mark" aria-hidden="true">
-            AA
-          </span>
+          <img className="brand-mark" src="/logo.png" alt="" width="36" height="36" />
           <span>AgentAction</span>
         </a>
         <nav aria-label="Primary navigation">

website/tests/rendered-html.test.mjs

@@ -57,8 +57,12 @@ test("removes starter-only assets and metadata", async () => {
   assert.match(layout, /https:\/\/agentaction\.dev/);
   assert.doesNotMatch(page, /_sites-preview|SkeletonPreview/);
   assert.doesNotMatch(layout, /Starter Project|codex-preview/);
+  assert.match(layout, /favicon\.png/);
+  assert.match(layout, /logo\.png/);
   assert.doesNotMatch(packageJson, /react-loading-skeleton/);
   assert.doesNotMatch(hosting, /credential|token|secret/i);
+  await access(new URL("public/favicon.png", templateRoot));
+  await access(new URL("public/logo.png", templateRoot));
   await assert.rejects(access(new URL("../app/_sites-preview", templateRoot)));
 });
 
@@ -77,6 +81,7 @@ test("keeps navigation and local links accessible", async () => {
   assert.match(html, /aria-labelledby="hero-title"/i);
   assert.match(html, /role="table" aria-label="AgentAction trust model"/i);
   assert.match(html, /<meta name="twitter:image" content="https:\/\/agentaction\.dev\/og\.png"/i);
+  assert.match(html, /rel="icon"[^>]+href="https:\/\/agentaction\.dev\/favicon\.png"/i);
 
   for (const id of localLinks) {
     assert.match(html, new RegExp(`id=["']${id}["']`, "i"));