feat: promote command grid builder

src/routes/builds/[slug]/+page.svelte

@@ -1,13 +1,16 @@
 <script lang="ts">
 	import { gearSlots } from '$lib/builder/loadout';
 	import AgentIdentityLink from '$lib/components/AgentIdentityLink.svelte';
+	import MarkdownContent from '$lib/components/MarkdownContent.svelte';
 	import WeaponCalculationResult from '$lib/components/builder/WeaponCalculationResult.svelte';
+	import { renderUserMarkdown } from '$lib/markdown';
 	let { data } = $props();
 	const gear = (id: string) => data.gear.find((item) => item.id === id);
 	const weapon = (id: string) => data.weapons.find((item) => item.id === id);
 	const chip = (id: string) => data.chips.find((item) => item.id === id);
 	const protocol = (id: string) => data.protocols.find((item) => item.id === id);
 	const brand = (id: string) => data.brands.find((item) => item.id === id);
+	const guideHtml = $derived(renderUserMarkdown(data.build.guideBody));
 </script>
 
 <svelte:head><title>{data.build.title} — SHD.build</title></svelte:head>
@@ -16,6 +19,13 @@
 		<div><p class="eyebrow"><span></span> SHD LOADOUT ARCHIVE / {data.build.visibility.toUpperCase()}</p><h1>{data.build.title}</h1><AgentIdentityLink size="compact" linked={data.build.profileAvailable} agent={{ id: data.build.ownerId, displayName: data.build.author, publicSlug: data.build.authorPublicSlug, avatarUrl: data.build.authorAvatarUrl }} meta={`UPDATED ${new Date(data.build.updatedAt).toLocaleDateString()}`}/></div>
 		<div>{#if data.build.owner}<a class="secondary" href={`/builder?build=${data.build.slug}`}>EDIT LOADOUT</a>{/if}<a class="primary" href="/builder">NEW BUILD ＋</a></div>
 	</header>
+	{#if data.build.summary || data.build.guideBody}
+		<section class="shared-build-guide" aria-labelledby="shared-guide-heading">
+			<header><span>FIELD GUIDE</span><b>AUTHOR NOTES</b></header>
+			{#if data.build.summary}<p class="shared-build-summary">{data.build.summary}</p>{/if}
+			{#if data.build.guideBody}<div><h2 id="shared-guide-heading">HOW TO RUN THIS BUILD</h2><MarkdownContent html={guideHtml}/></div>{/if}
+		</section>
+	{/if}
 	<section class="builder-combat-results" aria-labelledby="shared-combat-heading">
 		<div class="builder-section-title">
 			<div>