client:load + lightweight markdown.ts

frontend/src/layouts/Layout.astro

@@ -88,7 +88,7 @@ const hasContact = (siteConfig.contact_links?.length ?? 0) > 0;
 				<a href="/" class="nameplate group" aria-label="Home">
 					{isAdmin ? (
 						<EditableText
-							client:load
+							client:visible
 							initial={siteConfig.title}
 							fieldKey="title"
 							isAdmin
@@ -100,7 +100,7 @@ const hasContact = (siteConfig.contact_links?.length ?? 0) > 0;
 					)}
 					{isAdmin ? (
 						<EditableText
-							client:load
+							client:visible
 							initial={siteConfig.subtitle}
 							fieldKey="subtitle"
 							isAdmin
@@ -119,7 +119,7 @@ const hasContact = (siteConfig.contact_links?.length ?? 0) > 0;
 							class="font-display italic text-sm text-[var(--subtext1)] hover:text-[var(--mauve)] transition-colors tracking-wide"
 						>Contact</a>
 					)}
-					<Search client:load />
+					<Search client:idle />
 					{isAdmin && (
 						<div class="flex items-center gap-1 pl-3 ml-1 border-l border-[var(--surface2)]/60">
 							<a
@@ -130,7 +130,7 @@ const hasContact = (siteConfig.contact_links?.length ?? 0) > 0;
 								<span class="w-1.5 h-1.5 rounded-full bg-[var(--rosewater)] animate-pulse"></span>
 								Artist
 							</a>
-							<LogoutButton client:load />
+							<LogoutButton client:idle />
 						</div>
 					)}
 					<ThemeSwitcher client:only="react" defaultTheme={siteConfig.theme} />
@@ -151,7 +151,7 @@ const hasContact = (siteConfig.contact_links?.length ?? 0) > 0;
 			<p class="font-display italic text-base text-[var(--subtext1)] mb-2">
 				{isAdmin ? (
 					<EditableText
-						client:load
+						client:visible
 						initial={siteConfig.footer}
 						fieldKey="footer"
 						isAdmin