feat: drop bird crest, route Letters Capture to world, rename Profile → My Identity (#55)

* feat(kira): hide MB_Crest meshes + export loadMaskedScene

The Blender GLB ships with stacked crest pieces on the crown. Hide
them at load time so the bird reads as a bald-headed Masked Bower —
the designer asked to drop the hair.

Also export loadMaskedScene so the onboarding hatch preview (a
separate consumer) can clone the loaded scene to render the same
bird that flies in one screen later, instead of falling through to
buildStandingBird with the masked palette (which produces a
yellow-ish generic bird that doesn't match the world Kira).

* feat(nav, capture): rename Profile→My Identity, reorder rail, route Letters Capture to world

Two related tweaks:

**Navigation rail** — top group reorders to Home → My Identity →
Path Finder → History (was: Home → History → Profile → Path Finder)
and the Profile pill is relabeled to "My Identity". The bottom
group (Letters, Settings) is unchanged. ProfileSheet's page title
also updates to keep the language consistent with the rail.

**Letters Capture** — clicking Capture inside a letter now routes
to / first, then opens the AskSheet via OverlayController. The
sheet's existing camera-zoom + captureFocus useEffect was always
designed to fire from the world canvas, but the prior wiring
opened the overlay while still on /letters — the camera dolly
ran "off-screen" with no visible world. With the route hop in
place the typical capture flow plays correctly: camera dollies
toward Kira, she turns to face the lens, sheet mounts on top.

Tests updated for the new rail order/label.

Author: wondopamine

src/components/student-space/navigation/SideRail.tsx

@@ -24,9 +24,9 @@ const TOP_RAIL_ITEMS: Array<{
   Icon: LucideIcon
 }> = [
   { id: 'home', label: 'Island', Icon: Home },
-  { id: 'history', label: 'History', Icon: History },
-  { id: 'profile', label: 'Profile', Icon: User },
+  { id: 'profile', label: 'My Identity', Icon: User },
   { id: 'trajectory', label: 'Path Finder', Icon: Compass },
+  { id: 'history', label: 'History', Icon: History },
 ]
 
 const BOTTOM_RAIL_ITEMS: Array<{

src/components/student-space/sheets/LettersSheet.tsx

@@ -100,6 +100,12 @@ export function LettersSheet() {
     const overlay = (
       engine as unknown as { view?: { overlayController?: OverlayControllerLike } } | null
     )?.view?.overlayController
+    // Capture is a world-anchored ceremony — the camera dollies in on Kira
+    // and her `captureFocus` flag turns her toward the camera. That only
+    // reads correctly from the world route, so route home first and let the
+    // overlay mount inside StudentSpaceHost. The AskSheet's camera-zoom
+    // useEffect fires once it sees `open` flip true on the world canvas.
+    navigate({ to: '/' })
     overlay?.open('ask', { prompt, dismissOnBack: true, letterId: selectedId })
   }
 

src/components/student-space/sheets/ProfileSheet.tsx

@@ -273,7 +273,7 @@ export function ProfileSheet() {
     <PageSurface className="isolate" style={themeStyle}>
       <SheetSidebar>
         <SheetIdentityHeader>
-          <SheetTitle>Profile</SheetTitle>
+          <SheetTitle>My Identity</SheetTitle>
           <SheetDescription>
             The shape of your reflections so far across values, interests, personality, and skills.
           </SheetDescription>

src/engine/student-space/Game/View/Kira.d.ts

@@ -48,3 +48,22 @@ export type StandingBirdParts = {
   wingBaseZR: number
 }
 export function buildStandingBird(spec: KiraSpecies): StandingBirdParts
+
+// Loader for the Blender-authored Masked Bower GLB. Module-cached, so the
+// scene is parsed once and re-handed to every caller. The scene already has
+// the world-Kira's setup applied: yaw flip, scale, crest hidden, body/tie
+// recolor, leg pivots reparented, bone refs surfaced.
+//
+// IMPORTANT: a THREE.Object3D can only have one parent. Don't add the
+// returned `scene` to your own group directly while the world Kira owns
+// it — clone first with SkeletonUtils.clone() if you need a second copy
+// (e.g. for the onboarding hatchling preview).
+export function loadMaskedScene(): Promise<{
+  scene: import('three').Object3D
+  head: import('three').Object3D | null
+  wingL: import('three').Object3D | null
+  wingR: import('three').Object3D | null
+  beakLower: import('three').Object3D | null
+  legPivotL: import('three').Group | null
+  legPivotR: import('three').Group | null
+}>

src/engine/student-space/Game/View/Kira.js

@@ -58,7 +58,7 @@ function _makeMaskedLegPivot(legPost, foot, hipX)
 }
 
 let _maskedScenePromise = null
-function loadMaskedScene()
+export function loadMaskedScene()
 {
     if(_maskedScenePromise) return _maskedScenePromise
 
@@ -88,6 +88,15 @@ function loadMaskedScene()
                 o.castShadow = true
                 o.receiveShadow = true
 
+                // The Blender export ships with stacked crest pieces on the
+                // crown. Hide them — the colorway already reads as a Masked
+                // Bower without the crest, and the user asked for a clean
+                // bald-headed silhouette.
+                if(/^MB_Crest/i.test(o.name))
+                {
+                    o.visible = false
+                }
+
                 // Repaint a couple of materials to match the requested
                 // colorway: body+wings warm orange like the head, tie red.
                 // Idempotent — module-level promise caches the scene.

test/components/student-space/navigation/side-rail.test.tsx

@@ -96,7 +96,7 @@ describe('SideRail', () => {
   it.each([
     ['Letters', '/letters'],
     ['History', '/history'],
-    ['Profile', '/profile'],
+    ['My Identity', '/profile'],
     ['Path Finder', '/trajectory'],
   ])('marks %s active immediately while routed navigation is pending', async (label, expectedPathname) => {
     const user = userEvent.setup()
@@ -116,7 +116,7 @@ describe('SideRail', () => {
   })
 
   it.each([
-    ['Profile', '/profile'],
+    ['My Identity', '/profile'],
     ['Letters', '/letters'],
     ['Path Finder', '/trajectory'],
     ['History', '/history'],
@@ -153,7 +153,7 @@ describe('SideRail', () => {
     const labelsIn = (group: HTMLElement) =>
       Array.from(group.querySelectorAll('button')).map((b) => b.getAttribute('aria-label'))
 
-    expect(labelsIn(topGroup)).toEqual(['Island', 'History', 'Profile', 'Path Finder'])
+    expect(labelsIn(topGroup)).toEqual(['Island', 'My Identity', 'Path Finder', 'History'])
     expect(labelsIn(bottomGroup)).toEqual(['Letters', 'Settings'])
   })