fix: persist CraftingTab sub-tab selection across tab navigation

- Add activeCraftingSubTab state + setActiveCraftingSubTab action to
  craftingStore (persisted to localStorage via zustand persist middleware)
- Add CraftingAttunement type to craftingStore.types and re-export from
  stores/index.ts barrel
- Update CraftingTab.tsx to read/write active sub-tab from store instead
  of local useState, so selection survives component remount
- Add default 'fabricator' value in craft-initial-state.ts

src/components/game/tabs/CraftingTab.tsx

@@ -1,14 +1,13 @@
 'use client';
 
-import { useState } from 'react';
 import clsx from 'clsx';
 import { Hammer, Sparkles } from 'lucide-react';
 import { DebugName } from '@/components/game/debug/debug-context';
+import { useCraftingStore } from '@/lib/game/stores/craftingStore';
+import type { CraftingAttunement } from '@/lib/game/stores/craftingStore.types';
 import { FabricatorSubTab } from './CraftingTab/FabricatorSubTab';
 import { EnchanterSubTab } from './CraftingTab/EnchanterSubTab';
 
-type CraftingAttunement = 'fabricator' | 'enchanter';
-
 interface CraftingSubTab {
   key: CraftingAttunement;
   label: string;
@@ -21,7 +20,8 @@ const CRAFTING_SUB_TABS: CraftingSubTab[] = [
 ];
 
 export function CraftingTab() {
-  const [activeSubTab, setActiveSubTab] = useState<CraftingAttunement>('fabricator');
+  const activeSubTab = useCraftingStore((s) => s.activeCraftingSubTab);
+  const setActiveSubTab = useCraftingStore((s) => s.setActiveCraftingSubTab);
 
   return (
     <DebugName name="CraftingTab">

src/lib/game/stores/crafting-initial-state.ts

@@ -34,6 +34,7 @@ export function createDefaultCraftingState(): CraftingState {
       selectedEquipmentInstance: null,
     },
     lastError: null,
+    activeCraftingSubTab: 'fabricator',
   };
 }
 

src/lib/game/stores/craftingStore.ts

@@ -285,6 +285,8 @@ export const useCraftingStore = create<CraftingStore>()(
 
         clearLastError: () => set({ lastError: null }),
 
+        setActiveCraftingSubTab: (tab) => set({ activeCraftingSubTab: tab }),
+
         unlockEffects: (effectIds: string[]) => {
           set((state) => {
             const existing = new Set(state.unlockedEffects);
@@ -343,6 +345,7 @@ export const useCraftingStore = create<CraftingStore>()(
         lootInventory: state.lootInventory,
         enchantmentSelection: state.enchantmentSelection,
         lastError: state.lastError,
+        activeCraftingSubTab: state.activeCraftingSubTab,
       }),
     }
   )

src/lib/game/stores/craftingStore.types.ts

@@ -16,6 +16,8 @@ export interface CraftingError {
   timestamp: number;
 }
 
+export type CraftingAttunement = 'fabricator' | 'enchanter';
+
 export interface CraftingState {
   designProgress: DesignProgress | null;
   designProgress2: DesignProgress | null;
@@ -39,6 +41,7 @@ export interface CraftingState {
     selectedEquipmentInstance: string | null;
   };
   lastError: CraftingError | null;
+  activeCraftingSubTab: CraftingAttunement;
 }
 
 export interface CraftingActions {
@@ -47,6 +50,7 @@ export interface CraftingActions {
   setPreparationProgress: (progress: PreparationProgress | null) => void;
   setApplicationProgress: (progress: ApplicationProgress | null) => void;
   setEquipmentCraftingProgress: (progress: EquipmentCraftingProgress | null) => void;
+  setActiveCraftingSubTab: (tab: CraftingAttunement) => void;
   startDesigningEnchantment: (name: string, equipmentTypeId: string, effects: DesignEffect[]) => boolean;
   cancelDesign: (slot?: 1 | 2) => void;
   saveDesign: (design: EnchantmentDesign) => void;

src/lib/game/stores/index.ts

@@ -15,7 +15,7 @@ export { useCombatStore, makeInitialSpells } from './combatStore';
 export type { CombatState, CombatActions, CombatStore } from './combat-state.types';
 
 export { useCraftingStore } from './craftingStore';
-export type { CraftingState, CraftingActions } from './craftingStore.types';
+export type { CraftingState, CraftingActions, CraftingStore, CraftingAttunement } from './craftingStore.types';
 
 export { useAttunementStore } from './attunementStore';
 export type { AttunementStoreState } from './attunementStore';