git: Merge pull request #1 from CrowMate/feat/connect-front-to-backend

Feat/connect front to backend

docker-compose.yml

@@ -19,10 +19,15 @@ services:
     restart: unless-stopped
     ports:
       - "3000:3000"
-    env_file:
-      - ./nest-backend/.env
     environment:
       DATABASE_URL: postgresql://nest_user:nest_password@db:5432/nest_db
+      JWT_SECRET: ${JWT_SECRET:-change_me_in_production}
+      PORT: 3000
+      ADMIN_USERNAME: ${ADMIN_USERNAME:-admin}
+      ADMIN_EMAIL: ${ADMIN_EMAIL:-admin@crowmate.fr}
+      ADMIN_PASSWORD: ${ADMIN_PASSWORD:-change_me}
+      FRONT_ORIGIN: ${FRONT_ORIGIN:-http://localhost:5173}
+      INTRA_ORIGIN: ${INTRA_ORIGIN:-http://localhost:5174}
     depends_on:
       db:
         condition: service_healthy
@@ -34,8 +39,6 @@ services:
     restart: unless-stopped
     ports:
       - "80:80"
-    environment:
-      API_URL: http://api:3000
     depends_on:
       - api
 

nest-backend/prisma/schema.prisma

@@ -221,14 +221,6 @@ model PollVote {
   @@id([userId, pollOptionId])
 }
 
-// ── Site Settings ──────────────────────────────────────────────────────────────
-
-model SiteSettings {
-  id           Int     @id @default(1)
-  forumEnabled Boolean @default(true)
-  bugsEnabled  Boolean @default(true)
-}
-
 // ── Team Members ───────────────────────────────────────────────────────────────
 
 model TeamMember {

nest-backend/src/app.ts

@@ -7,7 +7,6 @@ import bugsRouter from './routes/bugs.js';
 import feedRouter from './routes/feed.js';
 import eventsRouter from './routes/events.js';
 import teamRouter from './routes/team.js';
-import settingsRouter from './routes/settings.js';
 
 const app = express();
 
@@ -123,7 +122,6 @@ app.use('/api/bugs', bugsRouter);
 app.use('/api/feed', feedRouter);
 app.use('/api/events', eventsRouter);
 app.use('/api/team', teamRouter);
-app.use('/api/settings', settingsRouter);
 
 // 404
 app.use((_req, res) => res.status(404).json({ error: 'Not found' }));

nest-backend/src/routes/settings.ts

@@ -1,44 +0,0 @@
-import { Router } from 'express';
-import type { Request, Response } from 'express';
-import prisma from '../lib/prisma.js';
-import { authenticate, requireAdmin } from '../middleware/auth.js';
-
-const router = Router();
-
-function getOrCreateSettings() {
-  return prisma.siteSettings.upsert({
-    where: { id: 1 },
-    update: {},
-    create: { id: 1 },
-  });
-}
-
-// GET /api/settings — public
-router.get('/', async (_req: Request, res: Response): Promise<void> => {
-  const settings = await getOrCreateSettings();
-  res.json({ forumEnabled: settings.forumEnabled, bugsEnabled: settings.bugsEnabled });
-});
-
-// PATCH /api/settings — admin only
-router.patch('/', authenticate, requireAdmin, async (req: Request, res: Response): Promise<void> => {
-  const { forumEnabled, bugsEnabled } = req.body as { forumEnabled?: unknown; bugsEnabled?: unknown };
-
-  const data: { forumEnabled?: boolean; bugsEnabled?: boolean } = {};
-  if (typeof forumEnabled === 'boolean') data.forumEnabled = forumEnabled;
-  if (typeof bugsEnabled === 'boolean') data.bugsEnabled = bugsEnabled;
-
-  if (Object.keys(data).length === 0) {
-    res.status(400).json({ error: 'No valid fields to update' });
-    return;
-  }
-
-  const settings = await prisma.siteSettings.upsert({
-    where: { id: 1 },
-    update: data,
-    create: { id: 1, ...data },
-  });
-
-  res.json({ forumEnabled: settings.forumEnabled, bugsEnabled: settings.bugsEnabled });
-});
-
-export default router;

nest-front/Dockerfile

@@ -1,4 +1,4 @@
-FROM node:25-alpine AS build
+FROM node:22-alpine AS build
 
 WORKDIR /app
 

nest-front/src/pages/public/BugReportPage.tsx

@@ -1,6 +1,6 @@
 import { useState, useMemo, useCallback, useEffect } from 'react';
 import { Link, useNavigate } from 'react-router-dom';
-import { bugsApi, settingsApi } from '../../utils/api';
+import { bugsApi } from '../../utils/api';
 import { useAuth } from '../../contexts/AuthContext';
 import { timeAgo } from '../../utils/format';
 import type { BugReport, BugSeverity, BugStatus, BugReportFormData } from '../../types';
@@ -278,15 +278,10 @@ export default function BugReportPage() {
   const { user, isAuthenticated } = useAuth();
   const [bugs, setBugs] = useState<BugReport[]>([]);
   const [loading, setLoading] = useState(true);
-  const [bugsEnabled, setBugsEnabled] = useState(true);
   const [statusFilter, setStatusFilter] = useState<BugStatus | 'all'>('all');
   const [severityFilter, setSeverityFilter] = useState<BugSeverity | 'all'>('all');
   const [showForm, setShowForm] = useState(false);
 
-  useEffect(() => {
-    settingsApi.get().then((s) => setBugsEnabled(s.bugsEnabled)).catch(() => {});
-  }, []);
-
   const fetchBugs = useCallback(() => {
     setLoading(true);
     bugsApi.getBugs({ status: statusFilter, severity: severityFilter, limit: 100 })
@@ -317,20 +312,6 @@ export default function BugReportPage() {
   const inProgressCount = bugs.filter((b) => b.status === 'in_progress').length;
   const resolvedCount = bugs.filter((b) => b.status === 'resolved').length;
 
-  if (!bugsEnabled) {
-    return (
-      <div style={{ maxWidth: '960px', margin: '0 auto', padding: '3rem 1.5rem', textAlign: 'center' }}>
-        <div className="section-label">Issue Tracker</div>
-        <h1 style={{ fontFamily: 'var(--font-heading)', color: 'var(--color-red)', fontSize: 'clamp(2rem, 6vw, 3.5rem)', marginTop: '0.25rem' }}>
-          BUG REPORTS UNAVAILABLE
-        </h1>
-        <p style={{ color: 'var(--color-text-muted)', fontSize: '0.78rem', marginTop: '1rem', fontFamily: 'var(--font-mono)' }}>
-          Bug reporting has been temporarily disabled by an administrator.
-        </p>
-      </div>
-    );
-  }
-
   return (
     <div style={{ maxWidth: '960px', margin: '0 auto', padding: '3rem 1.5rem' }}>
       {/* Header */}

nest-front/src/pages/public/ForumPage.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useState } from 'react';
 import { Link } from 'react-router-dom';
-import { forumApi, settingsApi } from '../../utils/api';
+import { forumApi } from '../../utils/api';
 import { timeAgo } from '../../utils/format';
 import type { ForumCategory, ForumThread } from '../../types';
 
@@ -132,20 +132,17 @@ export default function ForumPage() {
   const [threads, setThreads] = useState<ForumThread[]>([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState('');
-  const [forumEnabled, setForumEnabled] = useState(true);
 
   useEffect(() => {
     let cancelled = false;
     setLoading(true);
 
     Promise.all([
-      settingsApi.get(),
       forumApi.getCategories(),
       forumApi.getThreads({ limit: 200 }),
     ])
-      .then(([settings, cats, threadRes]) => {
+      .then(([cats, threadRes]) => {
         if (cancelled) return;
-        setForumEnabled(settings.forumEnabled);
         setCategories(cats);
         setThreads(threadRes.data);
       })
@@ -169,20 +166,6 @@ export default function ForumPage() {
     );
   }, [search, categories, threads]);
 
-  if (!loading && !forumEnabled) {
-    return (
-      <div style={{ maxWidth: '960px', margin: '0 auto', padding: '4rem 1.5rem', textAlign: 'center' }}>
-        <div className="section-label">Community</div>
-        <h1 style={{ fontFamily: 'var(--font-heading)', color: 'var(--color-red)', fontSize: 'clamp(2rem, 5vw, 3rem)', marginTop: '0.5rem' }}>
-          FORUM UNAVAILABLE
-        </h1>
-        <p style={{ color: 'var(--color-text-muted)', fontSize: '0.8rem', marginTop: '1rem', fontFamily: 'var(--font-mono)' }}>
-          The forum has been temporarily disabled by an administrator.
-        </p>
-      </div>
-    );
-  }
-
   return (
     <div style={{ maxWidth: '960px', margin: '0 auto', padding: '4rem 1.5rem' }}>
       {/* Header */}

nest-front/src/pages/public/StudioPage.tsx

@@ -1,52 +1,15 @@
+import { useEffect, useState } from 'react';
+import { teamApi } from '../../utils/api';
 import type { TeamMember } from '../../types';
 
-const FALLBACK_MEMBERS: TeamMember[] = [
-  {
-    id: 'studio-1',
-    name: 'Thibault Pouch',
-    role: 'Game Dev • Lore / CI-CD',
-    bio: 'Works on game dev, game lore, CI/CD, assets, and the web platform.',
-    avatarInitials: 'TP',
-  },
-  {
-    id: 'studio-2',
-    name: 'Pierre Ryssen',
-    role: 'Game Dev • Assets / Web',
-    bio: 'Works on game dev, assets, and the web platform.',
-    avatarInitials: 'PR',
-  },
-  {
-    id: 'studio-3',
-    name: 'Antoine Papillon',
-    role: 'Game Dev • Gameplay',
-    bio: 'Focused on core game development for the project.',
-    avatarInitials: 'AP',
-  },
-  {
-    id: 'studio-4',
-    name: 'Clement Augustinowick',
-    role: 'Game Dev • Gameplay',
-    bio: 'Focused on core game development for the project.',
-    avatarInitials: 'CA',
-  },
-  {
-    id: 'studio-5',
-    name: 'Dany Lhoir',
-    role: 'Game Dev • Multiplayer / Security',
-    bio: 'Works on game dev, multiplayer systems, and cybersecurity.',
-    avatarInitials: 'DL',
-  },
-  {
-    id: 'studio-6',
-    name: 'Timote Koenig',
-    role: 'Game Dev • Assets / Planning',
-    bio: 'Works on game dev, assets, and project planning.',
-    avatarInitials: 'TK',
-  },
-];
-
 export default function StudioPage() {
-  const members = FALLBACK_MEMBERS;
+  const [members, setMembers] = useState<TeamMember[]>([]);
+
+  useEffect(() => {
+    teamApi.getMembers()
+      .then(setMembers)
+      .catch(() => { /* show empty state */ });
+  }, []);
 
   return (
     <div style={{ maxWidth: '1000px', margin: '0 auto', padding: '4rem 1.5rem' }}>
@@ -78,9 +41,9 @@ export default function StudioPage() {
               marginBottom: '1rem',
             }}
           >
-            CrowMate Studio is an independent game studio founded in 2026 by a team of six developers
-            who are all new to game development and learning by building together. We are headquartered
-            somewhere in France and operate arround the globe.
+            CrowMate Studio is an independent game studio founded in 2023 by a team of six developers
+            united by a shared obsession: games that are strange, atmospheric, and actually interesting.
+            We are headquartered somewhere in Europe and operate fully remote.
           </p>
           <p
             style={{
@@ -97,40 +60,6 @@ export default function StudioPage() {
             you don't need a $200 million budget to make something that sticks.
           </p>
         </div>
-
-        <div
-          className="crt-box"
-          style={{ padding: '1.5rem 2rem', display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(160px, 1fr))', gap: '1rem' }}
-        >
-          {[
-            { label: 'TEAM SIZE', value: '6 PEOPLE' },
-            { label: 'FOUNDED', value: '2026' },
-            { label: 'CURRENT GAME', value: 'HEADLESS HAZARD' },
-          ].map(({ label, value }) => (
-            <div key={label}>
-              <div
-                style={{
-                  fontFamily: 'var(--font-mono)',
-                  color: 'var(--color-green)',
-                  fontSize: '0.72rem',
-                  letterSpacing: '0.08em',
-                  marginBottom: '0.45rem',
-                }}
-              >
-                {label}
-              </div>
-              <div
-                style={{
-                  fontFamily: 'var(--font-heading)',
-                  color: 'var(--color-text)',
-                  fontSize: '1rem',
-                }}
-              >
-                {value}
-              </div>
-            </div>
-          ))}
-        </div>
       </div>
 
       {/* History & Vision */}

nest-front/src/utils/api.ts

@@ -190,11 +190,3 @@ export const eventsApi = {
 export const teamApi = {
   getMembers: () => apiFetch<TeamMember[]>('/team'),
 };
-
-// ── Settings API ──────────────────────────────────────────────────────────────
-
-export type SiteSettings = { forumEnabled: boolean; bugsEnabled: boolean };
-
-export const settingsApi = {
-  get: () => apiFetch<SiteSettings>('/settings'),
-};

nest-intra/Dockerfile

@@ -1,4 +1,4 @@
-FROM node:25-alpine AS build
+FROM node:22-alpine AS build
 
 WORKDIR /app
 

nest-intra/nginx.conf

@@ -3,15 +3,14 @@ server {
     root /usr/share/nginx/html;
     index index.html;
 
-    # Docker DNS; resolve API service name at request time.
-    resolver 127.0.0.11 ipv6=off valid=10s;
-    set $api_upstream http://api:3000;
+    # Use Docker's embedded DNS resolver; defer resolution to request time
+    resolver 127.0.0.11 valid=30s;
 
     location /api/ {
+        set $api_upstream http://api:3000;
         proxy_pass $api_upstream;
         proxy_set_header Host $host;
         proxy_set_header X-Real-IP $remote_addr;
-        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
     }
 
     location / {

nest-intra/src/components/layout/IntranetLayout.tsx

@@ -8,7 +8,7 @@ const INTRANET_LINKS = [
   { to: '/intranet/feed',       label: 'Team Feed',   icon: '[~]', end: false },
   { to: '/intranet/events',     label: 'Events',      icon: '[E]', end: false },
   { to: '/intranet/users',      label: 'Users',       icon: '[U]', end: false },
-  { to: '/intranet/moderation', label: 'Forum Mod',   icon: '[M]', end: false },
+  { to: '/intranet/moderation', label: 'Moderation',  icon: '[M]', end: false },
   { to: '/intranet/services',   label: 'Services',    icon: '[S]', end: false },
 ];
 

nest-intra/src/pages/intranet/IntranetBugs.tsx

@@ -1,7 +1,6 @@
-import { useState, useMemo, useCallback, useEffect } from 'react';
+import { useState, useMemo, useCallback } from 'react';
 import { useAuth } from '../../contexts/AuthContext';
 import { formatDate, formatDateTime } from '../../utils/format';
-import { settingsApi } from '../../utils/api';
 import type { BugReport, BugSeverity, BugStatus, BugReportNote } from '../../types';
 
 function StatusBadge({ status }: { status: BugStatus }) {
@@ -27,20 +26,6 @@ export default function IntranetBugs() {
   const [severityFilter, setSeverityFilter] = useState<BugSeverity | 'all'>('all');
   const [assignedFilter, setAssignedFilter] = useState<string | 'all'>('all');
   const [noteText, setNoteText] = useState('');
-  const [isEnabled, setIsEnabled] = useState(true);
-  const [toggling, setToggling] = useState(false);
-
-  useEffect(() => {
-    settingsApi.get().then((s) => setIsEnabled(s.bugsEnabled)).catch(() => {});
-  }, []);
-
-  const handleToggle = useCallback((enabled: boolean) => {
-    setToggling(true);
-    settingsApi.update({ bugsEnabled: enabled })
-      .then(() => setIsEnabled(enabled))
-      .catch(() => {})
-      .finally(() => setToggling(false));
-  }, []);
 
   const openCount = bugs.filter((b) => b.status === 'open').length;
   const criticalCount = bugs.filter((b) => b.severity === 'critical').length;
@@ -87,64 +72,13 @@ export default function IntranetBugs() {
     setNoteText('');
   }, [noteText, user]);
 
-  if (!isEnabled) {
-    return (
-      <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', minHeight: '400px', textAlign: 'center' }}>
-        <div style={{ fontFamily: 'var(--font-mono)', color: 'var(--color-text-muted)', fontSize: '0.7rem', letterSpacing: '0.15em', marginBottom: '1rem' }}>
-          INTRANET / BUG REPORTS
-        </div>
-        <h1 style={{ fontFamily: 'var(--font-heading)', color: 'var(--color-red)', fontSize: '2rem', marginBottom: '0.5rem' }}>FUNCTIONALITY DISABLED</h1>
-        <p style={{ color: 'var(--color-text-muted)', marginBottom: '1.5rem' }}>Bug Reports feature is currently disabled</p>
-        <button
-          onClick={() => handleToggle(true)}
-          disabled={toggling}
-          style={{
-            background: 'var(--color-green)',
-            color: 'var(--color-bg)',
-            border: 'none',
-            padding: '0.6rem 1.2rem',
-            fontFamily: 'var(--font-mono)',
-            fontSize: '0.85rem',
-            cursor: toggling ? 'not-allowed' : 'pointer',
-            textTransform: 'uppercase',
-            letterSpacing: '0.08em',
-            opacity: toggling ? 0.6 : 1,
-          }}
-        >
-          Re-enable
-        </button>
-      </div>
-    );
-  }
-
   return (
     <div style={{ display: 'grid', gridTemplateColumns: selected ? '1fr 400px' : '1fr', gap: '1.5rem', alignItems: 'start' }}>
       {/* Left panel */}
       <div>
         <div style={{ marginBottom: '1.5rem' }}>
-          <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '0.5rem' }}>
-            <div style={{ fontFamily: 'var(--font-mono)', color: 'var(--color-text-muted)', fontSize: '0.7rem', letterSpacing: '0.15em' }}>
-              INTRANET / BUG REPORTS
-            </div>
-            <button
-              onClick={() => handleToggle(false)}
-              disabled={toggling}
-              style={{
-                background: 'transparent',
-                border: '1px solid var(--color-red)',
-                color: 'var(--color-red)',
-                padding: '0.3rem 0.7rem',
-                fontFamily: 'var(--font-mono)',
-                fontSize: '0.65rem',
-                cursor: toggling ? 'not-allowed' : 'pointer',
-                textTransform: 'uppercase',
-                letterSpacing: '0.08em',
-                opacity: toggling ? 0.6 : 1,
-              }}
-              title="Disable this feature"
-            >
-              [DISABLE]
-            </button>
+          <div style={{ fontFamily: 'var(--font-mono)', color: 'var(--color-text-muted)', fontSize: '0.7rem', letterSpacing: '0.15em', marginBottom: '0.5rem' }}>
+            INTRANET / BUG REPORTS
           </div>
           <h1 style={{ fontFamily: 'var(--font-heading)', color: 'var(--color-text)', fontSize: '1.8rem', marginBottom: '1rem' }}>BUG DASHBOARD</h1>
 

nest-intra/src/pages/intranet/IntranetDashboard.tsx

@@ -125,8 +125,6 @@ export default function IntranetDashboard() {
           <NavTile to="/intranet/feed" label="Team Feed" description="Internal staff activity feed. Post updates visible only to the team." icon="[~]" />
           <NavTile to="/intranet/users" label="User Management" description="View all registered users. Promote or ban accounts." icon="[U]" />
           <NavTile to="/intranet/moderation" label="Forum Moderation" description="Pin, lock, and delete threads and replies from the public forum." icon="[M]" />
-          <NavTile to="/intranet/events" label="Event Calendar" description="Manage upcoming events, deadlines, and team meetings." icon="[E]" />
-          <NavTile to="/intranet/services" label="Service Status" description="Redirection to all the services." icon="[S]" />
         </div>
       </div>
 

nest-intra/src/pages/intranet/IntranetModeration.tsx

@@ -1,6 +1,5 @@
-import { useState, useMemo, useCallback, useEffect } from 'react';
+import { useState, useMemo, useCallback } from 'react';
 import { formatDateTime } from '../../utils/format';
-import { settingsApi } from '../../utils/api';
 import type { ForumThread, ForumReply } from '../../types';
 
 export default function IntranetModeration() {
@@ -9,20 +8,6 @@ export default function IntranetModeration() {
   const [selectedThreadId, setSelectedThreadId] = useState<string | null>(null);
   const [search, setSearch] = useState('');
   const [activeTab, setActiveTab] = useState<'threads' | 'replies'>('threads');
-  const [isEnabled, setIsEnabled] = useState(true);
-  const [toggling, setToggling] = useState(false);
-
-  useEffect(() => {
-    settingsApi.get().then((s) => setIsEnabled(s.forumEnabled)).catch(() => {});
-  }, []);
-
-  const handleToggle = useCallback((enabled: boolean) => {
-    setToggling(true);
-    settingsApi.update({ forumEnabled: enabled })
-      .then(() => setIsEnabled(enabled))
-      .catch(() => {})
-      .finally(() => setToggling(false));
-  }, []);
 
   const filteredThreads = useMemo(() => {
     if (!search.trim()) return threads;
@@ -59,66 +44,14 @@ export default function IntranetModeration() {
 
   return (
     <div>
-      {!isEnabled ? (
-        <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', minHeight: '400px', textAlign: 'center' }}>
-          <div style={{ fontFamily: 'var(--font-mono)', color: 'var(--color-text-muted)', fontSize: '0.7rem', letterSpacing: '0.15em', marginBottom: '1rem' }}>
-            INTRANET / MODERATION
-          </div>
-          <h1 style={{ fontFamily: 'var(--font-heading)', color: 'var(--color-red)', fontSize: '2rem', marginBottom: '0.5rem' }}>FUNCTIONALITY DISABLED</h1>
-          <p style={{ color: 'var(--color-text-muted)', marginBottom: '1.5rem' }}>Forum Moderation feature is currently disabled</p>
-          <button
-            onClick={() => handleToggle(true)}
-            disabled={toggling}
-            style={{
-              background: 'var(--color-green)',
-              color: 'var(--color-bg)',
-              border: 'none',
-              padding: '0.6rem 1.2rem',
-              fontFamily: 'var(--font-mono)',
-              fontSize: '0.85rem',
-              cursor: toggling ? 'not-allowed' : 'pointer',
-              textTransform: 'uppercase',
-              letterSpacing: '0.08em',
-              opacity: toggling ? 0.6 : 1,
-            }}
-          >
-            Re-enable
-          </button>
-        </div>
-      ) : (
-        <div>
       <div style={{ marginBottom: '1.75rem' }}>
-        <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
-          <div>
-            <div style={{ fontFamily: 'var(--font-mono)', color: 'var(--color-text-muted)', fontSize: '0.7rem', letterSpacing: '0.15em', marginBottom: '0.5rem' }}>
-              INTRANET / MODERATION
-            </div>
-            <h1 style={{ fontFamily: 'var(--font-heading)', color: 'var(--color-text)', fontSize: '1.8rem', marginBottom: '0.5rem' }}>FORUM MODERATION</h1>
-            <p style={{ fontFamily: 'var(--font-mono)', color: 'var(--color-text-muted)', fontSize: '0.78rem' }}>
-              {threads.length} threads &mdash; {replies.length} replies
-            </p>
-          </div>
-          <button
-            onClick={() => handleToggle(false)}
-            disabled={toggling}
-            style={{
-              background: 'transparent',
-              border: '1px solid var(--color-red)',
-              color: 'var(--color-red)',
-              padding: '0.3rem 0.7rem',
-              fontFamily: 'var(--font-mono)',
-              fontSize: '0.65rem',
-              cursor: toggling ? 'not-allowed' : 'pointer',
-              textTransform: 'uppercase',
-              letterSpacing: '0.08em',
-              height: 'fit-content',
-              opacity: toggling ? 0.6 : 1,
-            }}
-            title="Disable this feature"
-          >
-            [DISABLE]
-          </button>
+        <div style={{ fontFamily: 'var(--font-mono)', color: 'var(--color-text-muted)', fontSize: '0.7rem', letterSpacing: '0.15em', marginBottom: '0.5rem' }}>
+          INTRANET / MODERATION
         </div>
+        <h1 style={{ fontFamily: 'var(--font-heading)', color: 'var(--color-text)', fontSize: '1.8rem', marginBottom: '0.5rem' }}>FORUM MODERATION</h1>
+        <p style={{ fontFamily: 'var(--font-mono)', color: 'var(--color-text-muted)', fontSize: '0.78rem' }}>
+          {threads.length} threads &mdash; {replies.length} replies
+        </p>
       </div>
 
       {/* Tabs */}
@@ -293,7 +226,5 @@ export default function IntranetModeration() {
         </div>
       )}
     </div>
-      )}
-    </div>
   );
 }

nest-intra/src/utils/api.ts

@@ -1,35 +0,0 @@
-import { getToken } from '../contexts/AuthContext';
-
-export const API_BASE = (import.meta.env.VITE_API_URL as string | undefined) ?? '/api';
-
-async function apiFetch<T>(path: string, options: RequestInit = {}): Promise<T> {
-  const token = getToken();
-  const headers: Record<string, string> = {
-    'Content-Type': 'application/json',
-    ...(options.headers as Record<string, string> ?? {}),
-  };
-  if (token) headers['Authorization'] = `Bearer ${token}`;
-
-  const res = await fetch(`${API_BASE}${path}`, { ...options, headers });
-
-  if (!res.ok) {
-    const body = await res.json().catch(() => ({})) as { error?: unknown };
-    const message = typeof body.error === 'string' ? body.error : `Request failed (${res.status})`;
-    throw new Error(message);
-  }
-
-  if (res.status === 204) return undefined as T;
-  return res.json() as Promise<T>;
-}
-
-export type SiteSettings = { forumEnabled: boolean; bugsEnabled: boolean };
-
-export const settingsApi = {
-  get: () => apiFetch<SiteSettings>('/settings'),
-
-  update: (data: Partial<SiteSettings>) =>
-    apiFetch<SiteSettings>('/settings', {
-      method: 'PATCH',
-      body: JSON.stringify(data),
-    }),
-};