feat: model specialization combat effects

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

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { gearSlots } from '$lib/builder/loadout';
+	import WeaponCalculationResult from '$lib/components/builder/WeaponCalculationResult.svelte';
 	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);
@@ -14,6 +15,18 @@
 		<div><p class="eyebrow"><span></span> SHD LOADOUT ARCHIVE / {data.build.visibility.toUpperCase()}</p><h1>{data.build.title}</h1><p>Filed by <strong>{data.build.author}</strong> · Updated {new Date(data.build.updatedAt).toLocaleDateString()}</p></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>
+	<section class="builder-combat-results" aria-labelledby="shared-combat-heading">
+		<div class="builder-section-title">
+			<div>
+				<span>LIVE COMBAT MODEL</span>
+				<h2 id="shared-combat-heading">CURRENT WEAPON OUTPUT</h2>
+			</div>
+			<b>CURRENT ISAC RULES</b>
+		</div>
+		{#each data.combatResults as result}
+			<WeaponCalculationResult {result}/>
+		{/each}
+	</section>
 	<div class="shared-build-grid">
 		<section>
 			<header><span>WEAPONS</span><b>02 SLOTS</b></header>
@@ -24,7 +37,7 @@
 			{#each gearSlots as slot}{@const selection=data.loadout.gear[slot]}{@const item=gear(selection.itemId)}<article><small>{slot.toUpperCase()}</small><strong>{item?.name ?? 'EMPTY SLOT'}</strong><span>{item ? `${brand(selection.brandId)?.name ?? 'NO BRAND'} · T${item.tier} · LEVEL ${selection.level}` : 'NOT CONFIGURED'}</span></article>{/each}
 		</section>
 		<section>
-			<header><span>AGENT SYSTEMS</span><b>04 SLOTS</b></header>
+			<header><span>AGENT SYSTEMS</span><b>10 SLOTS</b></header>
 			{#each data.loadout.chips as selection, index}{@const item=chip(selection.setId)}<article><small>SKILL CHIP 0{index+1}</small><strong>{item?.name ?? 'EMPTY SLOT'}</strong><span>{item ? selection.quality : 'NOT CONFIGURED'}</span></article>{/each}
 			{#if protocol(data.loadout.protocol.itemId)}{@const protocolItem=protocol(data.loadout.protocol.itemId)}<article><small>OS PROTOCOL</small><strong>{protocolItem.name}</strong><span>LEVEL {data.loadout.protocol.level} · {data.loadout.protocol.talentUpgrades}/5 UPGRADES</span></article>{:else}<article><small>OS PROTOCOL</small><strong>EMPTY SLOT</strong><span>NOT CONFIGURED</span></article>{/if}
 		</section>