make navbar a component

pkg/appview/config.go

···
 	// Auto-detect from HTTP addr
 	if httpAddr[0] == ':' {
 		// Just a port, assume localhost
+		// Use "127.0.0.1" per RFC 8252 (OAuth servers reject "localhost")
 		return fmt.Sprintf("http://127.0.0.1%s", httpAddr)
 	}
 

pkg/appview/templates/components/nav-brand.html

···
+{{ define "nav-brand" }}
+<div class="nav-brand">
+    <a href="/"><span class="at-protocol">at://</span>Container Registry</a>
+</div>
+{{ end }}

pkg/appview/templates/components/nav-search.html

···
+{{ define "nav-search" }}
+<div class="nav-search">
+    <form action="/search" method="get">
+        <input type="text" name="q" placeholder="Search images..." value="{{ .Query }}" />
+    </form>
+</div>
+{{ end }}

pkg/appview/templates/components/nav-theme-toggle.html

···
+{{ define "nav-theme-toggle" }}
+<button id="theme-toggle" onclick="toggleTheme()" class="btn-link theme-toggle-btn" aria-label="Toggle theme"></button>
+{{ end }}

pkg/appview/templates/components/nav-user.html

···
+{{ define "nav-user" }}
+{{ if .User }}
+    <div class="user-dropdown">
+        <button class="user-menu-btn" id="user-menu-btn" aria-expanded="false" aria-haspopup="true">
+            {{ if .User.Avatar }}
+                <img src="{{ .User.Avatar }}" alt="{{ .User.Handle }}" class="user-avatar">
+            {{ else }}
+                <div class="user-avatar-placeholder">{{ firstChar .User.Handle }}</div>
+            {{ end }}
+            <span class="user-handle">@{{ .User.Handle }}</span>
+            <svg class="dropdown-arrow" width="12" height="12" viewBox="0 0 12 12" fill="currentColor">
+                <path d="M6 9L1 4h10z"/>
+            </svg>
+        </button>
+        <div class="dropdown-menu" id="user-dropdown-menu" hidden>
+            <a href="/u/{{ .User.Handle }}" class="dropdown-item">Your Repositories</a>
+            <a href="/settings" class="dropdown-item">Settings</a>
+            <hr class="dropdown-divider">
+            <form action="/auth/logout" method="POST">
+                <button type="submit" class="dropdown-item logout-btn">Logout</button>
+            </form>
+        </div>
+    </div>
+{{ else }}
+    <a href="/auth/oauth/login?return_to=/" class="btn-primary">Login</a>
+{{ end }}
+{{ end }}

pkg/appview/templates/components/nav.html

···
 {{ define "nav" }}
 <nav class="navbar">
-    <div class="nav-brand">
-        <a href="/"><span class="at-protocol">at://</span>Container Registry</a>
+    {{ template "nav-brand" }}
+    {{ template "nav-search" . }}
+    <div class="nav-links">
+        {{ template "nav-theme-toggle" }}
+        {{ template "nav-user" . }}
     </div>
+</nav>
+{{ end }}
 
-    <div class="nav-search">
-        <form action="/search" method="get">
-            <input type="text" name="q" placeholder="Search images..." value="{{ .Query }}" />
-        </form>
-    </div>
-
+{{ define "nav-simple" }}
+<nav class="navbar">
+    {{ template "nav-brand" }}
     <div class="nav-links">
-        <button id="theme-toggle" onclick="toggleTheme()" class="btn-link theme-toggle-btn" aria-label="Toggle theme"></button>
-        {{ if .User }}
-            <div class="user-dropdown">
-                <button class="user-menu-btn" id="user-menu-btn" aria-expanded="false" aria-haspopup="true">
-                    {{ if .User.Avatar }}
-                        <img src="{{ .User.Avatar }}" alt="{{ .User.Handle }}" class="user-avatar">
-                    {{ else }}
-                        <div class="user-avatar-placeholder">{{ firstChar .User.Handle }}</div>
-                    {{ end }}
-                    <span class="user-handle">@{{ .User.Handle }}</span>
-                    <svg class="dropdown-arrow" width="12" height="12" viewBox="0 0 12 12" fill="currentColor">
-                        <path d="M6 9L1 4h10z"/>
-                    </svg>
-                </button>
-                <div class="dropdown-menu" id="user-dropdown-menu" hidden>
-                    <a href="/u/{{ .User.Handle }}" class="dropdown-item">Your Repositories</a>
-                    <a href="/settings" class="dropdown-item">Settings</a>
-                    <hr class="dropdown-divider">
-                    <form action="/auth/logout" method="POST">
-                        <button type="submit" class="dropdown-item logout-btn">Logout</button>
-                    </form>
-                </div>
-            </div>
-        {{ else }}
-            <a href="/auth/oauth/login?return_to=/" class="btn-primary">Login</a>
-        {{ end }}
+        {{ template "nav-theme-toggle" }}
     </div>
 </nav>
 {{ end }}

pkg/appview/templates/pages/login.html

···
     {{ template "head" . }}
 </head>
 <body>
-    <nav class="navbar">
-        <div class="nav-brand">
-            <a href="/">ATCR</a>
-        </div>
-    </nav>
+    {{ template "nav-simple" . }}
 
     <main class="container">
         <div class="login-page">

pkg/auth/oauth/client.go

···
 	} else {
 		config = oauth.NewLocalhostConfig(redirectURI, scopes)
 
-		// Append client_name to localhost client ID query string
-		if clientName != "" {
-			u, err := url.Parse(config.ClientID)
-			if err == nil {
-				q := u.Query()
-				q.Set("client_name", clientName)
-				u.RawQuery = q.Encode()
-				config.ClientID = u.String()
-			}
-		}
-
 		slog.Info("Using public OAuth client (localhost development)")
 	}