From b8d24d292d99c8da285092ce923b5e2b546d8f45 Mon Sep 17 00:00:00 2001
From: yyamashita <yyamashita@mosquit.one>
Date: Sat, 9 May 2026 00:27:19 +0900
Subject: Implement band/artist management with version history

Full CRUD for bands and artists: UUID + slug URLs, dynamic link
editor, band-artist associations with roles, per-edit revision
snapshots (message + IP). Add README and CLAUDE.md.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/root.tsx | 36 ++++++++++++++++++++++++++++++------
 1 file changed, 30 insertions(+), 6 deletions(-)

(limited to 'app/root.tsx')
diff --git a/app/root.tsx b/app/root.tsx
index 2c88ff1..5d66876 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -1,5 +1,6 @@
 import {
   isRouteErrorResponse,
+  Link,
   Links,
   Meta,
   Outlet,
@@ -25,7 +26,7 @@ export const links: Route.LinksFunction = () => [
 
 export function Layout({ children }: { children: React.ReactNode }) {
   return (
-    <html lang="en" className="dark">
+    <html lang="ja" className="dark">
       <head>
         <meta charSet="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -43,7 +44,30 @@ export function Layout({ children }: { children: React.ReactNode }) {
 }
 
 export default function App() {
-  return <Outlet />;
+  return (
+    <>
+      <nav className="border-b border-gray-800">
+        <div className="max-w-3xl mx-auto px-4 py-3 flex items-center gap-6">
+          <Link to="/" className="font-bold text-white tracking-tight">
+            whois.band
+          </Link>
+          <Link
+            to="/bands/new"
+            className="text-sm text-gray-400 hover:text-white transition-colors"
+          >
+            + Band
+          </Link>
+          <Link
+            to="/artists/new"
+            className="text-sm text-gray-400 hover:text-white transition-colors"
+          >
+            + Artist
+          </Link>
+        </div>
+      </nav>
+      <Outlet />
+    </>
+  );
 }
 
 export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) {
@@ -63,11 +87,11 @@ export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) {
   }
 
   return (
-    <main className="pt-16 p-4 container mx-auto">
-      <h1>{message}</h1>
-      <p>{details}</p>
+    <main className="max-w-3xl mx-auto px-4 py-16">
+      <h1 className="text-2xl font-bold">{message}</h1>
+      <p className="mt-2 text-gray-400">{details}</p>
       {stack && (
-        <pre className="w-full p-4 overflow-x-auto">
+        <pre className="mt-4 w-full p-4 overflow-x-auto bg-gray-900 rounded text-sm">
           <code>{stack}</code>
         </pre>
       )}
-- 
cgit v1.2.3

