group stuff into apps

src/App.tsx

@@ -1,17 +1,17 @@
 import { Routes, Route, Navigate } from 'react-router-dom'
-import HomePage from './pages/HomePage'
-import ThoughtsPage from './pages/ThoughtsPage'
-import GroupsPage from './pages/GroupsPage'
-import SetsPage from './pages/SetsPage'
-import GolfPage from './pages/GolfPage'
-import PartyPage from './pages/PartyPage'
-import QuestPage from './pages/QuestPage'
-import LearningPage from './pages/LearningPage'
-import TracyPage from './pages/TracyPage'
-import SystemsPage from './pages/SystemsPage'
-import ResilienceGamePage from './pages/ResilienceGamePage'
-import MetricsPage from './pages/MetricsPage'
-import NotFoundPage from './pages/NotFoundPage'
+import HomePage from './core/pages/HomePage'
+import ThoughtsPage from './apps/thoughts/pages/ThoughtsPage'
+import GroupsPage from './apps/math-learning/pages/GroupsPage'
+import SetsPage from './apps/math-learning/pages/SetsPage'
+import GolfPage from './apps/golf/pages/GolfPage'
+import PartyPage from './apps/party/pages/PartyPage'
+import QuestPage from './apps/quest/pages/QuestPage'
+import LearningPage from './apps/math-learning/pages/LearningPage'
+import TracyPage from './apps/tracy/pages/TracyPage'
+import SystemsPage from './apps/metrics-systems/pages/SystemsPage'
+import ResilienceGamePage from './apps/metrics-systems/pages/ResilienceGamePage'
+import MetricsPage from './apps/metrics-systems/pages/MetricsPage'
+import NotFoundPage from './core/pages/NotFoundPage'
 
 function App() {
   return (

src/pages/GolfPage.tsx → src/apps/golf/pages/GolfPage.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react'
-import GolfNavigation from '@/components/GolfNavigation'
-import GolfGame from '@/components/GolfGame'
+import GolfNavigation from '../components/GolfNavigation'
+import GolfGame from '../components/GolfGame'
 import styles from './GolfPage.module.css'
 
 const GolfPage = () => {

src/components/BallVisualizer.module.css → src/apps/math-learning/components/BallVisualizer.module.css

@@ -1,4 +1,4 @@
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .visualizer {
   color: var(--retro-text-primary);

src/components/BijectionConstructor.module.css → src/apps/math-learning/components/BijectionConstructor.module.css

@@ -1,4 +1,4 @@
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .bijectionConstructor {
   display: flex;

src/components/CantorDiagonalGame.module.css → src/apps/math-learning/components/CantorDiagonalGame.module.css

@@ -1,4 +1,4 @@
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .game {
   display: flex;

src/components/CardinalArithmetic.module.css → src/apps/math-learning/components/CardinalArithmetic.module.css

@@ -1,4 +1,4 @@
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .calculator {
   display: flex;

src/components/CompactHausdorffExplorer.tsx → src/apps/math-learning/components/CompactHausdorffExplorer.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useRef } from 'react'
 import Select from 'react-select'
-import { retroSelectStyles } from '../styles/ReactSelectStyles'
-import styles from '../styles/ModuleStyles.module.css'
+import { retroSelectStyles } from '@/styles/ReactSelectStyles'
+import styles from '@/styles/ModuleStyles.module.css'
 
 type ExampleSpace = 'interval' | 'circle' | 'torus' | 'cantor' | 'projective' | 'stone-cech'
 

src/components/CompactnessModule.tsx → src/apps/math-learning/components/CompactnessModule.tsx

@@ -3,7 +3,7 @@ import OpenCoverSimulator from './OpenCoverSimulator';
 import SequentialCompactnessExplorer from './SequentialCompactnessExplorer';
 import TychonoffVisualizer from './TychonoffVisualizer';
 import CompactHausdorffExplorer from './CompactHausdorffExplorer';
-import styles from '../styles/ModuleStyles.module.css';
+import styles from '@/styles/ModuleStyles.module.css';
 
 type TabType = 'learn' | 'opencover' | 'sequential' | 'hausdorff' | 'tychonoff';
 

src/components/CompositionLab.module.css → src/apps/math-learning/components/CompositionLab.module.css

@@ -1,4 +1,4 @@
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .lab {
   display: flex;

src/components/ConnectedComponentFinder.module.css → src/apps/math-learning/components/ConnectedComponentFinder.module.css

@@ -1,4 +1,4 @@
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .container {
   background: linear-gradient(135deg, var(--retro-bg-panel), var(--retro-bg-light));

src/components/ConnectednessModule.module.css → src/apps/math-learning/components/ConnectednessModule.module.css

@@ -1,5 +1,5 @@
 /* Import retro theme */
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .module {
   background: linear-gradient(135deg, var(--retro-bg-panel), var(--retro-bg-light));

src/components/ContinuityChecker.module.css → src/apps/math-learning/components/ContinuityChecker.module.css

@@ -1,4 +1,4 @@
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .checker {
   color: var(--retro-text-primary);

src/components/ContinuityChecker.tsx → src/apps/math-learning/components/ContinuityChecker.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import Select from 'react-select';
-import { retroSelectStyles } from '../styles/ReactSelectStyles';
+import { retroSelectStyles } from '@/styles/ReactSelectStyles';
 import styles from './ContinuityChecker.module.css';
 
 type TopologyType = 'discrete' | 'trivial' | 'cofinite' | 'standard';

src/components/ContinuityModule.tsx → src/apps/math-learning/components/ContinuityModule.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import styles from '../styles/ModuleStyles.module.css';
+import styles from '@/styles/ModuleStyles.module.css';
 import ContinuityChecker from './ContinuityChecker';
 import HomeomorphismHunter from './HomeomorphismHunter';
 import ProductTopologyExplorer from './ProductTopologyExplorer';

src/components/ConvergenceComparator.module.css → src/apps/math-learning/components/ConvergenceComparator.module.css

@@ -1,4 +1,4 @@
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .container {
   background: linear-gradient(135deg, var(--retro-bg-panel), var(--retro-bg-light));

src/components/DistanceFunctionDesigner.module.css → src/apps/math-learning/components/DistanceFunctionDesigner.module.css

@@ -1,4 +1,4 @@
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .designer {
   color: var(--retro-text-primary);

src/components/EquivalenceRelationBuilder.module.css → src/apps/math-learning/components/EquivalenceRelationBuilder.module.css

@@ -1,4 +1,4 @@
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .builder {
   display: flex;

src/components/ExponentialLawExplorer.module.css → src/apps/math-learning/components/ExponentialLawExplorer.module.css

@@ -1,4 +1,4 @@
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .container {
   background: linear-gradient(135deg, var(--retro-bg-panel), var(--retro-bg-light));

src/components/ExponentialLawExplorer.tsx → src/apps/math-learning/components/ExponentialLawExplorer.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useCallback } from 'react';
 import Select from 'react-select';
-import { retroSelectStyles } from '../styles/ReactSelectStyles';
+import { retroSelectStyles } from '@/styles/ReactSelectStyles';
 import styles from './ExponentialLawExplorer.module.css';
 
 type MappingView = 'overview' | 'curry-demo' | 'uncurry-demo';

src/components/FunctionMachine.module.css → src/apps/math-learning/components/FunctionMachine.module.css

@@ -1,4 +1,4 @@
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .machine {
   display: flex;

src/components/FunctionSpacesModule.tsx → src/apps/math-learning/components/FunctionSpacesModule.tsx

@@ -2,7 +2,7 @@ import React, { useState } from 'react'
 import TopologySelector from './TopologySelector'
 import ConvergenceComparator from './ConvergenceComparator'
 import ExponentialLawExplorer from './ExponentialLawExplorer'
-import styles from '../styles/ModuleStyles.module.css'
+import styles from '@/styles/ModuleStyles.module.css'
 
 type TabType = 'topology' | 'convergence' | 'exponential'
 

src/components/FunctionsModule.tsx → src/apps/math-learning/components/FunctionsModule.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import styles from '../styles/ModuleStyles.module.css';
+import styles from '@/styles/ModuleStyles.module.css';
 import FunctionMachine from './FunctionMachine';
 import CompositionLab from './CompositionLab';
 import EquivalenceRelationBuilder from './EquivalenceRelationBuilder';

src/components/HausdorffDetective.module.css → src/apps/math-learning/components/HausdorffDetective.module.css

@@ -1,4 +1,4 @@
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .container {
   background: linear-gradient(135deg, #1a1a2e, #16213e);

src/components/HausdorffDetective.tsx → src/apps/math-learning/components/HausdorffDetective.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useCallback, useMemo } from 'react';
 import Select from 'react-select';
-import { retroSelectStyles } from '../styles/ReactSelectStyles';
+import { retroSelectStyles } from '@/styles/ReactSelectStyles';
 import styles from './HausdorffDetective.module.css';
 
 interface Point {

src/components/HomeomorphismHunter.module.css → src/apps/math-learning/components/HomeomorphismHunter.module.css

@@ -1,4 +1,4 @@
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .hunter {
   color: var(--retro-text-primary);

src/components/InfiniteSetsModule.module.css → src/apps/math-learning/components/InfiniteSetsModule.module.css

@@ -1,5 +1,5 @@
 /* Import retro theme */
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .module {
   background: linear-gradient(135deg, var(--retro-bg-panel), var(--retro-bg-light));

src/components/InfiniteSetsModule.tsx → src/apps/math-learning/components/InfiniteSetsModule.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import styles from '../styles/ModuleStyles.module.css';
+import styles from '@/styles/ModuleStyles.module.css';
 import BijectionConstructor from './BijectionConstructor';
 import CantorDiagonalGame from './CantorDiagonalGame';
 import CardinalArithmetic from './CardinalArithmetic';

src/components/LargeCardinalsExplorer.tsx → src/apps/math-learning/components/LargeCardinalsExplorer.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react'
-import styles from '../styles/ModuleStyles.module.css'
+import styles from '@/styles/ModuleStyles.module.css'
 
 type CardinalType = 'inaccessible' | 'measurable' | 'supercompact' | 'weakly-compact' | 'mahlo' | 'woodin'
 

src/components/MetricSpacesModule.module.css → src/apps/math-learning/components/MetricSpacesModule.module.css

@@ -1,5 +1,5 @@
 /* Import retro theme */
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .module {
   background: linear-gradient(135deg, var(--retro-bg-panel), var(--retro-bg-light));

src/components/OpenCoverSimulator.module.css → src/apps/math-learning/components/OpenCoverSimulator.module.css

@@ -1,4 +1,4 @@
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .simulator {
   padding: 1.5rem;

src/components/PathHomotopyAnimator.module.css → src/apps/math-learning/components/PathHomotopyAnimator.module.css

@@ -1,4 +1,4 @@
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .container {
   background: linear-gradient(135deg, var(--retro-bg-panel), var(--retro-bg-light));

src/components/ProductTopologyExplorer.module.css → src/apps/math-learning/components/ProductTopologyExplorer.module.css

@@ -1,4 +1,4 @@
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .explorer {
   color: var(--retro-text-primary);

src/components/ProductTopologyExplorer.tsx → src/apps/math-learning/components/ProductTopologyExplorer.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useRef, useEffect, useCallback } from 'react';
 import Select from 'react-select';
-import { retroSelectStyles } from '../styles/ReactSelectStyles';
+import { retroSelectStyles } from '@/styles/ReactSelectStyles';
 import styles from './ProductTopologyExplorer.module.css';
 
 type TopologyType = 'discrete' | 'trivial' | 'standard' | 'cofinite' | 'sierpinski';

src/components/SeparationAxiomsModule.tsx → src/apps/math-learning/components/SeparationAxiomsModule.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import styles from '../styles/ModuleStyles.module.css';
+import styles from '@/styles/ModuleStyles.module.css';
 import SeparationAxiomLab from './SeparationAxiomLab';
 import HausdorffDetective from './HausdorffDetective';
 import RegularNormalConstructor from './RegularNormalConstructor';

src/components/SequenceConvergence.module.css → src/apps/math-learning/components/SequenceConvergence.module.css

@@ -1,4 +1,4 @@
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .convergence {
   color: var(--retro-text-primary);

src/components/SequenceConvergence.tsx → src/apps/math-learning/components/SequenceConvergence.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useRef, useEffect } from 'react';
 import Select from 'react-select';
-import { retroSelectStyles } from '../styles/ReactSelectStyles';
+import { retroSelectStyles } from '@/styles/ReactSelectStyles';
 import styles from './SequenceConvergence.module.css';
 
 type MetricType = 'euclidean' | 'manhattan' | 'maximum';

src/components/SequentialCompactnessExplorer.module.css → src/apps/math-learning/components/SequentialCompactnessExplorer.module.css

@@ -1,4 +1,4 @@
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .explorer {
   padding: 1.5rem;

src/components/SetRelationExplorer.module.css → src/apps/math-learning/components/SetRelationExplorer.module.css

@@ -1,4 +1,4 @@
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .explorer {
   display: flex;

src/components/SetTheoryModule.module.css → src/apps/math-learning/components/SetTheoryModule.module.css

@@ -1,5 +1,5 @@
 /* Import retro theme */
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .module {
   background: linear-gradient(135deg, var(--retro-bg-panel), var(--retro-bg-light));

src/components/SpaceCutter.module.css → src/apps/math-learning/components/SpaceCutter.module.css

@@ -1,4 +1,4 @@
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .container {
   background: linear-gradient(135deg, var(--retro-bg-panel), var(--retro-bg-light));

src/components/TopologicalSpacesModule.tsx → src/apps/math-learning/components/TopologicalSpacesModule.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import styles from '../styles/ModuleStyles.module.css';
+import styles from '@/styles/ModuleStyles.module.css';
 import TopologyGenerator from './TopologyGenerator';
 import OpenSetInvestigator from './OpenSetInvestigator';
 import BasisBuilder from './BasisBuilder';

src/components/TopologyQuestModules.tsx → src/apps/math-learning/components/TopologyQuestModules.tsx

@@ -10,7 +10,7 @@ import SeparationAxiomsModule from './SeparationAxiomsModule'
 import CompactnessModule from './CompactnessModule'
 import ConnectednessModule from './ConnectednessModule'
 import FunctionSpacesModule from './FunctionSpacesModule'
-import styles from '../styles/ModuleStyles.module.css'
+import styles from '@/styles/ModuleStyles.module.css'
 
 interface TopologyQuestModulesProps {
   activeModule: ModuleType

src/components/TopologySelector.module.css → src/apps/math-learning/components/TopologySelector.module.css

@@ -1,4 +1,4 @@
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .container {
   background: linear-gradient(135deg, var(--retro-bg-panel), var(--retro-bg-light));

src/components/TopologySelector.tsx → src/apps/math-learning/components/TopologySelector.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useCallback, useMemo } from 'react';
 import Select from 'react-select';
-import { retroSelectStyles } from '../styles/ReactSelectStyles';
+import { retroSelectStyles } from '@/styles/ReactSelectStyles';
 import styles from './TopologySelector.module.css';
 
 interface Function {

src/components/TychonoffVisualizer.module.css → src/apps/math-learning/components/TychonoffVisualizer.module.css

@@ -1,4 +1,4 @@
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .visualizer {
   padding: 1.5rem;

src/components/VennDiagram.module.css → src/apps/math-learning/components/VennDiagram.module.css

@@ -1,4 +1,4 @@
-@import '../styles/retro-theme.css';
+@import '../../../styles/retro-theme.css';
 
 .vennDiagram {
   display: flex;

src/pages/GroupsPage.tsx → src/apps/math-learning/pages/GroupsPage.tsx

@@ -1,8 +1,8 @@
-import GroupsNavigation from '@/components/GroupsNavigation'
-import PermutationVisualizer from '@/components/PermutationVisualizer'
-import CycleDecomposer from '@/components/CycleDecomposer'
-import PermutationQuiz from '@/components/PermutationQuiz'
-import SignCalculator from '@/components/SignCalculator'
+import GroupsNavigation from '../components/GroupsNavigation'
+import PermutationVisualizer from '../components/PermutationVisualizer'
+import CycleDecomposer from '../components/CycleDecomposer'
+import PermutationQuiz from '../components/PermutationQuiz'
+import SignCalculator from '../components/SignCalculator'
 import { useGroupsLearning } from '@/hooks/useGroupsLearning'
 import styles from './GroupsPage.module.css'
 

src/pages/LearningPage.tsx → src/apps/math-learning/pages/LearningPage.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { useTopologyQuest } from '@/hooks/useTopologyQuest'
-import TopologyQuestNav from '@/components/TopologyQuestNav'
-import TopologyQuestModules from '@/components/TopologyQuestModules'
+import TopologyQuestNav from '../components/TopologyQuestNav'
+import TopologyQuestModules from '../components/TopologyQuestModules'
 import styles from './LearningPage.module.css'
 import '@/styles/retro-theme.css'
 

src/pages/SetsPage.tsx → src/apps/math-learning/pages/SetsPage.tsx

@@ -1,11 +1,11 @@
 import { useState, useEffect } from 'react'
-import SetsNavigation from '@/components/SetsNavigation'
-import VennDiagramBuilder from '@/components/VennDiagramBuilder'
-import SetOperationsVisualizer from '@/components/SetOperationsVisualizer'
-import RelationMatrixCalculator from '@/components/RelationMatrixCalculator'
-import FunctionVisualizer from '@/components/FunctionVisualizer'
-import CardinalityExplorer from '@/components/CardinalityExplorer'
-import SetQuiz from '@/components/SetQuiz'
+import SetsNavigation from '../components/SetsNavigation'
+import VennDiagramBuilder from '../components/VennDiagramBuilder'
+import SetOperationsVisualizer from '../components/SetOperationsVisualizer'
+import RelationMatrixCalculator from '../components/RelationMatrixCalculator'
+import FunctionVisualizer from '../components/FunctionVisualizer'
+import CardinalityExplorer from '../components/CardinalityExplorer'
+import SetQuiz from '../components/SetQuiz'
 import styles from './SetsPage.module.css'
 
 const SetsPage = () => {

src/pages/MetricsPage.tsx → src/apps/metrics-systems/pages/MetricsPage.tsx

@@ -1,7 +1,7 @@
 import { useState, useCallback, useEffect } from 'react'
 import { useParams, useNavigate } from 'react-router-dom'
-import MetricsNavigation from '@/components/MetricsNavigation'
-import MetricsDashboard from '@/components/MetricsDashboard'
+import MetricsNavigation from '../components/MetricsNavigation'
+import MetricsDashboard from '../components/MetricsDashboard'
 
 const MetricsPage = () => {
   const { tab } = useParams<{ tab: string }>()