# React Build Fixes Needed

## Current Status
- Using temporary HTML admin interface (working)
- React build fails with dependency conflicts
- Admin container architecture is correct

## React Build Issues
1. **Main Error**: `TypeError: schema_utils_1.default is not a function`
   - In `fork-ts-checker-webpack-plugin`
   - Caused by version incompatibility

2. **Dependency Conflicts**:
   - `@babel/parser@^7.28.0` version not found
   - `schema-utils` version mismatch
   - `fork-ts-checker-webpack-plugin` incompatible

## To Fix React Build
1. **Update package.json dependencies**:
   ```bash
   cd admin-frontend
   npm update react-scripts
   npm install --save-dev @types/react@^18 @types/react-dom@^18
   ```

2. **Fix schema-utils conflict**:
   ```bash
   npm install schema-utils@^4.0.0 --save-dev
   ```

3. **Alternative: Use yarn for better resolution**:
   ```bash
   rm package-lock.json
   yarn install
   yarn build
   ```

4. **Test locally before containerizing**:
   ```bash
   npm install
   npm run build
   ```

## Working HTML Interface Location
- Currently using fallback HTML in Dockerfile.admin
- Full working HTML interface exists in local `admin-frontend/build/index.html`
- Includes: login, dashboard, metrics, characters, activity monitoring

## Container Architecture (CORRECT)
- Separate admin container: `fishbowl-admin`
- Port: 8294
- Backend API: Working (`/api/auth/login`, `/api/dashboard/metrics`, etc.)
- Frontend: HTML fallback (functional)

## Next Steps
1. Keep current HTML interface working
2. Fix React dependencies locally
3. Test React build outside container
4. Update container only after local build succeeds