diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 741ea94..bb9619e 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -30,8 +30,32 @@ const RequestLogPage = lazy(() =>
     default: module.RequestLogPage,
   })),
 )
-const StudyPlanBeta = lazy(() =>
-  import('./features/newui').then((module) => ({ default: module.StudyPlanPage })),
+const TestLayout = lazy(() =>
+  import('./features/test').then((module) => ({ default: module.TestLayout })),
+)
+const TestLanding = lazy(() =>
+  import('./features/test').then((module) => ({ default: module.TestLanding })),
+)
+const TestCatalog = lazy(() =>
+  import('./features/test').then((module) => ({ default: module.TestCatalog })),
+)
+const TestPersonal = lazy(() =>
+  import('./features/test').then((module) => ({ default: module.TestPersonal })),
+)
+const TestProgress = lazy(() =>
+  import('./features/test').then((module) => ({ default: module.TestProgress })),
+)
+const TestSemesters = lazy(() =>
+  import('./features/test').then((module) => ({ default: module.TestSemesters })),
+)
+const TestSemesterDetail = lazy(() =>
+  import('./features/test').then((module) => ({ default: module.TestSemesterDetail })),
+)
+const TestSemesterPlan = lazy(() =>
+  import('./features/test').then((module) => ({ default: module.TestSemesterPlan })),
+)
+const TestSemesterEditor = lazy(() =>
+  import('./features/test').then((module) => ({ default: module.TestSemesterEditor })),
 )
 
 function RouteFallback() {
@@ -68,7 +92,18 @@ function App() {
                         element={<Navigate to={ROUTES.planner} replace />}
                       />
                     </Route>
-                    <Route path={ROUTES.beta} element={<StudyPlanBeta />} />
+                    <Route path={TEST_ROUTES.root} element={<TestLayout />}>
+                      <Route index element={<TestLanding />} />
+                      <Route path="catalog" element={<TestCatalog />}>
+                        <Route path=":courseId" element={null} />
+                      </Route>
+                      <Route path="personal" element={<TestPersonal />} />
+                      <Route path="personal/progress" element={<TestProgress />} />
+                      <Route path="personal/semesters" element={<TestSemesters />} />
+                      <Route path="personal/semesters/:label" element={<TestSemesterDetail />} />
+                      <Route path="personal/semesters/:label/plan" element={<TestSemesterPlan />} />
+                      <Route path="personal/semesters/:label/editor" element={<TestSemesterEditor />} />
+                    </Route>
                   </Routes>
                 </Suspense>
               </OnboardingProvider>
diff --git a/frontend/src/features/layout/components/TopBar.tsx b/frontend/src/features/layout/components/TopBar.tsx
index 1aa09c6..875cbf0 100644
--- a/frontend/src/features/layout/components/TopBar.tsx
+++ b/frontend/src/features/layout/components/TopBar.tsx
@@ -40,15 +40,6 @@ export function TopBar() {
     </a>
   )
 
-  const betaButton = (
-    <Link
-      to={ROUTES.beta}
-      className="flex h-10 items-center justify-center rounded-md border border-white/10 bg-sidebar-hover px-2.5 text-[12px] font-semibold text-white/85 transition-colors hover:text-white sm:px-3"
-    >
-      Test UI
-    </Link>
-  )
-
   const themeToggleButton = (
     <button
       type="button"
@@ -95,8 +86,7 @@ export function TopBar() {
         </Link>
 
         {isMobileNavigation ? (
-          <div className="flex min-w-0 shrink items-center gap-2">
-            {betaButton}
+          <div className="flex items-center gap-2">
             {askGptButton}
             <HelpButton />
             {themeToggleButton}
@@ -140,8 +130,7 @@ export function TopBar() {
               ))}
             </nav>
 
-            <div className="flex min-w-0 shrink items-center gap-2">
-              {betaButton}
+            <div className="flex items-center gap-2">
               {askGptButton}
               <HelpButton />
               {themeToggleButton}
diff --git a/frontend/src/features/newui/components/CategoryTag.tsx b/frontend/src/features/newui/components/CategoryTag.tsx
deleted file mode 100644
index 0c3ddc1..0000000
--- a/frontend/src/features/newui/components/CategoryTag.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import type { MasterCat } from '../../courses'
-
-/** Reuses the existing category color tokens from index.css. */
-const CAT_COLOR_VAR: Record<MasterCat, string> = {
-  TECH: 'var(--color-cat-tech)',
-  THEO: 'var(--color-cat-theo)',
-  PRAK: 'var(--color-cat-prak)',
-  INFO: 'var(--color-cat-info)',
-  BASIS: 'var(--color-cat-basis)',
-}
-
-interface CategoryTagProps {
-  category: MasterCat
-}
-
-/** Static, read-only category badge (the interactive picker comes later). */
-export function CategoryTag({ category }: CategoryTagProps) {
-  return (
-    <span
-      className="flex h-7 shrink-0 items-center gap-1.5 rounded-md border border-neutral-200 bg-white pl-2 pr-2.5 dark:border-neutral-700 dark:bg-neutral-800"
-      style={{ boxShadow: `inset 3px 0 0 ${CAT_COLOR_VAR[category]}` }}
-    >
-      <span className="h-2 w-2 rounded-full" style={{ backgroundColor: CAT_COLOR_VAR[category] }} />
-      <span className="text-[10px] font-semibold tracking-wide text-neutral-600 dark:text-neutral-300">
-        {category}
-      </span>
-    </span>
-  )
-}
diff --git a/frontend/src/features/newui/components/CourseCategoryDropdown.tsx b/frontend/src/features/newui/components/CourseCategoryDropdown.tsx
deleted file mode 100644
index 41391a0..0000000
--- a/frontend/src/features/newui/components/CourseCategoryDropdown.tsx
+++ /dev/null
@@ -1,161 +0,0 @@
-import { useEffect, useLayoutEffect, useRef, useState } from 'react'
-import { createPortal } from 'react-dom'
-import type { MasterCat } from '../../courses'
-
-/** All Informatik categories in display order. */
-const ALL_CATEGORIES: readonly MasterCat[] = ['TECH', 'THEO', 'PRAK', 'INFO', 'BASIS']
-
-/** Reuses the existing category color tokens from index.css. */
-const CAT_COLOR_VAR: Record<MasterCat, string> = {
-  TECH: 'var(--color-cat-tech)',
-  THEO: 'var(--color-cat-theo)',
-  PRAK: 'var(--color-cat-prak)',
-  INFO: 'var(--color-cat-info)',
-  BASIS: 'var(--color-cat-basis)',
-}
-
-const MENU_WIDTH = 132
-const MENU_ROW_HEIGHT = 30
-const MENU_VERTICAL_PADDING = 8
-
-interface CourseCategoryDropdownProps {
-  value: MasterCat
-  /** Categories that map to a real regulation area for this course; only these
-   *  can be persisted (the backend derives the category from the study area). */
-  selectable: MasterCat[]
-  onChange: (masterCat: MasterCat) => void
-}
-
-interface MenuPosition {
-  top: number
-  left: number
-}
-
-export function CourseCategoryDropdown({ value, selectable, onChange }: CourseCategoryDropdownProps) {
-  const [isOpen, setIsOpen] = useState<boolean>(false)
-  const [menuPosition, setMenuPosition] = useState<MenuPosition | null>(null)
-  const triggerRef = useRef<HTMLButtonElement>(null)
-  const menuRef = useRef<HTMLUListElement>(null)
-
-  // The menu is portalled to <body> so no `overflow` ancestor (the horizontally
-  // scrolling semester row) can clip it. Its position is derived from the
-  // trigger's viewport rect and flips above only when it would overflow the
-  // bottom — the height comes from the actual row count so the flip never leaves
-  // it floating away from the trigger.
-  useLayoutEffect(() => {
-    if (!isOpen) {
-      return
-    }
-
-    const menuHeight = ALL_CATEGORIES.length * MENU_ROW_HEIGHT + MENU_VERTICAL_PADDING
-
-    function updatePosition(): void {
-      const trigger = triggerRef.current
-      if (!trigger) {
-        return
-      }
-      const rect = trigger.getBoundingClientRect()
-      const opensUpward = rect.bottom + menuHeight + 8 > window.innerHeight && rect.top - menuHeight - 8 > 0
-      const left = Math.min(rect.left, window.innerWidth - MENU_WIDTH - 8)
-      setMenuPosition({
-        top: opensUpward ? rect.top - menuHeight - 4 : rect.bottom + 4,
-        left: Math.max(8, left),
-      })
-    }
-
-    updatePosition()
-    window.addEventListener('scroll', updatePosition, true)
-    window.addEventListener('resize', updatePosition)
-    return () => {
-      window.removeEventListener('scroll', updatePosition, true)
-      window.removeEventListener('resize', updatePosition)
-    }
-  }, [isOpen])
-
-  useEffect(() => {
-    if (!isOpen) {
-      return
-    }
-    function handlePointerDown(event: MouseEvent): void {
-      const target = event.target as Node
-      if (triggerRef.current?.contains(target) || menuRef.current?.contains(target)) {
-        return
-      }
-      setIsOpen(false)
-    }
-    document.addEventListener('mousedown', handlePointerDown)
-    return () => document.removeEventListener('mousedown', handlePointerDown)
-  }, [isOpen])
-
-  return (
-    <div className="shrink-0">
-      <button
-        ref={triggerRef}
-        type="button"
-        onClick={() => setIsOpen((open) => !open)}
-        aria-haspopup="listbox"
-        aria-expanded={isOpen}
-        aria-label="Informatik-Kategorie wählen"
-        className="flex h-7 items-center gap-1 rounded-md border border-neutral-200 bg-white pl-2 pr-1.5 transition-colors hover:bg-neutral-50 dark:border-neutral-700 dark:bg-neutral-800 dark:hover:bg-neutral-700"
-        style={{ boxShadow: `inset 3px 0 0 ${CAT_COLOR_VAR[value]}` }}
-      >
-        <span className="h-2 w-2 shrink-0 rounded-full" style={{ backgroundColor: CAT_COLOR_VAR[value] }} />
-        <span className="w-9 text-center text-[10px] font-semibold tracking-wide text-neutral-600 dark:text-neutral-300">
-          {value}
-        </span>
-        <svg width="9" height="6" viewBox="0 0 10 6" aria-hidden="true" className="shrink-0 text-neutral-400">
-          <path
-            d="M1 1l4 4 4-4"
-            fill="none"
-            stroke="currentColor"
-            strokeWidth="1.5"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-        </svg>
-      </button>
-
-      {isOpen && menuPosition
-        ? createPortal(
-            <ul
-              ref={menuRef}
-              role="listbox"
-              className="fixed z-[100] overflow-hidden rounded-lg border border-neutral-200 bg-white py-1 shadow-lg dark:border-neutral-700 dark:bg-neutral-900"
-              style={{ top: menuPosition.top, left: menuPosition.left, width: MENU_WIDTH }}
-            >
-              {ALL_CATEGORIES.map((cat) => {
-                const isAvailable = selectable.includes(cat)
-                return (
-                  <li key={cat}>
-                    <button
-                      type="button"
-                      role="option"
-                      aria-selected={cat === value}
-                      disabled={!isAvailable}
-                      title={isAvailable ? undefined : 'Für diesen Kurs nicht durch die Prüfungsordnung zugelassen'}
-                      onClick={() => {
-                        onChange(cat)
-                        setIsOpen(false)
-                      }}
-                      className={`flex w-full items-center gap-2.5 px-3 py-1.5 text-left text-[12px] font-semibold tracking-wide transition-colors ${
-                        isAvailable
-                          ? 'text-neutral-700 hover:bg-neutral-50 dark:text-neutral-200 dark:hover:bg-neutral-800'
-                          : 'cursor-not-allowed text-neutral-300 dark:text-neutral-600'
-                      } ${cat === value ? 'bg-neutral-50 dark:bg-neutral-800/60' : ''}`}
-                    >
-                      <span
-                        className="h-2.5 w-2.5 shrink-0 rounded-full"
-                        style={{ backgroundColor: CAT_COLOR_VAR[cat], opacity: isAvailable ? 1 : 0.35 }}
-                      />
-                      {cat}
-                    </button>
-                  </li>
-                )
-              })}
-            </ul>,
-            document.body,
-          )
-        : null}
-    </div>
-  )
-}
diff --git a/frontend/src/features/newui/components/CoursePicker.tsx b/frontend/src/features/newui/components/CoursePicker.tsx
deleted file mode 100644
index 9cf8c5f..0000000
--- a/frontend/src/features/newui/components/CoursePicker.tsx
+++ /dev/null
@@ -1,139 +0,0 @@
-import type { Course } from '../../courses'
-import { cleanCourseTitle } from '../../courses'
-import {
-  getTutorialSlotOptions,
-  resolveVisibleTutorialSlotId,
-} from '../../planner/utils/plannerSlotSelection.ts'
-import type { CategoryControl } from '../hooks/useBetaPlanner'
-import { formatTutorialSlotLabel } from '../utils/plannerFormat'
-import { CourseCategoryDropdown } from './CourseCategoryDropdown'
-
-interface CoursePickerProps {
-  favoriteCourses: Course[]
-  plannedCourseIds: string[]
-  hiddenSlotIds: string[]
-  isLoading: boolean
-  categoryControl: CategoryControl
-  onAdd: (courseId: string) => void
-  onRemove: (courseId: string) => void
-  onSelectTutorial: (courseId: string, slotId: string) => void
-}
-
-function courseMeta(course: Course): string {
-  return [course.number, course.ects !== null ? `${course.ects} ECTS` : null].filter(Boolean).join(' · ')
-}
-
-export function CoursePicker({
-  favoriteCourses,
-  plannedCourseIds,
-  hiddenSlotIds,
-  isLoading,
-  categoryControl,
-  onAdd,
-  onRemove,
-  onSelectTutorial,
-}: CoursePickerProps) {
-  // Planned courses float to the top; stable sort keeps the alphabetical order
-  // within each group.
-  const orderedCourses = [...favoriteCourses].sort((left, right) => {
-    const leftPlanned = plannedCourseIds.includes(left.id)
-    const rightPlanned = plannedCourseIds.includes(right.id)
-    if (leftPlanned === rightPlanned) {
-      return 0
-    }
-    return leftPlanned ? -1 : 1
-  })
-
-  return (
-    <section className="rounded-3xl border border-[#ece7db] bg-white p-6 shadow-[0_2px_10px_rgba(60,50,20,0.04)] dark:border-neutral-800 dark:bg-neutral-900">
-      <h2 className="text-[19px] font-semibold tracking-[-0.01em] text-[#221f19] dark:text-neutral-100">
-        Kurse &amp; Auswahl
-      </h2>
-      <p className="mt-1 mb-4 text-[12.5px] text-[#a39d90]">
-        Deine Favoriten — einplanen und bei mehreren Tutorien den Termin wählen.
-      </p>
-
-      {isLoading && favoriteCourses.length === 0 ? (
-        <div className="py-8 text-center text-[13px] text-[#a39d90]">Lädt…</div>
-      ) : favoriteCourses.length === 0 ? (
-        <div className="rounded-[16px] border border-dashed border-[#e0dbcd] px-4 py-8 text-center text-[12.5px] text-[#a39d90]">
-          Noch keine Favoriten. Markiere Kurse im Katalog als Favorit — sie erscheinen hier.
-        </div>
-      ) : (
-        <div className="flex flex-col gap-2.5">
-          {orderedCourses.map((course) => {
-            const isPlanned = plannedCourseIds.includes(course.id)
-            const tutorialOptions = getTutorialSlotOptions(course)
-            const visibleSlotId = resolveVisibleTutorialSlotId(tutorialOptions, hiddenSlotIds)
-            const selectableCats = categoryControl.selectableOf(course)
-            const category = categoryControl.categoryOf(course)
-            return (
-              <div
-                key={course.id}
-                className={`rounded-[16px] border px-4 py-3 ${
-                  isPlanned
-                    ? 'border-[#ded2fa] bg-[#f6f2ff] dark:border-violet-500/40 dark:bg-violet-500/5'
-                    : 'border-[#ece7db] bg-[#faf8f3] dark:border-neutral-800 dark:bg-neutral-900/60'
-                }`}
-              >
-                <div className="flex items-start gap-3">
-                  <div className="min-w-0 flex-1">
-                    <div className="text-[13px] font-semibold leading-snug text-[#221f19] dark:text-neutral-100">
-                      {cleanCourseTitle(course.title, course.number)}
-                    </div>
-                    <div className="mt-0.5 text-[11px] text-[#a39d90]">{courseMeta(course)}</div>
-                  </div>
-                  <button
-                    type="button"
-                    onClick={() => (isPlanned ? onRemove(course.id) : onAdd(course.id))}
-                    className={`shrink-0 whitespace-nowrap rounded-full px-3.5 py-2 text-[11.5px] font-bold transition-colors ${
-                      isPlanned
-                        ? 'bg-white text-[#6a3ef0] hover:bg-[#efe9ff] dark:bg-neutral-800 dark:text-[#a893e0]'
-                        : 'bg-[#7c5cff] text-white shadow-[0_4px_14px_#7c5cff33] hover:bg-[#6a3ef0]'
-                    }`}
-                  >
-                    {isPlanned ? 'Entfernen' : '+ Einplanen'}
-                  </button>
-                </div>
-
-                {selectableCats.length > 0 ? (
-                  <div className="mt-3 flex flex-wrap items-center gap-2">
-                    <span className="text-[10.5px] font-semibold text-[#a39d90]">Kategorie</span>
-                    <CourseCategoryDropdown
-                      value={category ?? selectableCats[0]}
-                      selectable={selectableCats}
-                      onChange={(cat) => categoryControl.change(course, cat)}
-                    />
-                  </div>
-                ) : null}
-
-                {isPlanned && tutorialOptions.length > 1 ? (
-                  <div className="mt-2 flex flex-wrap items-center gap-2">
-                    <span className="text-[10.5px] font-semibold text-[#a39d90]">Tutorium</span>
-                    {tutorialOptions.map((option) => {
-                      const isSelected = option.slotId === visibleSlotId
-                      return (
-                        <button
-                          key={option.slotId}
-                          type="button"
-                          onClick={() => onSelectTutorial(course.id, option.slotId)}
-                          className={`rounded-full border px-2.5 py-1 text-[10.5px] font-semibold transition-colors ${
-                            isSelected
-                              ? 'border-[#7c5cff] bg-[#7c5cff] text-white'
-                              : 'border-[#ded2fa] bg-white text-[#6a3ef0] hover:bg-[#f6f2ff] dark:border-neutral-700 dark:bg-neutral-800 dark:text-[#a893e0]'
-                          }`}
-                        >
-                          {formatTutorialSlotLabel(option.label)}
-                        </button>
-                      )
-                    })}
-                  </div>
-                ) : null}
-              </div>
-            )
-          })}
-        </div>
-      )}
-    </section>
-  )
-}
diff --git a/frontend/src/features/newui/components/RegulationProgressCard.tsx b/frontend/src/features/newui/components/RegulationProgressCard.tsx
deleted file mode 100644
index 40682a4..0000000
--- a/frontend/src/features/newui/components/RegulationProgressCard.tsx
+++ /dev/null
@@ -1,116 +0,0 @@
-import type { MasterCat } from '../../courses'
-import type { RegulationAreaProgress } from '../../dashboard/types'
-import { areaProgressPercent } from '../utils/regulationProgress'
-
-// Reuses the existing category color tokens; areas without a category (e.g. the
-// thesis) fall back to a neutral grey, matching the reference design.
-const CAT_BAR_CLASS: Record<MasterCat, string> = {
-  TECH: 'bg-cat-tech',
-  THEO: 'bg-cat-theo',
-  PRAK: 'bg-cat-prak',
-  INFO: 'bg-cat-info',
-  BASIS: 'bg-cat-basis',
-}
-
-const CAT_COLOR_VAR: Record<MasterCat, string> = {
-  TECH: 'var(--color-cat-tech)',
-  THEO: 'var(--color-cat-theo)',
-  PRAK: 'var(--color-cat-prak)',
-  INFO: 'var(--color-cat-info)',
-  BASIS: 'var(--color-cat-basis)',
-}
-
-function barClass(masterCat: MasterCat | null): string {
-  return (masterCat && CAT_BAR_CLASS[masterCat]) || 'bg-[#c2bcac] dark:bg-neutral-600'
-}
-
-function areaColor(masterCat: MasterCat | null): string {
-  return masterCat ? CAT_COLOR_VAR[masterCat] : '#c2bcac'
-}
-
-/** Sum of planned ECTS across all raw rule-group codes an area covers. */
-function plannedEctsForArea(area: RegulationAreaProgress, plannedEctsByArea: Map<string, number>): number {
-  const codes = area.rawAreaCodes && area.rawAreaCodes.length > 0 ? area.rawAreaCodes : [area.code]
-  return codes.reduce((sum, code) => sum + (plannedEctsByArea.get(code) ?? 0), 0)
-}
-
-interface RegulationProgressCardProps {
-  areas: RegulationAreaProgress[]
-  plannedEctsByArea: Map<string, number>
-}
-
-export function RegulationProgressCard({ areas, plannedEctsByArea }: RegulationProgressCardProps) {
-  if (areas.length === 0) {
-    return null
-  }
-
-  return (
-    <section className="mt-5 rounded-3xl border border-[#ece7db] bg-white p-6 shadow-[0_2px_10px_rgba(60,50,20,0.04)] dark:border-neutral-800 dark:bg-neutral-900">
-      <div className="mb-1 flex flex-wrap items-center justify-between gap-2">
-        <h2 className="text-[19px] font-semibold tracking-[-0.01em] text-[#221f19] dark:text-neutral-100">
-          Prüfungsordnungs-Fortschritt
-        </h2>
-        <div className="flex items-center gap-4 text-[11.5px] font-semibold text-[#8a8478]">
-          <span className="flex items-center gap-1.5">
-            <span className="h-2.5 w-3.5 rounded-sm bg-[#8a8478]" />
-            abgeschlossen
-          </span>
-          <span className="flex items-center gap-1.5">
-            <span
-              className="h-2.5 w-3.5 rounded-sm"
-              style={{
-                backgroundImage:
-                  'repeating-linear-gradient(45deg,#8a847899,#8a847899 3px,#8a847830 3px,#8a847830 6px)',
-              }}
-            />
-            geplant
-          </span>
-        </div>
-      </div>
-      <p className="mb-6 text-[12.5px] text-[#a39d90]">
-        Voller Balken = abgeschlossen · schraffiert = was das aktuelle Semester hinzufügt.
-      </p>
-
-      <div className="flex flex-col gap-4.25">
-        {areas.map((area) => {
-          const earnedPct = areaProgressPercent(area.earnedEcts, area.requiredEcts)
-          const planned = plannedEctsForArea(area, plannedEctsByArea)
-          const plannedPct =
-            area.requiredEcts > 0
-              ? Math.min(100 - earnedPct, Math.round((planned / area.requiredEcts) * 100))
-              : 0
-          const color = areaColor(area.masterCat)
-          return (
-            <div key={area.code}>
-              <div className="mb-2 flex items-center gap-2.5">
-                <span className={`h-2.5 w-2.5 shrink-0 rounded-full ${barClass(area.masterCat)}`} />
-                <span className="w-16 shrink-0 whitespace-nowrap text-[11px] font-extrabold uppercase tracking-[0.02em] text-[#4a473f] dark:text-neutral-300">
-                  {area.code}
-                </span>
-                <span className="min-w-0 flex-1 truncate text-[13px] text-[#6b6558] dark:text-neutral-400">
-                  {area.name}
-                </span>
-                <span className="shrink-0 text-[12.5px] font-bold tabular-nums text-[#221f19] dark:text-neutral-100">
-                  {area.earnedEcts}
-                  {planned > 0 ? <span className="text-[#6a3ef0]"> +{planned}</span> : null} / {area.requiredEcts}
-                </span>
-              </div>
-              <div className="flex h-2.25 overflow-hidden rounded-full bg-[#f0ece1] dark:bg-neutral-800">
-                <span className={`h-full ${barClass(area.masterCat)}`} style={{ width: `${earnedPct}%` }} />
-                {plannedPct > 0 ? (
-                  <span
-                    className="h-full"
-                    style={{
-                      width: `${plannedPct}%`,
-                      backgroundImage: `repeating-linear-gradient(45deg, ${color}, ${color} 3px, transparent 3px, transparent 6px)`,
-                    }}
-                  />
-                ) : null}
-              </div>
-            </div>
-          )
-        })}
-      </div>
-    </section>
-  )
-}
diff --git a/frontend/src/features/newui/components/SemesterColumn.tsx b/frontend/src/features/newui/components/SemesterColumn.tsx
deleted file mode 100644
index 8b7b471..0000000
--- a/frontend/src/features/newui/components/SemesterColumn.tsx
+++ /dev/null
@@ -1,126 +0,0 @@
-import type { Course } from '../../courses'
-import { cleanCourseTitle } from '../../courses'
-import { formatSemesterLabelDisplay } from '../../planner/utils/semesterLabels'
-import type { CategoryControl } from '../hooks/useBetaPlanner'
-import type { SemesterGroup } from '../types'
-import { formatGrade } from '../utils/studyPlanOverview'
-import { CategoryTag } from './CategoryTag'
-import { CourseCategoryDropdown } from './CourseCategoryDropdown'
-
-interface SemesterColumnProps {
-  semester: SemesterGroup
-  /** Courses planned for the open (current) semester — shown only there. */
-  plannedCourses?: Course[]
-  categoryControl?: CategoryControl
-  onRemovePlanned?: (courseId: string) => void
-}
-
-export function SemesterColumn({
-  semester,
-  plannedCourses = [],
-  categoryControl,
-  onRemovePlanned,
-}: SemesterColumnProps) {
-  const { label, courses, totalEcts, averageGrade, isOpen } = semester
-  const plannedEcts = plannedCourses.reduce((sum, course) => sum + (course.ects ?? 0), 0)
-
-  return (
-    <div
-      className={`flex w-80 shrink-0 flex-col rounded-[20px] border p-[17px] sm:w-96 ${
-        isOpen
-          ? 'border-[1.5px] border-[#7c5cff] bg-[#f6f2ff] shadow-[0_6px_20px_#7c5cff22] dark:bg-[#211a3a]'
-          : 'border-[#ece7db] bg-[#faf8f3] shadow-[0_2px_10px_rgba(60,50,20,0.04)] dark:border-neutral-800 dark:bg-neutral-900'
-      }`}
-    >
-      <div className="mb-1.5 flex items-center justify-between gap-2">
-        <span
-          className={`truncate text-[15px] font-bold tracking-[-0.01em] ${
-            isOpen ? 'text-[#6a3ef0] dark:text-[#a893e0]' : 'text-[#221f19] dark:text-neutral-100'
-          }`}
-        >
-          {formatSemesterLabelDisplay(label)}
-        </span>
-        <span
-          className={`shrink-0 rounded-full px-2 py-[3px] text-[9.5px] font-bold uppercase tracking-wide ${
-            isOpen
-              ? 'bg-[#7c5cff] text-white'
-              : 'bg-[#e2f4e9] text-[#187a45] dark:bg-green-500/15 dark:text-green-400'
-          }`}
-        >
-          {isOpen ? 'Offen' : 'Fertig'}
-        </span>
-      </div>
-
-      <div
-        className={`mb-3 text-[11.5px] font-semibold ${
-          isOpen ? 'text-[#6a3ef0] dark:text-[#a893e0]' : 'font-medium text-[#a39d90]'
-        }`}
-      >
-        {isOpen
-          ? `${plannedEcts} ECTS geplant · noch keine Note`
-          : `${totalEcts} ECTS · Ø ${formatGrade(averageGrade)}`}
-      </div>
-
-      {isOpen ? (
-        plannedCourses.length === 0 ? (
-          <div className="flex min-h-[7rem] flex-1 items-center justify-center rounded-[14px] border-[1.5px] border-dashed border-[#cabdf2] px-4 text-center text-[11.5px] leading-relaxed text-[#8a76c9]">
-            Noch keine Kurse.
-            <br />
-            Unten einplanen →
-          </div>
-        ) : (
-          <ul className="flex flex-col gap-2">
-            {plannedCourses.map((course) => {
-              const selectableCats = categoryControl?.selectableOf(course) ?? []
-              const category = categoryControl?.categoryOf(course) ?? null
-              return (
-                <li
-                  key={course.id}
-                  className="flex items-center gap-2.5 rounded-[13px] bg-white px-2.5 py-2.5 dark:bg-neutral-900/60"
-                >
-                  {categoryControl && selectableCats.length > 0 ? (
-                    <CourseCategoryDropdown
-                      value={category ?? selectableCats[0]}
-                      selectable={selectableCats}
-                      onChange={(cat) => categoryControl.change(course, cat)}
-                    />
-                  ) : (
-                    <span className="h-2 w-2 shrink-0 rounded-full bg-[#7c5cff]" />
-                  )}
-                  <span className="min-w-0 flex-1 break-words text-[11px] font-semibold leading-snug text-[#221f19] dark:text-neutral-100">
-                    {cleanCourseTitle(course.title, course.number)}
-                  </span>
-                  <button
-                    type="button"
-                    onClick={() => onRemovePlanned?.(course.id)}
-                    aria-label="Kurs aus dem Semester entfernen"
-                    className="shrink-0 rounded-md px-1.5 text-[15px] font-bold leading-none text-[#a893e0] transition-colors hover:text-[#6a3ef0]"
-                  >
-                    ×
-                  </button>
-                </li>
-              )
-            })}
-          </ul>
-        )
-      ) : (
-        <ul className="flex flex-col gap-2">
-          {courses.map((course) => (
-            <li
-              key={course.id}
-              className="flex items-center gap-2.5 rounded-[13px] border border-[#ece7db] bg-white px-2.5 py-2.5 dark:border-neutral-800 dark:bg-neutral-900/60"
-            >
-              <CategoryTag category={course.masterCat} />
-              <span className="min-w-0 flex-1 break-words text-[11px] font-semibold leading-snug text-[#4a473f] dark:text-neutral-200">
-                {course.title}
-              </span>
-              <span className="shrink-0 text-[10.5px] font-bold tabular-nums text-[#a39d90]">
-                {formatGrade(course.grade)}
-              </span>
-            </li>
-          ))}
-        </ul>
-      )}
-    </div>
-  )
-}
diff --git a/frontend/src/features/newui/components/StudyPlanPage.tsx b/frontend/src/features/newui/components/StudyPlanPage.tsx
deleted file mode 100644
index c58b871..0000000
--- a/frontend/src/features/newui/components/StudyPlanPage.tsx
+++ /dev/null
@@ -1,192 +0,0 @@
-import { Link } from 'react-router-dom'
-import { useAuth } from '../../auth'
-import { ROUTES } from '../../routes'
-import { useTheme } from '../../theme'
-import { useAutoHideScrollbar } from '../hooks/useAutoHideScrollbar'
-import { useBetaPlanner } from '../hooks/useBetaPlanner'
-import { useStudyPlanOverview } from '../hooks/useStudyPlanOverview'
-import { formatGrade } from '../utils/studyPlanOverview'
-import { CoursePicker } from './CoursePicker'
-import { RegulationProgressCard } from './RegulationProgressCard'
-import { SemesterColumn } from './SemesterColumn'
-import { Timetable } from './Timetable'
-
-// Exact palette from the reference mockup.
-const CARD =
-  'rounded-[20px] border border-[#ece7db] bg-white shadow-[0_2px_10px_rgba(60,50,20,0.04)] dark:border-neutral-800 dark:bg-neutral-900'
-const KPI_LABEL = 'text-[10.5px] font-bold uppercase tracking-[0.1em] text-[#a39d90]'
-const GOLD = 'text-[#b8790c] dark:text-[#d79a2e]'
-
-function BetaHeader() {
-  return (
-    <header className="sticky top-0 z-20 flex items-center justify-between gap-3 border-b border-[#ece7db] bg-white/90 px-4 py-3 backdrop-blur dark:border-neutral-800 dark:bg-neutral-900/85 sm:px-8">
-      <div className="flex min-w-0 items-center gap-2">
-        <span className="truncate text-[15px] font-semibold text-[#221f19] dark:text-neutral-100">
-          StudyPlanner
-        </span>
-        <span className="shrink-0 rounded-full bg-[#7c5cff]/10 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-[#6a3ef0] dark:text-[#a893e0]">
-          Beta
-        </span>
-      </div>
-      <Link
-        to={ROUTES.planner}
-        className="shrink-0 rounded-full border border-[#e0dbcd] bg-[#f3f0e7] px-3 py-1.5 text-[12px] font-semibold text-[#4a473f] transition-colors hover:bg-[#ece7db] dark:border-neutral-700 dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700"
-      >
-        ← Klassische Ansicht
-      </Link>
-    </header>
-  )
-}
-
-export function StudyPlanPage() {
-  const { isAuthenticated } = useAuth()
-  const { isDark } = useTheme()
-  const { summary, semesters, regulationAreas, isLoading } = useStudyPlanOverview()
-  const {
-    favoriteCourses,
-    plannedCourses,
-    plannedCourseIds,
-    hiddenSlotIds,
-    isLoading: isLoadingPlanner,
-    plannedEctsByArea,
-    categoryControl,
-    addCourse,
-    removeCourse,
-    selectTutorialSlot,
-  } = useBetaPlanner()
-  const plannedEcts = plannedCourses.reduce((sum, course) => sum + (course.ects ?? 0), 0)
-  const plannedCategoryById = new Map(
-    plannedCourses.map((course) => [course.id, categoryControl.categoryOf(course)]),
-  )
-  const semesterScrollRef = useAutoHideScrollbar()
-
-  const requiredEcts = summary?.requiredEcts ?? 120
-  const totalEcts = summary?.totalEcts ?? 0
-  const completedRatio = requiredEcts > 0 ? Math.min(1, totalEcts / requiredEcts) : 0
-  const remainingEcts = Math.max(0, requiredEcts - totalEcts)
-
-  const pageBackground = isDark
-    ? {
-        backgroundColor: '#141317',
-        backgroundImage:
-          'radial-gradient(circle at 12% 0%, #7c5cff12, transparent 45%), radial-gradient(circle at 90% 10%, #e8a01010, transparent 40%)',
-      }
-    : {
-        backgroundColor: '#f7f4ee',
-        backgroundImage:
-          'radial-gradient(circle at 12% 0%, #7c5cff14, transparent 45%), radial-gradient(circle at 90% 10%, #e8a01018, transparent 40%)',
-      }
-
-  return (
-    <div className="min-h-screen text-[#221f19] dark:text-neutral-100" style={pageBackground}>
-      <BetaHeader />
-
-      <main className="mx-auto w-full max-w-[96rem] px-4 py-6 sm:px-8">
-        <div className="mb-6">
-          <h1 className="text-[26px] font-semibold tracking-[-0.02em]">Studienplan</h1>
-          <p className="mt-1 text-[13px] text-[#8a8478]">
-            M.Sc. Informatik · dieselben Daten aus Transcript und manuell angelegten Kursen
-          </p>
-        </div>
-
-        {!isAuthenticated ? (
-          <div className={`${CARD} p-6 text-[13px] text-[#8a8478]`}>
-            Bitte melde dich an, um deinen Studienplan zu sehen.
-          </div>
-        ) : (
-          <>
-            {/* Three summary panels */}
-            <div className="mb-6 grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
-              <div className={`${CARD} px-6 py-6 lg:col-span-2`}>
-                <div className={KPI_LABEL}>ECTS im Studium</div>
-                <div className="mt-2 flex items-baseline gap-1.5">
-                  <span className={`text-[30px] font-bold leading-none ${GOLD}`}>{totalEcts}</span>
-                  <span className="text-[13px] text-[#8a8478]">abgeschlossen / {requiredEcts}</span>
-                </div>
-                <div className="mt-3 h-2.5 w-full overflow-hidden rounded-full bg-[#f0ece1] dark:bg-neutral-800">
-                  <div
-                    className="h-full rounded-full bg-[#b8790c] transition-[width]"
-                    style={{ width: `${completedRatio * 100}%` }}
-                  />
-                </div>
-                <p className="mt-3 text-[12px] text-[#a39d90]">
-                  Noch {remainingEcts} ECTS bis zum Abschluss.
-                </p>
-              </div>
-
-              <div className={`${CARD} px-6 py-6`}>
-                <div className={KPI_LABEL}>Fortschritt</div>
-                <div className={`mt-2 text-[30px] font-bold leading-none ${GOLD}`}>
-                  {summary ? (
-                    <>
-                      {summary.progressPercentage}
-                      <span className="text-[16px] text-[#a39d90]">%</span>
-                    </>
-                  ) : (
-                    '–'
-                  )}
-                </div>
-                <p className="mt-3 text-[12px] text-[#a39d90]">des Studiengangs</p>
-              </div>
-
-              <div className={`${CARD} px-6 py-6`}>
-                <div className={KPI_LABEL}>Ø-Note</div>
-                <div className={`mt-2 text-[30px] font-bold leading-none ${GOLD}`}>
-                  {summary ? formatGrade(summary.averageGrade) : '–'}
-                </div>
-                <p className="mt-3 text-[12px] text-[#a39d90]">gewichtet nach Noten</p>
-              </div>
-            </div>
-
-            {/* Semesterverlauf */}
-            <section className={`${CARD} rounded-[24px] p-6`}>
-              <div className="mb-5 flex flex-wrap items-baseline gap-x-3 gap-y-1">
-                <h2 className="text-[19px] font-semibold tracking-[-0.01em]">Semesterverlauf</h2>
-                <span className="text-[12.5px] text-[#a39d90]">
-                  noch {remainingEcts} ECTS bis zum Abschluss · Kategorie pro Kurs änderbar
-                </span>
-              </div>
-
-              {isLoading && semesters.length === 0 ? (
-                <div className="py-8 text-center text-[13px] text-[#a39d90]">Lädt…</div>
-              ) : (
-                <div ref={semesterScrollRef} className="beta-scroll -mx-1 flex gap-3.5 overflow-x-auto px-1 pb-2">
-                  {semesters.map((semester) => (
-                    <SemesterColumn
-                      key={semester.label}
-                      semester={semester}
-                      plannedCourses={semester.isOpen ? plannedCourses : undefined}
-                      categoryControl={semester.isOpen ? categoryControl : undefined}
-                      onRemovePlanned={semester.isOpen ? removeCourse : undefined}
-                    />
-                  ))}
-                </div>
-              )}
-            </section>
-
-            <div className="mt-5 grid gap-5 lg:grid-cols-[1fr_1.35fr]">
-              <CoursePicker
-                favoriteCourses={favoriteCourses}
-                plannedCourseIds={plannedCourseIds}
-                hiddenSlotIds={hiddenSlotIds}
-                isLoading={isLoadingPlanner}
-                categoryControl={categoryControl}
-                onAdd={addCourse}
-                onRemove={removeCourse}
-                onSelectTutorial={selectTutorialSlot}
-              />
-              <Timetable
-                plannedCourses={plannedCourses}
-                hiddenSlotIds={hiddenSlotIds}
-                plannedEcts={plannedEcts}
-                categoryByCourseId={plannedCategoryById}
-              />
-            </div>
-
-            <RegulationProgressCard areas={regulationAreas} plannedEctsByArea={plannedEctsByArea} />
-          </>
-        )}
-      </main>
-    </div>
-  )
-}
diff --git a/frontend/src/features/newui/components/Timetable.tsx b/frontend/src/features/newui/components/Timetable.tsx
deleted file mode 100644
index 202817b..0000000
--- a/frontend/src/features/newui/components/Timetable.tsx
+++ /dev/null
@@ -1,168 +0,0 @@
-import { useMemo } from 'react'
-import type { Course, MasterCat } from '../../courses'
-import { useTheme } from '../../theme'
-import {
-  buildBlockLeft,
-  buildBlockWidth,
-  buildDayLayout,
-  END_HOUR,
-  START_HOUR,
-} from '../../planner/utils/plannerDayLayout.ts'
-import { DAY_ORDER, buildPlannerBlocks } from '../../planner/utils/plannerFeedback.ts'
-import { isTutorialLikeSlotType } from '../../planner/utils/plannerSlotSelection.ts'
-import { useAutoHideScrollbar } from '../hooks/useAutoHideScrollbar'
-import { isLectureOrTutorialBlock } from '../utils/timetableFilter'
-
-const PX_PER_HOUR = 42
-const GRID_HEIGHT = (END_HOUR - START_HOUR) * PX_PER_HOUR
-const CAT_COLOR_VAR: Record<MasterCat, string> = {
-  TECH: 'var(--color-cat-tech)',
-  THEO: 'var(--color-cat-theo)',
-  PRAK: 'var(--color-cat-prak)',
-  INFO: 'var(--color-cat-info)',
-  BASIS: 'var(--color-cat-basis)',
-}
-
-function categoryColor(category: MasterCat | null | undefined): string {
-  return category ? CAT_COLOR_VAR[category] : '#7c5cff'
-}
-
-const DAY_LABELS_DE: Record<(typeof DAY_ORDER)[number], string> = {
-  Monday: 'MO',
-  Tuesday: 'DI',
-  Wednesday: 'MI',
-  Thursday: 'DO',
-  Friday: 'FR',
-}
-const HOUR_MARKS = Array.from({ length: (END_HOUR - START_HOUR) / 2 + 1 }, (_, i) => START_HOUR + i * 2)
-
-interface TimetableProps {
-  plannedCourses: Course[]
-  hiddenSlotIds: string[]
-  plannedEcts: number
-  /** Assigned Informatik category per planned course id — drives the block color. */
-  categoryByCourseId: Map<string, MasterCat | null>
-}
-
-export function Timetable({ plannedCourses, hiddenSlotIds, plannedEcts, categoryByCourseId }: TimetableProps) {
-  const blocks = useMemo(
-    () =>
-      buildPlannerBlocks(plannedCourses)
-        .filter(isLectureOrTutorialBlock)
-        .filter((block) => !hiddenSlotIds.includes(block.slotId)),
-    [plannedCourses, hiddenSlotIds],
-  )
-  const layoutByDay = useMemo(
-    () =>
-      Object.fromEntries(
-        DAY_ORDER.map((day) => [day, buildDayLayout(blocks.filter((block) => block.day === day))]),
-      ) as Record<(typeof DAY_ORDER)[number], ReturnType<typeof buildDayLayout>>,
-    [blocks],
-  )
-  const isEmpty = blocks.length === 0
-  const scrollRef = useAutoHideScrollbar()
-  const { isDark } = useTheme()
-  // Day-column stripe background — theme-aware (inline style can't use `dark:`).
-  const stripeBase = isDark ? '#202024' : '#faf8f3'
-  const stripeLine = isDark ? '#2b2b31' : '#f2ede2'
-
-  return (
-    <section className="rounded-3xl border border-[#ece7db] bg-white p-6 shadow-[0_2px_10px_rgba(60,50,20,0.04)] dark:border-neutral-800 dark:bg-neutral-900">
-      <div className="mb-2 flex flex-wrap items-baseline justify-between gap-2">
-        <h2 className="text-[19px] font-semibold tracking-[-0.01em] text-[#221f19] dark:text-neutral-100">
-          Stundenplan
-        </h2>
-        <span className="text-[12px] font-bold text-[#6a3ef0] dark:text-[#a893e0]">
-          {plannedCourses.length} Kurse · {plannedEcts} ECTS
-        </span>
-      </div>
-      <div className="mb-3 flex gap-4 text-[10.5px] font-semibold text-[#a39d90]">
-        <span className="flex items-center gap-1.5">
-          <span className="h-2.5 w-3.5 rounded-sm border-l-[3px] border-[#7c5cff] bg-[#7c5cff]/20" />
-          Vorlesung
-        </span>
-        <span className="flex items-center gap-1.5">
-          <span className="h-2.5 w-3.5 rounded-sm border-l-[3px] border-dashed border-[#7c5cff] bg-[#7c5cff]/10" />
-          Tutorium
-        </span>
-      </div>
-
-      <div ref={scrollRef} className="beta-scroll overflow-x-auto">
-        <div className="min-w-[520px]">
-          <div className="grid grid-cols-[34px_repeat(5,1fr)] gap-1.5">
-            <div />
-            {DAY_ORDER.map((day) => (
-              <div key={day} className="text-center text-[10px] font-bold text-[#a39d90]">
-                {DAY_LABELS_DE[day]}
-              </div>
-            ))}
-          </div>
-
-          <div className="mt-1.5 grid grid-cols-[34px_repeat(5,1fr)] gap-1.5">
-            <div className="relative" style={{ height: GRID_HEIGHT }}>
-              {HOUR_MARKS.map((hour) => (
-                <span
-                  key={hour}
-                  className="absolute text-[9px] font-semibold text-[#c2bcac]"
-                  style={{ top: (hour - START_HOUR) * PX_PER_HOUR - 5 }}
-                >
-                  {String(hour).padStart(2, '0')}
-                </span>
-              ))}
-            </div>
-
-            {DAY_ORDER.map((day) => (
-              <div
-                key={day}
-                className="relative rounded-[14px] border border-[#ece7db] dark:border-neutral-800"
-                style={{
-                  height: GRID_HEIGHT,
-                  backgroundImage:
-                    `repeating-linear-gradient(${stripeBase},${stripeBase} ` +
-                    `${PX_PER_HOUR - 1}px,${stripeLine} ${PX_PER_HOUR - 1}px,${stripeLine} ${PX_PER_HOUR}px)`,
-                }}
-              >
-                {layoutByDay[day].visibleBlocks.map((block) => {
-                  const isTutorial = isTutorialLikeSlotType(block.slotType)
-                  const top = ((block.startMinutes - START_HOUR * 60) / 60) * PX_PER_HOUR
-                  const height = ((block.endMinutes - block.startMinutes) / 60) * PX_PER_HOUR
-                  const color = categoryColor(categoryByCourseId.get(block.courseId))
-                  return (
-                    <div
-                      key={block.blockId}
-                      className="absolute overflow-hidden rounded-[7px] px-1.5 py-1"
-                      style={{
-                        top,
-                        height,
-                        left: buildBlockLeft(block.columnIndex, block.visibleColumnCount),
-                        width: buildBlockWidth(block.visibleColumnCount),
-                        borderLeft: `3px ${isTutorial ? 'dashed' : 'solid'} ${color}`,
-                        backgroundColor: `color-mix(in srgb, ${color} ${isTutorial ? 12 : 22}%, transparent)`,
-                      }}
-                    >
-                      <div className="truncate text-[9.5px] font-bold leading-[11px] text-[#221f19] dark:text-neutral-100">
-                        {block.courseTitle}
-                      </div>
-                      <div
-                        className="mt-0.5 truncate text-[8.5px] font-semibold"
-                        style={{ color }}
-                      >
-                        {isTutorial ? 'Tut' : 'VL'} · {block.label}
-                      </div>
-                    </div>
-                  )
-                })}
-              </div>
-            ))}
-          </div>
-        </div>
-      </div>
-
-      {isEmpty ? (
-        <p className="mt-3 text-center text-[12px] text-[#a39d90]">
-          Noch leer — links Kurse einplanen, sie erscheinen hier.
-        </p>
-      ) : null}
-    </section>
-  )
-}
diff --git a/frontend/src/features/newui/hooks/useAutoHideScrollbar.ts b/frontend/src/features/newui/hooks/useAutoHideScrollbar.ts
deleted file mode 100644
index b75354f..0000000
--- a/frontend/src/features/newui/hooks/useAutoHideScrollbar.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { useEffect, useRef } from 'react'
-import type { RefObject } from 'react'
-
-const IDLE_HIDE_DELAY_MS = 800
-
-/**
- * Returns a ref for a scroll container whose scrollbar stays hidden until the
- * user scrolls (an `is-scrolling` class is toggled; the CSS in `index.css` shows
- * the thumb while it is present, then hides it a short moment after scrolling).
- */
-export function useAutoHideScrollbar(): RefObject<HTMLDivElement | null> {
-  const ref = useRef<HTMLDivElement>(null)
-
-  useEffect(() => {
-    const element = ref.current
-    if (!element) {
-      return
-    }
-    let hideTimeout: number | undefined
-    function handleScroll(): void {
-      const node = ref.current
-      if (!node) {
-        return
-      }
-      node.classList.add('is-scrolling')
-      window.clearTimeout(hideTimeout)
-      hideTimeout = window.setTimeout(() => node.classList.remove('is-scrolling'), IDLE_HIDE_DELAY_MS)
-    }
-    element.addEventListener('scroll', handleScroll, { passive: true })
-    return () => {
-      element.removeEventListener('scroll', handleScroll)
-      window.clearTimeout(hideTimeout)
-    }
-  }, [])
-
-  return ref
-}
diff --git a/frontend/src/features/newui/hooks/useBetaPlanner.ts b/frontend/src/features/newui/hooks/useBetaPlanner.ts
deleted file mode 100644
index 649961e..0000000
--- a/frontend/src/features/newui/hooks/useBetaPlanner.ts
+++ /dev/null
@@ -1,204 +0,0 @@
-import { useMemo } from 'react'
-import { useRegulationVersion } from '../../../shared/hooks/useRegulationVersion'
-import { useAuth } from '../../auth'
-import type { Course, MasterCat } from '../../courses'
-import { ALL_CATALOG_PERIODS, findCatalogPeriodForSemesterLabel, useCatalogCourses, useCatalogPeriods } from '../../courses'
-import { useFavorites } from '../../favorites'
-import { useSemesterPlanner } from '../../planner/hooks/useSemesterPlanner'
-import {
-  getPlannerCourseAreaOptions,
-  getSuggestedPlannerAssignment,
-  resolveChosenInfoAlternativeAreaCode,
-} from '../../planner/utils/plannerAssignments.ts'
-import {
-  defaultHiddenTutorialSlotIds,
-  getTutorialSlotOptions,
-  hiddenSlotIdsForTutorialSelection,
-} from '../../planner/utils/plannerSlotSelection.ts'
-import { useTranscript } from '../../transcript'
-import { areaCodeForCategory, categoriesFromOptions } from '../utils/plannerCategory'
-
-export interface CategoryControl {
-  categoryOf: (course: Course) => MasterCat | null
-  selectableOf: (course: Course) => MasterCat[]
-  change: (course: Course, category: MasterCat) => void
-}
-
-export interface BetaPlannerResult {
-  activeSemesterLabel: string
-  favoriteCourses: Course[]
-  plannedCourses: Course[]
-  plannedCourseIds: string[]
-  hiddenSlotIds: string[]
-  isLoading: boolean
-  /** Planned ECTS per regulation-area code (assigned or suggested). */
-  plannedEctsByArea: Map<string, number>
-  categoryControl: CategoryControl
-  addCourse: (courseId: string) => void
-  removeCourse: (courseId: string) => void
-  toggleFavorite: (courseId: string) => void
-  selectTutorialSlot: (courseId: string, slotId: string) => void
-}
-
-/**
- * Beta-page planner: reuses the existing semester-plan state, favorites, catalog
- * and planner area-assignment logic; only the presentation is new.
- */
-export function useBetaPlanner(): BetaPlannerResult {
-  const { user } = useAuth()
-  const { favoriteIds, toggleFavorite } = useFavorites()
-  const { completedCourses } = useTranscript()
-  const { regulationVersion } = useRegulationVersion(user?.profile.regulationVersionCode)
-  const {
-    activeSemesterLabel,
-    plannedCourseIds,
-    hiddenSlotIds,
-    planAssignments,
-    isLoadingSemesterPlan,
-    setPlannedCourseIds,
-    setHiddenSlotIds,
-    setAssignment,
-  } = useSemesterPlanner()
-
-  const { periods } = useCatalogPeriods()
-  const activePeriodId = useMemo(
-    () => findCatalogPeriodForSemesterLabel(periods, activeSemesterLabel)?.periodId,
-    [periods, activeSemesterLabel],
-  )
-  const { courses, isLoading } = useCatalogCourses('', 500, activePeriodId)
-  const { courses: allCatalogCourses } = useCatalogCourses('', 1000, ALL_CATALOG_PERIODS)
-
-  const courseById = useMemo(
-    () => new Map([...allCatalogCourses, ...courses].map((course) => [course.id, course])),
-    [allCatalogCourses, courses],
-  )
-
-  const favoriteCourses = useMemo(() => {
-    const byId = new Map<string, Course>()
-    for (const course of [...courses, ...allCatalogCourses]) {
-      if (favoriteIds.includes(course.id) && !byId.has(course.id)) {
-        byId.set(course.id, course)
-      }
-    }
-    return [...byId.values()].sort((left, right) => left.title.localeCompare(right.title))
-  }, [courses, allCatalogCourses, favoriteIds])
-
-  const plannedCourses = useMemo(
-    () =>
-      plannedCourseIds
-        .map((courseId) => courseById.get(courseId))
-        .filter((course): course is Course => course !== undefined),
-    [plannedCourseIds, courseById],
-  )
-
-  const studyProgramCode = user?.profile.studyProgramCode ?? null
-  const ruleGroups = useMemo(() => regulationVersion?.ruleGroups ?? [], [regulationVersion?.ruleGroups])
-  const chosenInfoAlternativeCode = useMemo(
-    () =>
-      resolveChosenInfoAlternativeAreaCode({
-        plannedCourses,
-        completedCourses,
-        studyProgramCode,
-        regulationRuleGroups: ruleGroups,
-      }),
-    [plannedCourses, completedCourses, studyProgramCode, ruleGroups],
-  )
-
-  const optionsFor = (course: Course) =>
-    getPlannerCourseAreaOptions(course, studyProgramCode, ruleGroups, chosenInfoAlternativeCode)
-
-  const resolvedAreaCode = (course: Course): string | null =>
-    planAssignments[course.id] ??
-    getSuggestedPlannerAssignment(course, {
-      studyProgramCode,
-      regulationRuleGroups: ruleGroups,
-      planAssignments,
-      plannedCourses,
-      completedCourses,
-      chosenInfoAlternativeCode,
-    })
-
-  const categoryControl: CategoryControl = {
-    categoryOf: (course) => {
-      const code = resolvedAreaCode(course)
-      if (!code) {
-        return null
-      }
-      return optionsFor(course).find((option) => option.code === code)?.masterCat ?? null
-    },
-    selectableOf: (course) => categoriesFromOptions(optionsFor(course)),
-    change: (course, category) => {
-      const code = areaCodeForCategory(optionsFor(course), category)
-      if (code) {
-        setAssignment(course.id, code)
-      }
-    },
-  }
-
-  const plannedEctsByArea = useMemo(() => {
-    const map = new Map<string, number>()
-    for (const course of plannedCourses) {
-      const code =
-        planAssignments[course.id] ??
-        getSuggestedPlannerAssignment(course, {
-          studyProgramCode,
-          regulationRuleGroups: ruleGroups,
-          planAssignments,
-          plannedCourses,
-          completedCourses,
-          chosenInfoAlternativeCode,
-        })
-      if (!code) {
-        continue
-      }
-      map.set(code, (map.get(code) ?? 0) + (course.ects ?? 0))
-    }
-    return map
-  }, [plannedCourses, planAssignments, studyProgramCode, ruleGroups, completedCourses, chosenInfoAlternativeCode])
-
-  function addCourse(courseId: string): void {
-    if (!plannedCourseIds.includes(courseId)) {
-      setPlannedCourseIds([...plannedCourseIds, courseId])
-    }
-    const course = courseById.get(courseId) ?? null
-    const defaultHidden = course ? defaultHiddenTutorialSlotIds(getTutorialSlotOptions(course)) : []
-    setHiddenSlotIds([
-      ...hiddenSlotIds.filter((slotId) => !slotId.startsWith(`${courseId}:`)),
-      ...defaultHidden,
-    ])
-  }
-
-  function removeCourse(courseId: string): void {
-    setPlannedCourseIds(plannedCourseIds.filter((id) => id !== courseId))
-    setHiddenSlotIds(hiddenSlotIds.filter((slotId) => !slotId.startsWith(`${courseId}:`)))
-    setAssignment(courseId, null)
-  }
-
-  function selectTutorialSlot(courseId: string, selectedSlotId: string): void {
-    const course = courseById.get(courseId)
-    if (!course) {
-      return
-    }
-    const tutorialSlotIds = getTutorialSlotOptions(course).map((option) => option.slotId)
-    const nextHidden = hiddenSlotIdsForTutorialSelection(tutorialSlotIds, selectedSlotId)
-    setHiddenSlotIds([
-      ...hiddenSlotIds.filter((slotId) => !slotId.startsWith(`${courseId}:`)),
-      ...nextHidden,
-    ])
-  }
-
-  return {
-    activeSemesterLabel,
-    favoriteCourses,
-    plannedCourses,
-    plannedCourseIds,
-    hiddenSlotIds,
-    isLoading: isLoadingSemesterPlan || isLoading,
-    plannedEctsByArea,
-    categoryControl,
-    addCourse,
-    removeCourse,
-    toggleFavorite,
-    selectTutorialSlot,
-  }
-}
diff --git a/frontend/src/features/newui/hooks/useStudyPlanOverview.ts b/frontend/src/features/newui/hooks/useStudyPlanOverview.ts
deleted file mode 100644
index 6f3dfce..0000000
--- a/frontend/src/features/newui/hooks/useStudyPlanOverview.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { useCallback, useMemo } from 'react'
-import type { CompletedCourse, MasterCat } from '../../courses'
-import type { ProgressSummary, RegulationAreaProgress } from '../../dashboard/types'
-import { useProgressSnapshot } from '../../dashboard/hooks/useProgressSnapshot'
-import { getCurrentSemesterLabel } from '../../planner/utils/semesterLabels'
-import { useTranscript } from '../../transcript'
-import type { SemesterGroup } from '../types'
-import { buildCategoryAreaMap, selectableCategoriesFromMap } from '../utils/categoryAssignment'
-import { buildSemesterGroups } from '../utils/studyPlanOverview'
-
-interface UseStudyPlanOverviewResult {
-  summary: ProgressSummary | null
-  semesters: SemesterGroup[]
-  regulationAreas: RegulationAreaProgress[]
-  /** Categories the study program supports — the ones a course can be moved to. */
-  selectableCategories: MasterCat[]
-  isLoading: boolean
-  changeCourseCategory: (course: CompletedCourse, masterCat: MasterCat) => void
-}
-
-/**
- * Read model for the beta study-plan page. It reuses the existing transcript and
- * progress data unchanged — only the shaping (semester grouping) is added here.
- */
-export function useStudyPlanOverview(): UseStudyPlanOverviewResult {
-  const { completedCourses, isLoadingCompletedCourses, setCategory, updateCourse } = useTranscript()
-  const { progressSnapshot, isLoadingProgress } = useProgressSnapshot()
-
-  const semesters = useMemo(
-    () => buildSemesterGroups(completedCourses, getCurrentSemesterLabel()),
-    [completedCourses],
-  )
-
-  const regulationAreas = useMemo(
-    () => progressSnapshot?.regulationProgress ?? [],
-    [progressSnapshot],
-  )
-
-  // A category is assignable by setting the study-area code that maps to it —
-  // the backend derives the category from that area. Catalog-matched courses
-  // accept any regulation area, so the choices come from the program's areas.
-  const categoryAreaMap = useMemo(() => buildCategoryAreaMap(regulationAreas), [regulationAreas])
-  const selectableCategories = useMemo(
-    () => selectableCategoriesFromMap(categoryAreaMap),
-    [categoryAreaMap],
-  )
-
-  const changeCourseCategory = useCallback(
-    (course: CompletedCourse, masterCat: MasterCat): void => {
-      const areaCode = categoryAreaMap.get(masterCat)
-      if (areaCode) {
-        // Set masterCat too so the UI reflects the change immediately; the server
-        // re-derives the same category from the study-area code on save.
-        void updateCourse(course.id, { studyAreaCode: areaCode, masterCat })
-      } else {
-        void setCategory(course.id, masterCat)
-      }
-    },
-    [categoryAreaMap, setCategory, updateCourse],
-  )
-
-  return {
-    summary: progressSnapshot?.summary ?? null,
-    semesters,
-    regulationAreas,
-    selectableCategories,
-    isLoading: isLoadingCompletedCourses || isLoadingProgress,
-    changeCourseCategory,
-  }
-}
diff --git a/frontend/src/features/newui/index.ts b/frontend/src/features/newui/index.ts
deleted file mode 100644
index 2ac1c5e..0000000
--- a/frontend/src/features/newui/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { StudyPlanPage } from './components/StudyPlanPage'
diff --git a/frontend/src/features/newui/types.ts b/frontend/src/features/newui/types.ts
deleted file mode 100644
index e1bd87a..0000000
--- a/frontend/src/features/newui/types.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import type { CompletedCourse } from '../courses'
-
-/** One semester column in the "Semesterverlauf" of the beta study-plan UI. */
-export interface SemesterGroup {
-  label: string
-  courses: CompletedCourse[]
-  totalEcts: number
-  averageGrade: number | null
-  /** Current or future semester — rendered as the open ("offen") column. */
-  isOpen: boolean
-}
diff --git a/frontend/src/features/newui/utils/categoryAssignment.ts b/frontend/src/features/newui/utils/categoryAssignment.ts
deleted file mode 100644
index 0e3d617..0000000
--- a/frontend/src/features/newui/utils/categoryAssignment.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import type { MasterCat } from '../../courses'
-import type { RegulationAreaProgress } from '../../dashboard/types'
-import { studyAreaCodeToMasterCat } from '../../../shared/utils/regulation.ts'
-
-const CATEGORY_ORDER: readonly MasterCat[] = ['TECH', 'THEO', 'PRAK', 'INFO', 'BASIS']
-
-/** The rule-group code the backend accepts when assigning this area. */
-function areaCodeOf(area: RegulationAreaProgress): string {
-  return area.rawAreaCodes?.[0] ?? area.code
-}
-
-/** The master category an area counts toward (derived from its code, then the
- *  backend-provided category as a fallback). */
-function areaCategory(area: RegulationAreaProgress): MasterCat | null {
-  return studyAreaCodeToMasterCat(areaCodeOf(area)) ?? area.masterCat
-}
-
-/**
- * Maps each master category to a study-area code of the student's regulation.
- * This is what makes a category assignable: the backend derives the category
- * from the study area, so picking a category means assigning its area code.
- */
-export function buildCategoryAreaMap(areas: RegulationAreaProgress[]): Map<MasterCat, string> {
-  const map = new Map<MasterCat, string>()
-  for (const area of areas) {
-    const cat = areaCategory(area)
-    if (cat && !map.has(cat)) {
-      map.set(cat, areaCodeOf(area))
-    }
-  }
-  return map
-}
-
-/** Categories the regulation supports, in canonical display order. */
-export function selectableCategoriesFromMap(categoryAreaMap: Map<MasterCat, string>): MasterCat[] {
-  return CATEGORY_ORDER.filter((cat) => categoryAreaMap.has(cat))
-}
diff --git a/frontend/src/features/newui/utils/plannerCategory.ts b/frontend/src/features/newui/utils/plannerCategory.ts
deleted file mode 100644
index 1cec993..0000000
--- a/frontend/src/features/newui/utils/plannerCategory.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import type { MasterCat } from '../../courses'
-import type { RegulationAreaOption } from '../../../shared/utils/regulation'
-
-const CATEGORY_ORDER: readonly MasterCat[] = ['TECH', 'THEO', 'PRAK', 'INFO', 'BASIS']
-
-/** Distinct categories a planned course can be assigned to, in display order. */
-export function categoriesFromOptions(options: RegulationAreaOption[]): MasterCat[] {
-  const cats = new Set<MasterCat>()
-  for (const option of options) {
-    if (option.masterCat) {
-      cats.add(option.masterCat)
-    }
-  }
-  return CATEGORY_ORDER.filter((cat) => cats.has(cat))
-}
-
-/** The area code that assigns a planned course to the given category, if any. */
-export function areaCodeForCategory(options: RegulationAreaOption[], category: MasterCat): string | null {
-  return options.find((option) => option.masterCat === category)?.code ?? null
-}
diff --git a/frontend/src/features/newui/utils/plannerFormat.ts b/frontend/src/features/newui/utils/plannerFormat.ts
deleted file mode 100644
index 8f5ec10..0000000
--- a/frontend/src/features/newui/utils/plannerFormat.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { normalizeWeekday, parseTimeRange } from '../../planner/utils/plannerFeedback.ts'
-
-const DAY_SHORT: Record<string, string> = {
-  Monday: 'Mo',
-  Tuesday: 'Di',
-  Wednesday: 'Mi',
-  Thursday: 'Do',
-  Friday: 'Fr',
-}
-
-function formatHour(minutes: number): string {
-  const hour = Math.floor(minutes / 60)
-  const minute = minutes % 60
-  return minute === 0 ? String(hour) : `${hour}:${String(minute).padStart(2, '0')}`
-}
-
-/**
- * Compacts a tutorial-slot label ("Mo · 14:00-16:00 · A101") to just weekday and
- * hour range ("Mo 14-16").
- */
-export function formatTutorialSlotLabel(label: string): string {
-  const [dayPart = '', timePart = ''] = label.split(' · ')
-  const day = normalizeWeekday(dayPart)
-  const dayShort = day ? DAY_SHORT[day] : dayPart.trim()
-  const range = parseTimeRange(timePart)
-  const time = range ? `${formatHour(range.startMinutes)}-${formatHour(range.endMinutes)}` : timePart.trim()
-  return [dayShort, time].filter(Boolean).join(' ')
-}
diff --git a/frontend/src/features/newui/utils/regulationProgress.ts b/frontend/src/features/newui/utils/regulationProgress.ts
deleted file mode 100644
index 1b45bac..0000000
--- a/frontend/src/features/newui/utils/regulationProgress.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-/** Completed share of an area, clamped to 0–100 (earned may exceed required). */
-export function areaProgressPercent(earnedEcts: number, requiredEcts: number): number {
-  if (requiredEcts <= 0) {
-    return 0
-  }
-  return Math.min(100, Math.round((earnedEcts / requiredEcts) * 100))
-}
diff --git a/frontend/src/features/newui/utils/studyPlanOverview.ts b/frontend/src/features/newui/utils/studyPlanOverview.ts
deleted file mode 100644
index 67eb167..0000000
--- a/frontend/src/features/newui/utils/studyPlanOverview.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import type { CompletedCourse } from '../../courses'
-import { compareSemesterLabels } from '../../planner/utils/semesterLabels.ts'
-import type { SemesterGroup } from '../types.ts'
-
-/** Mean of the counted, graded courses; null when nothing is graded yet. */
-export function averageOfGrades(courses: CompletedCourse[]): number | null {
-  const grades = courses
-    .filter((course) => course.grade !== null && course.isGradeCounted !== false)
-    .map((course) => course.grade as number)
-  if (grades.length === 0) {
-    return null
-  }
-  return grades.reduce((sum, grade) => sum + grade, 0) / grades.length
-}
-
-/**
- * Groups completed courses into semester columns, newest first. The current
- * semester always gets a column (even without courses) so it can render as the
- * open "offen" column; current and future semesters are marked open.
- */
-export function buildSemesterGroups(
-  completedCourses: CompletedCourse[],
-  currentSemesterLabel: string,
-): SemesterGroup[] {
-  const groups = new Map<string, CompletedCourse[]>()
-  for (const course of completedCourses) {
-    const existing = groups.get(course.semester)
-    if (existing) {
-      existing.push(course)
-    } else {
-      groups.set(course.semester, [course])
-    }
-  }
-
-  if (!groups.has(currentSemesterLabel)) {
-    groups.set(currentSemesterLabel, [])
-  }
-
-  return [...groups.entries()]
-    .map(([label, courses]) => ({
-      label,
-      courses,
-      totalEcts: courses.reduce((sum, course) => sum + course.ects, 0),
-      averageGrade: averageOfGrades(courses),
-      isOpen: compareSemesterLabels(label, currentSemesterLabel) >= 0,
-    }))
-    .sort((left, right) => compareSemesterLabels(right.label, left.label))
-}
-
-/** German one-decimal grade, e.g. 1.9 -> "1,9"; null -> "–". */
-export function formatGrade(grade: number | null): string {
-  return grade === null ? '–' : grade.toFixed(1).replace('.', ',')
-}
diff --git a/frontend/src/features/newui/utils/timetableFilter.ts b/frontend/src/features/newui/utils/timetableFilter.ts
deleted file mode 100644
index f091d4b..0000000
--- a/frontend/src/features/newui/utils/timetableFilter.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import type { PlannerBlock } from '../../planner/utils/plannerFeedback.ts'
-import { isTutorialLikeSlotType } from '../../planner/utils/plannerSlotSelection.ts'
-
-// Session types that are neither lectures nor tutorials and must stay out of the
-// weekly grid.
-const OTHER_SESSION_PATTERN = /seminar|praktikum|kolloquium/i
-
-/**
- * The beta timetable shows only lectures and tutorials — never exams/resits
- * (non-weekly slot kinds) or other session types.
- */
-export function isLectureOrTutorialBlock(block: Pick<PlannerBlock, 'slotKind' | 'slotType'>): boolean {
-  if (block.slotKind !== 'weekly') {
-    return false
-  }
-  if (isTutorialLikeSlotType(block.slotType)) {
-    return true
-  }
-  return !OTHER_SESSION_PATTERN.test(block.slotType)
-}
diff --git a/frontend/src/features/routes.ts b/frontend/src/features/routes.ts
index a0cac48..e18deea 100644
--- a/frontend/src/features/routes.ts
+++ b/frontend/src/features/routes.ts
@@ -7,9 +7,6 @@ export const ROUTES = {
   account: '/account',
   log: '/log',
   semesterDetail: '/semester/:label',
-  // Standalone beta UI surface (parallel look, same data); rendered outside the
-  // shared Layout so it can carry its own header and color scheme.
-  beta: '/beta',
 } as const
 
 // The planner hub used to live at '/'; '/' now opens the catalog instead.
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 9314a78..b4ad4a7 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -119,21 +119,6 @@ body {
   }
 }
 
-/* Auto-hiding scrollbar: transparent at rest, visible only while the container is
-   actively scrolled (`is-scrolling`, toggled by useAutoHideScrollbar with a short
-   trailing delay). Uses the standard `scrollbar-color` property (which updates
-   reactively, unlike `::-webkit-scrollbar-*` pseudo-elements that get stuck).
-   Setting `scrollbar-color` also makes WebKit/Chrome ignore the always-on global
-   scrollbar pseudo-elements for these containers. */
-.beta-scroll {
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-}
-
-.beta-scroll.is-scrolling {
-  scrollbar-color: var(--color-scrollbar) transparent;
-}
-
 .dark {
   --color-bg: rgb(26 28 32);
   --color-surface: #27292F;
diff --git a/frontend/tests/newui/categoryAssignment.test.ts b/frontend/tests/newui/categoryAssignment.test.ts
deleted file mode 100644
index ceddff6..0000000
--- a/frontend/tests/newui/categoryAssignment.test.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import assert from 'node:assert/strict'
-import test from 'node:test'
-import type { RegulationAreaProgress } from '../../src/features/dashboard/types.ts'
-import {
-  buildCategoryAreaMap,
-  selectableCategoriesFromMap,
-} from '../../src/features/newui/utils/categoryAssignment.ts'
-
-function area(overrides: Partial<RegulationAreaProgress> & Pick<RegulationAreaProgress, 'code'>): RegulationAreaProgress {
-  return {
-    name: overrides.code,
-    requiredEcts: 18,
-    earnedEcts: 0,
-    masterCat: null,
-    ...overrides,
-  }
-}
-
-const REGULATION: RegulationAreaProgress[] = [
-  area({ code: 'TECH', masterCat: 'TECH' }),
-  area({ code: 'THEO', masterCat: 'THEO' }),
-  area({ code: 'PRAK', masterCat: 'PRAK' }),
-  area({ code: 'INFO', masterCat: 'INFO' }),
-  area({ code: 'FOKUS', masterCat: 'BASIS' }),
-  area({ code: 'THESIS', masterCat: null, requiredEcts: 30 }),
-]
-
-test('maps every regulation category to a valid study-area code', () => {
-  const map = buildCategoryAreaMap(REGULATION)
-  assert.equal(map.get('TECH'), 'TECH')
-  assert.equal(map.get('INFO'), 'INFO')
-  // FOKUS has no code-derived category, so its backend category (BASIS) is used.
-  assert.equal(map.get('BASIS'), 'FOKUS')
-  // The thesis has no category and must not become selectable.
-  assert.equal(map.has('THESIS' as never), false)
-})
-
-test('prefers the raw rule-group code over a merged display code', () => {
-  const map = buildCategoryAreaMap([
-    area({ code: 'INF-MERGED', masterCat: 'INFO', rawAreaCodes: ['INFO'] }),
-  ])
-  assert.equal(map.get('INFO'), 'INFO')
-})
-
-test('lists selectable categories in canonical order', () => {
-  const map = buildCategoryAreaMap(REGULATION)
-  assert.deepEqual(selectableCategoriesFromMap(map), ['TECH', 'THEO', 'PRAK', 'INFO', 'BASIS'])
-})
-
-test('returns no categories for an empty regulation', () => {
-  assert.deepEqual(selectableCategoriesFromMap(buildCategoryAreaMap([])), [])
-})
diff --git a/frontend/tests/newui/plannerBeta.test.ts b/frontend/tests/newui/plannerBeta.test.ts
deleted file mode 100644
index 3391031..0000000
--- a/frontend/tests/newui/plannerBeta.test.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import assert from 'node:assert/strict'
-import test from 'node:test'
-import type { RegulationAreaOption } from '../../src/shared/utils/regulation.ts'
-import {
-  areaCodeForCategory,
-  categoriesFromOptions,
-} from '../../src/features/newui/utils/plannerCategory.ts'
-import { formatTutorialSlotLabel } from '../../src/features/newui/utils/plannerFormat.ts'
-import { isLectureOrTutorialBlock } from '../../src/features/newui/utils/timetableFilter.ts'
-
-function option(overrides: Partial<RegulationAreaOption> & Pick<RegulationAreaOption, 'code' | 'masterCat'>): RegulationAreaOption {
-  return {
-    label: overrides.code,
-    shortLabel: overrides.code,
-    isFlexible: false,
-    ...overrides,
-  }
-}
-
-test('lists selectable categories from area options in canonical order', () => {
-  const options = [
-    option({ code: 'INFO-PRAK', masterCat: 'PRAK' }),
-    option({ code: 'INFO-TECH', masterCat: 'TECH' }),
-    option({ code: 'UEBK', masterCat: 'BASIS' }),
-    option({ code: 'NONE', masterCat: null }),
-  ]
-  assert.deepEqual(categoriesFromOptions(options), ['TECH', 'PRAK', 'BASIS'])
-})
-
-test('resolves the area code for a target category', () => {
-  const options = [
-    option({ code: 'INFO-TECH', masterCat: 'TECH' }),
-    option({ code: 'INFO-PRAK', masterCat: 'PRAK' }),
-  ]
-  assert.equal(areaCodeForCategory(options, 'PRAK'), 'INFO-PRAK')
-  assert.equal(areaCodeForCategory(options, 'THEO'), null)
-})
-
-test('keeps only lectures and tutorials in the timetable', () => {
-  assert.equal(isLectureOrTutorialBlock({ slotKind: 'weekly', slotType: '' }), true)
-  assert.equal(isLectureOrTutorialBlock({ slotKind: 'weekly', slotType: 'Vorlesung' }), true)
-  assert.equal(isLectureOrTutorialBlock({ slotKind: 'weekly', slotType: 'Übung' }), true)
-  assert.equal(isLectureOrTutorialBlock({ slotKind: 'exam', slotType: 'Klausur' }), false)
-  assert.equal(isLectureOrTutorialBlock({ slotKind: 'resit', slotType: 'Nachklausur' }), false)
-  assert.equal(isLectureOrTutorialBlock({ slotKind: 'weekly', slotType: 'Seminar' }), false)
-  assert.equal(isLectureOrTutorialBlock({ slotKind: 'weekly', slotType: 'Praktikum' }), false)
-})
-
-test('compacts tutorial labels to weekday and hour range', () => {
-  assert.equal(formatTutorialSlotLabel('Mo · 14:00-16:00 · A101'), 'Mo 14-16')
-  assert.equal(formatTutorialSlotLabel('Montag · 08:00 - 10:00 · B2'), 'Mo 8-10')
-  assert.equal(formatTutorialSlotLabel('Do · 14:30-16:00'), 'Do 14:30-16')
-})
diff --git a/frontend/tests/newui/regulationProgress.test.ts b/frontend/tests/newui/regulationProgress.test.ts
deleted file mode 100644
index 8c986de..0000000
--- a/frontend/tests/newui/regulationProgress.test.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import assert from 'node:assert/strict'
-import test from 'node:test'
-import { areaProgressPercent } from '../../src/features/newui/utils/regulationProgress.ts'
-
-test('clamps the earned share to 0-100 and rounds', () => {
-  assert.equal(areaProgressPercent(9, 18), 50)
-  assert.equal(areaProgressPercent(24, 18), 100)
-  assert.equal(areaProgressPercent(0, 30), 0)
-})
-
-test('returns 0 when nothing is required', () => {
-  assert.equal(areaProgressPercent(6, 0), 0)
-})
diff --git a/frontend/tests/newui/studyPlanOverview.test.ts b/frontend/tests/newui/studyPlanOverview.test.ts
deleted file mode 100644
index 6907ce3..0000000
--- a/frontend/tests/newui/studyPlanOverview.test.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import assert from 'node:assert/strict'
-import test from 'node:test'
-import type { CompletedCourse } from '../../src/features/courses/types.ts'
-import {
-  averageOfGrades,
-  buildSemesterGroups,
-  formatGrade,
-} from '../../src/features/newui/utils/studyPlanOverview.ts'
-
-function course(overrides: Partial<CompletedCourse> & Pick<CompletedCourse, 'id' | 'semester'>): CompletedCourse {
-  return {
-    title: 'Course',
-    ects: 6,
-    masterCat: 'INFO',
-    grade: 2.0,
-    ...overrides,
-  }
-}
-
-test('groups completed courses by semester, newest first', () => {
-  const groups = buildSemesterGroups(
-    [
-      course({ id: 'a', semester: 'SS 2025', ects: 6 }),
-      course({ id: 'b', semester: 'WS 2024/25', ects: 3 }),
-      course({ id: 'c', semester: 'SS 2025', ects: 6 }),
-    ],
-    'SS 2026',
-  )
-
-  assert.deepEqual(
-    groups.map((group) => group.label),
-    ['SS 2026', 'SS 2025', 'WS 2024/25'],
-  )
-  const ss2025 = groups.find((group) => group.label === 'SS 2025')
-  assert.equal(ss2025?.courses.length, 2)
-  assert.equal(ss2025?.totalEcts, 12)
-})
-
-test('always adds an open column for the current semester', () => {
-  const groups = buildSemesterGroups([], 'SS 2026')
-  assert.equal(groups.length, 1)
-  assert.equal(groups[0]?.label, 'SS 2026')
-  assert.equal(groups[0]?.isOpen, true)
-  assert.equal(groups[0]?.courses.length, 0)
-})
-
-test('marks current and future semesters as open, past as closed', () => {
-  const groups = buildSemesterGroups(
-    [course({ id: 'past', semester: 'SS 2025' }), course({ id: 'future', semester: 'SS 2027' })],
-    'SS 2026',
-  )
-  assert.equal(groups.find((group) => group.label === 'SS 2025')?.isOpen, false)
-  assert.equal(groups.find((group) => group.label === 'SS 2027')?.isOpen, true)
-})
-
-test('averageOfGrades ignores ungraded and uncounted courses', () => {
-  const avg = averageOfGrades([
-    course({ id: 'a', semester: 'SS 2025', grade: 1.0 }),
-    course({ id: 'b', semester: 'SS 2025', grade: 3.0 }),
-    course({ id: 'c', semester: 'SS 2025', grade: null }),
-    course({ id: 'd', semester: 'SS 2025', grade: 5.0, isGradeCounted: false }),
-  ])
-  assert.equal(avg, 2.0)
-  assert.equal(averageOfGrades([course({ id: 'x', semester: 'SS 2025', grade: null })]), null)
-})
-
-test('formatGrade renders one German decimal or a dash', () => {
-  assert.equal(formatGrade(1.9), '1,9')
-  assert.equal(formatGrade(2), '2,0')
-  assert.equal(formatGrade(null), '–')
-})