Fix incorrect imports: hasSpecial and SPECIAL_EFFECTS should be imported from special-effects.ts, not upgrade-effects.ts

- Fixed src/components/game/GameContext/Provider.tsx
- Fixed src/components/game/GameContext/types.ts

The upgrade-effects.ts imports these from special-effects.ts but doesn't re-export them.

src/components/game/GameContext/Provider.tsx

@@ -7,7 +7,8 @@ import { usePrestigeStore } from '@/lib/game/stores/prestigeStore';
 import { useUIStore } from '@/lib/game/stores/uiStore';
 import { useCombatStore } from '@/lib/game/stores/combatStore';
 import { useGameStore } from '@/lib/game/stores/gameStore';
-import { computeEffects, hasSpecial, SPECIAL_EFFECTS } from '@/lib/game/upgrade-effects';
+import { computeEffects } from '@/lib/game/upgrade-effects';
+import { hasSpecial, SPECIAL_EFFECTS } from '@/lib/game/special-effects';
 import { getStudySpeedMultiplier, getStudyCostMultiplier } from '@/lib/game/constants';
 import {
   computeMaxMana,

src/components/game/GameContext/types.ts

@@ -4,7 +4,8 @@ import { useManaStore } from '@/lib/game/stores/manaStore';
 import { usePrestigeStore } from '@/lib/game/stores/prestigeStore';
 import { useUIStore } from '@/lib/game/stores/uiStore';
 import { useCombatStore } from '@/lib/game/stores/combatStore';
-import { computeEffects, hasSpecial, SPECIAL_EFFECTS } from '@/lib/game/upgrade-effects';
+import { computeEffects } from '@/lib/game/upgrade-effects';
+import { hasSpecial, SPECIAL_EFFECTS } from '@/lib/game/special-effects';
 import { getBoonBonuses } from '@/lib/game/utils';
 
 // Define a unified store type that combines all stores

src/components/game/SkillsTab.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useState } from 'react';
-import { useGameStore } from '@/lib/game/stores';
+import { useSkillStore } from '@/lib/game/stores';
 import { SKILL_CATEGORIES } from '@/lib/game/constants';
 import { Card, CardContent } from '@/components/ui/card';
 import { SkillUpgradeDialog } from './SkillsTab/SkillUpgradeDialog';
@@ -9,7 +9,7 @@ import { SkillStudyProgress } from './SkillsTab/SkillStudyProgress';
 import { SkillCategory } from './SkillsTab/SkillCategory';
 
 export function SkillsTab() {
-  const store = useGameStore();
+  const currentStudyTarget = useSkillStore((s) => s.currentStudyTarget);
   const [upgradeDialogSkill, setUpgradeDialogSkill] = useState<string | null>(null);
   const [upgradeDialogMilestone, setUpgradeDialogMilestone] = useState<5 | 10>(5);
   
@@ -32,7 +32,7 @@ export function SkillsTab() {
       />
       
       {/* Current Study Progress */}
-      {store.currentStudyTarget && store.currentStudyTarget.type === 'skill' && (
+      {currentStudyTarget && currentStudyTarget.type === 'skill' && (
         <Card className="bg-gray-900/80 border-purple-600/50">
           <CardContent className="pt-4">
             <SkillStudyProgress />

src/components/game/SkillsTab/SkillRow.tsx

@@ -20,9 +20,9 @@ export function SkillRow({ skillId, onUpgradeClick }: SkillRowProps) {
   const rawMana = useManaStore((s) => s.rawMana);
   const startStudyingSkill = useSkillStore((s) => s.startStudyingSkill);
   const tierUpSkill = useSkillStore((s) => s.tierUpSkill);
-  const startParallelStudySkill = useSkillStore((s) => s.startParallelStudySkill);
+
   
-  const { studySpeedMult, studyCostMult, hasParallelStudy } = useStudyStats();
+  const { studySpeedMult, studyCostMult } = useStudyStats();
   
   const skillInfo = getSkillDisplayInfo(skillState, skillId);
   const {
@@ -172,30 +172,7 @@ export function SkillRow({ skillId, onUpgradeClick }: SkillRowProps) {
                 )}
               </Tooltip>
             </TooltipProvider>
-            {/* Parallel Study button */}
-            {hasParallelStudy && 
-             skillState.currentStudyTarget && 
-             !skillState.parallelStudyTarget && 
-             skillState.currentStudyTarget.id !== tieredSkillId && 
-             canStudy && (
-              <TooltipProvider>
-                <Tooltip>
-                  <TooltipTrigger asChild>
-                    <Button
-                      size="sm"
-                      variant="outline"
-                      className="border-cyan-500 text-cyan-400 hover:bg-cyan-900/30"
-                      onClick={() => startParallelStudySkill(tieredSkillId)}
-                    >
-                      ⚡
-                    </Button>
-                  </TooltipTrigger>
-                  <TooltipContent>
-                    <p>Study in parallel (50% speed)</p>
-                  </TooltipContent>
-                </Tooltip>
-              </TooltipProvider>
-            )}
+
           </div>
         )}
       </div>

src/components/game/SkillsTab/SkillUpgradeDialog.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useState } from 'react';
-import { useGameStore, fmt } from '@/lib/game/stores';
+import { useSkillStore, fmt } from '@/lib/game/stores';
 import { SKILLS_DEF } from '@/lib/game/constants';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
@@ -14,13 +14,14 @@ interface SkillUpgradeDialogProps {
 }
 
 export function SkillUpgradeDialog({ skillId, milestone, onClose }: SkillUpgradeDialogProps) {
-  const store = useGameStore();
+  const getSkillUpgradeChoices = useSkillStore((s) => s.getSkillUpgradeChoices);
+  const commitSkillUpgrades = useSkillStore((s) => s.commitSkillUpgrades);
   const [pendingUpgradeSelections, setPendingUpgradeSelections] = useState<string[]>([]);
   
   if (!skillId) return null;
   
   const skillDef = SKILLS_DEF[skillId];
-  const { available, selected: alreadySelected } = store.getSkillUpgradeChoices(skillId, milestone);
+  const { available, selected: alreadySelected } = getSkillUpgradeChoices(skillId, milestone);
   
   const currentSelections = pendingUpgradeSelections.length > 0 ? pendingUpgradeSelections : alreadySelected;
   
@@ -34,7 +35,7 @@ export function SkillUpgradeDialog({ skillId, milestone, onClose }: SkillUpgrade
   
   const handleDone = () => {
     if (currentSelections.length === 2 && skillId) {
-      store.commitSkillUpgrades(skillId, currentSelections, milestone);
+      commitSkillUpgrades(skillId, currentSelections, milestone);
     }
     setPendingUpgradeSelections([]);
     onClose();

src/components/game/crafting/EnchantmentApplier.tsx

@@ -9,7 +9,8 @@ import { Badge } from '@/components/ui/badge';
 import { ScrollArea } from '@/components/ui/scroll-area';
 import { Separator } from '@/components/ui/separator';
 import { ENCHANTMENT_EFFECTS } from '@/lib/game/data/enchantment-effects';
-import type { EquipmentInstance, EnchantmentDesign, AppliedEnchantment, LootInventory, EquipmentCraftingProgress, EquipmentSlot } from '@/lib/game/types';
+import type { EquipmentInstance, EnchantmentDesign, AppliedEnchantment, LootInventory, EquipmentCraftingProgress } from '@/lib/game/types';
+import type { EquipmentSlot } from '@/lib/game/data/equipment';
 import { fmt } from '@/lib/game/stores';
 import { CheckCircle, Sparkles } from 'lucide-react';
 import { useGameStore, useCraftingStore, useManaStore } from '@/lib/game/stores';
@@ -253,7 +254,7 @@ export function EnchantmentApplier({
                   <ul className="list-disc list-inside mt-1">
                     {design.effects.map(eff => (
                       <li key={eff.effectId} className="text-[var(--text-secondary)]">
-                        {ENCHANTMENT_EFFECT_S[eff.effectId]?.name} x{eff.stacks}
+                        {ENCHANTMENT_EFFECTS[eff.effectId]?.name} x{eff.stacks}
                       </li>
                     ))}
                   </ul>